npm - igniteui-webcomponents - Versions diffs - 5.2.4 → 5.3.0-beta.0 - Mend

igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1591) hide show

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

@@ -0,0 +1,184 @@
+import { findElementFromEventPath } from '../common/util.js';
+import { createDefaultGhostElement } 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 _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 };
+        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;
+    }
+    setSize(width, height) {
+        if (this._resizeTarget) {
+            Object.assign(this._resizeTarget.style, {
+                width: width ? `${width}px` : '',
+                height: height ? `${height}px` : '',
+            });
+        }
+    }
+    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);
+    }
+    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._updatePosition(this._resizeTarget);
+        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._state.initial.width, this._state.initial.height);
+        this._ghost.setAttribute('data-resize-ghost', '');
+        this._host.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 ADDED Viewed

@@ -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 } 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 = { enabled: true };\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 /** 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 /** Assign the given width and height in pixels to the resize target of the controller. */\n public setSize(width: number | null, height: number | null): void {\n if (this._resizeTarget) {\n Object.assign(this._resizeTarget.style, {\n width: width ? `${width}px` : '',\n height: height ? `${height}px` : '',\n });\n }\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 }\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\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(\n this._state.initial.width,\n this._state.initial.height\n );\n\n this._ghost.setAttribute('data-resize-ghost', '');\n this._host.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 ADDED Viewed

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

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

@@ -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,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-gray-300))}`;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

@@ -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,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-gray-200))}`;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

@@ -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,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-gray-500))}`;\n"]}

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

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

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

	@@ -0,0 +1 @@
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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

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

@@ -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,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resize-indicator: var(--ig-resize-indicator-resize-indicator, var(--ig-gray-400))}`;\n"]}

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

@@ -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 ADDED Viewed

@@ -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.js ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.js ADDED Viewed

@@ -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 ADDED Viewed

@@ -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.js ADDED Viewed

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

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

@@ -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 /** 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 CHANGED Viewed

@@ -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));--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));--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 CHANGED Viewed

	@@ -1 +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"]}
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,urGAAurG,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));--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));--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 CHANGED Viewed

@@ -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-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));--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));--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 CHANGED Viewed

	@@ -1 +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"]}
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,ooGAAooG,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-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));--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));--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 CHANGED Viewed

@@ -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));--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));--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

package/components/select/themes/dark/select.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qjJAAqjJ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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)}`;\n"]}
1	+ {"version":3,"file":"select.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8iIAA8iI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport 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));--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));--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.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, hsl(from var(--ig-gray-500) 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-secondary-100) 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-400) 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, 0);--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-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, color-mix(in oklch, var(--ig-secondary-100-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, hsl(from var(--ig-secondary-200) h s l/1));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, color-mix(in oklch, var(--ig-secondary-200-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, hsl(from var(--ig-secondary-200) h s l/1));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, color-mix(in oklch, var(--ig-secondary-200-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-disabled: var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500));--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));--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-secondary-100));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 0);--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-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;
 //# sourceMappingURL=select.material.css.js.map

package/components/select/themes/dark/select.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~y+GAAy+G~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, ~~hsl(from~~ var(--ig-gray-500) ~~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-secondary-100) ~~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-400) ~~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, 0);--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-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, ~~color-mix(in oklch,~~ var(--ig-secondary-100-contrast) ~~100%, transparent~~));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-100-contrast) ~~100%, transparent~~));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, ~~hsl(from~~ var(--ig-secondary-200) ~~h s l/1~~));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, ~~color-mix(in oklch,~~ var(--ig-secondary-200-contrast) ~~100%, transparent~~));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-200-contrast) ~~100%, transparent~~));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, ~~hsl(from~~ var(--ig-secondary-200) ~~h s l/1~~));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, ~~color-mix(in oklch,~~ var(--ig-secondary-200-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"]}
1	+ {"version":3,"file":"select.material.css.js","sourceRoot":"","sources":["../../../../../src/components/select/themes/dark/select.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sgGAAsgG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground-disabled: var(--ig-select-toggle-button-foreground-disabled, var(--ig-gray-500));--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));--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-secondary-100));--disabled-item-background: var(--ig-popover-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-popover-disabled-item-text-color, var(--ig-gray-400));--border-color: var(--ig-popover-border-color, var(--ig-gray-100));--border-width: var(--ig-popover-border-width, 0);--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-100) h s l/0.8));--focused-item-background: var(--ig-popover-focused-item-background, hsl(from var(--ig-gray-100) h s l/0.8));--selected-item-text-color: var(--ig-popover-selected-item-text-color, var(--ig-secondary-100-contrast));--selected-item-icon-color: var(--ig-popover-selected-item-icon-color, var(--ig-secondary-100-contrast));--selected-hover-item-background: var(--ig-popover-selected-hover-item-background, var(--ig-secondary-200));--selected-hover-item-text-color: var(--ig-popover-selected-hover-item-text-color, var(--ig-secondary-200-contrast));--selected-hover-item-icon-color: var(--ig-popover-selected-hover-item-icon-color, var(--ig-secondary-200-contrast));--selected-focus-item-background: var(--ig-popover-selected-focus-item-background, var(--ig-secondary-200));--selected-focus-item-text-color: var(--ig-popover-selected-focus-item-text-color, var(--ig-secondary-200-contrast));--dd-background-color: var(--background-color);--dd-border-radius:var(--border-radius);--dd-border-color: var(--border-color);--dd-elevation: var(--elevation)}`;\n"]}