fix(contour-chip): centered input and fixed spacing

Neovici · Mar 5, 2024 · f5b3045 · f5b3045
1 parent ddd74d7
commit f5b3045
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/autocomplete/autocomplete.ts b/src/autocomplete/autocomplete.ts
@@ -31,7 +31,7 @@ type AProps<I> = Omit<Props<I>, keyof RProps<I>> &
 
 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
@@ -98,11 +98,14 @@ const css = html`
 			cosmoz-autocomplete::part(input-control) {
 				margin: 0 8px;
 			}
+			cosmoz-autocomplete::part(chip-clear) {
+				margin-left: 4px;
+			}
 		</style>
 		<cosmoz-autocomplete
-			.placeholder=${'Choose color'}
+			.label=${'Choose color'}
 			.source=${colors}
-			.limit=${1}
+			.limit=${5}
 			.textProperty=${'text'}
 			.value=${colors[0]}
 			contour