igniteui-webcomponents 5.0.2 → 5.1.0

package/components/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from 'lit';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 /**
  * A check box allowing single values to be selected/deselected.
@@ -5,6 +6,10 @@ import { IgcCheckboxBaseComponent } from './checkbox-base.js';
  * @element igc-checkbox
  *
  * @slot - The checkbox label.
+ * @slot helper-text - Renders content below the input.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcChange - Emitted when the control's checked state changes.
  *
@@ -26,10 +31,11 @@ export default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {
      */
     indeterminate: boolean;
     protected get _isIndigo(): boolean;
-    protected handleClick(): void;
-    protected renderStandard(): import("lit-html").TemplateResult<1>;
-    protected renderIndigo(): import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected handleClick(event: PointerEvent): void;
+    protected renderValidatorContainer(): TemplateResult;
+    protected renderStandard(): TemplateResult<1>;
+    protected renderIndigo(): TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/checkbox/checkbox.js

@@ -12,6 +12,7 @@ import { live } from 'lit/directives/live.js';
 import { getThemeController, themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { createCounter, partNameMap } from '../common/util.js';
+import IgcValidationContainerComponent from '../validation-container/validation-container.js';
 import { IgcCheckboxBaseComponent } from './checkbox-base.js';
 import { all } from './themes/checkbox-themes.js';
 import { styles } from './themes/checkbox.base.css.js';
@@ -24,14 +25,17 @@ let IgcCheckboxComponent = IgcCheckboxComponent_1 = class IgcCheckboxComponent e
         this.indeterminate = false;
     }
     static register() {
-        registerComponent(IgcCheckboxComponent_1);
+        registerComponent(IgcCheckboxComponent_1, IgcValidationContainerComponent);
     }
     get _isIndigo() {
         return getThemeController(this)?.theme === 'indigo';
     }
-    handleClick() {
+    handleClick(event) {
         this.indeterminate = false;
-        super.handleClick();
+        super.handleClick(event);
+    }
+    renderValidatorContainer() {
+        return IgcValidationContainerComponent.create(this);
     }
     renderStandard() {
         return html `
@@ -52,11 +56,12 @@ let IgcCheckboxComponent = IgcCheckboxComponent_1 = class IgcCheckboxComponent e
     }
     render() {
         const labelledBy = this.getAttribute('aria-labelledby');
+        const checked = this.checked;
         return html `
       <label
         part=${partNameMap({
             base: true,
-            checked: this.checked,
+            checked,
             focused: this._kbFocus.focused,
         })}
         for=${this.inputId}
@@ -69,30 +74,29 @@ let IgcCheckboxComponent = IgcCheckboxComponent_1 = class IgcCheckboxComponent e
           value=${ifDefined(this.value)}
           .required=${this.required}
           .disabled=${this.disabled}
-          .checked=${live(this.checked)}
+          .checked=${live(checked)}
           .indeterminate=${live(this.indeterminate)}
-          aria-checked=${this.indeterminate && !this.checked
-            ? 'mixed'
-            : this.checked}
+          aria-checked=${this.indeterminate && !checked ? 'mixed' : checked}
           aria-disabled=${this.disabled ? 'true' : 'false'}
           aria-labelledby=${labelledBy ? labelledBy : this.labelId}
           @click=${this.handleClick}
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}
         />
-        <span part=${partNameMap({ control: true, checked: this.checked })}>
-          <span part=${partNameMap({ indicator: true, checked: this.checked })}>
+        <span part=${partNameMap({ control: true, checked })}>
+          <span part=${partNameMap({ indicator: true, checked })}>
             ${this._isIndigo ? this.renderIndigo() : this.renderStandard()}
           </span>
         </span>
         <span
           .hidden=${this.hideLabel}
-          part=${partNameMap({ label: true, checked: this.checked })}
+          part=${partNameMap({ label: true, checked })}
           id=${this.labelId}
         >
           <slot></slot>
         </span>
       </label>
+      ${this.renderValidatorContainer()}
     `;
     }
 };

package/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n */\n@themes(all, { exposeController: true })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-checkbox';\n  protected static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCheckboxComponent);\n  }\n\n  private static readonly increment = createCounter();\n  private inputId = `checkbox-${IgcCheckboxComponent.increment()}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /**\n   * Draws the checkbox in indeterminate state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  protected get _isIndigo(): boolean {\n    return getThemeController(this)?.theme === 'indigo';\n  }\n\n  protected override handleClick() {\n    this.indeterminate = false;\n    super.handleClick();\n  }\n\n  protected renderStandard() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n        <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n      </svg>\n    `;\n  }\n\n  protected renderIndigo() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n        <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n        <path\n          d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n        />\n      </svg>\n    `;\n  }\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n\n    return html`\n      <label\n        part=${partNameMap({\n          base: true,\n          checked: this.checked,\n          focused: this._kbFocus.focused,\n        })}\n        for=${this.inputId}\n        @pointerdown=${this._kbFocus.reset}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          .indeterminate=${live(this.indeterminate)}\n          aria-checked=${this.indeterminate && !this.checked\n            ? 'mixed'\n            : this.checked}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span part=${partNameMap({ control: true, checked: this.checked })}>\n          <span part=${partNameMap({ indicator: true, checked: this.checked })}>\n            ${this._isIndigo ? this.renderIndigo() : this.renderStandard()}\n          </span>\n        </span>\n        <span\n          .hidden=${this.hideLabel}\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.ts"],"names":[],"mappings":"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","sourcesContent":["import { type TemplateResult, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { getThemeController, themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { all } from './themes/checkbox-themes.js';\nimport { styles } from './themes/checkbox.base.css.js';\nimport { styles as shared } from './themes/shared/checkbox/checkbox.common.css.js';\n\n/**\n * A check box allowing single values to be selected/deselected.\n *\n * @element igc-checkbox\n *\n * @slot - The checkbox label.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the checkbox.\n * @csspart control - The checkbox input element.\n * @csspart label - The checkbox label.\n * @csspart indicator - The checkbox indicator icon.\n */\n@themes(all, { exposeController: true })\nexport default class IgcCheckboxComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-checkbox';\n  protected static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcCheckboxComponent, IgcValidationContainerComponent);\n  }\n\n  private static readonly increment = createCounter();\n  private inputId = `checkbox-${IgcCheckboxComponent.increment()}`;\n  private labelId = `checkbox-label-${this.inputId}`;\n\n  /**\n   * Draws the checkbox in indeterminate state.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public indeterminate = false;\n\n  protected get _isIndigo(): boolean {\n    return getThemeController(this)?.theme === 'indigo';\n  }\n\n  protected override handleClick(event: PointerEvent) {\n    this.indeterminate = false;\n    super.handleClick(event);\n  }\n\n  protected renderValidatorContainer(): TemplateResult {\n    return IgcValidationContainerComponent.create(this);\n  }\n\n  protected renderStandard() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n        <path d=\"M4.1,12.7 9,17.6 20.3,6.3\" />\n      </svg>\n    `;\n  }\n\n  protected renderIndigo() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n        <rect width=\"18\" height=\"4\" x=\"3\" y=\"10\" rx=\"1.85\" />\n        <path\n          d=\"M19.033 5a1.966 1.966 0 0 0-1.418.586l-8.479 8.577-2.753-2.77a1.971 1.971 0 0 0-2.8 0 1.998 1.998 0 0 0 0 2.822l4.155 4.196a1.955 1.955 0 0 0 2.8 0l9.879-9.99a1.998 1.998 0 0 0 0-2.821 1.966 1.966 0 0 0-1.384-.6Z\"\n        />\n      </svg>\n    `;\n  }\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n    const checked = this.checked;\n\n    return html`\n      <label\n        part=${partNameMap({\n          base: true,\n          checked,\n          focused: this._kbFocus.focused,\n        })}\n        for=${this.inputId}\n        @pointerdown=${this._kbFocus.reset}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(checked)}\n          .indeterminate=${live(this.indeterminate)}\n          aria-checked=${this.indeterminate && !checked ? 'mixed' : checked}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span part=${partNameMap({ control: true, checked })}>\n          <span part=${partNameMap({ indicator: true, checked })}>\n            ${this._isIndigo ? this.renderIndigo() : this.renderStandard()}\n          </span>\n        </span>\n        <span\n          .hidden=${this.hideLabel}\n          part=${partNameMap({ label: true, checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n      ${this.renderValidatorContainer()}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-checkbox': IgcCheckboxComponent;\n  }\n}\n"]}

package/components/checkbox/switch.js

@@ -26,9 +26,10 @@ let IgcSwitchComponent = IgcSwitchComponent_1 = class IgcSwitchComponent extends
     }
     render() {
         const labelledBy = this.getAttribute('aria-labelledby');
+        const checked = this.checked;
         return html `
       <label
-        part=${partNameMap({ base: true, checked: this.checked })}
+        part=${partNameMap({ base: true, checked })}
         for=${this.inputId}
         @pointerdown=${this._kbFocus.reset}
       >
@@ -39,8 +40,8 @@ let IgcSwitchComponent = IgcSwitchComponent_1 = class IgcSwitchComponent extends
           value=${ifDefined(this.value)}
           .required=${this.required}
           .disabled=${this.disabled}
-          .checked=${live(this.checked)}
-          aria-checked=${this.checked ? 'true' : 'false'}
+          .checked=${live(checked)}
+          aria-checked=${checked ? 'true' : 'false'}
           aria-disabled=${this.disabled ? 'true' : 'false'}
           aria-labelledby=${labelledBy ? labelledBy : this.labelId}
           @click=${this.handleClick}
@@ -50,17 +51,15 @@ let IgcSwitchComponent = IgcSwitchComponent_1 = class IgcSwitchComponent extends
         <span
           part=${partNameMap({
             control: true,
-            checked: this.checked,
+            checked,
             focused: this._kbFocus.focused,
         })}
         >
-          <span
-            part=${partNameMap({ thumb: true, checked: this.checked })}
-          ></span>
+          <span part=${partNameMap({ thumb: true, checked })}></span>
         </span>
         <span
           .hidden=${this.hideLabel}
-          part=${partNameMap({ label: true, checked: this.checked })}
+          part=${partNameMap({ label: true, checked })}
           id=${this.labelId}
         >
           <slot></slot>

package/components/checkbox/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAiBtC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,wBAAwB;IAAzD;;QAWL,YAAO,GAAG,UAAU,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QACrD,YAAO,GAAG,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC;IA+CnD,CAAC;IAtDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAOkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QAExD,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;cACnD,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,QAAQ,CAAC,KAAK;;;eAG3B,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;yBACd,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BAC9B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;mBAC/C,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;;iBAGlB,WAAW,CAAC;YACjB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;;;mBAGO,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;;;;oBAIlD,IAAI,CAAC,SAAS;iBACjB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC;eACrD,IAAI,CAAC,OAAO;;;;;KAKtB,CAAC;IACJ,CAAC;;AAzDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AATjC,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CA2DtC;eA3DoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { all } from './themes/switch-themes.js';\nimport { styles } from './themes/switch.base.css.js';\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes(all)\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcSwitchComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private inputId = `switch-${IgcSwitchComponent.increment()}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked: this.checked })}\n        for=${this.inputId}\n        @pointerdown=${this._kbFocus.reset}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(this.checked)}\n          aria-checked=${this.checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span\n          part=${partNameMap({\n            control: true,\n            checked: this.checked,\n            focused: this._kbFocus.focused,\n          })}\n        >\n          <span\n            part=${partNameMap({ thumb: true, checked: this.checked })}\n          ></span>\n        </span>\n        <span\n          .hidden=${this.hideLabel}\n          part=${partNameMap({ label: true, checked: this.checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/components/checkbox/switch.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAiBtC,IAAM,kBAAkB,0BAAxB,MAAM,kBAAmB,SAAQ,wBAAwB;IAAzD;;QAWL,YAAO,GAAG,UAAU,oBAAkB,CAAC,SAAS,EAAE,EAAE,CAAC;QACrD,YAAO,GAAG,gBAAgB,IAAI,CAAC,OAAO,EAAE,CAAC;IA8CnD,CAAC;IArDQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,oBAAkB,CAAC,CAAC;IACxC,CAAC;IAOkB,MAAM;QACvB,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;QACxD,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE7B,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;cACrC,IAAI,CAAC,OAAO;uBACH,IAAI,CAAC,QAAQ,CAAC,KAAK;;;eAG3B,IAAI,CAAC,OAAO;;iBAEV,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;kBACnB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,QAAQ;sBACb,IAAI,CAAC,QAAQ;qBACd,IAAI,CAAC,OAAO,CAAC;yBACT,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BACzB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;4BAC9B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;mBAC/C,IAAI,CAAC,WAAW;kBACjB,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;;;iBAGlB,WAAW,CAAC;YACjB,OAAO,EAAE,IAAI;YACb,OAAO;YACP,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;;uBAEW,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;;;oBAGxC,IAAI,CAAC,SAAS;iBACjB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;eACvC,IAAI,CAAC,OAAO;;;;;KAKtB,CAAC;IACJ,CAAC;;AAxDsB,0BAAO,GAAG,YAAY,AAAf,CAAgB;AAChC,yBAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAOhB,4BAAS,GAAG,aAAa,EAAE,AAAlB,CAAmB;AATjC,kBAAkB;IADtC,MAAM,CAAC,GAAG,CAAC;GACS,kBAAkB,CA0DtC;eA1DoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { createCounter, partNameMap } from '../common/util.js';\nimport { IgcCheckboxBaseComponent } from './checkbox-base.js';\nimport { styles as shared } from './themes/shared/switch/switch.common.css.js';\nimport { all } from './themes/switch-themes.js';\nimport { styles } from './themes/switch.base.css.js';\n\n/**\n * Similar to a checkbox, a switch controls the state of a single setting on or off.\n *\n * @element igc-switch\n *\n * @slot - The switch label.\n *\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart base - The base wrapper of the switch.\n * @csspart control - The switch input element.\n * @csspart thumb - The position indicator of the switch.\n * @csspart label - The switch label.\n */\n@themes(all)\nexport default class IgcSwitchComponent extends IgcCheckboxBaseComponent {\n  public static readonly tagName = 'igc-switch';\n  public static styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcSwitchComponent);\n  }\n\n  private static readonly increment = createCounter();\n\n  private inputId = `switch-${IgcSwitchComponent.increment()}`;\n  private labelId = `switch-label-${this.inputId}`;\n\n  protected override render() {\n    const labelledBy = this.getAttribute('aria-labelledby');\n    const checked = this.checked;\n\n    return html`\n      <label\n        part=${partNameMap({ base: true, checked })}\n        for=${this.inputId}\n        @pointerdown=${this._kbFocus.reset}\n      >\n        <input\n          id=${this.inputId}\n          type=\"checkbox\"\n          name=${ifDefined(this.name)}\n          value=${ifDefined(this.value)}\n          .required=${this.required}\n          .disabled=${this.disabled}\n          .checked=${live(checked)}\n          aria-checked=${checked ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          aria-labelledby=${labelledBy ? labelledBy : this.labelId}\n          @click=${this.handleClick}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n        />\n        <span\n          part=${partNameMap({\n            control: true,\n            checked,\n            focused: this._kbFocus.focused,\n          })}\n        >\n          <span part=${partNameMap({ thumb: true, checked })}></span>\n        </span>\n        <span\n          .hidden=${this.hideLabel}\n          part=${partNameMap({ label: true, checked })}\n          id=${this.labelId}\n        >\n          <slot></slot>\n        </span>\n      </label>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-switch': IgcSwitchComponent;\n  }\n}\n"]}

package/components/checkbox/themes/checkbox.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform:scale(0.45);transform-origin:center}[part~=indicator] svg{width:100%;height:100%}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap;gap:.5rem}[part="indicator checked"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:"";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform:scale(0.45);transform-origin:center}[part~=indicator] svg{width:100%;height:100%}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap;gap:.5rem}[part="indicator checked"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;
 //# sourceMappingURL=checkbox.base.css.js.map

package/components/checkbox/themes/checkbox.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4vEAA4vE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:\"\";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform:scale(0.45);transform-origin:center}[part~=indicator] svg{width:100%;height:100%}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap;gap:.5rem}[part=\"indicator checked\"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;\n"]}
+{"version":3,"file":"checkbox.base.css.js","sourceRoot":"","sources":["../../../../src/components/checkbox/themes/checkbox.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kxEAAkxE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-direction:column;font-family:var(--ig-font-family)}input[type=checkbox]{position:absolute;width:1px;height:1px;margin:-1px;border:none;clip:rect(0, 0, 0, 0);outline:0;pointer-events:none;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}[part~=control]{--size: 1.25rem;position:relative;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}[part~=control]::after{position:absolute;content:\"\";left:50%;top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);transition:all .15s ease-in}[part~=label]{display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-wrap:break-all;transition:color .2s ease-in-out}[part~=indicator]{display:flex;position:absolute;inset:0;stroke-linecap:square;stroke-width:3;stroke-dasharray:24;stroke-dashoffset:24;fill:none;opacity:0;z-index:1;transform:scale(0.45);transform-origin:center}[part~=indicator] svg{width:100%;height:100%}label{display:flex;align-items:center;cursor:pointer;flex-flow:row nowrap;gap:.5rem}[part=\"indicator checked\"]{transition:all .2s ease-out;stroke-dashoffset:0;opacity:1}:host([indeterminate]) [part~=indicator]{stroke-dashoffset:41;opacity:1;transform:rotate(45deg) scale(0.45) translateX(-0.25rem)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:initial;pointer-events:none}:host([label-position=before]) [part~=label]{order:-1}`;\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, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-900), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-100), 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: var(--ig-checkbox-error-color, hsla(var(--ig-error-300), 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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-900), 0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-600), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsla(var(--ig-surface-500), var(--ig-surface-a))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;
 //# 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,+2DAA+2D,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-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-900), 0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-100), 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: var(--ig-checkbox-error-color, hsla(var(--ig-error-300), 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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-900), 0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-600), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsla(var(--ig-surface-500), var(--ig-surface-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,g0DAAg0D,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-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-900) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-300) h s l/1));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}:host(:not([disabled])[invalid]) [part~=indicator],:host(:not(:disabled)[invalid]) [part~=indicator]{stroke:#000}:host([disabled]) [part~=control],:host(:disabled) [part~=control]{background:hsl(from var(--ig-surface-500) h s l/1)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-100), 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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-50), var(--ig-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:hsla(var(--ig-error-500), var(--ig-error-a))}`;
+export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-300) h s l/1));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-100) h s l/1));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-400) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-900) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-100) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-50) h s l/1))}:host([invalid]:hover) [part~=indicator]{stroke:hsl(from var(--ig-error-500) h s l/1)}`;
 //# 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,qtCAAqtC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-color: var(--ig-checkbox-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsla(var(--ig-gray-300), var(--ig-gray-a)));--error-color: var(--ig-checkbox-error-color, hsla(var(--ig-error-100), 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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-400), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-100), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-50), var(--ig-error-a)))}:host([invalid]:hover) [part~=indicator]{stroke:hsla(var(--ig-error-500), var(--ig-error-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,0oCAA0oC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-primary-300) h s l/1));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-300) h s l/1));--error-color: var(--ig-checkbox-error-color, hsl(from var(--ig-error-100) h s l/1));--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-400) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-900) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-100) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-50) h s l/1))}:host([invalid]:hover) [part~=indicator]{stroke:hsl(from var(--ig-error-500) h s l/1)}`;\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, 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));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, 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)));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-300), var(--ig-error-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, 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));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/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, hsl(from var(--ig-primary-400) h s l/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, hsl(from var(--ig-error-400) h s l/1));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;
 //# 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,i8DAAi8D,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));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, 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)));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-300), var(--ig-error-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,q8DAAq8D,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));--label-color: var(--ig-checkbox-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-color-hover: var(--ig-checkbox-label-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/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, hsl(from var(--ig-primary-400) h s l/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, hsl(from var(--ig-error-400) h s l/1));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--empty-color-hover: var(--ig-checkbox-empty-color-hover, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-300) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)))}[part~=base]:hover [part~=control]::before{opacity:.12}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before,[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{opacity:.24}`;
+export const styles = css `:host{--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-secondary-500) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-600) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-50) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-500) h s l/1))}[part~=base]:hover [part~=control]::before{opacity:.12}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part="base focused"]:hover [part~=control]::before,[part="base focused"] [part~=control]::before,[part="base checked"]:focus-visible:hover [part~=control]::before,[part="base checked"]:focus-visible [part~=control]::before,[part="base checked focused"]:hover [part~=control]::before,[part="base checked focused"] [part~=control]::before{opacity:.24}`;
 //# sourceMappingURL=checkbox.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6qCAA6qC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-50), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-500), var(--ig-error-a)))}[part~=base]:hover [part~=control]::before{opacity:.12}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before,[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{opacity:.24}`;\n"]}
+{"version":3,"file":"checkbox.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/checkbox/checkbox.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nCAA8nC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--fill-color: var(--ig-checkbox-fill-color, hsl(from var(--ig-secondary-500) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-600) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-50) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, transparent);--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-500) h s l/1))}[part~=base]:hover [part~=control]::before{opacity:.12}[part=base]:focus-visible:hover [part~=control]::before,[part=base]:focus-visible [part~=control]::before,[part=\"base focused\"]:hover [part~=control]::before,[part=\"base focused\"] [part~=control]::before,[part=\"base checked\"]:focus-visible:hover [part~=control]::before,[part=\"base checked\"]:focus-visible [part~=control]::before,[part=\"base checked focused\"]:hover [part~=control]::before,[part=\"base checked focused\"] [part~=control]::before{opacity:.24}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-primary-900), 0.5));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
+export const styles = css `:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;
 //# sourceMappingURL=switch.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wpEAAwpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-primary-900), 0.5));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-600), var(--ig-primary-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-primary-200), var(--ig-primary-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}
+{"version":3,"file":"switch.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wjEAAwjE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-surface-500) h s l/1));--track-off-color: var(--ig-switch-track-off-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-200) h s l/1));--border-radius-thumb: var(--ig-switch-border-radius-thumb, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-primary-900) h s l/0.5));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-primary-200) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-600) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-400) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-primary-200) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2rem), 2rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--track-off-color: var(--ig-switch-track-off-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-100), 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-800), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem))}`;
+export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-color: var(--ig-switch-track-on-color, hsl(from var(--ig-primary-300) h s l/1));--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-gray-50) h s l/1));--track-off-color: var(--ig-switch-track-off-color, hsl(from var(--ig-gray-50) h s l/1));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-400) h s l/1));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-700) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-900) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-100) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-100) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-800) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem))}`;
 //# sourceMappingURL=switch.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+iEAA+iE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--track-off-color: var(--ig-switch-track-off-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--label-disabled-color: var(--ig-switch-label-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-color: var(--ig-switch-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--border-hover-color: var(--ig-switch-border-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, hsla(var(--ig-gray-100), 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-800), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem))}`;\n"]}
+{"version":3,"file":"switch.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i7DAAi7D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, hsl(from var(--ig-primary-300) h s l/1));--track-on-color: var(--ig-switch-track-on-color, hsl(from var(--ig-primary-300) h s l/1));--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-gray-50) h s l/1));--track-off-color: var(--ig-switch-track-off-color, hsl(from var(--ig-gray-50) h s l/1));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, hsl(from var(--ig-gray-50) h s l/1));--label-disabled-color: var(--ig-switch-label-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, hsl(from var(--ig-gray-400) h s l/1));--border-color: var(--ig-switch-border-color, hsl(from var(--ig-gray-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-400) h s l/1));--border-hover-color: var(--ig-switch-border-hover-color, hsl(from var(--ig-gray-900) h s l/1));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-700) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-900) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-100) h s l/1));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-100) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, hsl(from var(--ig-gray-100) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-500) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-800) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.625rem), 0.625rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-primary-400), 0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--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{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-300) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--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,q+EAAq+E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsla(var(--ig-primary-400), 0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsla(var(--ig-primary-400), 0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--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, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--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,m9EAAm9E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--thumb-on-color: var(--ig-switch-thumb-on-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--thumb-on-disabled-color: var(--ig-switch-thumb-on-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-color: var(--ig-switch-label-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--label-hover-color: var(--ig-switch-label-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--label-disabled-color: var(--ig-switch-label-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--label-invalid-color: var(--ig-switch-label-invalid-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--track-on-disabled-color: var(--ig-switch-track-on-disabled-color, hsl(from var(--ig-primary-400) h s l/0.5));--track-error-color: var(--ig-switch-track-error-color, transparent);--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--focus-outline-color: var(--ig-switch-focus-outline-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--focus-outline-color-focused: var(--ig-switch-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--border-color: var(--ig-switch-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--border-hover-color: var(--ig-switch-border-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--focus-fill-color: var(--ig-switch-focus-fill-color, hsl(from var(--ig-gray-500) h s l/1));--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, hsl(from var(--ig-gray-500) h s l/1));--border-disabled-color: var(--ig-switch-border-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--border-on-hover-color: var(--ig-switch-border-on-hover-color, hsl(from var(--ig-primary-400) h s l/1));--thumb-off-color: var(--ig-switch-thumb-off-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color: var(--ig-switch-error-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-300) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--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/dark/switch/switch.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-off-color: var(--ig-switch-track-off-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem))}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{opacity:.24}`;
+export const styles = css `:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, hsl(from var(--ig-secondary-200) h s l/1));--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-off-color: var(--ig-switch-track-off-color, hsl(from var(--ig-gray-500) h s l/1));--thumb-on-color: var(--ig-switch-thumb-on-color, hsl(from var(--ig-secondary-500) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsl(from var(--ig-secondary-500) h s l/1));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-100) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-200) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-secondary-200) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-50) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-500) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem))}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part="control focused"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part="control checked focused"] [part~=thumb][part~=checked]::after{opacity:.24}`;
 //# sourceMappingURL=switch.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzEAAmzE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--track-disabled-color: var(--ig-switch-track-disabled-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--track-off-color: var(--ig-switch-track-off-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--thumb-on-color: var(--ig-switch-thumb-on-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsla(var(--ig-secondary-200), var(--ig-secondary-a)));--error-color: var(--ig-switch-error-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--error-color-hover: var(--ig-switch-error-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem))}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{opacity:.24}`;\n"]}
+{"version":3,"file":"switch.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/checkbox/themes/dark/switch/switch.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,muEAAmuE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-on-color: var(--ig-switch-border-on-color, transparent);--track-on-color: var(--ig-switch-track-on-color, hsl(from var(--ig-secondary-200) h s l/1));--track-disabled-color: var(--ig-switch-track-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--track-off-color: var(--ig-switch-track-off-color, hsl(from var(--ig-gray-500) h s l/1));--thumb-on-color: var(--ig-switch-thumb-on-color, hsl(from var(--ig-secondary-500) h s l/1));--thumb-on-error-color: var(--ig-switch-thumb-on-error-color, hsl(from var(--ig-secondary-500) h s l/1));--resting-elevation: var(--ig-switch-resting-elevation, var(--ig-elevation-1));--hover-elevation: var(--ig-switch-hover-elevation, var(--ig-elevation-1));--disabled-elevation: var(--ig-switch-disabled-elevation, var(--ig-elevation-1));--focus-outline-color: var(--ig-switch-focus-outline-color, transparent);--border-color: var(--ig-switch-border-color, transparent);--border-hover-color: var(--ig-switch-border-hover-color, transparent);--focus-fill-color: var(--ig-switch-focus-fill-color, transparent);--focus-fill-hover-color: var(--ig-switch-focus-fill-hover-color, transparent);--border-on-hover-color: var(--ig-switch-border-on-hover-color, transparent);--border-disabled-color: var(--ig-switch-border-disabled-color, transparent);--thumb-off-color: var(--ig-switch-thumb-off-color, hsl(from var(--ig-gray-100) h s l/1));--thumb-disabled-color: var(--ig-switch-thumb-disabled-color, hsl(from var(--ig-gray-200) h s l/1));--track-on-hover-color: var(--ig-switch-track-on-hover-color, hsl(from var(--ig-secondary-200) h s l/1));--error-color: var(--ig-switch-error-color, hsl(from var(--ig-gray-50) h s l/1));--error-color-hover: var(--ig-switch-error-color-hover, hsl(from var(--ig-gray-500) h s l/1));--border-radius-track: var(--ig-switch-border-radius-track, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.4375rem), 0.4375rem))}[part~=base]:hover [part~=thumb]::after,[part~=base]:hover [part~=thumb][part~=checked]::after{opacity:.12}[part~=base]:focus-visible [part~=thumb]::after,[part~=base] [part=\"control focused\"] [part~=thumb]::after{opacity:.24}[part~=base]:focus-visible [part~=thumb][part~=checked]::after,[part~=base] [part=\"control checked focused\"] [part~=thumb][part~=checked]::after{opacity:.24}`;\n"]}

package/components/checkbox/themes/light/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, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-200), 0.5));--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)));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), 0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-600), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-600), var(--ig-error-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;
 //# 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,u7CAAu7C,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-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsla(var(--ig-error-200), 0.5));--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)));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsla(var(--ig-primary-200), 0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-600), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-600), var(--ig-error-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,85CAA85C,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-900-contrast) 100%, transparent));--empty-fill-color: var(--ig-checkbox-empty-fill-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-200) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-200) h s l/1));--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));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-400) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-500) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-primary-200) h s l/0.5));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-600) h s l/1))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, 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)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-700), var(--ig-error-a)))}`;
+export const styles = css `:host{--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-700) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-700) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-900) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-800) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-700) h s l/1))}`;
 //# 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,mvBAAmvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-outline-color: var(--ig-checkbox-focus-outline-color, 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)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-900), var(--ig-gray-a)));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-800), var(--ig-primary-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-700), var(--ig-error-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,2sBAA2sB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-radius-ripple: var(--ig-checkbox-border-radius-ripple, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));--tick-color-hover: var(--ig-checkbox-tick-color-hover, hsl(from var(--ig-gray-700) h s l/1));--focus-outline-color: var(--ig-checkbox-focus-outline-color, hsl(from var(--ig-gray-700) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-900) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-900) h s l/1));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-800) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-700) h s l/1))}`;\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, 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-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));--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-900), 0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsla(var(--ig-primary-400), var(--ig-primary-a)));--empty-color: var(--ig-checkbox-empty-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsla(var(--ig-gray-600), var(--ig-gray-a)));--error-color-hover: var(--ig-checkbox-error-color-hover, hsla(var(--ig-error-400), var(--ig-error-a)))}`;
+export const styles = css `:host{--tick-color: var(--ig-checkbox-tick-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--label-color: var(--ig-checkbox-label-color, hsl(from var(--ig-gray-800) h s l/1));--focus-outline-color-focused: var(--ig-checkbox-focus-outline-color-focused, hsl(from var(--ig-primary-400) h s l/0.5));--focus-outline-color-error: var(--ig-checkbox-focus-outline-color-error, hsl(from var(--ig-error-400) h s l/0.5));--disabled-color: var(--ig-checkbox-disabled-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-indeterminate-color: var(--ig-checkbox-disabled-indeterminate-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-color-label: var(--ig-checkbox-disabled-color-label, hsl(from var(--ig-gray-900) h s l/0.2));--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, hsl(from var(--ig-gray-900) h s l/0.15));--tick-color-hover: var(--ig-checkbox-tick-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--fill-color-hover: var(--ig-checkbox-fill-color-hover, hsl(from var(--ig-primary-400) h s l/1));--empty-color: var(--ig-checkbox-empty-color, hsl(from var(--ig-gray-500) h s l/1));--empty-color-hover: var(--ig-checkbox-empty-color-hover, hsl(from var(--ig-gray-600) h s l/1));--error-color-hover: var(--ig-checkbox-error-color-hover, hsl(from var(--ig-error-400) h s l/1))}`;
 //# sourceMappingURL=checkbox.indigo.css.js.map