igniteui-webcomponents 4.5.0 → 4.6.0

package/components/snackbar/snackbar.js

@@ -4,85 +4,44 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement, nothing } from 'lit';
+import { html, nothing } from 'lit';
 import { property, query } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
+import { styles } from './themes/snackbar.base.css.js';
+import { all } from './themes/themes.js';
 import { AnimationPlayer } from '../../animations/player.js';
-import { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';
 import { themes } from '../../theming/theming-decorator.js';
 import IgcButtonComponent from '../button/button.js';
 import { registerComponent } from '../common/definitions/register.js';
+import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { styles } from './themes/light/snackbar.base.css.js';
-import { styles as material } from './themes/light/snackbar.material.css.js';
-import { styles as bootstrap } from './themes/light/snackbar.bootstrap.css.js';
-import { styles as fluent } from './themes/light/snackbar.fluent.css.js';
-import { styles as indigo } from './themes/light/snackbar.indigo.css.js';
-let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.open = false;
-        this.displayTime = 4000;
-        this.keepOpen = false;
-        this.position = 'bottom';
-    }
+let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(IgcBaseAlertLikeComponent) {
     static register() {
         registerComponent(this, IgcButtonComponent);
     }
     firstUpdated() {
-        this.animationPlayer = new AnimationPlayer(this.content);
-    }
-    async toggleAnimation(dir) {
-        const animation = dir === 'open' ? fadeIn : fadeOut;
-        const [_, event] = await Promise.all([
-            this.animationPlayer.stopAll(),
-            this.animationPlayer.play(animation()),
-        ]);
-        return event.type === 'finish';
-    }
-    show() {
-        if (this.open) {
-            return;
-        }
-        this.toggleAnimation('open');
-        this.open = true;
-        clearTimeout(this.autoHideTimeout);
-        if (this.open && !this.keepOpen) {
-            this.autoHideTimeout = window.setTimeout(() => this.hide(), this.displayTime);
-        }
-    }
-    async hide() {
-        if (!this.open) {
-            return;
-        }
-        await this.toggleAnimation('close');
-        this.open = false;
-        clearTimeout(this.autoHideTimeout);
-    }
-    toggle() {
-        this.open ? this.hide() : this.show();
+        this._animationPlayer = new AnimationPlayer(this.content);
     }
     handleClick() {
         this.emitEvent('igcAction');
     }
     render() {
         return html `
-      <div part="base">
+      <div part="base" .inert=${!this.open}>
         <span part="message">
           <slot></slot>
         </span>
-        ${this.actionText
-            ? html `
-              <igc-button
-                variant="flat"
+
+        <slot name="action" part="action-container" @click=${this.handleClick}>
+          ${this.actionText
+            ? html `<igc-button
+                type="button"
                 part="action"
+                variant="flat"
                 size="small"
-                @click=${this.handleClick}
-              >
-                ${ifDefined(this.actionText)}
-              </igc-button>
-            `
+                >${this.actionText}</igc-button
+              >`
             : nothing}
+        </slot>
       </div>
     `;
     }
@@ -92,26 +51,11 @@ IgcSnackbarComponent.styles = styles;
 __decorate([
     query('[part~="base"]', true)
 ], IgcSnackbarComponent.prototype, "content", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], IgcSnackbarComponent.prototype, "open", void 0);
-__decorate([
-    property({ type: Number, attribute: 'display-time' })
-], IgcSnackbarComponent.prototype, "displayTime", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'keep-open' })
-], IgcSnackbarComponent.prototype, "keepOpen", void 0);
-__decorate([
-    property({ reflect: true, attribute: 'position' })
-], IgcSnackbarComponent.prototype, "position", void 0);
 __decorate([
     property({ attribute: 'action-text' })
 ], IgcSnackbarComponent.prototype, "actionText", void 0);
 IgcSnackbarComponent = __decorate([
-    themes({
-        light: { material, bootstrap, fluent, indigo },
-        dark: { material, bootstrap, fluent, indigo },
-    })
+    themes(all)
 ], IgcSnackbarComponent);
 export default IgcSnackbarComponent;
 //# sourceMappingURL=snackbar.js.map

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { AnimationPlayer } from '../../animations/player.js';\nimport { fadeIn, fadeOut } from '../../animations/presets/fade/index.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { Constructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { styles } from './themes/light/snackbar.base.css.js';\nimport { styles as material } from './themes/light/snackbar.material.css.js';\nimport { styles as bootstrap } from './themes/light/snackbar.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/snackbar.fluent.css.js';\nimport { styles as indigo } from './themes/light/snackbar.indigo.css.js';\n\nexport interface IgcSnackbarEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * @element igc-snackbar\n *\n * @slot - Renders the snackbar content.\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The snackbar action button.\n */\n@themes({\n  light: { material, bootstrap, fluent, indigo },\n  dark: { material, bootstrap, fluent, indigo },\n})\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = styles;\n\n  public static register() {\n    registerComponent(this, IgcButtonComponent);\n  }\n\n  private autoHideTimeout!: number;\n  private animationPlayer!: AnimationPlayer;\n\n  @query('[part~=\"base\"]', true)\n  protected content!: HTMLElement;\n\n  /**\n   * Determines whether the snackbar is opened.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public open = false;\n\n  /**\n   * Determines the duration in ms in which the snackbar will be visible.\n   * @attr display-time\n   */\n  @property({ type: Number, attribute: 'display-time' })\n  public displayTime = 4000;\n\n  /**\n   * Determines whether the snackbar should close after the displayTime is over.\n   * @attr keep-open\n   */\n  @property({ type: Boolean, attribute: 'keep-open' })\n  public keepOpen = false;\n\n  /**\n   * Sets the position of the snackbar.\n   * @attr position\n   */\n  @property({ reflect: true, attribute: 'position' })\n  public position: 'bottom' | 'middle' | 'top' = 'bottom';\n\n  /**\n   * The snackbar action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  protected override firstUpdated() {\n    this.animationPlayer = new AnimationPlayer(this.content);\n  }\n\n  private async toggleAnimation(dir: 'open' | 'close') {\n    const animation = dir === 'open' ? fadeIn : fadeOut;\n\n    const [_, event] = await Promise.all([\n      this.animationPlayer.stopAll(),\n      this.animationPlayer.play(animation()),\n    ]);\n\n    return event.type === 'finish';\n  }\n\n  /** Opens the snackbar. */\n  public show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggleAnimation('open');\n    this.open = true;\n\n    clearTimeout(this.autoHideTimeout);\n    if (this.open && !this.keepOpen) {\n      this.autoHideTimeout = window.setTimeout(\n        () => this.hide(),\n        this.displayTime\n      );\n    }\n  }\n\n  /** Closes the snackbar. */\n  public async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    await this.toggleAnimation('close');\n    this.open = false;\n    clearTimeout(this.autoHideTimeout);\n  }\n\n  /** Toggles the open state of the component. */\n  public toggle() {\n    this.open ? this.hide() : this.show();\n  }\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\">\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n        ${this.actionText\n          ? html`\n              <igc-button\n                variant=\"flat\"\n                part=\"action\"\n                size=\"small\"\n                @click=${this.handleClick}\n              >\n                ${ifDefined(this.actionText)}\n              </igc-button>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}
+{"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../../src/components/snackbar/snackbar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAuBvD,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,iBAAiB,CAGjE,yBAAyB,CAAC;IAInB,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAC9C,CAAC;IAYkB,YAAY;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;gCACiB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKmB,IAAI,CAAC,WAAW;YACjE,IAAI,CAAC,UAAU;YACf,CAAC,CAAC,IAAI,CAAA;;;;;mBAKC,IAAI,CAAC,UAAU;gBAClB;YACJ,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AA7CsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAClC,2BAAM,GAAG,MAAM,AAAT,CAAU;AAOpB;IADT,KAAK,CAAC,gBAAgB,EAAE,IAAI,CAAC;qDACE;AAOzB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ;AAnBR,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CAkDxC;eAlDoB,oBAAoB","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\nimport { AnimationPlayer } from '../../animations/player.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport IgcButtonComponent from '../button/button.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\n\nexport interface IgcSnackbarEventMap {\n  igcAction: CustomEvent<void>;\n}\n\n/**\n * A snackbar component is used to provide feedback about an operation\n * by showing a brief message at the bottom of the screen.\n *\n * @element igc-snackbar\n *\n * @slot - Default slot to render the snackbar content.\n * @slot action - Renders the action part of the snackbar. Usually an interactive element (button)\n *\n * @fires igcAction - Emitted when the snackbar action button is clicked.\n *\n * @csspart base - The base wrapper of the snackbar component.\n * @csspart message - The snackbar message.\n * @csspart action - The default snackbar action button.\n * @csspart action-container - The area holding the actions.\n */\n@themes(all)\nexport default class IgcSnackbarComponent extends EventEmitterMixin<\n  IgcSnackbarEventMap,\n  AbstractConstructor<IgcBaseAlertLikeComponent>\n>(IgcBaseAlertLikeComponent) {\n  public static readonly tagName = 'igc-snackbar';\n  public static styles = styles;\n\n  public static register() {\n    registerComponent(this, IgcButtonComponent);\n  }\n\n  @query('[part~=\"base\"]', true)\n  protected content!: HTMLElement;\n\n  /**\n   * The snackbar action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  protected override firstUpdated() {\n    this._animationPlayer = new AnimationPlayer(this.content);\n  }\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div part=\"base\" .inert=${!this.open}>\n        <span part=\"message\">\n          <slot></slot>\n        </span>\n\n        <slot name=\"action\" part=\"action-container\" @click=${this.handleClick}>\n          ${this.actionText\n            ? html`<igc-button\n                type=\"button\"\n                part=\"action\"\n                variant=\"flat\"\n                size=\"small\"\n                >${this.actionText}</igc-button\n              >`\n            : nothing}\n        </slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-snackbar': IgcSnackbarComponent;\n  }\n}\n"]}

package/components/snackbar/themes/dark/snackbar.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+//# sourceMappingURL=snackbar.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mdAAmd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/snackbar/themes/dark/snackbar.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
+//# sourceMappingURL=snackbar.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-200-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4aAA4a,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-200-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-200-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}

package/components/snackbar/themes/dark/snackbar.material.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
+//# sourceMappingURL=snackbar.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/dark/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,21 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));
-  --background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));
-  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));
-}
-
-[part~=base] {
-  border-radius: var(--border-radius);
-  color: var(--text-color);
-  background: var(--background);
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-igc-button::part(base):hover {
-  color: var(--button-color);
-}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;EAkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));\n  --background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));\n  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n}\n\n[part~=base] {\n  border-radius: var(--border-radius);\n  color: var(--text-color);\n  background: var(--background);\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\nigc-button::part(base):hover {\n  color: var(--button-color);\n}`;\n"]}
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mdAAmd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-10));--background: var(--ig-snackbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--text-color: var(--ig-snackbar-text-color, var(--ig-surface-500-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,38 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));
-  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));
-  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));
-  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));
-}
-
-[part~=base] {
-  border-radius: var(--border-radius);
-  color: var(--text-color);
-  background: var(--background);
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-[part~=message] {
-  font-family: var(--ig-caption-font-family, var(--ig-font-family));
-  font-size: var(--ig-caption-font-size);
-  font-weight: var(--ig-caption-font-weight);
-  font-style: var(--ig-caption-font-style);
-  line-height: var(--ig-caption-line-height);
-  letter-spacing: var(--ig-caption-letter-spacing);
-  text-transform: var(--ig-caption-text-transform);
-  margin-top: var(--ig-caption-margin-top);
-  margin-bottom: var(--ig-caption-margin-bottom);
-}
-
-igc-button::part(base),
-igc-button::part(base):hover {
-  color: var(--button-color);
-}
-
-igc-button::part(base):focus-visible::after {
-  display: none;
-}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));\n  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));\n  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem));\n}\n\n[part~=base] {\n  border-radius: var(--border-radius);\n  color: var(--text-color);\n  background: var(--background);\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\n[part~=message] {\n  font-family: var(--ig-caption-font-family, var(--ig-font-family));\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n}\n\nigc-button::part(base),\nigc-button::part(base):hover {\n  color: var(--button-color);\n}\n\nigc-button::part(base):focus-visible::after {\n  display: none;\n}`;\n"]}
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0833333333) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,22 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));
-  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));
-  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));
-  --button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));
-  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));
-}
-
-[part~=base] {
-  border-radius: var(--border-radius);
-  color: var(--text-color);
-  background: var(--background);
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-igc-button::part(base),
-igc-button::part(base):hover {
-  color: var(--button-color);
-}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;EAmBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));\n  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));\n  --button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));\n  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem));\n}\n\n[part~=base] {\n  border-radius: var(--border-radius);\n  color: var(--text-color);\n  background: var(--background);\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\nigc-button::part(base),\nigc-button::part(base):hover {\n  color: var(--button-color);\n}`;\n"]}
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+ZAA+Z,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-700), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-700-contrast));--button-color: var(--ig-snackbar-button-color, var(--ig-gray-700-contrast));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1.5rem), 1.5rem))}`;\n"]}

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

@@ -1,17 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));
-  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));
-  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));
-  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));
-  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));
-}
-
-[part~=base] {
-  border-radius: var(--border-radius);
-  color: var(--text-color);
-  background: var(--background);
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;
 //# sourceMappingURL=snackbar.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;EAcvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));\n  --text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));\n  --button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));\n  --border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));\n}\n\n[part~=base] {\n  border-radius: var(--border-radius);\n  color: var(--text-color);\n  background: var(--background);\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}`;\n"]}
+{"version":3,"file":"snackbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gcAAgc,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-4));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-900), 0.9));--text-color: var(--ig-snackbar-text-color, var(--ig-gray-900-contrast));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-secondary-500), var(--ig-secondary-a)));--border-radius: var(--ig-snackbar-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem))}`;\n"]}

package/components/snackbar/themes/shared/snackbar.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-button::part(base):hover{color:var(--button-color)}`;
+//# sourceMappingURL=snackbar.bootstrap.css.js.map

package/components/snackbar/themes/shared/snackbar.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yDAAyD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(base):hover{color:var(--button-color)}`;\n"]}

package/components/snackbar/themes/shared/snackbar.common.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;
+//# sourceMappingURL=snackbar.common.css.js.map

package/components/snackbar/themes/shared/snackbar.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.common.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uKAAuK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:var(--border-radius);color:var(--text-color);background:var(--background);-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}`;\n"]}

package/components/snackbar/themes/shared/snackbar.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/snackbar/themes/shared/snackbar.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=message]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color)}igc-button::part(base):focus-visible::after{display:none}`;
+//# sourceMappingURL=snackbar.fluent.css.js.map

package/components/snackbar/themes/shared/snackbar.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kjBAAkjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=message]{font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom)}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color)}igc-button::part(base):focus-visible::after{display:none}`;\n"]}

package/components/snackbar/themes/shared/snackbar.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `igc-button::part(base),igc-button::part(base):hover{color:var(--button-color)}`;
+//# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/shared/snackbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gFAAgF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`igc-button::part(base),igc-button::part(base):hover{color:var(--button-color)}`;\n"]}

package/components/snackbar/themes/snackbar.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;-webkit-transform:translateX(calc(-50% + 0.5px));-ms-transform:translateX(calc(-50% + 0.5px));transform:translateX(calc(-50% + 0.5px))}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;-webkit-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));-ms-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:row nowrap;flex-wrap:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;padding:.4375rem 1.5rem;margin:.5rem;gap:1.5rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{-webkit-box-shadow:none;box-shadow:none}:host(:not([open])) [part=base]{display:none}`;
+//# sourceMappingURL=snackbar.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ykFAAykF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{position:fixed;font-family:var(--ig-font-family);inset-inline:50% auto;-webkit-transform:translateX(calc(-50% + 0.5px));-ms-transform:translateX(calc(-50% + 0.5px));transform:translateX(calc(-50% + 0.5px))}:host([position=bottom]){inset-block:auto 0}:host([position=middle]){inset-block:50% auto;-webkit-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));-ms-transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));transform:translate(calc(-50% + 0.5px), calc(-50% + 0.5px));margin:auto}:host([position=top]){inset-block:0 auto}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:row nowrap;flex-wrap:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:3rem;padding:.4375rem 1.5rem;margin:.5rem;gap:1.5rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[part~=message]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}:host([action-text]) igc-button::part(base):hover{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{-webkit-box-shadow:none;box-shadow:none}:host(:not([open])) [part=base]{display:none}`;\n"]}

package/components/snackbar/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/snackbar/themes/themes.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';
+import { styles as fluentDark } from './dark/snackbar.fluent.css.js';
+import { styles as indigoDark } from './dark/snackbar.indigo.css.js';
+import { styles as materialDark } from './dark/snackbar.material.css.js';
+import { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';
+import { styles as fluentLight } from './light/snackbar.fluent.css.js';
+import { styles as indigoLight } from './light/snackbar.indigo.css.js';
+import { styles as materialLight } from './light/snackbar.material.css.js';
+import { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';
+import { styles as shared } from './shared/snackbar.common.css.js';
+import { styles as fluent } from './shared/snackbar.fluent.css.js';
+import { styles as indigo } from './shared/snackbar.indigo.css.js';
+const light = {
+    bootstrap: css `
+    ${shared} ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${shared} ${materialLight}
+  `,
+    fluent: css `
+    ${shared} ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${shared} ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${shared} ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${shared} ${materialDark}
+  `,
+    fluent: css `
+    ${shared} ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${shared} ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/snackbar/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/snackbar/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAGnE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,cAAc;GACxC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,aAAa;GAC1B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,aAAa;GACvC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,YAAY;GACzB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/snackbar.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/snackbar.fluent.css.js';\nimport { styles as indigoDark } from './dark/snackbar.indigo.css.js';\nimport { styles as materialDark } from './dark/snackbar.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/snackbar.bootstrap.css.js';\nimport { styles as fluentLight } from './light/snackbar.fluent.css.js';\nimport { styles as indigoLight } from './light/snackbar.indigo.css.js';\nimport { styles as materialLight } from './light/snackbar.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';\nimport { styles as shared } from './shared/snackbar.common.css.js';\nimport { styles as fluent } from './shared/snackbar.fluent.css.js';\nimport { styles as indigo } from './shared/snackbar.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${shared} ${materialLight}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${shared} ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${shared} ${materialDark}\n  `,\n  fluent: css`\n    ${shared} ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${shared} ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/stepper/step.js

@@ -4,21 +4,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement, nothing } from 'lit';
+import { LitElement, html, nothing } from 'lit';
 import { property, query, queryAssignedElements } from 'lit/decorators.js';
 import { when } from 'lit/directives/when.js';
+import { animations } from './animations.js';
+import { styles } from './themes/step/step.base.css.js';
+import { all } from './themes/step/themes.js';
 import { EaseInOut } from '../../animations/easings.js';
 import { AnimationPlayer } from '../../animations/player.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
 import { partNameMap } from '../common/util.js';
-import { animations } from './animations.js';
-import { styles } from './themes/step/light/step.base.css.js';
-import { styles as bootstrap } from './themes/step/light/step.bootstrap.css.js';
-import { styles as fluent } from './themes/step/light/step.fluent.css.js';
-import { styles as indigo } from './themes/step/light/step.indigo.css.js';
-import { styles as material } from './themes/step/light/step.material.css.js';
 let IgcStepComponent = class IgcStepComponent extends LitElement {
     constructor() {
         super(...arguments);
@@ -239,10 +236,7 @@ __decorate([
     watch('complete', { waitUntilFirstUpdate: true })
 ], IgcStepComponent.prototype, "completeChange", null);
 IgcStepComponent = __decorate([
-    themes({
-        light: { bootstrap, indigo, fluent, material },
-        dark: { bootstrap, indigo, fluent, material },
-    })
+    themes(all, true)
 ], IgcStepComponent);
 export default IgcStepComponent;
 //# sourceMappingURL=step.js.map