diff --git a/package-lock.json b/package-lock.json index 4f2e8b06..88c55d4a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "dependencies": { "@lit-labs/virtualizer": "^2.0.0", "@neovici/cosmoz-dropdown": "^4.0.0", - "@neovici/cosmoz-input": "^4.0.0", + "@neovici/cosmoz-input": "^4.1.1", "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", "lit-html": "^2.0.0 || ^3.0.0" @@ -3345,9 +3345,9 @@ } }, "node_modules/@neovici/cosmoz-input": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@neovici/cosmoz-input/-/cosmoz-input-4.0.0.tgz", - "integrity": "sha512-c0ZkxOAOm3wPT9LEUAitNc7+a/meW3yhxGZrqDaLmodqcw7lIXRNZpiMN4E+ekdxHuq3RViM1TrWTUwqhiCxyA==", + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/@neovici/cosmoz-input/-/cosmoz-input-4.1.1.tgz", + "integrity": "sha512-F9IsfPX3rp1kNpLACF/VCStJ8cc4R8Y4rtEU5UjVHVb0of4r6skMe09PsxfSBsDjkPql9d09xUM3LP+givbT7A==", "dependencies": { "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", diff --git a/package.json b/package.json index 8c9141a8..2a62f258 100644 --- a/package.json +++ b/package.json @@ -69,7 +69,7 @@ "dependencies": { "@lit-labs/virtualizer": "^2.0.0", "@neovici/cosmoz-dropdown": "^4.0.0", - "@neovici/cosmoz-input": "^4.0.0", + "@neovici/cosmoz-input": "^4.1.1", "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", "lit-html": "^2.0.0 || ^3.0.0" diff --git a/src/autocomplete/autocomplete.ts b/src/autocomplete/autocomplete.ts index 033ebbe5..83323930 100644 --- a/src/autocomplete/autocomplete.ts +++ b/src/autocomplete/autocomplete.ts @@ -31,7 +31,7 @@ type AProps = Omit, keyof RProps> & const blank = () => nothing; -const inputParts = ['input', 'control', 'label', 'line', 'error'] +const inputParts = ['input', 'control', 'label', 'line', 'error', 'chip', 'chip-text', 'chip-clear'] .map((part) => `${part}: input-${part}`) .join(); diff --git a/stories/cosmoz-autocomplete.stories.js b/stories/cosmoz-autocomplete.stories.js index c37fb120..ae5faba6 100644 --- a/stories/cosmoz-autocomplete.stories.js +++ b/stories/cosmoz-autocomplete.stories.js @@ -82,9 +82,44 @@ const css = html` .textProperty=${'text'} .value=${colors[0]} > - `; + `, + contourStyling = () => html` + `; -export { basic, single, hideEmpty, defaultIndex, disabled, placeholder }; +export { + basic, + single, + hideEmpty, + defaultIndex, + disabled, + placeholder, + contourStyling, +}; export const overflown = () => html` ${css}