igniteui-webcomponents 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -5,7 +5,19 @@ 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/).
 
-## [Unreleased]
+## [2.1.0] - 2022-03-15
+
+### Added
+
+- Linear Progress component
+- Circular Progress component
+- Chip component
+- Snackbar component
+- Toast component
+- Rating component
+- Component themes can be changed at runtime by calling the `configureTheme(theme: Theme)` function
+
+## [2.0.0] - 2022-02-03
 
 ### Added
 
@@ -25,7 +37,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 - Removed `igcOpening`, `igcOpened`, `igcClosing` and `igcClosed` events from Navigation drawer component.
 
-## 1.0.0 - 2021-11-22
+## [1.0.0] - 2021-11-22
 
 Initial release of Ignite UI Web Components
 
@@ -48,3 +60,7 @@ Initial release of Ignite UI Web Components
 - Radio component
 - Ripple component
 - Switch component
+
+[2.1.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/2.0.0...2.1.0
+[2.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/compare/1.0.0...2.0.0
+[1.0.0]: https://github.com/IgniteUI/igniteui-webcomponents/releases/tag/1.0.0

package/components/avatar/avatar.d.ts

@@ -15,7 +15,7 @@ declare const IgcAvatarComponent_base: import("../common/mixins/constructor.js")
  */
 export default class IgcAvatarComponent extends IgcAvatarComponent_base {
     static readonly tagName = "igc-avatar";
-    static styles: import("lit").CSSResult[];
+    static styles: import("lit").CSSResult;
     /** The image source to use. */
     src: string;
     private hasError;

package/components/avatar/avatar.js

@@ -8,10 +8,12 @@ import { html, LitElement } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
+import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { SizableMixin } from '../common/mixins/sizable.js';
-import { styles } from './avatar.material.css';
-export default class IgcAvatarComponent extends SizableMixin(LitElement) {
+import { styles } from './themes/avatar.base.css';
+import { styles as bootstrap } from './themes/avatar.bootstrap.css';
+let IgcAvatarComponent = class IgcAvatarComponent extends SizableMixin(LitElement) {
     constructor() {
         super();
         this.hasError = false;
@@ -57,9 +59,9 @@ export default class IgcAvatarComponent extends SizableMixin(LitElement) {
       </div>
     `;
     }
-}
+};
 IgcAvatarComponent.tagName = 'igc-avatar';
-IgcAvatarComponent.styles = [styles];
+IgcAvatarComponent.styles = styles;
 __decorate([
     property()
 ], IgcAvatarComponent.prototype, "src", void 0);
@@ -78,4 +80,8 @@ __decorate([
 __decorate([
     watch('src')
 ], IgcAvatarComponent.prototype, "handleErrorState", null);
+IgcAvatarComponent = __decorate([
+    themes({ bootstrap })
+], IgcAvatarComponent);
+export default IgcAvatarComponent;
 //# sourceMappingURL=avatar.js.map

package/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,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,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAe/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAqCtE;QACE,KAAK,EAAE,CAAC;QA5BF,aAAQ,GAAG,KAAK,CAAC;QAYlB,UAAK,GAAoC,QAAQ,CAAC;QAiBvD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,CAAC;IAhBD,IAAY,OAAO;QACjB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE7B,OAAO;YACL,MAAM,EAAE,KAAK,KAAK,QAAQ;YAC1B,OAAO,EAAE,KAAK,KAAK,SAAS;YAC5B,MAAM,EAAE,KAAK,KAAK,QAAQ;YAC1B,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,MAAM,EAAE,IAAI,KAAK,QAAQ;YACzB,KAAK,EAAE,IAAI,KAAK,OAAO;SACxB,CAAC;IACJ,CAAC;IAQS,gBAAgB;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;+BAKgB,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK;gBAC3C,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;;UAE5B,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,QAAQ,SAAS;YACrD,CAAC,CAAC,IAAI,CAAA,iBAAiB;UACvB,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;sBAGM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;sBACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;0BACf,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;;aAEzC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;;AAtEsB,0BAAO,GAAG,YAAY,CAAC;AAEvB,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIzC;IADC,QAAQ,EAAE;+CACS;AAGpB;IADC,KAAK,EAAE;oDACiB;AAIzB;IADC,QAAQ,EAAE;+CACS;AAIpB;IADC,QAAQ,EAAE;oDACc;AAIzB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC6B;AAqBzD;IADC,KAAK,CAAC,KAAK,CAAC;0DAGZ","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './avatar.material.css';\n\n/**\n * An avatar component is used as a representation of a user identity\n * typically in a user profile.\n *\n * @element igc-avatar\n *\n * @slot - Renders an icon inside the default slot.\n *\n * @csspart base - The base wrapper of the avatar.\n * @csspart initials - The initials wrapper of the avatar.\n * @csspart image - The image wrapper of the avatar.\n * @csspart icon - The icon wrapper of the avatar.\n */\nexport default class IgcAvatarComponent extends SizableMixin(LitElement) {\n  public static readonly tagName = 'igc-avatar';\n\n  public static override styles = [styles];\n\n  /** The image source to use. */\n  @property()\n  public src!: string;\n\n  @state()\n  private hasError = false;\n\n  /** Alternative text for the image. */\n  @property()\n  public alt!: string;\n\n  /** Initials to use as a fallback when no image is available. */\n  @property()\n  public initials!: string;\n\n  /** The shape of the avatar. */\n  @property({ reflect: true })\n  public shape: 'circle' | 'rounded' | 'square' = 'square';\n\n  private get classes() {\n    const { size, shape } = this;\n\n    return {\n      circle: shape === 'circle',\n      rounded: shape === 'rounded',\n      square: shape === 'square',\n      small: size === 'small',\n      medium: size === 'medium',\n      large: size === 'large',\n    };\n  }\n\n  constructor() {\n    super();\n    this.size = 'small';\n  }\n\n  @watch('src')\n  protected handleErrorState() {\n    this.hasError = false;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"base\"\n        role=\"img\"\n        aria-label=\"avatar\"\n        aria-roledescription=${this.size + ' ' + this.shape}\n        class=${classMap(this.classes)}\n      >\n        ${this.initials\n          ? html`<span part=\"initials\">${this.initials}</span>`\n          : html` <slot></slot> `}\n        ${this.src && !this.hasError\n          ? html`\n              <img\n                part=\"image\"\n                alt=${ifDefined(this.alt)}\n                src=${ifDefined(this.src)}\n                @error=\"${() => (this.hasError = true)}\"\n              />\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-avatar': IgcAvatarComponent;\n  }\n}\n"]}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,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,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAgBpE,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,YAAY,CAAC,UAAU,CAAC;IAoCtE;QACE,KAAK,EAAE,CAAC;QA5BF,aAAQ,GAAG,KAAK,CAAC;QAYlB,UAAK,GAAoC,QAAQ,CAAC;QAiBvD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC;IACtB,CAAC;IAhBD,IAAY,OAAO;QACjB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAE7B,OAAO;YACL,MAAM,EAAE,KAAK,KAAK,QAAQ;YAC1B,OAAO,EAAE,KAAK,KAAK,SAAS;YAC5B,MAAM,EAAE,KAAK,KAAK,QAAQ;YAC1B,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,MAAM,EAAE,IAAI,KAAK,QAAQ;YACzB,KAAK,EAAE,IAAI,KAAK,OAAO;SACxB,CAAC;IACJ,CAAC;IAQS,gBAAgB;QACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;+BAKgB,IAAI,CAAC,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK;gBAC3C,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;;UAE5B,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,QAAQ,SAAS;YACrD,CAAC,CAAC,IAAI,CAAA,iBAAiB;UACvB,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC1B,CAAC,CAAC,IAAI,CAAA;;;sBAGM,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;sBACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;0BACf,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;;aAEzC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AAtEwB,0BAAO,GAAG,YAAa,CAAA;AACvB,yBAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,EAAE;+CACS;AAGpB;IADC,KAAK,EAAE;oDACiB;AAIzB;IADC,QAAQ,EAAE;+CACS;AAIpB;IADC,QAAQ,EAAE;oDACc;AAIzB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC6B;AAqBzD;IADC,KAAK,CAAC,KAAK,CAAC;0DAGZ;AA5CkB,kBAAkB;IADtC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,kBAAkB,CAuEtC;eAvEoB,kBAAkB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { SizableMixin } from '../common/mixins/sizable.js';\nimport { styles } from './themes/avatar.base.css';\nimport { styles as bootstrap } from './themes/avatar.bootstrap.css';\n\n/**\n * An avatar component is used as a representation of a user identity\n * typically in a user profile.\n *\n * @element igc-avatar\n *\n * @slot - Renders an icon inside the default slot.\n *\n * @csspart base - The base wrapper of the avatar.\n * @csspart initials - The initials wrapper of the avatar.\n * @csspart image - The image wrapper of the avatar.\n * @csspart icon - The icon wrapper of the avatar.\n */\n@themes({ bootstrap })\nexport default class IgcAvatarComponent extends SizableMixin(LitElement) {\n  public static readonly tagName = 'igc-avatar';\n  public static override styles = styles;\n\n  /** The image source to use. */\n  @property()\n  public src!: string;\n\n  @state()\n  private hasError = false;\n\n  /** Alternative text for the image. */\n  @property()\n  public alt!: string;\n\n  /** Initials to use as a fallback when no image is available. */\n  @property()\n  public initials!: string;\n\n  /** The shape of the avatar. */\n  @property({ reflect: true })\n  public shape: 'circle' | 'rounded' | 'square' = 'square';\n\n  private get classes() {\n    const { size, shape } = this;\n\n    return {\n      circle: shape === 'circle',\n      rounded: shape === 'rounded',\n      square: shape === 'square',\n      small: size === 'small',\n      medium: size === 'medium',\n      large: size === 'large',\n    };\n  }\n\n  constructor() {\n    super();\n    this.size = 'small';\n  }\n\n  @watch('src')\n  protected handleErrorState() {\n    this.hasError = false;\n  }\n\n  protected override render() {\n    return html`\n      <div\n        part=\"base\"\n        role=\"img\"\n        aria-label=\"avatar\"\n        aria-roledescription=${this.size + ' ' + this.shape}\n        class=${classMap(this.classes)}\n      >\n        ${this.initials\n          ? html`<span part=\"initials\">${this.initials}</span>`\n          : html` <slot></slot> `}\n        ${this.src && !this.hasError\n          ? html`\n              <img\n                part=\"image\"\n                alt=${ifDefined(this.alt)}\n                src=${ifDefined(this.src)}\n                @error=\"${() => (this.hasError = true)}\"\n              />\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-avatar': IgcAvatarComponent;\n  }\n}\n"]}

package/components/avatar/{avatar.material.css.js → themes/avatar.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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family)}.rounded{border-radius:calc(var(--igc-border-radius)*4)}.circle{border-radius:calc(var(--igc-border-radius)*22)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}.large{width:var(--size, 5.5rem);height:var(--size, 5.5rem)}.large [part=initials]{font-size:calc(var(--size, 5.5rem) / 2);line-height:calc(var(--size, 5.5rem) / 2)}.medium{width:var(--size, 4rem);height:var(--size, 4rem)}.medium [part=initials]{font-size:calc(var(--size, 4rem) / 2);line-height:calc(var(--size, 4rem) / 2)}.small{width:var(--size, 2.5rem);height:var(--size, 2.5rem)}.small [part=initials]{font-size:calc(var(--size, 2.5rem) / 2);line-height:calc(var(--size, 2.5rem) / 2)}`;
-//# sourceMappingURL=avatar.material.css.js.map
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;
+//# sourceMappingURL=avatar.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.base.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2nDAA2nD,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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:inline-block}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-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;color:hsla(var(--igc-gray-800), var(--igc-gray-a));background:hsla(var(--igc-gray-400), var(--igc-gray-a));border-radius:0;outline-style:none;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;font-family:var(--igc-font-family);width:var(--size);height:var(--size)}[part=base] [part=initials]{font-size:calc(var(--size)/2);line-height:calc(var(--size)/2)}img{position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;-o-object-fit:cover;object-fit:cover}[part=initials]{text-transform:uppercase}:host([size=large]) [part=base]{--size: 5.5rem}:host([size=medium]) [part=base]{--size: 4rem}:host([size=small]) [part=base]{--size: 2.5rem}:host([shape=rounded]) [part=base]{border-radius:.5rem}:host([shape=circle]) [part=base]{border-radius:calc(var(--size)/2)}`;\n"]}

package/components/avatar/themes/avatar.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([shape=square]) [part=base],:host([shape=rounded]) [part=base]{border-radius:.25rem}`;
+//# sourceMappingURL=avatar.bootstrap.css.js.map

package/components/avatar/themes/avatar.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/avatar/themes/avatar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4FAA4F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([shape=square]) [part=base],:host([shape=rounded]) [part=base]{border-radius:.25rem}`;\n"]}

package/components/badge/badge.js

@@ -6,8 +6,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
-import { styles } from './badge.material.css';
-export default class IgcBadgeComponent extends LitElement {
+import { themes } from '../../theming';
+import { styles } from './themes/light/badge.base.css';
+import { styles as bootstrap } from './themes/light/badge.bootstrap.css';
+let IgcBadgeComponent = class IgcBadgeComponent extends LitElement {
     constructor() {
         super(...arguments);
         this.variant = 'primary';
@@ -21,7 +23,7 @@ export default class IgcBadgeComponent extends LitElement {
       </span>
     `;
     }
-}
+};
 IgcBadgeComponent.tagName = 'igc-badge';
 IgcBadgeComponent.styles = styles;
 __decorate([
@@ -33,4 +35,8 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], IgcBadgeComponent.prototype, "shape", void 0);
+IgcBadgeComponent = __decorate([
+    themes({ bootstrap })
+], IgcBadgeComponent);
+export default IgcBadgeComponent;
 //# sourceMappingURL=badge.js.map

package/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAY9C,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,UAAU;IAAzD;;QAOS,YAAO,GACZ,SAAS,CAAC;QAIL,aAAQ,GAAG,KAAK,CAAC;QAIjB,UAAK,GAAyB,SAAS,CAAC;IASjD,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAvBsB,yBAAO,GAAG,WAAW,CAAC;AAEtB,wBAAM,GAAG,MAAM,CAAC;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAEhB;AAIZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACmB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styles } from './badge.material.css';\n\n/**\n * The badge is a component indicating a status on a related item or an area\n * where some active indication is required.\n *\n * @element igc-badge\n *\n * @slot - Default slot for the badge.\n *\n * @csspart base - The base wrapper of the badge.\n */\nexport default class IgcBadgeComponent extends LitElement {\n  public static readonly tagName = 'igc-badge';\n\n  public static override styles = styles;\n\n  /** The type of badge. */\n  @property({ reflect: true })\n  public variant: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n    'primary';\n\n  /** Sets whether to draw an outlined version of the badge. */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /** The shape of the badge. */\n  @property({ reflect: true })\n  public shape: 'rounded' | 'square' = 'rounded';\n\n  protected override render() {\n    return html`\n      <span part=\"base\" role=\"img\" aria-label=\"badge\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-badge': IgcBadgeComponent;\n  }\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAazE,IAAqB,iBAAiB,GAAtC,MAAqB,iBAAkB,SAAQ,UAAU;IAAzD;;QAMS,YAAO,GACZ,SAAS,CAAC;QAIL,aAAQ,GAAG,KAAK,CAAC;QAIjB,UAAK,GAAyB,SAAS,CAAC;IASjD,CAAC;IAPoB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;CACF,CAAA;AAvBwB,yBAAO,GAAG,WAAY,CAAA;AACtB,wBAAM,GAAG,MAAO,CAAA;AAIvC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAEhB;AAIZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDACnB;AAIxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACmB;AAf5B,iBAAiB;IADrC,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;GACD,iBAAiB,CAwBrC;eAxBoB,iBAAiB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { styles } from './themes/light/badge.base.css';\nimport { styles as bootstrap } from './themes/light/badge.bootstrap.css';\n\n/**\n * The badge is a component indicating a status on a related item or an area\n * where some active indication is required.\n *\n * @element igc-badge\n *\n * @slot - Default slot for the badge.\n *\n * @csspart base - The base wrapper of the badge.\n */\n@themes({ bootstrap })\nexport default class IgcBadgeComponent extends LitElement {\n  public static readonly tagName = 'igc-badge';\n  public static override styles = styles;\n\n  /** The type of badge. */\n  @property({ reflect: true })\n  public variant: 'primary' | 'info' | 'success' | 'warning' | 'danger' =\n    'primary';\n\n  /** Sets whether to draw an outlined version of the badge. */\n  @property({ type: Boolean, reflect: true })\n  public outlined = false;\n\n  /** The shape of the badge. */\n  @property({ reflect: true })\n  public shape: 'rounded' | 'square' = 'rounded';\n\n  protected override render() {\n    return html`\n      <span part=\"base\" role=\"img\" aria-label=\"badge\">\n        <slot></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-badge': IgcBadgeComponent;\n  }\n}\n"]}

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

@@ -0,0 +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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+//# sourceMappingURL=badge.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.base.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6iEAA6iE,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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{--size: 0.75rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-weight:500}span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;min-width:var(--size);min-height:var(--size);max-height:calc(var(--size)*2);line-height:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap;font-family:var(--igc-font-family);font-size:var(--igc-subtitle-1-font-size);font-weight:inherit}:host(:not(:empty)) span{padding:.25rem .5rem;min-width:calc(var(--size)*2)}:host([variant=primary]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([variant=info]){background:hsla(var(--igc-info-500), var(--igc-info-a));color:var(--igc-info-500-contrast)}:host([variant=success]){background:hsla(var(--igc-success-500), var(--igc-success-a));color:var(--igc-success-500-contrast)}:host([variant=warning]){background:hsla(var(--igc-warn-500), var(--igc-warn-a));color:var(--igc-warn-500-contrast)}:host([variant=danger]){background:hsla(var(--igc-error-500), var(--igc-error-a));color:var(--igc-error-500-contrast)}:host([shape=rounded]),:host([outlined][shape=rounded]) span{border-radius:calc(var(--size)/2)}:host([shape=square]),:host([outlined][shape=square]) span{border-radius:0}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--size: 1.125rem;--igc-subtitle-1-font-size: 0.75rem;font-weight:700}:host([variant=primary]){color:var(--igc-primary-700-contrast)}:host([variant=info]){color:var(--igc-info-700-contrast)}:host([variant=success]){color:var(--igc-success-700-contrast)}:host([variant=warning]){color:var(--igc-warn-700-contrast)}:host([variant=danger]){color:var(--igc-error-700-contrast)}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;
+//# sourceMappingURL=badge.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/badge/themes/light/badge.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mjBAAmjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--size: 1.125rem;--igc-subtitle-1-font-size: 0.75rem;font-weight:700}:host([variant=primary]){color:var(--igc-primary-700-contrast)}:host([variant=info]){color:var(--igc-info-700-contrast)}:host([variant=success]){color:var(--igc-success-700-contrast)}:host([variant=warning]){color:var(--igc-warn-700-contrast)}:host([variant=danger]){color:var(--igc-error-700-contrast)}:host([outlined]) span{-webkit-box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a));box-shadow:inset 0 0 0 .0625rem hsla(var(--igc-gray-50), var(--igc-gray-a))}`;\n"]}

package/components/button/button.d.ts

@@ -18,7 +18,7 @@ import { IgcButtonBaseComponent } from './button-base.js';
  */
 export default class IgcButtonComponent extends IgcButtonBaseComponent {
     static readonly tagName = "igc-button";
-    static styles: import("lit").CSSResult[];
+    protected static styles: import("lit").CSSResult;
     /** Sets the variant of the button. */
     variant: 'flat' | 'contained' | 'outlined' | 'fab';
     constructor();

package/components/button/button.js

@@ -6,9 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { themes } from '../../theming';
 import { IgcButtonBaseComponent } from './button-base.js';
-import { styles } from './button.material.css';
-export default class IgcButtonComponent extends IgcButtonBaseComponent {
+import { styles } from './themes/button/light/button.base.css';
+import { styles as bootstrap } from './themes/button/light/button.bootstrap.css';
+import { styles as fluent } from './themes/button/light/button.fluent.css';
+import { styles as indigo } from './themes/button/light/button.indigo.css';
+import { styles as material } from './themes/button/light/button.material.css';
+let IgcButtonComponent = class IgcButtonComponent extends IgcButtonBaseComponent {
     constructor() {
         super();
         this.variant = 'contained';
@@ -38,10 +43,14 @@ export default class IgcButtonComponent extends IgcButtonBaseComponent {
       </span>
     `;
     }
-}
+};
 IgcButtonComponent.tagName = 'igc-button';
-IgcButtonComponent.styles = [styles];
+IgcButtonComponent.styles = styles;
 __decorate([
     property({ reflect: true })
 ], IgcButtonComponent.prototype, "variant", void 0);
+IgcButtonComponent = __decorate([
+    themes({ bootstrap, indigo, fluent, material })
+], IgcButtonComponent);
+export default IgcButtonComponent;
 //# sourceMappingURL=button.js.map

package/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAmB/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,sBAAsB;IASpE;QACE,KAAK,EAAE,CAAC;QAHH,YAAO,GAA8C,WAAW,CAAC;QAItE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAED,IAAuB,OAAO;QAC5B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,OAAO;YACL,IAAI,EAAE,OAAO,KAAK,MAAM;YACxB,QAAQ,EAAE,OAAO,KAAK,UAAU;YAChC,SAAS,EAAE,OAAO,KAAK,WAAW;YAClC,GAAG,EAAE,OAAO,KAAK,KAAK;YACtB,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,MAAM,EAAE,IAAI,KAAK,QAAQ;YACzB,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;;AAtCsB,0BAAO,GAAG,YAAY,CAAC;AAEhC,yBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAIhC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC4C","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './button.material.css';\n\n/**\n * Represents a clickable button, used to submit forms or anywhere in a\n * document for accessible, standard button functionality.\n *\n * @element igc-button\n *\n * @slot - Renders the label of the button.\n * @slot prefix - Renders content before the label of the button.\n * @slot suffix - Renders content after the label of the button.\n *\n * @fires igcFocus - Emitted when the button gains focus.\n * @fires igcBlur - Emitted when the button loses focus.\n *\n * @csspart base - The native button element.\n * @csspart prefix - The prefix container.\n * @csspart suffix - The suffix container.\n */\nexport default class IgcButtonComponent extends IgcButtonBaseComponent {\n  public static readonly tagName = 'igc-button';\n\n  public static styles = [styles];\n\n  /** Sets the variant of the button. */\n  @property({ reflect: true })\n  public variant: 'flat' | 'contained' | 'outlined' | 'fab' = 'contained';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  protected override get classes() {\n    const { size, variant } = this;\n\n    return {\n      flat: variant === 'flat',\n      outlined: variant === 'outlined',\n      contained: variant === 'contained',\n      fab: variant === 'fab',\n      small: size === 'small',\n      medium: size === 'medium',\n      large: size === 'large',\n      disabled: this.disabled,\n    };\n  }\n\n  protected renderContent() {\n    return html`\n      <span part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </span>\n      <slot></slot>\n      <span part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-button': IgcButtonComponent;\n  }\n}\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,2CAA2C,CAAC;AAoB/E,IAAqB,kBAAkB,GAAvC,MAAqB,kBAAmB,SAAQ,sBAAsB;IASpE;QACE,KAAK,EAAE,CAAC;QAHH,YAAO,GAA8C,WAAW,CAAC;QAItE,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;IACvB,CAAC;IAED,IAAuB,OAAO;QAC5B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAE/B,OAAO;YACL,IAAI,EAAE,OAAO,KAAK,MAAM;YACxB,QAAQ,EAAE,OAAO,KAAK,UAAU;YAChC,SAAS,EAAE,OAAO,KAAK,WAAW;YAClC,GAAG,EAAE,OAAO,KAAK,KAAK;YACtB,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,MAAM,EAAE,IAAI,KAAK,QAAQ;YACzB,KAAK,EAAE,IAAI,KAAK,OAAO;YACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;CACF,CAAA;AAvCwB,0BAAO,GAAG,YAAa,CAAA;AAE7B,yBAAM,GAAG,MAAO,CAAA;AAIjC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC4C;AAPrD,kBAAkB;IADtC,MAAM,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;GAC3B,kBAAkB,CAwCtC;eAxCoB,kBAAkB","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { themes } from '../../theming';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './themes/button/light/button.base.css';\nimport { styles as bootstrap } from './themes/button/light/button.bootstrap.css';\nimport { styles as fluent } from './themes/button/light/button.fluent.css';\nimport { styles as indigo } from './themes/button/light/button.indigo.css';\nimport { styles as material } from './themes/button/light/button.material.css';\n\n/**\n * Represents a clickable button, used to submit forms or anywhere in a\n * document for accessible, standard button functionality.\n *\n * @element igc-button\n *\n * @slot - Renders the label of the button.\n * @slot prefix - Renders content before the label of the button.\n * @slot suffix - Renders content after the label of the button.\n *\n * @fires igcFocus - Emitted when the button gains focus.\n * @fires igcBlur - Emitted when the button loses focus.\n *\n * @csspart base - The native button element.\n * @csspart prefix - The prefix container.\n * @csspart suffix - The suffix container.\n */\n@themes({ bootstrap, indigo, fluent, material })\nexport default class IgcButtonComponent extends IgcButtonBaseComponent {\n  public static readonly tagName = 'igc-button';\n\n  protected static styles = styles;\n\n  /** Sets the variant of the button. */\n  @property({ reflect: true })\n  public variant: 'flat' | 'contained' | 'outlined' | 'fab' = 'contained';\n\n  constructor() {\n    super();\n    this.size = 'medium';\n  }\n\n  protected override get classes() {\n    const { size, variant } = this;\n\n    return {\n      flat: variant === 'flat',\n      outlined: variant === 'outlined',\n      contained: variant === 'contained',\n      fab: variant === 'fab',\n      small: size === 'small',\n      medium: size === 'medium',\n      large: size === 'large',\n      disabled: this.disabled,\n    };\n  }\n\n  protected renderContent() {\n    return html`\n      <span part=\"prefix\">\n        <slot name=\"prefix\"></slot>\n      </span>\n      <slot></slot>\n      <span part=\"suffix\">\n        <slot name=\"suffix\"></slot>\n      </span>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-button': IgcButtonComponent;\n  }\n}\n"]}

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

@@ -1,5 +1,5 @@
-import { IgcButtonBaseComponent } from './button-base.js';
 import '../icon/icon';
+import { IgcButtonBaseComponent } from './button-base.js';
 /**
  * @element igc-icon-button
  *
@@ -8,7 +8,7 @@ import '../icon/icon';
  */
 export default class IgcIconButtonComponent extends IgcButtonBaseComponent {
     static readonly tagName = "igc-icon-button";
-    static styles: import("lit").CSSResult[];
+    protected static styles: import("lit").CSSResult;
     /** The name of the icon. */
     name: string;
     /** The name of the icon collection. */

package/components/button/icon-button.js

@@ -7,12 +7,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { IgcButtonBaseComponent } from './button-base.js';
-import { styles } from './icon-button.material.css';
-import '../icon/icon';
+import { themes } from '../../theming';
 import { alternateName, blazorInclude } from '../common/decorators';
+import '../icon/icon';
 import { registerIcon as registerIcon_impl, registerIconFromText as registerIconFromText_impl, } from '../icon/icon.registry.js';
-export default class IgcIconButtonComponent extends IgcButtonBaseComponent {
+import { IgcButtonBaseComponent } from './button-base.js';
+import { styles } from './themes/icon-button/light/icon-button.base.css';
+import { styles as bootstrap } from './themes/icon-button/light/icon-button.bootstrap.css';
+import { styles as fluent } from './themes/icon-button/light/icon-button.fluent.css';
+import { styles as indigo } from './themes/icon-button/light/icon-button.indigo.css';
+import { styles as material } from './themes/icon-button/light/icon-button.material.css';
+let IgcIconButtonComponent = class IgcIconButtonComponent extends IgcButtonBaseComponent {
     constructor() {
         super(...arguments);
         this.mirrored = false;
@@ -36,9 +41,9 @@ export default class IgcIconButtonComponent extends IgcButtonBaseComponent {
     registerIconFromText(name, iconText, collection = 'default') {
         registerIconFromText_impl(name, iconText, collection);
     }
-}
+};
 IgcIconButtonComponent.tagName = 'igc-icon-button';
-IgcIconButtonComponent.styles = [styles];
+IgcIconButtonComponent.styles = styles;
 __decorate([
     alternateName('iconName'),
     property()
@@ -58,4 +63,8 @@ __decorate([
 __decorate([
     blazorInclude()
 ], IgcIconButtonComponent.prototype, "registerIconFromText", null);
+IgcIconButtonComponent = __decorate([
+    themes({ bootstrap, material, fluent, indigo })
+], IgcIconButtonComponent);
+export default IgcIconButtonComponent;
 //# sourceMappingURL=icon-button.js.map

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,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EACL,YAAY,IAAI,iBAAiB,EACjC,oBAAoB,IAAI,yBAAyB,GAClD,MAAM,0BAA0B,CAAC;AAQlC,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,sBAAsB;IAA1E;;QAgBS,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;;AAlDsB,8BAAO,GAAG,iBAAiB,CAAC;AAErC,6BAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AAKhC;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","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { IgcButtonBaseComponent } from './button-base.js';\nimport { styles } from './icon-button.material.css';\nimport '../icon/icon';\nimport { alternateName, blazorInclude } from '../common/decorators';\nimport {\n  registerIcon as registerIcon_impl,\n  registerIconFromText as registerIconFromText_impl,\n} from '../icon/icon.registry.js';\n\n/**\n * @element igc-icon-button\n *\n * @csspart base - The wrapping element.\n * @csspart icon - The icon element.\n */\nexport default class IgcIconButtonComponent extends IgcButtonBaseComponent {\n  public static readonly tagName = 'igc-icon-button';\n\n  public 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,eAAe,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,cAAc,CAAC;AACtB,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,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AASzF,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';\nimport { alternateName, blazorInclude } from '../common/decorators';\nimport '../icon/icon';\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';\nimport { styles as bootstrap } from './themes/icon-button/light/icon-button.bootstrap.css';\nimport { styles as fluent } from './themes/icon-button/light/icon-button.fluent.css';\nimport { styles as indigo } from './themes/icon-button/light/icon-button.indigo.css';\nimport { styles as material } from './themes/icon-button/light/icon-button.material.css';\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"]}

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

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

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

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

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

@@ -0,0 +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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[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:transparent;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]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-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:transparent}: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:transparent}: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:transparent;-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

@@ -0,0 +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,u6IAAu6I,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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[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:transparent;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]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-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:transparent}: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:transparent}: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:transparent;-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.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:transparent;color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:transparent}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color: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(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:"";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-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=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;
+//# sourceMappingURL=button.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umKAAumK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part=base]{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host [part=base]::before{-webkit-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out}:host([size=large]) [part=base]{--size: 3rem}:host([size=medium]) [part=base]{--size: 2.375rem}:host([size=small]) [part=base]{--size: 1.9375rem}:host([disabled][variant=flat]) [part=base]{background:transparent;color:hsla(var(--igc-primary-100), var(--igc-primary-a))}:host([disabled][variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-200), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:.65;background:transparent}:host(:not([disabled])[variant=flat]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color: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(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 1px hsla(var(--igc-primary-500), var(--igc-primary-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);position:absolute;content:\"\";width:100%;height:100%}:host(:not([disabled])[variant=outlined]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a));color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=outlined]) [part=base]:hover::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent;opacity:1}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-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=fab][size=large]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*1rem,1rem)}:host([variant=fab][size=medium]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.75rem,.75rem)}:host([variant=fab][size=small]) [part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.5rem,.5rem)}:host(:not([disabled])[variant=fab]) [part=base]{color:var(--igc-primary-600-contrast);-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=fab]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before{background:hsla(var(--igc-primary-600), var(--igc-primary-a));opacity:1}`;\n"]}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-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(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:"";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-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][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:transparent;-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],: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=button.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozKAAozK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}[part=base]::before,[part=base]::after{border-radius:clamp(0rem,var(--igc-radius-factor)*var(--size)/2,var(--size)/2)}:host([size=large]) [part=base]{--size: 2.25rem}:host([size=medium]) [part=base]{--size: 2rem}:host([size=small]) [part=base]{--size: 1.5rem}:host(:not([disabled])[variant=flat]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part=base]:hover,:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=flat]) [part=base]:hover::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus::before,:host(:not([disabled])[variant=flat]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=flat]) [part=base]:focus,:host(:not([disabled])[variant=flat]) [part=base]:active{-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(:not([disabled])[variant=outlined]) [part=base]{color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-transition:color .15s ease-out;-o-transition:color .15s ease-out;transition:color .15s ease-out;-webkit-box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 2px hsla(var(--igc-gray-500), var(--igc-gray-a));overflow:visible}:host(:not([disabled])[variant=outlined]) [part=base]::after{position:absolute;content:\"\";width:100%;height:100%;-webkit-transition:-webkit-box-shadow .15s ease-out;transition:-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out;transition:box-shadow .15s ease-out, -webkit-box-shadow .15s ease-out}:host(:not([disabled])[variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-50), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus,:host(:not([disabled])[variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a))}:host(:not([disabled])[variant=outlined]) [part=base]:focus::before,:host(:not([disabled])[variant=outlined]) [part=base]:active::before{background:transparent}:host(:not([disabled])[variant=outlined]) [part=base]:focus::after,:host(:not([disabled])[variant=outlined]) [part=base]:active::after{-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][variant=fab]) [part=base],:host(:not([disabled])[variant=fab]) [part=base],:host([disabled][variant=contained]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host([disabled][variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=fab]) [part=base]:hover,:host([disabled][variant=contained]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{-webkit-box-shadow:var(--igc-elevation-0);box-shadow:var(--igc-elevation-0)}:host(:not([disabled])[variant=fab]) [part=base],:host(:not([disabled])[variant=contained]) [part=base]{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:hover,:host(:not([disabled])[variant=contained]) [part=base]:hover{color:var(--igc-primary-600-contrast)}:host(:not([disabled])[variant=fab]) [part=base]:focus,:host(:not([disabled])[variant=fab]) [part=base]:active,:host(:not([disabled])[variant=contained]) [part=base]:focus,:host(:not([disabled])[variant=contained]) [part=base]:active{color:var(--igc-primary-600-contrast);-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(:not([disabled])[variant=fab]) [part=base]::before,:host(:not([disabled])[variant=contained]) [part=base]::before{background:hsla(var(--igc-primary-500), var(--igc-primary-a));opacity:1}:host(:not([disabled])[variant=fab]) [part=base]:hover::before,:host(:not([disabled])[variant=fab]) [part=base]:focus::before,:host(:not([disabled])[variant=fab]) [part=base]:active::before,:host(:not([disabled])[variant=contained]) [part=base]:hover::before,:host(:not([disabled])[variant=contained]) [part=base]:focus::before,:host(:not([disabled])[variant=contained]) [part=base]:active::before{background:hsla(var(--igc-primary-400), var(--igc-primary-a));opacity:1}:host([disabled][variant=flat]) [part=base],:host([disabled][variant=outlined]) [part=base]{background:transparent;-webkit-box-shadow:none;box-shadow:none;color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled][variant=fab]) [part=base],: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/button/light/button.material.css.js

@@ -0,0 +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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[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:transparent;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]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-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:transparent}: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:transparent}: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:transparent;-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

@@ -0,0 +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,4nNAA4nN,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);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[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:transparent;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]) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a));color:hsla(var(--igc-gray-500), var(--igc-gray-a));pointer-events:none;-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:transparent}: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:transparent}: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:transparent;-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/dark/icon-button.fluent.css.js

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

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

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