igniteui-webcomponents 4.8.0 → 4.8.1

package/components/checkbox/checkbox-base.js

@@ -14,20 +14,40 @@ import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';
 import { requiredBooleanValidator } from '../common/validators.js';
 let IgcCheckboxBaseComponent = class IgcCheckboxBaseComponent extends FormAssociatedRequiredMixin(EventEmitterMixin(LitElement)) {
+    set value(value) {
+        this._value = value;
+        if (this.checked) {
+            this.setFormValue(this._value || 'on');
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    set checked(value) {
+        this._checked = Boolean(value);
+        if (this.hasUpdated) {
+            this._checked
+                ? this.setFormValue(this.value || 'on')
+                : this.setFormValue(null);
+            this.updateValidity();
+            this.setInvalidState();
+        }
+    }
+    get checked() {
+        return this._checked;
+    }
     constructor() {
         super();
         this.validators = [requiredBooleanValidator];
+        this._checked = false;
         this.focused = false;
         this.hideLabel = false;
-        this.checked = false;
         this.labelPosition = 'after';
         this.addEventListener('keyup', this.handleKeyUp);
     }
-    checkedChanged() {
-        const value = this.value || 'on';
-        this.checked ? this.setFormValue(value, value) : this.setFormValue(null);
+    connectedCallback() {
+        super.connectedCallback();
         this.updateValidity();
-        this.setInvalidState();
     }
     handleChange() {
         this.invalid = !this.checkValidity();
@@ -81,17 +101,14 @@ __decorate([
 ], IgcCheckboxBaseComponent.prototype, "hideLabel", void 0);
 __decorate([
     property()
-], IgcCheckboxBaseComponent.prototype, "value", void 0);
+], IgcCheckboxBaseComponent.prototype, "value", null);
 __decorate([
     property({ type: Boolean }),
     blazorTwoWayBind('igcChange', 'detail')
-], IgcCheckboxBaseComponent.prototype, "checked", void 0);
+], IgcCheckboxBaseComponent.prototype, "checked", null);
 __decorate([
     property({ reflect: true, attribute: 'label-position' })
 ], IgcCheckboxBaseComponent.prototype, "labelPosition", void 0);
-__decorate([
-    watch('checked')
-], IgcCheckboxBaseComponent.prototype, "checkedChanged", null);
 __decorate([
     watch('focused', { waitUntilFirstUpdate: true }),
     watch('indeterminate', { waitUntilFirstUpdate: true })

package/components/checkbox/checkbox-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';\nimport { Validator, requiredBooleanValidator } from '../common/validators.js';\n\nexport interface IgcCheckboxEventMap {\n  igcChange: CustomEvent<boolean>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcCheckboxEventMap, Constructor<LitElement>>(LitElement)\n) {\n  protected override validators: Validator<this>[] = [requiredBooleanValidator];\n\n  @query('input[type=\"checkbox\"]', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected focused = false;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public value!: string;\n\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public checked = false;\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  constructor() {\n    super();\n    this.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  @watch('checked')\n  protected checkedChanged() {\n    const value = this.value || 'on';\n    this.checked ? this.setFormValue(value, value) : this.setFormValue(null);\n    this.updateValidity();\n    this.setInvalidState();\n  }\n\n  @watch('focused', { waitUntilFirstUpdate: true })\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.checkValidity();\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick() {\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n    this.focused = false;\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleMouseDown(event: PointerEvent) {\n    event.preventDefault();\n    this.input.focus();\n    this.focused = false;\n  }\n\n  protected handleKeyUp() {\n    if (!this.focused) {\n      this.focused = true;\n    }\n  }\n\n  protected handleSlotChange() {\n    this.hideLabel = this.label.length < 1;\n  }\n}\n"]}
+{"version":3,"file":"checkbox-base.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property, query, queryAssignedNodes, state } from 'lit/decorators.js';\n\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { blazorTwoWayBind } from '../common/decorators/blazorTwoWayBind.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '../common/mixins/form-associated-required.js';\nimport { Validator, requiredBooleanValidator } from '../common/validators.js';\n\nexport interface IgcCheckboxEventMap {\n  igcChange: CustomEvent<boolean>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\n@blazorDeepImport\nexport class IgcCheckboxBaseComponent extends FormAssociatedRequiredMixin(\n  EventEmitterMixin<IgcCheckboxEventMap, Constructor<LitElement>>(LitElement)\n) {\n  protected override validators: Validator<this>[] = [requiredBooleanValidator];\n\n  protected _value!: string;\n  protected _checked = false;\n\n  @query('input[type=\"checkbox\"]', true)\n  protected input!: HTMLInputElement;\n\n  @queryAssignedNodes({ flatten: true })\n  protected label!: Array<Node>;\n\n  @state()\n  protected focused = false;\n\n  @state()\n  protected hideLabel = false;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public set value(value: string) {\n    this._value = value;\n    if (this.checked) {\n      this.setFormValue(this._value || 'on');\n    }\n  }\n\n  public get value(): string {\n    return this._value;\n  }\n\n  /**\n   * The checked state of the control.\n   * @attr\n   */\n  @property({ type: Boolean })\n  @blazorTwoWayBind('igcChange', 'detail')\n  public set checked(value: boolean) {\n    this._checked = Boolean(value);\n\n    if (this.hasUpdated) {\n      this._checked\n        ? this.setFormValue(this.value || 'on')\n        : this.setFormValue(null);\n      this.updateValidity();\n      this.setInvalidState();\n    }\n  }\n\n  public get checked(): boolean {\n    return this._checked;\n  }\n\n  /**\n   * The label position of the control.\n   * @attr label-position\n   */\n  @property({ reflect: true, attribute: 'label-position' })\n  public labelPosition: 'before' | 'after' = 'after';\n\n  constructor() {\n    super();\n    this.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.updateValidity();\n  }\n\n  @watch('focused', { waitUntilFirstUpdate: true })\n  @watch('indeterminate', { waitUntilFirstUpdate: true })\n  protected handleChange() {\n    this.invalid = !this.checkValidity();\n  }\n\n  /** Simulates a click on the control. */\n  public override click() {\n    this.input.click();\n  }\n\n  /** Sets focus on the control. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the control. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.input.blur();\n  }\n\n  protected handleClick() {\n    this.checked = !this.checked;\n    this.emitEvent('igcChange', { detail: this.checked });\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n    this.focused = false;\n  }\n\n  protected handleFocus() {\n    this._dirty = true;\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleMouseDown(event: PointerEvent) {\n    event.preventDefault();\n    this.input.focus();\n    this.focused = false;\n  }\n\n  protected handleKeyUp() {\n    if (!this.focused) {\n      this.focused = true;\n    }\n  }\n\n  protected handleSlotChange() {\n    this.hideLabel = this.label.length < 1;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u3BAAu3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u3BAAu3B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-400), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-300), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-300), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

package/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4xCAA4xC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+hEAA+hE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-400), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-300), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-300), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent))}`;\n"]}

package/components/checkbox/themes/dark/switch/switch.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
+export const styles = css `:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
 //# sourceMappingURL=switch.indigo.css.js.map

package/components/checkbox/themes/dark/switch/switch.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ywFAAywF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
+{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0uFAA0uF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-3));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, transparent);--track-off-color: var(--ig-switch-track-off-color, transparent);--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--label-color: var(--ig-switch-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--label-invalid-color: var(--ig-switch-label-invalid-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-secondary-50), var(--ig-secondary-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-switch-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
+export const styles = css `:host{--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.bootstrap.css.js.map

package/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xBAA+xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+xBAA+xB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-100), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.4) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;
 //# sourceMappingURL=checkbox.fluent.css.js.map

package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oBAA6oB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-900), var(--ig-error-a)));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-900), var(--ig-primary-a)))}`;\n"]}

package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-900), 0.15));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-900), 0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-900), 0.2));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

package/components/checkbox/themes/light/checkbox/checkbox.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,stCAAstC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-200), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)))}`;\n"]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kDAA2kD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-900), 0.15));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-400), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-900), 0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-primary-400), 0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-900), 0.2));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.3) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1.5rem), 1.5rem));--label-color-hover: var(--ig-checkbox-label-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)))}`;\n"]}

package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=checkbox.shared.css.js.map

package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kuCAAkuC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}
+{"version":3,"file":"checkbox.shared.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/checkbox/checkbox.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+9CAA+9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--tick-color: var(--ig-checkbox-tick-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-color: var(--ig-checkbox-label-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, transparent);--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, transparent);--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsla(var(--ig-secondary-100), var(--ig-secondary-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-500), var(--ig-error-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)));--border-radius: var(--ig-checkbox-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 0.625rem), 0.625rem));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.5rem), 1.5rem))}`;\n"]}

package/components/checkbox/themes/light/switch/switch.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
+export const styles = css `:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;
 //# sourceMappingURL=switch.indigo.css.js.map

package/components/checkbox/themes/light/switch/switch.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wvCAAwvC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}
+{"version":3,"file":"switch.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/light/switch/switch.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zCAA6zC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-error-color: var(--ig-switch-track-error-color, transparent);--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-300), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.5rem), 0.5rem))}`;\n"]}

package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{font-weight:600}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after{border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87);box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=control],:host(:hover:not([disabled])[invalid]) [part="control checked"],:host(:hover:not(:disabled)[invalid]) [part~=control],:host(:hover:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;
+export const styles = css `:host{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part="control checked"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part="indicator checked"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part="control checked"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"],:host(:not(:disabled)[invalid]) [part="control checked"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part="control checked"]::after,:host(:not(:disabled)[invalid]) [part="control checked"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid]) [part="control checked"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part="control checked"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part="control checked"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part="control checked"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part="control checked"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::after,:host(:disabled) [part="control checked"]::after,:host([disabled][invalid]) [part="control checked"]::after,:host(:disabled[invalid]) [part="control checked"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map

package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w8JAAw8J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=label]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=control]{border-radius:var(--border-radius-ripple);width:var(--size, 1.25rem);height:var(--size, 1.25rem);min-width:var(--size, 1.25rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]{background:var(--fill-color)}:host([indeterminate]) [part~=control]::after{border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]{background:var(--fill-color-hover)}:host([indeterminate]:hover) [part~=control]::after{border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87);box-shadow:0 0 0 .25rem hsla(var(--ig-secondary-200), 0.87)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=control],:host(:hover:not([disabled])[invalid]) [part=\"control checked\"],:host(:hover:not(:disabled)[invalid]) [part~=control],:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part=\"control checked\"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:inset 0 0 0 .25rem var(--error-color);box-shadow:inset 0 0 0 .25rem var(--error-color);background:var(--error-color)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .25rem var(--error-color-hover);box-shadow:0 0 0 .25rem var(--error-color-hover)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:var(--disabled-indeterminate-color)}`;\n"]}
+{"version":3,"file":"checkbox.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8sLAA8sL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-weight:600}[part~=control]{--size: 1rem;border-radius:var(--border-radius-ripple);width:var(--size, 1rem);height:var(--size, 1rem);min-width:var(--size, 1rem);-webkit-transition:background .15s ease-in;transition:background .15s ease-in}[part~=control]::after{border-radius:var(--border-radius);border:.125rem solid var(--empty-color);-webkit-transition:border-color .15s ease-in;transition:border-color .15s ease-in}[part=\"control checked\"]::after{border-color:var(--fill-color);background:var(--fill-color)}[part~=indicator]{stroke:var(--tick-color);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}[part=\"indicator checked\"]{-webkit-transition-duration:.15s;transition-duration:.15s}:host(:hover) [part~=label]{color:var(--label-color-hover)}:host(:hover) [part~=control]::after{border-color:var(--empty-color-hover)}:host(:hover) [part=\"control checked\"]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host(:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color);box-shadow:0 0 0 .1875rem var(--focus-outline-color)}:host(:focus-within) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host([indeterminate]) [part~=indicator]{-webkit-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);-ms-transform:rotate(45deg) translateX(-0.125rem) scale(0.8);transform:rotate(45deg) translateX(-0.125rem) scale(0.8)}:host([indeterminate]) [part~=control]::after{background:var(--fill-color);border-color:var(--fill-color)}:host([indeterminate]:hover) [part~=control]::after{background:var(--fill-color-hover);border-color:var(--fill-color-hover)}:host([indeterminate]:focus-within) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused);box-shadow:0 0 0 .1875rem var(--focus-outline-color-focused)}:host(:not([disabled])[invalid]) [part~=label],:host(:not(:disabled)[invalid]) [part~=label]{color:var(--label-color)}:host(:not([disabled])[invalid]) [part~=control]::after,:host(:not(:disabled)[invalid]) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"],:host(:not(:disabled)[invalid]) [part=\"control checked\"]{border-color:var(--error-color);background:var(--error-color)}:host(:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:not(:disabled)[invalid]) [part=\"control checked\"]::after{background:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control],:host(:not(:disabled)[invalid][indeterminate]) [part~=control]{border-color:var(--error-color)}:host(:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color)}:host(:hover:not([disabled])[invalid]) [part~=label],:host(:hover:not(:disabled)[invalid]) [part~=label],:host(:hover:not([disabled])[invalid][indeterminate]) [part~=label],:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=label]{color:var(--label-color-hover)}:host(:hover:not([disabled])[invalid]) [part~=control]::after,:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part~=control]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}:host(:hover:not([disabled])[invalid]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid]) [part=\"control checked\"]::after,:host(:hover:not([disabled])[invalid][indeterminate]) [part=\"control checked\"]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part=\"control checked\"]::after{background:var(--error-color-hover)}:host(:hover:not([disabled])[invalid][indeterminate]) [part~=control]::after,:host(:hover:not(:disabled)[invalid][indeterminate]) [part~=control]::after{background:var(--error-color-hover)}:host(:focus-within:not([disabled])[invalid]) [part~=control],:host(:focus-within:not([disabled])[invalid]) [part=\"control checked\"],:host(:focus-within:not(:disabled)[invalid]) [part~=control],:host(:focus-within:not(:disabled)[invalid]) [part=\"control checked\"]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host(:focus-within:not([disabled])[invalid][indeterminate]) [part~=control],:host(:focus-within:not(:disabled)[invalid][indeterminate]) [part~=control]{-webkit-box-shadow:0 0 0 .1875rem var(--focus-outline-color-error);box-shadow:0 0 0 .1875rem var(--focus-outline-color-error)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after,:host([disabled][invalid]) [part~=control]::after,:host(:disabled[invalid]) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::after,:host(:disabled) [part=\"control checked\"]::after,:host([disabled][invalid]) [part=\"control checked\"]::after,:host(:disabled[invalid]) [part=\"control checked\"]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}:host([disabled]) [part~=indicator],:host(:disabled) [part~=indicator],:host([disabled][invalid]) [part~=indicator],:host(:disabled[invalid]) [part~=indicator]{stroke-opacity:.4}:host([disabled][indeterminate]) [part~=control]::after,:host(:disabled[indeterminate]) [part~=control]::after{background:var(--disabled-indeterminate-color);border-color:rgba(0,0,0,0)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-text-color: var(--ig-combo-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/dark/combo.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2nHAA2nH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), 0.7));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/dark/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qrHAAqrH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--toggle-button-foreground: var(--ig-combo-toggle-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-focus: var(--ig-combo-toggle-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-foreground-filled: var(--ig-combo-toggle-button-foreground-filled, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--disabled-text-color: var(--ig-combo-disabled-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

package/components/combo/themes/light/combo.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;
+export const styles = css `:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
 //# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/light/combo.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uwGAAuwG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-400-contrast) 100%, transparent))}`;\n"]}
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/light/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0vGAA0vG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--clear-button-foreground: var(--ig-combo-clear-button-foreground, hsla(var(--ig-gray-600), var(--ig-gray-a)));--clear-button-foreground-focus: var(--ig-combo-clear-button-foreground-focus, hsla(var(--ig-gray-600), var(--ig-gray-a)));--toggle-button-background-disabled: var(--ig-combo-toggle-button-background-disabled, transparent);--toggle-button-foreground-disabled: var(--ig-combo-toggle-button-foreground-disabled, hsla(var(--ig-gray-300), var(--ig-gray-a)));--clear-button-background-focus: var(--ig-combo-clear-button-background-focus, transparent);--helper-text-color: var(--ig-combo-helper-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-text-color: var(--ig-combo-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--error-secondary-color: var(--ig-combo-error-secondary-color, hsla(var(--ig-error-500), var(--ig-error-a)));--elevation: var(--ig-combo-list-elevation, var(--ig-elevation-3));--background-color: var(--ig-combo-list-background-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--header-text-color: var(--ig-combo-list-header-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-text-color: var(--ig-combo-list-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-item-text-color: var(--ig-combo-list-hover-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--focused-item-text-color: var(--ig-combo-list-focused-item-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--selected-item-background: var(--ig-combo-list-selected-item-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--disabled-item-background: var(--ig-combo-list-disabled-item-background, transparent);--disabled-item-text-color: var(--ig-combo-list-disabled-item-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-combo-list-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-width: var(--ig-combo-list-border-width, 0);--border-radius: var(--ig-combo-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--item-border-radius: var(--ig-combo-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-combo-list-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)));--hover-item-background: var(--ig-combo-list-hover-item-background, hsla(var(--ig-primary-500), 0.15));--focused-item-background: var(--ig-combo-list-focused-item-background, hsla(var(--ig-primary-500), 0.15));--selected-item-text-color: var(--ig-combo-list-selected-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-hover-item-background: var(--ig-combo-list-selected-hover-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-hover-item-text-color: var(--ig-combo-list-selected-hover-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--selected-focus-item-background: var(--ig-combo-list-selected-focus-item-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--selected-focus-item-text-color: var(--ig-combo-list-selected-focus-item-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}

package/components/common/mixins/combo-box.js

@@ -101,7 +101,7 @@ export function getPreviousActiveItem(items, from) {
 export function setInitialSelectionState(items) {
     const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;
     for (const item of items) {
-        if (!item.isSameNode(lastSelected)) {
+        if (item !== lastSelected) {
             item.selected = false;
         }
     }

package/components/common/mixins/combo-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/combo-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { UnpackCustomEvent } from './event-emitter.js';\nimport { iterNodes } from '../util.js';\n\ninterface IgcBaseComboBoxEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport abstract class IgcBaseComboBoxLikeComponent extends LitElement {\n  public declare emitEvent: <\n    K extends keyof IgcBaseComboBoxEventMap,\n    D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean;\n\n  /**\n   * Whether the component dropdown should be kept open on selection.\n   * @attr keep-open-on-select\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open-on-select' })\n  public keepOpenOnSelect = false;\n\n  /**\n   * Whether the component dropdown should be kept open on clicking outside of it.\n   * @attr keep-open-on-outside-click\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'keep-open-on-outside-click',\n  })\n  public keepOpenOnOutsideClick = false;\n\n  /**\n   * Sets the open state of the component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected emitClosing() {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected emitClosed() {\n    return this.emitEvent('igcClosed');\n  }\n\n  protected emitOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected emitOpened() {\n    return this.emitEvent('igcOpened');\n  }\n\n  protected handleAnchorClick() {\n    this.open ? this._hide(true) : this._show(true);\n  }\n\n  protected async _hide(emitEvent = false) {\n    if (!this.open || (emitEvent && !this.emitClosing())) {\n      return false;\n    }\n\n    this.open = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitClosed();\n    }\n\n    return false;\n  }\n\n  protected async _show(emitEvent = false) {\n    if (this.open || (emitEvent && !this.emitOpening())) {\n      return false;\n    }\n\n    this.open = true;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitOpened();\n    }\n\n    return false;\n  }\n\n  /** Shows the component. */\n  public show() {\n    this._show();\n  }\n\n  /** Hides the component. */\n  public hide() {\n    this._hide();\n  }\n\n  /** Toggles the open state of the component. */\n  public toggle() {\n    this.open ? this.hide() : this.show();\n  }\n}\n\nexport function getItems<T extends HTMLElement>(root: Node, tagName: string) {\n  return iterNodes<T>(root, 'SHOW_ELEMENT', (item) => item.matches(tagName));\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n) {\n  return iterNodes<T>(\n    root,\n    'SHOW_ELEMENT',\n    (item) => item.matches(tagName) && !item.disabled\n  );\n}\n\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current + 1; i < items.length; i++) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current - 1; i >= 0; i--) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]) {\n  const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;\n\n  for (const item of items) {\n    if (!item.isSameNode(lastSelected)) {\n      item.selected = false;\n    }\n  }\n\n  return lastSelected;\n}\n"]}
+{"version":3,"file":"combo-box.js","sourceRoot":"","sources":["../../../../src/components/common/mixins/combo-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport type { UnpackCustomEvent } from './event-emitter.js';\nimport { iterNodes } from '../util.js';\n\ninterface IgcBaseComboBoxEventMap {\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport abstract class IgcBaseComboBoxLikeComponent extends LitElement {\n  public declare emitEvent: <\n    K extends keyof IgcBaseComboBoxEventMap,\n    D extends UnpackCustomEvent<IgcBaseComboBoxEventMap[K]>,\n  >(\n    event: K,\n    eventInitDict?: CustomEventInit<D>\n  ) => boolean;\n\n  /**\n   * Whether the component dropdown should be kept open on selection.\n   * @attr keep-open-on-select\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'keep-open-on-select' })\n  public keepOpenOnSelect = false;\n\n  /**\n   * Whether the component dropdown should be kept open on clicking outside of it.\n   * @attr keep-open-on-outside-click\n   */\n  @property({\n    type: Boolean,\n    reflect: true,\n    attribute: 'keep-open-on-outside-click',\n  })\n  public keepOpenOnOutsideClick = false;\n\n  /**\n   * Sets the open state of the component.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  protected emitClosing() {\n    return this.emitEvent('igcClosing', { cancelable: true });\n  }\n\n  protected emitClosed() {\n    return this.emitEvent('igcClosed');\n  }\n\n  protected emitOpening() {\n    return this.emitEvent('igcOpening', { cancelable: true });\n  }\n\n  protected emitOpened() {\n    return this.emitEvent('igcOpened');\n  }\n\n  protected handleAnchorClick() {\n    this.open ? this._hide(true) : this._show(true);\n  }\n\n  protected async _hide(emitEvent = false) {\n    if (!this.open || (emitEvent && !this.emitClosing())) {\n      return false;\n    }\n\n    this.open = false;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitClosed();\n    }\n\n    return false;\n  }\n\n  protected async _show(emitEvent = false) {\n    if (this.open || (emitEvent && !this.emitOpening())) {\n      return false;\n    }\n\n    this.open = true;\n\n    if (emitEvent) {\n      await this.updateComplete;\n      return this.emitOpened();\n    }\n\n    return false;\n  }\n\n  /** Shows the component. */\n  public show() {\n    this._show();\n  }\n\n  /** Hides the component. */\n  public hide() {\n    this._hide();\n  }\n\n  /** Toggles the open state of the component. */\n  public toggle() {\n    this.open ? this.hide() : this.show();\n  }\n}\n\nexport function getItems<T extends HTMLElement>(root: Node, tagName: string) {\n  return iterNodes<T>(root, 'SHOW_ELEMENT', (item) => item.matches(tagName));\n}\n\nexport function getActiveItems<T extends HTMLElement & { disabled: boolean }>(\n  root: Node,\n  tagName: string\n) {\n  return iterNodes<T>(\n    root,\n    'SHOW_ELEMENT',\n    (item) => item.matches(tagName) && !item.disabled\n  );\n}\n\nexport function getNextActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current + 1; i < items.length; i++) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function getPreviousActiveItem<\n  T extends HTMLElement & { disabled: boolean },\n>(items: T[], from: T) {\n  const current = items.indexOf(from);\n\n  for (let i = current - 1; i >= 0; i--) {\n    if (!items[i].disabled) {\n      return items[i];\n    }\n  }\n\n  return items[current];\n}\n\nexport function setInitialSelectionState<\n  T extends HTMLElement & { selected: boolean },\n>(items: T[]) {\n  const lastSelected = items.filter((item) => item.selected).at(-1) ?? null;\n\n  for (const item of items) {\n    if (item !== lastSelected) {\n      item.selected = false;\n    }\n  }\n\n  return lastSelected;\n}\n"]}

package/components/common/mixins/form-associated.js

@@ -19,23 +19,19 @@ export function FormAssociatedMixin(superClass) {
         get willValidate() {
             return this.__internals.willValidate;
         }
-        get disabled() {
-            return this._disabled;
-        }
         set disabled(value) {
-            const prev = this._disabled;
             this._disabled = value;
             this.toggleAttribute('disabled', Boolean(this._disabled));
-            this.requestUpdate('disabled', prev);
         }
-        get invalid() {
-            return this._invalid;
+        get disabled() {
+            return this._disabled;
         }
         set invalid(value) {
-            const prev = this._invalid;
             this._invalid = value;
             this.toggleAttribute('invalid', Boolean(this._invalid));
-            this.requestUpdate('invalid', prev);
+        }
+        get invalid() {
+            return this._invalid;
         }
         constructor(...args) {
             super(args);