diff --git a/package-lock.json b/package-lock.json index b777d26f..448da8bf 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.3.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.3.1", + "resolved": "https://registry.npmjs.org/@neovici/cosmoz-input/-/cosmoz-input-4.3.1.tgz", + "integrity": "sha512-4wHYzi24WZ6ArirwvTqRr8Wp/N3PhWNgNb3bcjFyCgAmxA3/fNICC3NWA0vY2lVAsjhEnCRLqbl3krFv23ty7Q==", "dependencies": { "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", diff --git a/package.json b/package.json index 20b6d543..335bc326 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.3.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/chip.css.ts b/src/autocomplete/chip.css.ts index a64d029a..12445a01 100644 --- a/src/autocomplete/chip.css.ts +++ b/src/autocomplete/chip.css.ts @@ -14,6 +14,7 @@ export default css` padding: 0 4px 0 8px; gap: 4px; cursor: pointer; + transform: translateY(var(--cosmoz-autocomplete-chip-translate-y, 0)); } .content { color: var(--cosmoz-autocomplete-chip-color, #424242); diff --git a/stories/cosmoz-autocomplete.stories.js b/stories/cosmoz-autocomplete.stories.js index d44e51c7..5bce1de8 100644 --- a/stories/cosmoz-autocomplete.stories.js +++ b/stories/cosmoz-autocomplete.stories.js @@ -120,3 +120,24 @@ export const select = () => html` .min=${1} > `; + +export const contour = () => html`${css} + `;