igniteui-webcomponents 5.2.4 → 5.3.0-RC.0

package/components/resize-container/resize-controller.js

@@ -0,0 +1,185 @@
+import { findElementFromEventPath } from '../common/util.js';
+import { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';
+const additionalEvents = ['pointermove', 'lostpointercapture'];
+class ResizeController {
+    get _element() {
+        return this._activeRef ?? this._host;
+    }
+    get _resizeTarget() {
+        return this._options.resizeTarget?.call(this._host) ?? this._host;
+    }
+    get _layer() {
+        if (!this._isDeferred) {
+            return this._host;
+        }
+        return this._options.layer?.() ?? this._host;
+    }
+    get _isDeferred() {
+        return this._options.mode === 'deferred';
+    }
+    get _stateParameters() {
+        const { initial, current } = this._state;
+        return {
+            initial,
+            current,
+            deltaX: current.width - initial.width,
+            deltaY: current.height - initial.height,
+            ghost: this._ghost,
+            trigger: this._activeRef,
+        };
+    }
+    constructor(host, options) {
+        this._options = {
+            enabled: true,
+            layer: getDefaultLayer,
+        };
+        this._id = -1;
+        this._hasPointerCapture = false;
+        this._activeRef = null;
+        this._ghost = null;
+        this._host = host;
+        this._host.addController(this);
+        this.set(options);
+    }
+    get enabled() {
+        return Boolean(this._options.enabled);
+    }
+    set(options) {
+        Object.assign(this._options, options);
+    }
+    dispose() {
+        this._setResizeState(false);
+        this._removeGhostElement();
+        this._activeRef = null;
+    }
+    hostConnected() {
+        this._host.addEventListener('pointerdown', this);
+        this._host.addEventListener('touchstart', this, { passive: false });
+    }
+    hostDisconnected() {
+        this._host.removeEventListener('pointerdown', this);
+        this._host.removeEventListener('touchstart', this);
+        this._setResizeCancelListener(false);
+        this._removeGhostElement();
+    }
+    handleEvent(event) {
+        if (!this.enabled) {
+            return;
+        }
+        switch (event.type) {
+            case 'touchstart':
+                event.preventDefault();
+                break;
+            case 'keydown':
+                this._handleCancel(event);
+                break;
+            case 'pointerdown':
+                this._handlePointerDown(event);
+                break;
+            case 'pointermove':
+                this._handlePointerMove(event);
+                break;
+            case 'lostpointercapture':
+                this._handlePointerEnd(event);
+                break;
+        }
+    }
+    _handlePointerDown(event) {
+        if (event.button || this._shouldSkip(event)) {
+            return;
+        }
+        this._setInitialState(event);
+        this._createGhostElement();
+        this._options.start?.call(this._host, {
+            event,
+            state: this._stateParameters,
+        });
+        this._setResizeState();
+    }
+    _handlePointerMove(event) {
+        if (!this._hasPointerCapture) {
+            return;
+        }
+        this._updateState(event);
+        const parameters = { event, state: this._stateParameters };
+        this._options.resize?.call(this._host, parameters);
+        this._state.current = parameters.state.current;
+        this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);
+    }
+    _handlePointerEnd(event) {
+        const parameters = { event, state: this._stateParameters };
+        this._options.end?.call(this._host, parameters);
+        this._state.current = parameters.state.current;
+        this.dispose();
+    }
+    _handleCancel(event) {
+        const key = event.key.toLowerCase();
+        if (this._hasPointerCapture && key === 'escape') {
+            this._options.cancel?.call(this._host, this._stateParameters);
+        }
+    }
+    _shouldSkip(event) {
+        this._setActiveRef(event);
+        return !this._activeRef;
+    }
+    _setActiveRef(event) {
+        const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];
+        this._activeRef =
+            findElementFromEventPath((e) => refs.includes(e), event) ?? null;
+    }
+    _setResizeState(enabled = true) {
+        this._hasPointerCapture = enabled;
+        enabled
+            ? this._element.setPointerCapture(this._id)
+            : this._element.releasePointerCapture(this._id);
+        this._setResizeCancelListener(enabled);
+        for (const type of additionalEvents) {
+            enabled
+                ? this._host.addEventListener(type, this)
+                : this._host.removeEventListener(type, this);
+        }
+    }
+    _setResizeCancelListener(enabled = true) {
+        enabled
+            ? globalThis.addEventListener('keydown', this)
+            : globalThis.removeEventListener('keydown', this);
+    }
+    _setInitialState({ pointerId }) {
+        const dimensions = this._resizeTarget.getBoundingClientRect();
+        this._id = pointerId;
+        this._state = {
+            initial: dimensions,
+            current: structuredClone(dimensions),
+        };
+    }
+    _updateState({ clientX, clientY }) {
+        this._state.current.width = clientX - this._state.initial.x;
+        this._state.current.height = clientY - this._state.initial.y;
+    }
+    _updatePosition(element) {
+        if (element) {
+            Object.assign(element.style, {
+                width: `${this._state.current.width}px`,
+                height: `${this._state.current.height}px`,
+            });
+        }
+    }
+    _createGhostElement() {
+        if (!this._isDeferred) {
+            return;
+        }
+        this._ghost =
+            this._options.deferredFactory?.call(this._host) ??
+                createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());
+        this._ghost.setAttribute('data-resize-ghost', '');
+        this._layer.append(this._ghost);
+    }
+    _removeGhostElement() {
+        this._ghost?.remove();
+        this._ghost = null;
+    }
+}
+export function addResizeController(host, options) {
+    return new ResizeController(host, options);
+}
+//# sourceMappingURL=resize-controller.js.map

package/components/resize-container/resize-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-controller.js","sourceRoot":"","sources":["../../../src/components/resize-container/resize-controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nimport { findElementFromEventPath } from '../common/util.js';\nimport { createDefaultGhostElement, getDefaultLayer } from './default-ghost.js';\nimport type { ResizeControllerConfiguration, ResizeState } from './types.js';\n\nconst additionalEvents = ['pointermove', 'lostpointercapture'] as const;\n\ntype State = {\n  initial: DOMRect;\n  current: DOMRect;\n};\n\nclass ResizeController implements ReactiveController {\n  private _host: ReactiveControllerHost & HTMLElement;\n  private _options: ResizeControllerConfiguration = {\n    enabled: true,\n    layer: getDefaultLayer,\n  };\n\n  private _id = -1;\n  private _hasPointerCapture = false;\n  private _state!: State;\n\n  private _activeRef: HTMLElement | null = null;\n  private _ghost: HTMLElement | null = null;\n\n  private get _element(): HTMLElement {\n    return this._activeRef ?? this._host;\n  }\n\n  private get _resizeTarget(): HTMLElement {\n    return this._options.resizeTarget?.call(this._host) ?? this._host;\n  }\n\n  private get _layer(): HTMLElement {\n    if (!this._isDeferred) {\n      return this._host;\n    }\n\n    return this._options.layer?.() ?? this._host;\n  }\n\n  /** Whether the controller is in deferred mode. */\n  private get _isDeferred(): boolean {\n    return this._options.mode === 'deferred';\n  }\n\n  private get _stateParameters(): ResizeState {\n    const { initial, current } = this._state;\n\n    return {\n      initial,\n      current,\n      deltaX: current.width - initial.width,\n      deltaY: current.height - initial.height,\n      ghost: this._ghost,\n      trigger: this._activeRef,\n    };\n  }\n\n  constructor(\n    host: ReactiveControllerHost & HTMLElement,\n    options?: ResizeControllerConfiguration\n  ) {\n    this._host = host;\n    this._host.addController(this);\n\n    this.set(options);\n  }\n\n  // #region Public API\n\n  /** Whether the controller is enabled and will listen for events. */\n  public get enabled(): boolean {\n    return Boolean(this._options.enabled);\n  }\n\n  /** Updates the configuration of the resize controller. */\n  public set(options?: ResizeControllerConfiguration): void {\n    Object.assign(this._options, options);\n  }\n\n  /** Stops any resizing operation, cleaning up any additional elements and event listeners. */\n  public dispose(): void {\n    this._setResizeState(false);\n    this._removeGhostElement();\n    this._activeRef = null;\n  }\n\n  /** @internal */\n  public hostConnected(): void {\n    this._host.addEventListener('pointerdown', this);\n    this._host.addEventListener('touchstart', this, { passive: false });\n  }\n\n  /** @internal */\n  public hostDisconnected(): void {\n    this._host.removeEventListener('pointerdown', this);\n    this._host.removeEventListener('touchstart', this);\n    this._setResizeCancelListener(false);\n    this._removeGhostElement();\n  }\n\n  /** @internal */\n  public handleEvent(event: PointerEvent & KeyboardEvent): void {\n    if (!this.enabled) {\n      return;\n    }\n\n    switch (event.type) {\n      case 'touchstart':\n        event.preventDefault();\n        break;\n      case 'keydown':\n        this._handleCancel(event);\n        break;\n      case 'pointerdown':\n        this._handlePointerDown(event);\n        break;\n      case 'pointermove':\n        this._handlePointerMove(event);\n        break;\n      case 'lostpointercapture':\n        this._handlePointerEnd(event);\n        break;\n    }\n  }\n  // #endregion\n\n  // #region Event handlers\n\n  private _handlePointerDown(event: PointerEvent): void {\n    // Non-primary buttons are ignored\n    if (event.button || this._shouldSkip(event)) {\n      return;\n    }\n\n    this._setInitialState(event);\n    this._createGhostElement();\n\n    this._options.start?.call(this._host, {\n      event,\n      state: this._stateParameters,\n    });\n    this._setResizeState();\n  }\n\n  private _handlePointerMove(event: PointerEvent): void {\n    if (!this._hasPointerCapture) {\n      return;\n    }\n\n    this._updateState(event);\n\n    const parameters = { event, state: this._stateParameters };\n    this._options.resize?.call(this._host, parameters);\n    this._state.current = parameters.state.current;\n    this._updatePosition(this._isDeferred ? this._ghost : this._resizeTarget);\n  }\n\n  private _handlePointerEnd(event: PointerEvent): void {\n    const parameters = { event, state: this._stateParameters };\n\n    this._options.end?.call(this._host, parameters);\n    this._state.current = parameters.state.current;\n    // TODO:\n    // this._updatePosition(this._resizeTarget);\n    this.dispose();\n  }\n\n  private _handleCancel(event: KeyboardEvent): void {\n    const key = event.key.toLowerCase();\n\n    if (this._hasPointerCapture && key === 'escape') {\n      this._options.cancel?.call(this._host, this._stateParameters);\n    }\n  }\n\n  // #endregion\n\n  // #region Internal API\n\n  private _shouldSkip(event: PointerEvent): boolean {\n    this._setActiveRef(event);\n    return !this._activeRef;\n  }\n\n  private _setActiveRef(event: Event): void {\n    const refs = this._options.ref?.map(({ value }) => value) ?? [this._host];\n\n    this._activeRef =\n      findElementFromEventPath<HTMLElement>(\n        (e) => refs.includes(e as HTMLElement),\n        event\n      ) ?? null;\n  }\n\n  private _setResizeState(enabled = true): void {\n    this._hasPointerCapture = enabled;\n\n    enabled\n      ? this._element.setPointerCapture(this._id)\n      : this._element.releasePointerCapture(this._id);\n\n    this._setResizeCancelListener(enabled);\n\n    // Toggle additional event listeners\n    for (const type of additionalEvents) {\n      enabled\n        ? this._host.addEventListener(type, this)\n        : this._host.removeEventListener(type, this);\n    }\n  }\n\n  private _setResizeCancelListener(enabled = true): void {\n    enabled\n      ? globalThis.addEventListener('keydown', this)\n      : globalThis.removeEventListener('keydown', this);\n  }\n\n  private _setInitialState({ pointerId }: PointerEvent): void {\n    const dimensions = this._resizeTarget.getBoundingClientRect();\n\n    this._id = pointerId;\n    this._state = {\n      initial: dimensions,\n      current: structuredClone(dimensions),\n    };\n  }\n\n  private _updateState({ clientX, clientY }: PointerEvent): void {\n    this._state.current.width = clientX - this._state.initial.x;\n    this._state.current.height = clientY - this._state.initial.y;\n  }\n\n  private _updatePosition(element: HTMLElement | null): void {\n    if (element) {\n      Object.assign(element.style, {\n        width: `${this._state.current.width}px`,\n        height: `${this._state.current.height}px`,\n      });\n    }\n  }\n\n  private _createGhostElement(): void {\n    if (!this._isDeferred) {\n      return;\n    }\n\n    this._ghost =\n      this._options.deferredFactory?.call(this._host) ??\n      createDefaultGhostElement(this._resizeTarget.getBoundingClientRect());\n\n    this._ghost.setAttribute('data-resize-ghost', '');\n    this._layer.append(this._ghost);\n  }\n\n  private _removeGhostElement(): void {\n    this._ghost?.remove();\n    this._ghost = null;\n  }\n\n  // #endregion\n}\n\nexport function addResizeController(\n  host: ReactiveControllerHost & HTMLElement,\n  options?: ResizeControllerConfiguration\n): ResizeController {\n  return new ResizeController(host, options);\n}\n"]}

package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: bootstrap}`;
+//# sourceMappingURL=resize-indicator.bootstrap.css.js.map

package/components/resize-container/themes/dark/resize-indicator.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}

package/components/resize-container/themes/dark/resize-indicator.fluent.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: fluent}`;
+//# sourceMappingURL=resize-indicator.fluent.css.js.map

package/components/resize-container/themes/dark/resize-indicator.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

package/components/resize-container/themes/dark/resize-indicator.indigo.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-300));--ig-theme: indigo}`;
+//# sourceMappingURL=resize-indicator.indigo.css.js.map

package/components/resize-container/themes/dark/resize-indicator.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kHAAkH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-300));--ig-theme: indigo}`;\n"]}

package/components/resize-container/themes/dark/resize-indicator.material.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material}`;
+//# sourceMappingURL=resize-indicator.material.css.js.map

package/components/resize-container/themes/dark/resize-indicator.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/resize-container/themes/dark/resize-indicator.shared.css.d.ts

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

package/components/resize-container/themes/dark/resize-indicator.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;
+//# sourceMappingURL=resize-indicator.shared.css.js.map

package/components/resize-container/themes/dark/resize-indicator.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/dark/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+FAA+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;\n"]}

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: bootstrap}`;
+//# sourceMappingURL=resize-indicator.bootstrap.css.js.map

package/components/resize-container/themes/light/resize-indicator.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8BAA8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: bootstrap}`;\n"]}

package/components/resize-container/themes/light/resize-indicator.fluent.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: fluent}`;
+//# sourceMappingURL=resize-indicator.fluent.css.js.map

package/components/resize-container/themes/light/resize-indicator.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: fluent}`;\n"]}

package/components/resize-container/themes/light/resize-indicator.indigo.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: indigo}`;
+//# sourceMappingURL=resize-indicator.indigo.css.js.map

package/components/resize-container/themes/light/resize-indicator.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2BAA2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: indigo}`;\n"]}

package/components/resize-container/themes/light/resize-indicator.material.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--ig-theme: material}`;
+//# sourceMappingURL=resize-indicator.material.css.js.map

package/components/resize-container/themes/light/resize-indicator.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.material.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6BAA6B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--ig-theme: material}`;\n"]}

package/components/resize-container/themes/light/resize-indicator.shared.css.d.ts

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

package/components/resize-container/themes/light/resize-indicator.shared.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;
+//# sourceMappingURL=resize-indicator.shared.css.js.map

package/components/resize-container/themes/light/resize-indicator.shared.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-indicator.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/light/resize-indicator.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+FAA+F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-primary-500))}`;\n"]}

package/components/resize-container/themes/resize-container.base.css.d.ts

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

package/components/resize-container/themes/resize-container.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=trigger-side],[part=trigger],[part=trigger-bottom]{--_size: 0.6875rem;display:inline-flex;visibility:var(--resize-visibility);position:absolute;z-index:1}:host{display:contents}[part~=resize-base]{position:relative;height:100%}[part=trigger-side]{top:calc(50% - var(--_size));right:calc(var(--_size)/2*-1);cursor:e-resize}[part=trigger]{bottom:calc(var(--_size)/2*-1);right:calc(var(--_size)/2*-1);cursor:se-resize}[part=trigger-bottom]{left:calc(50% - var(--_size));bottom:calc(var(--_size)/2*-1);cursor:s-resize}[part=trigger]:focus{outline:none}`;
+//# sourceMappingURL=resize-container.base.css.js.map

package/components/resize-container/themes/resize-container.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-container.base.css.js","sourceRoot":"","sources":["../../../../src/components/resize-container/themes/resize-container.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o/CAAo/C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part=trigger-side],[part=trigger],[part=trigger-bottom]{--_size: 0.6875rem;display:inline-flex;visibility:var(--resize-visibility);position:absolute;z-index:1}:host{display:contents}[part~=resize-base]{position:relative;height:100%}[part=trigger-side]{top:calc(50% - var(--_size));right:calc(var(--_size)/2*-1);cursor:e-resize}[part=trigger]{bottom:calc(var(--_size)/2*-1);right:calc(var(--_size)/2*-1);cursor:se-resize}[part=trigger-bottom]{left:calc(50% - var(--_size));bottom:calc(var(--_size)/2*-1);cursor:s-resize}[part=trigger]:focus{outline:none}`;\n"]}

package/components/resize-container/themes/shared/resize-container.common.css.d.ts

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

package/components/resize-container/themes/shared/resize-container.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=active]::after{content:"";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:var(--_border-radius);border:.0625rem solid var(--resize-indicator)}[part=trigger-side],[part=trigger],[part=trigger-bottom]{width:var(--_size);aspect-ratio:1;border-radius:50%;z-index:11111;background-color:var(--resize-indicator)}`;
+//# sourceMappingURL=resize-container.common.css.js.map

package/components/resize-container/themes/shared/resize-container.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-container.common.css.js","sourceRoot":"","sources":["../../../../../src/components/resize-container/themes/shared/resize-container.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8VAA8V,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]::after{content:\"\";position:absolute;pointer-events:none;inset:0;width:100%;height:100%;border-radius:var(--_border-radius);border:.0625rem solid var(--resize-indicator)}[part=trigger-side],[part=trigger],[part=trigger-bottom]{width:var(--_size);aspect-ratio:1;border-radius:50%;z-index:11111;background-color:var(--resize-indicator)}`;\n"]}

package/components/resize-container/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import type { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/resize-container/themes/themes.js

@@ -0,0 +1,47 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/resize-indicator.bootstrap.css.js';
+import { styles as fluentDark } from './dark/resize-indicator.fluent.css.js';
+import { styles as indigoDark } from './dark/resize-indicator.indigo.css.js';
+import { styles as materialDark } from './dark/resize-indicator.material.css.js';
+import { styles as sharedDark } from './dark/resize-indicator.shared.css.js';
+import { styles as bootstrapLight } from './light/resize-indicator.bootstrap.css.js';
+import { styles as fluentLight } from './light/resize-indicator.fluent.css.js';
+import { styles as indigoLight } from './light/resize-indicator.indigo.css.js';
+import { styles as materialLight } from './light/resize-indicator.material.css.js';
+import { styles as sharedLight } from './light/resize-indicator.shared.css.js';
+const light = {
+    shared: css `
+    ${sharedLight}
+  `,
+    bootstrap: css `
+    ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluentLight}
+  `,
+    indigo: css `
+    ${indigoLight}
+  `,
+};
+const dark = {
+    shared: css `
+    ${sharedDark}
+  `,
+    bootstrap: css `
+    ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluentDark}
+  `,
+    indigo: css `
+    ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/resize-container/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/resize-container/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAE7E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE/E,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,SAAS,EAAE,GAAG,CAAA;MACV,cAAc;GACjB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;IACD,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,SAAS,EAAE,GAAG,CAAA;MACV,aAAa;GAChB;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;IACD,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/resize-indicator.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/resize-indicator.fluent.css.js';\nimport { styles as indigoDark } from './dark/resize-indicator.indigo.css.js';\nimport { styles as materialDark } from './dark/resize-indicator.material.css.js';\nimport { styles as sharedDark } from './dark/resize-indicator.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/resize-indicator.bootstrap.css.js';\nimport { styles as fluentLight } from './light/resize-indicator.fluent.css.js';\nimport { styles as indigoLight } from './light/resize-indicator.indigo.css.js';\nimport { styles as materialLight } from './light/resize-indicator.material.css.js';\nimport { styles as sharedLight } from './light/resize-indicator.shared.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\n  `,\n  bootstrap: css`\n    ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluentLight}\n  `,\n  indigo: css`\n    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\n  `,\n  bootstrap: css`\n    ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluentDark}\n  `,\n  indigo: css`\n    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/resize-container/types.d.ts

@@ -0,0 +1,39 @@
+import type { Ref } from 'lit/directives/ref.js';
+export type ResizeMode = 'immediate' | 'deferred';
+export type ResizeCallback = (params: ResizeCallbackParams) => unknown;
+export type ResizeCancelCallback = (state: ResizeState) => unknown;
+export type ResizeGhostFactory = () => HTMLElement;
+export type ResizeState = {
+    initial: DOMRect;
+    current: DOMRect;
+    deltaX: number;
+    deltaY: number;
+    ghost: HTMLElement | null;
+    trigger: HTMLElement | null;
+};
+export type ResizeCallbackParams = {
+    event: PointerEvent;
+    state: ResizeState;
+};
+export type ResizeControllerConfiguration = {
+    enabled?: boolean;
+    ref?: Ref<HTMLElement>[];
+    mode?: ResizeMode;
+    deferredFactory?: ResizeGhostFactory;
+    layer?: () => HTMLElement;
+    /** Callback invoked at the start of a resize operation. */
+    start?: ResizeCallback;
+    /** Callback invoked on each pointer move during a resize operation. */
+    resize?: ResizeCallback;
+    /** Callback invoked when a resize operation completes. */
+    end?: ResizeCallback;
+    /** Callback invoked when a resize operation is cancelled. */
+    cancel?: ResizeCancelCallback;
+    /**
+     * Optional callback that returns the DOM element which will be resized/resizing depending on the
+     * configured mode of the controller.
+     *
+     * Defaults to the controller host.
+     */
+    resizeTarget?: () => HTMLElement;
+};

package/components/resize-container/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/resize-container/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/resize-container/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Ref } from 'lit/directives/ref.js';\n\nexport type ResizeMode = 'immediate' | 'deferred';\nexport type ResizeCallback = (params: ResizeCallbackParams) => unknown;\nexport type ResizeCancelCallback = (state: ResizeState) => unknown;\nexport type ResizeGhostFactory = () => HTMLElement;\n\nexport type ResizeState = {\n  initial: DOMRect;\n  current: DOMRect;\n  deltaX: number;\n  deltaY: number;\n  ghost: HTMLElement | null;\n  trigger: HTMLElement | null;\n};\n\nexport type ResizeCallbackParams = {\n  event: PointerEvent;\n  state: ResizeState;\n};\n\nexport type ResizeControllerConfiguration = {\n  enabled?: boolean;\n  ref?: Ref<HTMLElement>[];\n  mode?: ResizeMode;\n  deferredFactory?: ResizeGhostFactory;\n  layer?: () => HTMLElement;\n  /** Callback invoked at the start of a resize operation. */\n  start?: ResizeCallback;\n  /** Callback invoked on each pointer move during a resize operation. */\n  resize?: ResizeCallback;\n  /** Callback invoked when a resize operation completes. */\n  end?: ResizeCallback;\n  /** Callback invoked when a resize operation is cancelled. */\n  cancel?: ResizeCancelCallback;\n  /**\n   * Optional callback that returns the DOM element which will be resized/resizing depending on the\n   * configured mode of the controller.\n   *\n   * Defaults to the controller host.\n   */\n  resizeTarget?: () => HTMLElement;\n};\n"]}

package/components/select/themes/dark/select.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-800) h s l/1));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-800) h s l/1));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-800) h s l/1));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--error-secondary-color: var(--ig-select-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color: var(--ig-popover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-icon-color: var(--ig-popover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-text-color: var(--ig-popover-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-500) h s l/1));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-popover-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-200) h s l/1));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-600) h s l/1));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-600) h s l/1));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
+export const styles = css `:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-surface-500-contrast));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-surface-500-contrast));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
 //# sourceMappingURL=select.bootstrap.css.js.map

package/components/select/themes/dark/select.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,szHAAszH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-800) h s l/1));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-800) h s l/1));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-800) h s l/1));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-400) h s l/1));--error-secondary-color: var(--ig-select-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-text-color: var(--ig-popover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-icon-color: var(--ig-popover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-text-color: var(--ig-popover-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-500) h s l/1));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-popover-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-200) h s l/1));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-600) h s l/1));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-600) h s l/1));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
+{"version":3,"file":"select.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,muGAAmuG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-select-toggle-button-foreground, var(--ig-gray-800));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-800));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-800));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-400));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: bootstrap;--elevation: var(--ig-popover-elevation, var(--ig-elevation-0));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-gray-700));--item-text-color: var(--ig-popover-item-text-color, var(--ig-surface-500-contrast));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-surface-500-contrast));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-surface-500-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-surface-500-contrast));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-primary-500));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-200));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-gray-200));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-primary-600-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-primary-600-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-primary-600));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-primary-600-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-primary-600-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-primary-600));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-primary-600-contrast));--ig-theme: bootstrap;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}

package/components/select/themes/dark/select.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, hsl(from var(--ig-gray-100) h s l/1));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsl(from var(--ig-gray-100) h s l/1));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-700) h s l/1));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-select-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--hover-item-text-color: var(--ig-popover-hover-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-gray-200) h s l/1));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-popover-border-color, hsl(from var(--ig-gray-400) h s l/1));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-100) h s l/1));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-surface-500) h s l/1));--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
+export const styles = css `:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-400));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
 //# sourceMappingURL=select.fluent.css.js.map

package/components/select/themes/dark/select.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+qHAA+qH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-select-toggle-button-background, hsl(from var(--ig-gray-100) h s l/1));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, hsl(from var(--ig-gray-100) h s l/1));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-700) h s l/1));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-500) h s l/1));--error-secondary-color: var(--ig-select-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, hsl(from var(--ig-surface-500) h s l/1));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-secondary-500) h s l/1));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--hover-item-text-color: var(--ig-popover-hover-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-gray-200) h s l/1));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-200) h s l/1));--border-color: var(--ig-popover-border-color, hsl(from var(--ig-gray-400) h s l/1));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-100) h s l/1));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-surface-500) h s l/1));--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-gray-200) h s l/1));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}
+{"version":3,"file":"select.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxGAAgxG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-background: var(--ig-select-toggle-button-background, var(--ig-gray-100));--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, var(--ig-gray-100));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, var(--ig-gray-700));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, var(--ig-gray-700));--helper-text-color: var(--ig-select-helper-text-color, var(--ig-gray-700));--disabled-text-color: var(--ig-select-disabled-text-color, var(--ig-gray-500));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: fluent;--elevation: var(--ig-popover-elevation, var(--ig-elevation-3));--background-color: var(--ig-popover-background-color, var(--ig-surface-500));--header-text-color: var(--ig-popover-header-text-color, var(--ig-secondary-500));--item-text-color: var(--ig-popover-item-text-color, var(--ig-gray-800));--item-icon-color: var(--ig-popover-item-icon-color, var(--ig-gray-800));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-800));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, var(--ig-gray-800));--focused-item-text-color: var(--ig-popover-focused-item-text-color, var(--ig-gray-800));--focused-item-border-color: var(--ig-popover-focused-item-border-color, transparent);--selected-item-background: var(--ig-popover-selected-item-background, var(--ig-gray-200));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-200));--border-color: var(--ig-popover-border-color, var(--ig-gray-400));--border-width: var(--ig-popover-border-width, 0);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2.5rem, -1 * 2.5rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, var(--ig-gray-100));--focused-item-background: var(--ig-popover-focused-item-background, var(--ig-surface-500));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-surface-500-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-surface-500-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-gray-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-surface-500-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-surface-500-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-gray-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-surface-500-contrast));--ig-theme: fluent;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}

package/components/select/themes/dark/select.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, transparent);--toggle-button-background: var(--ig-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-select-toggle-button-foreground, color-mix(in oklch, var(--ig-gray-100-contrast) 60%, transparent));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, color-mix(in oklch, var(--ig-gray-100-contrast) 80%, transparent));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, color-mix(in oklch, var(--ig-gray-100-contrast) 60%, transparent));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, color-mix(in oklch, var(--ig-gray-100-contrast) 20%, transparent));--helper-text-color: var(--ig-select-helper-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-text-color: var(--ig-select-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-secondary-color: var(--ig-select-error-secondary-color, hsl(from var(--ig-error-500) h s l/1));--elevation: var(--ig-popover-elevation, var(--ig-elevation-2));--background-color: var(--ig-popover-background-color, hsl(from var(--ig-gray-50) h s l/1));--header-text-color: var(--ig-popover-header-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-text-color: var(--ig-popover-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-icon-color: var(--ig-popover-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--hover-item-text-color: var(--ig-popover-hover-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-item-text-color: var(--ig-popover-focused-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focused-item-border-color: var(--ig-popover-focused-item-border-color, hsl(from var(--ig-primary-400) h s l/1));--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-color: var(--ig-popover-border-color, hsl(from var(--ig-gray-100) h s l/1));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--focused-item-background: var(--ig-popover-focused-item-background, transparent);--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
+export const styles = css `:host{--toggle-button-background-focus--border: var(--ig-select-toggle-button-background-focus--border, transparent);--toggle-button-background: var(--ig-select-toggle-button-background, transparent);--toggle-button-background-focus: var(--ig-select-toggle-button-background-focus, transparent);--toggle-button-foreground: var(--ig-select-toggle-button-foreground, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-foreground-focus: var(--ig-select-toggle-button-foreground-focus, hsl(from var(--ig-gray-100-contrast) h s l/0.8));--toggle-button-foreground-filled: var(--ig-select-toggle-button-foreground-filled, hsl(from var(--ig-gray-100-contrast) h s l/0.6));--toggle-button-background-disabled: var(--ig-select-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-100-contrast) h s l/0.2));--helper-text-color: var(--ig-select-helper-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-text-color: var(--ig-select-disabled-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--error-secondary-color: var(--ig-select-error-secondary-color, var(--ig-error-500));--ig-theme: indigo;--elevation: var(--ig-popover-elevation, var(--ig-elevation-2));--background-color: var(--ig-popover-background-color, var(--ig-gray-50));--header-text-color: var(--ig-popover-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--item-text-color: var(--ig-popover-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--item-icon-color: var(--ig-popover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6));--hover-item-text-color: var(--ig-popover-hover-item-text-color, var(--ig-gray-50-contrast));--hover-item-icon-color: var(--ig-popover-hover-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-text-color: var(--ig-popover-focused-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--focused-item-border-color: var(--ig-popover-focused-item-border-color, var(--ig-primary-400));--selected-item-background: var(--ig-popover-selected-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 1px);--border-radius: var(--ig-popover-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-popover-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-popover-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.75rem, -1 * 1.75rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-popover-default-size, 2);--hover-item-background: var(--ig-popover-hover-item-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--focused-item-background: var(--ig-popover-focused-item-background, transparent);--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-gray-50-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-primary-400) h s l/0.5));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-gray-50-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-gray-50-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-primary-400) h s l/0.3));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-gray-50-contrast));--ig-theme: indigo;--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
 //# sourceMappingURL=select.indigo.css.js.map