From 51d81e5860faaddd550fbf574361ff896f7dfa3e Mon Sep 17 00:00:00 2001 From: Carlo Barone Date: Fri, 8 Mar 2024 14:19:48 +0100 Subject: [PATCH 1/7] fix(dependencies/cosmoz-input): latest release in package --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index b777d26f..7a2964c0 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.0", "@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.0", + "resolved": "https://registry.npmjs.org/@neovici/cosmoz-input/-/cosmoz-input-4.3.0.tgz", + "integrity": "sha512-t3yPT4z0OET+vXFVRpQj6rilCiAXLtdv4KsyNeuPrnaHH6WnIzXH2ApmkREEQeJ/4YOt4PqDHzQ16cl8mTWPiA==", "dependencies": { "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", diff --git a/package.json b/package.json index 20b6d543..00cd280d 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.0", "@neovici/cosmoz-utils": "^6.0.0", "@pionjs/pion": "^2.0.0", "lit-html": "^2.0.0 || ^3.0.0" From a95d979ed3ca3f29877d46bc958adcead4110a32 Mon Sep 17 00:00:00 2001 From: Carlo Barone Date: Fri, 8 Mar 2024 14:39:28 +0100 Subject: [PATCH 2/7] feat(autocomplete/chip): contour styling for autocomplete and new radius for the chip --- src/autocomplete/chip.css.ts | 1 + stories/cosmoz-autocomplete.stories.js | 36 +++++++++++++++++++++----- 2 files changed, 31 insertions(+), 6 deletions(-) diff --git a/src/autocomplete/chip.css.ts b/src/autocomplete/chip.css.ts index a64d029a..453acfae 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)); } .content { color: var(--cosmoz-autocomplete-chip-color, #424242); diff --git a/stories/cosmoz-autocomplete.stories.js b/stories/cosmoz-autocomplete.stories.js index d44e51c7..3dbb19ee 100644 --- a/stories/cosmoz-autocomplete.stories.js +++ b/stories/cosmoz-autocomplete.stories.js @@ -114,9 +114,33 @@ export const select = () => html` .source=${colors} .limit=${1} .textProperty=${'text'} - .value=${colors[2]} - show-single - preserve-order - .min=${1} - > -`; + .value=${[colors[0], colors[1], colors[2]]} + wrap + style="max-width: 170px" + >`; + +export const contour = () => html` + `; From f5ee961c9101b5c86f092a1abc837e86d5e3a668 Mon Sep 17 00:00:00 2001 From: Carlo Barone Date: Fri, 15 Mar 2024 09:37:48 +0100 Subject: [PATCH 3/7] fix(style): fallback necessary for translation --- src/autocomplete/chip.css.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/autocomplete/chip.css.ts b/src/autocomplete/chip.css.ts index 453acfae..59e4e301 100644 --- a/src/autocomplete/chip.css.ts +++ b/src/autocomplete/chip.css.ts @@ -13,8 +13,7 @@ export default css` min-width: 40px; padding: 0 4px 0 8px; gap: 4px; - cursor: pointer; - transform: translateY(var(--cosmoz-autocomplete-chip-translate-y)); + transform: translateY(var(--cosmoz-autocomplete-chip-translate-y, 0)); } .content { color: var(--cosmoz-autocomplete-chip-color, #424242); From ab57478cef04c6df23834b148ec7a7252461ce1d Mon Sep 17 00:00:00 2001 From: Carlo Barone Date: Tue, 19 Mar 2024 13:40:47 +0100 Subject: [PATCH 4/7] fix(style): font inserted in the right file --- src/autocomplete/styles.css.ts | 1 + stories/cosmoz-autocomplete.stories.js | 5 ++--- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/autocomplete/styles.css.ts b/src/autocomplete/styles.css.ts index 3d9e6da6..1bbf2d34 100644 --- a/src/autocomplete/styles.css.ts +++ b/src/autocomplete/styles.css.ts @@ -5,6 +5,7 @@ export default css` display: block; position: relative; min-width: 35px; + font-family: 'Inter', sans-serif; } cosmoz-input::part(control) { diff --git a/stories/cosmoz-autocomplete.stories.js b/stories/cosmoz-autocomplete.stories.js index 3dbb19ee..5da40c7b 100644 --- a/stories/cosmoz-autocomplete.stories.js +++ b/stories/cosmoz-autocomplete.stories.js @@ -107,8 +107,7 @@ export const wrap = () => style="max-width: 170px" >`; -export const select = () => html` - ${css} +export const select = () => html` ${css} html`