@fluid-topics/ftds-combobox 2.0.37

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

@@ -0,0 +1,8 @@
+import { FtdsBaseComboboxProperties } from "./ftds-base-combobox.properties";
+export interface FtdsComboboxProperties extends FtdsBaseComboboxProperties {
+}
+export declare class FtdsComboboxChangeEvent extends CustomEvent<{
+    value: string;
+}> {
+    constructor(value: string);
+}

package/build/ftds-combobox.properties.js

@@ -0,0 +1,5 @@
+export class FtdsComboboxChangeEvent extends CustomEvent {
+    constructor(value) {
+        super("change", { detail: { value } });
+    }
+}

package/build/ftds-combobox.styles.d.ts

@@ -0,0 +1 @@
+export declare const comboboxStyles: import("lit").CSSResult;

package/build/ftds-combobox.styles.js

@@ -0,0 +1,36 @@
+import { css } from "lit";
+import { floatingMenu } from "@fluid-topics/design-system-variables";
+// language=css
+export const comboboxStyles = css `
+    :host {
+        display: block;
+        position: relative;
+        width: 100%;
+    }
+
+    .listbox-option {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultUncheckedStateLayerColor} calc(${floatingMenu.defaultUncheckedDefaultStateLayerOpacity} * 100%), transparent);
+        color: ${floatingMenu.defaultUncheckedColor};
+    }
+
+    .listbox-option:hover {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultUncheckedStateLayerColor} calc(${floatingMenu.defaultUncheckedHoverStateLayerOpacity} * 100%), transparent);
+    }
+
+    .listbox-option[data-active="true"] {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultUncheckedStateLayerColor} calc(${floatingMenu.defaultUncheckedFocusStateLayerOpacity} * 100%), transparent);
+    }
+
+    .listbox-option[aria-selected="true"] {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultCheckedStateLayerColor} calc(${floatingMenu.defaultCheckedDefaultStateLayerOpacity} * 100%), transparent);
+        color: ${floatingMenu.defaultCheckedColor};
+    }
+
+    .listbox-option[aria-selected="true"]:hover {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultCheckedStateLayerColor} calc(${floatingMenu.defaultCheckedHoverStateLayerOpacity} * 100%), transparent);
+    }
+
+    .listbox-option[aria-selected="true"][data-active="true"] {
+        background-color: color-mix(in srgb, ${floatingMenu.defaultCheckedStateLayerColor} calc(${floatingMenu.defaultCheckedFocusStateLayerOpacity} * 100%), transparent);
+    }
+`;

package/build/index.d.ts

@@ -0,0 +1,11 @@
+export * from "./ftds-base-combobox";
+export * from "./ftds-base-combobox.properties";
+export * from "./ftds-base-combobox.styles";
+export * from "./BaseComboboxSuggestionProvider";
+export * from "./ftds-combobox";
+export * from "./ftds-combobox.properties";
+export * from "./ftds-combobox.styles";
+export * from "./ftds-combobox-multi-value";
+export * from "./ftds-combobox-multi-value.properties";
+export * from "./ftds-combobox-multi-value.styles";
+import "./define";

package/build/index.js

@@ -0,0 +1,11 @@
+export * from "./ftds-base-combobox";
+export * from "./ftds-base-combobox.properties";
+export * from "./ftds-base-combobox.styles";
+export * from "./BaseComboboxSuggestionProvider";
+export * from "./ftds-combobox";
+export * from "./ftds-combobox.properties";
+export * from "./ftds-combobox.styles";
+export * from "./ftds-combobox-multi-value";
+export * from "./ftds-combobox-multi-value.properties";
+export * from "./ftds-combobox-multi-value.styles";
+import "./define";

package/package.json

@@ -0,0 +1,36 @@
+{
+    "name": "@fluid-topics/ftds-combobox",
+    "version": "2.0.37",
+    "description": "Single-select combobox for the Fluid Topics Design System",
+    "keywords": [
+        "Lit"
+    ],
+    "author": "Fluid Topics <devtopics@antidot.net>",
+    "license": "ISC",
+    "main": "build/index.js",
+    "web": "build/ftds-combobox.min.js",
+    "typings": "build/index",
+    "files": [
+        "build/**/*.js",
+        "build/**/*.ts"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
+    },
+    "dependencies": {
+        "@fluid-topics/design-system-variables": "3.4.1",
+        "@fluid-topics/ft-base-input": "2.0.37",
+        "@fluid-topics/ft-chip-group": "2.0.37",
+        "@fluid-topics/ft-i18n": "2.0.37",
+        "@fluid-topics/ft-icon": "2.0.37",
+        "@fluid-topics/ft-notice": "2.0.37",
+        "@fluid-topics/ft-typography": "2.0.37",
+        "@fluid-topics/ft-wc-utils": "2.0.37",
+        "lit": "3.1.0"
+    },
+    "devDependencies": {
+        "@fluid-topics/ft-wc-test-utils": "2.0.37"
+    },
+    "gitHead": "ef1f68e09e0331293931458a6479b551dcc4cecc"
+}