@fluid-topics/ft-combobox 2.2.35 → 2.2.37

package/build/ft-combobox.properties.d.ts

@@ -16,6 +16,7 @@ export interface FtComboboxProperties {
     suggestionsProviderDebouncerTimeout?: number;
     canOfferNewValue?: boolean;
     multiValued?: boolean;
+    clearable?: boolean;
     maxValues?: number;
     maxLength?: number;
     labels: string[];

package/build/ft-combobox.styles.js

@@ -185,6 +185,26 @@ export const styles = css `
         color: ${FtComboboxCssVariables.iconColor};
     }
 
+    .ft-combobox--clear-button {
+        align-self: center;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        margin: 4px 0 0 4px;
+        padding: 4px;
+        border: none;
+        border-radius: 50%;
+        background: none;
+        cursor: pointer;
+        color: ${FtComboboxCssVariables.iconColor};
+    }
+
+    .ft-combobox--clear-button:focus-visible {
+        outline: 2px solid ${FtComboboxCssVariables.colorPrimary};
+        outline-offset: 0;
+    }
+
     .ft-combobox--with-icon {
         ${setVariable(FtInputLabelCssVariables.labelMaxWidth, `calc(100% - ${FtIconCssVariables.size} - ${FtComboboxCssVariables.horizontalSpacing})`)};
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fluid-topics/ft-combobox",
-    "version": "2.2.35",
+    "version": "2.2.37",
     "description": "A",
     "keywords": [
         "Lit"
@@ -19,18 +19,18 @@
         "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
     },
     "dependencies": {
-        "@fluid-topics/ft-chip": "2.2.35",
-        "@fluid-topics/ft-i18n": "2.2.35",
-        "@fluid-topics/ft-icon": "2.2.35",
-        "@fluid-topics/ft-input-label": "2.2.35",
-        "@fluid-topics/ft-ripple": "2.2.35",
-        "@fluid-topics/ft-text-field": "2.2.35",
-        "@fluid-topics/ft-typography": "2.2.35",
-        "@fluid-topics/ft-wc-utils": "2.2.35",
+        "@fluid-topics/ft-chip": "2.2.37",
+        "@fluid-topics/ft-i18n": "2.2.37",
+        "@fluid-topics/ft-icon": "2.2.37",
+        "@fluid-topics/ft-input-label": "2.2.37",
+        "@fluid-topics/ft-ripple": "2.2.37",
+        "@fluid-topics/ft-text-field": "2.2.37",
+        "@fluid-topics/ft-typography": "2.2.37",
+        "@fluid-topics/ft-wc-utils": "2.2.37",
         "lit": "3.3.3"
     },
     "devDependencies": {
-        "@fluid-topics/ft-wc-test-utils": "2.2.35"
+        "@fluid-topics/ft-wc-test-utils": "2.2.37"
     },
-    "gitHead": "040e8142a897fe04b0ecceb7b2de59d1e6ec3fb7"
+    "gitHead": "d63a6da53ab8005823b5ab9da20c144de93f45a8"
 }