igniteui-webcomponents 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -5,6 +5,21 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [3.2.0] - 2022-05-30
+### Added
+- Mask input [#173](https://github.com/IgniteUI/igniteui-webcomponents/issues/173)
+- Expansion Panel [#177](https://github.com/IgniteUI/igniteui-webcomponents/issues/177)
+- Tree [#188](https://github.com/IgniteUI/igniteui-webcomponents/issues/188)
+- Rating - Added `selected` CSS part and exposed CSS variable to control symbol sizes [#340](https://github.com/IgniteUI/igniteui-webcomponents/pull/340) [#371](https://github.com/IgniteUI/igniteui-webcomponents/pull/371)
+- Icon Button - Allow slotted content [#355](https://github.com/IgniteUI/igniteui-webcomponents/pull/355)
+
+### Fixed
+- Navigation drawer - Various styles fixes [#356](https://github.com/IgniteUI/igniteui-webcomponents/pull/356) [#349](https://github.com/IgniteUI/igniteui-webcomponents/pull/349) [#363](https://github.com/IgniteUI/igniteui-webcomponents/pull/363) [#364](https://github.com/IgniteUI/igniteui-webcomponents/pull/364)
+- Buttons - Vertical align [#357](https://github.com/IgniteUI/igniteui-webcomponents/pull/357) and focus management [#380](https://github.com/IgniteUI/igniteui-webcomponents/pull/380)
+- Input - Overflow for suffix/prefix [#359](https://github.com/IgniteUI/igniteui-webcomponents/pull/359)
+- Switch - Collapse with small sizes [#362](https://github.com/IgniteUI/igniteui-webcomponents/pull/362)
+- List - Overflow behaviour [#391](https://github.com/IgniteUI/igniteui-webcomponents/pull/391)
+
 ## [3.1.0] - 2022-04-15
 ### Added
 - Chip: Added `prefix` and `suffix` slots [#334](https://github.com/IgniteUI/igniteui-webcomponents/pull/334)
@@ -89,6 +104,7 @@ Initial release of Ignite UI Web Components
 - Ripple component
 - Switch component
 
+[3.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.1.0...3.2.0
 [3.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/3.0.0...3.1.0
 [3.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.2.0...3.0.0
 [2.2.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.1.1...2.2.0

package/README.md

@@ -7,6 +7,11 @@
 
 [Ignite UI for Web Components](https://www.infragistics.com/products/ignite-ui-web-components) is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach. See the [Storybook Here](https://igniteui.github.io/igniteui-webcomponents)!
 
+## Browser Support
+
+![chrome_48x48](https://user-images.githubusercontent.com/2188411/168109445-fbd7b217-35f9-44d1-8002-1eb97e39cdc6.png) | ![firefox_48x48](https://user-images.githubusercontent.com/2188411/168109465-e46305ee-f69f-4fa5-8f4a-14876f7fd3ca.png) | ![edge_48x48](https://user-images.githubusercontent.com/2188411/168109472-a730f8c0-3822-4ae6-9f54-785a66695245.png) | ![opera_48x48](https://user-images.githubusercontent.com/2188411/168109520-b6865a6c-b69f-44a4-9948-748d8afd687c.png) | ![safari_48x48](https://user-images.githubusercontent.com/2188411/168109527-6c58f2cf-7386-4b97-98b1-cfe0ab4e8626.png)
+--- | --- | --- | --- | --- |
+Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |
 ## Usage
 
 In order to use the Ignite UI Web Components in your application you should install the `igniteui-webcomponents` package:
@@ -118,4 +123,4 @@ npm run storybook:build
 ```bash
 npm serve
 ```
-To run a local development server that serves the basic demo located in `demo/index.html`
+To run a local development server that serves the basic demo located in `demo/index.html`

package/components/button/button-base.d.ts

@@ -6,6 +6,11 @@ export interface IgcButtonEventMap {
 }
 declare const IgcButtonBaseComponent_base: Constructor<import("../common/mixins/sizable.js").SizableInterface> & Constructor<import("../common//mixins/event-emitter.js").EventEmitterInterface<IgcButtonEventMap>> & Constructor<LitElement>;
 export declare abstract class IgcButtonBaseComponent extends IgcButtonBaseComponent_base {
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
     private nativeElement;
     private _ariaLabel;
     /**

package/components/button/button-base.js

@@ -81,6 +81,10 @@ export class IgcButtonBaseComponent extends SizableMixin(EventEmitterMixin(LitEl
         return link ? this.renderLinkButton() : this.renderButton();
     }
 }
+IgcButtonBaseComponent.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
 __decorate([
     query('[part="base"]', true)
 ], IgcButtonBaseComponent.prototype, "nativeElement", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\n\nexport interface IgcButtonEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n  EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n  @query('[part=\"base\"]', true)\n  private nativeElement!: HTMLElement;\n\n  private _ariaLabel!: string;\n\n  /**\n   * The type of the button. Defaults to undefined.\n   */\n  @alternateName('displayType')\n  @property()\n  public type!: 'button' | 'reset' | 'submit';\n\n  /** The URL the button points to. */\n  @property()\n  public href!: string;\n\n  /** Prompts to save the linked URL instead of navigating to it. */\n  @property()\n  public download!: string;\n\n  /** Where to display the linked URL, as the name for a browsing context. */\n  @property()\n  public target!: '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n  /**\n   * The relationship of the linked URL.\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n   */\n  @property()\n  public rel!: string;\n\n  /**\n   * Determines whether the button is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  public override set ariaLabel(value: string) {\n    const oldVal = this._ariaLabel;\n    this._ariaLabel = value;\n\n    if (this.hasAttribute('aria-label')) {\n      this.removeAttribute('aria-label');\n    }\n    this.requestUpdate('ariaLabel', oldVal);\n  }\n\n  @property({ attribute: 'aria-label' })\n  public override get ariaLabel() {\n    return this._ariaLabel;\n  }\n\n  /** Sets focus in the button. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.nativeElement.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.nativeElement.blur();\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n  }\n\n  protected get classes() {\n    return {};\n  }\n\n  private renderButton() {\n    return html`\n      <button\n        part=\"base\"\n        aria-label=${ifDefined(this.ariaLabel)}\n        .disabled=${this.disabled}\n        class=${classMap(this.classes)}\n        type=${ifDefined(this.type)}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      >\n        ${this.renderContent()}\n      </button>\n    `;\n  }\n\n  private renderLinkButton() {\n    return html`\n      <a\n        part=\"base\"\n        role=\"button\"\n        href=${ifDefined(this.href)}\n        target=${ifDefined(this.target)}\n        download=${ifDefined(this.download)}\n        rel=${ifDefined(this.rel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=${ifDefined(this.ariaLabel)}\n        class=${classMap(this.classes)}\n        @focus=${!this.disabled && this.handleFocus}\n        @blur=${!this.disabled && this.handleBlur}\n      >\n        ${this.renderContent()}\n      </a>\n    `;\n  }\n\n  protected abstract renderContent(): TemplateResult;\n\n  protected override render() {\n    const link = this.href !== undefined;\n    return link ? this.renderLinkButton() : this.renderButton();\n  }\n}\n"]}
+{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../src/components/button/button-base.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAEtE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAO3D,MAAM,OAAgB,sBAAuB,SAAQ,YAAY,CAC/D,iBAAiB,CAA6C,UAAU,CAAC,CAC1E;IAFD;;QA2CS,aAAQ,GAAG,KAAK,CAAC;IAmF1B,CAAC;IAjFC,IAAoB,SAAS,CAAC,KAAa;QACzC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACnC,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;SACpC;QACD,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IAC1C,CAAC;IAGD,IAAoB,SAAS;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAIe,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAES,WAAW;QACnB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC7B,CAAC;IAES,UAAU;QAClB,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IAED,IAAc,OAAO;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;IAEO,YAAY;QAClB,OAAO,IAAI,CAAA;;;qBAGM,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC1B,IAAI,CAAC,QAAQ;gBACjB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;eACvB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,WAAW;gBACjB,IAAI,CAAC,UAAU;;UAErB,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;mBACpB,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;cAC7B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;wBACT,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qBACnC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;gBAC9B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;iBACrB,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW;gBACnC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU;;UAEvC,IAAI,CAAC,aAAa,EAAE;;KAEzB,CAAC;IACJ,CAAC;IAIkB,MAAM;QACvB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;QACrC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;;AA1HgB,wCAAiB,GAAG;IACnC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAGF;IADC,KAAK,CAAC,eAAe,EAAE,IAAI,CAAC;6DACO;AASpC;IAFC,aAAa,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE;oDACiC;AAI5C;IADC,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;wDACc;AAIzB;IADC,QAAQ,EAAE;sDACyD;AAOpE;IADC,QAAQ,EAAE;mDACS;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wDACnB;AAaxB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;uDAGrC;AAID;IADC,aAAa,CAAC,gBAAgB,CAAC;mDAG/B;AAID;IADC,aAAa,CAAC,eAAe,CAAC;kDAG9B","sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { EventEmitterMixin } from '../common//mixins/event-emitter.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\n\nexport interface IgcButtonEventMap {\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n}\n\nexport abstract class IgcButtonBaseComponent extends SizableMixin(\n  EventEmitterMixin<IgcButtonEventMap, Constructor<LitElement>>(LitElement)\n) {\n  protected static shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @query('[part=\"base\"]', true)\n  private nativeElement!: HTMLElement;\n\n  private _ariaLabel!: string;\n\n  /**\n   * The type of the button. Defaults to undefined.\n   */\n  @alternateName('displayType')\n  @property()\n  public type!: 'button' | 'reset' | 'submit';\n\n  /** The URL the button points to. */\n  @property()\n  public href!: string;\n\n  /** Prompts to save the linked URL instead of navigating to it. */\n  @property()\n  public download!: string;\n\n  /** Where to display the linked URL, as the name for a browsing context. */\n  @property()\n  public target!: '_blank' | '_parent' | '_self' | '_top' | undefined;\n\n  /**\n   * The relationship of the linked URL.\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types\n   */\n  @property()\n  public rel!: string;\n\n  /**\n   * Determines whether the button is disabled.\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  public override set ariaLabel(value: string) {\n    const oldVal = this._ariaLabel;\n    this._ariaLabel = value;\n\n    if (this.hasAttribute('aria-label')) {\n      this.removeAttribute('aria-label');\n    }\n    this.requestUpdate('ariaLabel', oldVal);\n  }\n\n  @property({ attribute: 'aria-label' })\n  public override get ariaLabel() {\n    return this._ariaLabel;\n  }\n\n  /** Sets focus in the button. */\n  @alternateName('focusComponent')\n  public override focus(options?: FocusOptions) {\n    this.nativeElement.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  @alternateName('blurComponent')\n  public override blur() {\n    this.nativeElement.blur();\n  }\n\n  protected handleFocus() {\n    this.emitEvent('igcFocus');\n  }\n\n  protected handleBlur() {\n    this.emitEvent('igcBlur');\n  }\n\n  protected get classes() {\n    return {};\n  }\n\n  private renderButton() {\n    return html`\n      <button\n        part=\"base\"\n        aria-label=${ifDefined(this.ariaLabel)}\n        .disabled=${this.disabled}\n        class=${classMap(this.classes)}\n        type=${ifDefined(this.type)}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n      >\n        ${this.renderContent()}\n      </button>\n    `;\n  }\n\n  private renderLinkButton() {\n    return html`\n      <a\n        part=\"base\"\n        role=\"button\"\n        href=${ifDefined(this.href)}\n        target=${ifDefined(this.target)}\n        download=${ifDefined(this.download)}\n        rel=${ifDefined(this.rel)}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=${ifDefined(this.ariaLabel)}\n        class=${classMap(this.classes)}\n        @focus=${!this.disabled && this.handleFocus}\n        @blur=${!this.disabled && this.handleBlur}\n      >\n        ${this.renderContent()}\n      </a>\n    `;\n  }\n\n  protected abstract renderContent(): TemplateResult;\n\n  protected override render() {\n    const link = this.href !== undefined;\n    return link ? this.renderLinkButton() : this.renderButton();\n  }\n}\n"]}

package/components/button/icon-button.js

@@ -26,14 +26,16 @@ let IgcIconButtonComponent = class IgcIconButtonComponent extends IgcButtonBaseC
     }
     renderContent() {
         return html `
-      <igc-icon
-        part="icon"
-        name=${ifDefined(this.name)}
-        collection=${ifDefined(this.collection)}
-        .mirrored=${this.mirrored}
-        size=${ifDefined(this.size)}
-        aria-hidden="true"
-      ></igc-icon>
+      <slot>
+        <igc-icon
+          part="icon"
+          name=${ifDefined(this.name)}
+          collection=${ifDefined(this.collection)}
+          .mirrored=${this.mirrored}
+          size=${ifDefined(this.size)}
+          aria-hidden="true"
+        ></igc-icon>
+      </slot>
     `;
     }
     async registerIcon(name, url, collection = 'default') {

package/components/button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wDAAwD,CAAC;AAS5F,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,sBAAsB;IAA1E;;QAeS,aAAQ,GAAG,KAAK,CAAC;QAIjB,YAAO,GAAsC,WAAW,CAAC;IAgClE,CAAC;IA9BW,aAAa;QACrB,OAAO,IAAI,CAAA;;;eAGA,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;qBACd,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;oBAC3B,IAAI,CAAC,QAAQ;eAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;;KAG9B,CAAC;IACJ,CAAC;IAGS,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAGS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AAlDwB,8BAAO,GAAG,iBAAkB,CAAA;AAClC,6BAAM,GAAG,MAAO,CAAA;AAKjC;IAFC,aAAa,CAAC,UAAU,CAAC;IACzB,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;0DACgB;AAI3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACoC;AAgBhE;IADC,aAAa,EAAE;0DAOf;AAGD;IADC,aAAa,EAAE;kEAOf;AAlDkB,sBAAsB;IAD1C,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,sBAAsB,CAmD1C;eAnDoB,sBAAsB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport '../icon/icon.js';\nimport {\n  registerIcon as registerIcon_impl,\n  registerIconFromText as registerIconFromText_impl,\n} from '../icon/icon.registry.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/icon-button/light/icon-button.base.css.js';\nimport { styles as bootstrap } from './themes/icon-button/light/icon-button.bootstrap.css.js';\nimport { styles as fluent } from './themes/icon-button/light/icon-button.fluent.css.js';\nimport { styles as indigo } from './themes/icon-button/light/icon-button.indigo.css.js';\nimport { styles as material } from './themes/icon-button/light/icon-button.material.css.js';\n\n/**\n * @element igc-icon-button\n *\n * @csspart base - The wrapping element.\n * @csspart icon - The icon element.\n */\n@themes({ bootstrap, material, fluent, indigo })\nexport default class IgcIconButtonComponent extends IgcButtonBaseComponent {\n  public static readonly tagName = 'igc-icon-button';\n  protected static styles = styles;\n\n  /** The name of the icon. */\n  @alternateName('iconName')\n  @property()\n  public name!: string;\n\n  /** The name of the icon collection. */\n  @property()\n  public collection!: string;\n\n  /** Whether to flip the icon button. Useful for RTL layouts. */\n  @property({ type: Boolean })\n  public mirrored = false;\n\n  /** The visual variant of the icon button. */\n  @property({ reflect: true })\n  public variant: 'flat' | 'contained' | 'outlined' = 'contained';\n\n  protected renderContent() {\n    return html`\n      <igc-icon\n        part=\"icon\"\n        name=${ifDefined(this.name)}\n        collection=${ifDefined(this.collection)}\n        .mirrored=${this.mirrored}\n        size=${ifDefined(this.size)}\n        aria-hidden=\"true\"\n      ></igc-icon>\n    `;\n  }\n\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon-button': IgcIconButtonComponent;\n  }\n}\n"]}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/button/icon-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oDAAoD,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,yDAAyD,CAAC;AAC9F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,sDAAsD,CAAC;AACxF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wDAAwD,CAAC;AAS5F,IAAqB,sBAAsB,GAA3C,MAAqB,sBAAuB,SAAQ,sBAAsB;IAA1E;;QAeS,aAAQ,GAAG,KAAK,CAAC;QAIjB,YAAO,GAAsC,WAAW,CAAC;IAkClE,CAAC;IAhCW,aAAa;QACrB,OAAO,IAAI,CAAA;;;;iBAIE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;uBACd,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC;sBAC3B,IAAI,CAAC,QAAQ;iBAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;;;;KAIhC,CAAC;IACJ,CAAC;IAGS,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,GAAW,EACX,UAAU,GAAG,SAAS;QAEtB,MAAM,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;IACjD,CAAC;IAGS,oBAAoB,CAC5B,IAAY,EACZ,QAAgB,EAChB,UAAU,GAAG,SAAS;QAEtB,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC;CACF,CAAA;AApDwB,8BAAO,GAAG,iBAAkB,CAAA;AAClC,6BAAM,GAAG,MAAO,CAAA;AAKjC;IAFC,aAAa,CAAC,UAAU,CAAC;IACzB,QAAQ,EAAE;oDACU;AAIrB;IADC,QAAQ,EAAE;0DACgB;AAI3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACJ;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDACoC;AAkBhE;IADC,aAAa,EAAE;0DAOf;AAGD;IADC,aAAa,EAAE;kEAOf;AApDkB,sBAAsB;IAD1C,MAAM,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;GAC3B,sBAAsB,CAqD1C;eArDoB,sBAAsB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorInclude } from '../common/decorators/blazorInclude.js';\nimport '../icon/icon.js';\nimport {\n  registerIcon as registerIcon_impl,\n  registerIconFromText as registerIconFromText_impl,\n} from '../icon/icon.registry.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/icon-button/light/icon-button.base.css.js';\nimport { styles as bootstrap } from './themes/icon-button/light/icon-button.bootstrap.css.js';\nimport { styles as fluent } from './themes/icon-button/light/icon-button.fluent.css.js';\nimport { styles as indigo } from './themes/icon-button/light/icon-button.indigo.css.js';\nimport { styles as material } from './themes/icon-button/light/icon-button.material.css.js';\n\n/**\n * @element igc-icon-button\n *\n * @csspart base - The wrapping element.\n * @csspart icon - The icon element.\n */\n@themes({ bootstrap, material, fluent, indigo })\nexport default class IgcIconButtonComponent extends IgcButtonBaseComponent {\n  public static readonly tagName = 'igc-icon-button';\n  protected static styles = styles;\n\n  /** The name of the icon. */\n  @alternateName('iconName')\n  @property()\n  public name!: string;\n\n  /** The name of the icon collection. */\n  @property()\n  public collection!: string;\n\n  /** Whether to flip the icon button. Useful for RTL layouts. */\n  @property({ type: Boolean })\n  public mirrored = false;\n\n  /** The visual variant of the icon button. */\n  @property({ reflect: true })\n  public variant: 'flat' | 'contained' | 'outlined' = 'contained';\n\n  protected renderContent() {\n    return html`\n      <slot>\n        <igc-icon\n          part=\"icon\"\n          name=${ifDefined(this.name)}\n          collection=${ifDefined(this.collection)}\n          .mirrored=${this.mirrored}\n          size=${ifDefined(this.size)}\n          aria-hidden=\"true\"\n        ></igc-icon>\n      </slot>\n    `;\n  }\n\n  @blazorInclude()\n  protected async registerIcon(\n    name: string,\n    url: string,\n    collection = 'default'\n  ) {\n    await registerIcon_impl(name, url, collection);\n  }\n\n  @blazorInclude()\n  protected registerIconFromText(\n    name: string,\n    iconText: string,\n    collection = 'default'\n  ) {\n    registerIconFromText_impl(name, iconText, collection);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-icon-button': IgcIconButtonComponent;\n  }\n}\n"]}

package/components/button/themes/button/light/button.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;
 //# sourceMappingURL=button.base.css.js.map

package/components/button/themes/button/light/button.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,upJAAupJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;\n"]}
+{"version":3,"file":"button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6qJAA6qJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}`;\n"]}

package/components/button/themes/button/light/button.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:"";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;
 //# sourceMappingURL=button.material.css.js.map

package/components/button/themes/button/light/button.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,42NAA42N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;\n"]}
+{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k4NAAk4N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap;text-decoration:none;z-index:0;font-family:var(--igc-button-font-family);font-weight:var(--igc-button-font-weight);font-size:var(--igc-button-font-size);font-style:var(--igc-button-font-style);letter-spacing:var(--igc-button-letter-spacing);line-height:var(--igc-button-line-height);text-transform:var(--igc-button-text-transform)}[part=base]::before{position:absolute;content:\"\";width:100%;height:100%;z-index:-1;will-change:opacity;-webkit-transition:all .1s ease-out;-o-transition:all .1s ease-out;transition:all .1s ease-out}:host(:not([disabled])) [part=base]:hover{cursor:pointer}:host([disabled]){pointer-events:none}:host([disabled]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=large]) [part=base]{height:var(--size, 36px);padding:0 calc(var(--igc-spacing-large)*2)}:host([size=medium]) [part=base]{height:var(--size, 30px);padding:0 calc(var(--igc-spacing-medium)*3)}:host([size=small]) [part=base]{height:var(--size, 24px);padding:0 calc(var(--igc-spacing-small)*4)}[name=prefix]::slotted(*){-webkit-margin-end:var(--igc-spacing-large);margin-inline-end:var(--igc-spacing-large)}[name=suffix]::slotted(*){-webkit-margin-start:var(--igc-spacing-large);margin-inline-start:var(--igc-spacing-large)}span[part=prefix],span[part=suffix]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:not([disabled])[variant=outlined]) [part=base],:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a));background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]::before,:host(:not([disabled])[variant=flat]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before,:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.12}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));opacity:.24}:host([disabled][variant=flat]) [part=base]{background:rgba(0,0,0,0)}:host(:not([disabled])[variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}:host([disabled][variant=outlined]) [part=base]{background:rgba(0,0,0,0);-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:not([disabled])[variant=contained]) [part=base],:host(:not([disabled])[variant=fab]) [part=base]{background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));color:var(--igc-secondary-500-contrast)}:host([variant=fab]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2);min-width:var(--size);min-height:var(--size)}:host([variant=fab][size=large]) [part=base]{--size: 3rem}:host([variant=fab][size=medium]) [part=base]{--size: 2.5rem}:host([variant=fab][size=small]) [part=base]{--size: 2rem}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-transition:-webkit-box-shadow .1s ease-out;transition:-webkit-box-shadow .1s ease-out;-o-transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out;transition:box-shadow .1s ease-out, -webkit-box-shadow .1s ease-out}:host(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{opacity:0}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before{background:#fff;opacity:.12}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:#fff;opacity:.24}:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-2);box-shadow:var(--igc-elevation-2)}:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8)}:host(:not([disabled])[variant=fab]) [part=base]{-webkit-box-shadow:var(--igc-elevation-6);box-shadow:var(--igc-elevation-6)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{-webkit-box-shadow:var(--igc-elevation-12);box-shadow:var(--igc-elevation-12)}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}::slotted(*){font-size:var(--size) !important;vertical-align:middle}slot{pointer-events:none}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;font-size:var(--size);line-height:1}:host([size=small]){--size: 1rem}:host([size=small]) [part=base]{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]){--size: 1.25rem}:host([size=medium]) [part=base]{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]){--size: 1.5rem}:host([size=large]) [part=base]{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;
 //# sourceMappingURL=icon-button.base.css.js.map

package/components/button/themes/icon-button/light/icon-button.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2lEAA2lE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}button{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;\n"]}
+{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2uEAA2uE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}::slotted(*){font-size:var(--size) !important;vertical-align:middle}slot{pointer-events:none}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;font-size:var(--size);line-height:1}:host([size=small]){--size: 1rem}:host([size=small]) [part=base]{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]){--size: 1.25rem}:host([size=medium]) [part=base]{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]){--size: 1.5rem}:host([size=large]) [part=base]{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;
+export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) [part=base]{width:1.9375rem;height:1.9375rem;padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) [part=base]{width:3rem;height:3rem;padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) [part=base]{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;
 //# sourceMappingURL=icon-button.bootstrap.css.js.map

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gzFAAgzF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}button:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}button:focus,button:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) button{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) button:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) button{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) button{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;\n"]}
+{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,61FAA61F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) [part=base]{width:1.9375rem;height:1.9375rem;padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) [part=base]{width:3rem;height:3rem;padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) [part=base]{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `button{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}button::after{position:absolute;content:"";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}button:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}button:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) button{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) button:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) button{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) button:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) button:hover,:host([variant=outlined]) button:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) button,:host([disabled][variant=outlined]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
+export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}[part=base]::after{position:absolute;content:"";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}[part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part=base]:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.5rem;height:1.5rem}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) [part=base]:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) [part=base]:hover,:host([variant=outlined]) [part=base]:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base],:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map

package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wgFAAwgF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}button::after{position:absolute;content:\"\";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}button:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}button:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) igc-icon{--size: 1.5rem}:host([size=large]) button{padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) button{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) button:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) button:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) button{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) button:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) button:hover,:host([variant=outlined]) button:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) button,:host([disabled][variant=outlined]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nFAA8nF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}[part=base]::after{position:absolute;content:\"\";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}[part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part=base]:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.5rem;height:1.5rem}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) [part=base]:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) [part=base]:hover,:host([variant=outlined]) [part=base]:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base],:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `button{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}button:focus,button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) button{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) button::after{position:absolute;content:"";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `[part=base]{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.75rem;height:1.75rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) [part=base]::after{position:absolute;content:"";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
 //# sourceMappingURL=icon-button.indigo.css.js.map

package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6rFAA6rF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`button{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}button:focus,button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) igc-icon{--size: 1rem}:host([size=small]) button{padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) igc-icon{--size: 1.25rem}:host([size=medium]) button{padding:calc(var(--igc-spacing-medium)*1.5)}:host([variant=contained]) button{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) button:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) button:focus,:host([variant=contained]) button:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) button{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) button::after{position:absolute;content:\"\";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) button:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) button:focus,:host([variant=outlined]) button:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yFAA2yF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.75rem;height:1.75rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) [part=base]::after{position:absolute;content:\"\";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=contained]) button{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) button{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) button{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) button{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;
+export const styles = css `:host([size=small]) [part=base]{width:1.5rem;height:1.5rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:1.875rem;height:1.875rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) [part=base]{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;
 //# sourceMappingURL=icon-button.material.css.js.map

package/components/button/themes/icon-button/light/icon-button.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8kCAA8kC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=contained]) button{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) button{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) button{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) button{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) button{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) button{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,83CAA83C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=small]) [part=base]{width:1.5rem;height:1.5rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:1.875rem;height:1.875rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) [part=base]{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;\n"]}

package/components/calendar/common/calendar-base.js

@@ -33,23 +33,24 @@ let IgcCalendarBaseComponent = class IgcCalendarBaseComponent extends LitElement
 __decorate([
     blazorSuppress(),
     property({
-        converter: (value) => {
-            return value ? new Date(value) : undefined;
+        converter: {
+            fromAttribute: (value) => (value ? new Date(value) : undefined),
+            toAttribute: (value) => value.toISOString(),
         },
     })
 ], IgcCalendarBaseComponent.prototype, "value", void 0);
 __decorate([
     blazorSuppress(),
     property({
-        converter: (value) => {
-            if (!value) {
-                return undefined;
-            }
-            return value
-                .split(',')
-                .map((v) => v.trim())
-                .filter((v) => v)
-                .map((v) => new Date(v));
+        converter: {
+            fromAttribute: (value) => !value
+                ? undefined
+                : value
+                    .split(',')
+                    .map((v) => v.trim())
+                    .filter((v) => v)
+                    .map((v) => new Date(v)),
+            toAttribute: (value) => value.map((v) => v.toISOString()).join(','),
         },
     })
 ], IgcCalendarBaseComponent.prototype, "values", void 0);
@@ -66,7 +67,10 @@ __decorate([
     blazorSuppress(),
     property({
         attribute: 'active-date',
-        converter: (value) => (value ? new Date(value) : new Date()),
+        converter: {
+            fromAttribute: (value) => (value ? new Date(value) : new Date()),
+            toAttribute: (value) => value.toISOString(),
+        },
     })
 ], IgcCalendarBaseComponent.prototype, "activeDate", void 0);
 __decorate([

package/components/calendar/common/calendar-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\nexport class IgcCalendarBaseComponent extends LitElement {\n  protected calendarModel = new Calendar();\n\n  /**\n   * Тhe current value of the calendar.\n   * Used when selection is set to single.\n   */\n  @blazorSuppress()\n  @property({\n    converter: (value) => {\n      return value ? new Date(value) : undefined;\n    },\n  })\n  public value?: Date;\n  //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n  /**\n   * Тhe current values of the calendar.\n   * Used when selection is set to multiple or range.\n   */\n  @blazorSuppress()\n  @property({\n    converter: (value) => {\n      if (!value) {\n        return undefined;\n      }\n      return value\n        .split(',')\n        .map((v) => v.trim())\n        .filter((v) => v)\n        .map((v) => new Date(v));\n    },\n  })\n  public values?: Date[];\n\n  /** Sets the type of date selection. */\n  @property()\n  public selection: 'single' | 'multiple' | 'range' = 'single';\n\n  /** Show/hide the week numbers. */\n  @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n  public showWeekNumbers = false;\n\n  /** Sets the start day of the week. */\n  @property({ attribute: 'week-start' })\n  public weekStart:\n    | 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday' = 'sunday';\n\n  /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n  @blazorSuppress()\n  @property({\n    attribute: 'active-date',\n    converter: (value) => (value ? new Date(value) : new Date()),\n  })\n  public activeDate = new Date();\n\n  /** Sets the locale used for formatting and displaying the dates in the calendar. */\n  @property()\n  public locale = 'en';\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public disabledDates!: DateRangeDescriptor[];\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  @watch('weekStart')\n  protected weekStartChange() {\n    this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected selectionChange() {\n    this.value = undefined;\n  }\n}\n"]}
+{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\nexport class IgcCalendarBaseComponent extends LitElement {\n  protected calendarModel = new Calendar();\n\n  /**\n   * Тhe current value of the calendar.\n   * Used when selection is set to single.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : undefined),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public value?: Date;\n  //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n  /**\n   * Тhe current values of the calendar.\n   * Used when selection is set to multiple or range.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value\n          ? undefined\n          : value\n              .split(',')\n              .map((v) => v.trim())\n              .filter((v) => v)\n              .map((v) => new Date(v)),\n      toAttribute: (value: Date[]) =>\n        value.map((v) => v.toISOString()).join(','),\n    },\n  })\n  public values?: Date[];\n\n  /** Sets the type of date selection. */\n  @property()\n  public selection: 'single' | 'multiple' | 'range' = 'single';\n\n  /** Show/hide the week numbers. */\n  @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n  public showWeekNumbers = false;\n\n  /** Sets the start day of the week. */\n  @property({ attribute: 'week-start' })\n  public weekStart:\n    | 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday' = 'sunday';\n\n  /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n  @blazorSuppress()\n  @property({\n    attribute: 'active-date',\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : new Date()),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public activeDate = new Date();\n\n  /** Sets the locale used for formatting and displaying the dates in the calendar. */\n  @property()\n  public locale = 'en';\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public disabledDates!: DateRangeDescriptor[];\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  @watch('weekStart')\n  protected weekStartChange() {\n    this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected selectionChange() {\n    this.value = undefined;\n  }\n}\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-webkit-keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}@keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);--size: 2.25rem;--thumb-size: 1.25rem;--thumb-offset: -0.0625rem}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}label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}label:hover [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.06)}label:focus-within [part~=thumb]::after{background:hsla(var(--igc-gray-600), 0.12)}[part~=control]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb]{border-radius:clamp(0rem,var(--igc-radius-factor)*.625rem,.625rem);position:relative;-webkit-animation-name:thumb-off;animation-name:thumb-off;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:none;animation-fill-mode:none;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}[part~=thumb][part~=checked]{-webkit-animation-name:thumb-on;animation-name:thumb-on;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}[part~=label]{display:inline-block;color:hsla(var(--igc-gray-900), var(--igc-gray-a));cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;word-wrap:break-all;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}:host([disabled]){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host(:not([disabled])[invalid]) [part~=label]{color:hsla(var(--igc-error-500), var(--igc-error-a))}:host(:not([disabled])[invalid]) [part~=thumb]{background:hsla(var(--igc-error-500), var(--igc-error-a))}:host([label-position=after]) [part~=label]{-webkit-margin-start:.5rem;margin-inline-start:.5rem}:host([label-position=before]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-margin-end:.5rem;margin-inline-end:.5rem}@-webkit-keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@keyframes thumb-on{from{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}to{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}}@-webkit-keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}@keyframes thumb-off{from{-webkit-margin-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset));margin-inline-start:calc(var(--size) - var(--thumb-size) - var(--thumb-offset))}to{-webkit-margin-start:var(--thumb-offset);margin-inline-start:var(--thumb-offset)}}`;
 //# sourceMappingURL=switch.base.css.js.map