igniteui-webcomponents 4.7.0 → 4.8.1

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[part~=focused]::after{position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--base-track-color);top:initial}[part=fill]{background:var(--track-color)}[part=steps]{color:var(--track-step-color)}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);border:.125rem solid var(--thumb-border-color);width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[part~=focused]::after{position:absolute;content:"";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{top:initial}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2oDAA2oD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[part~=focused]::after{position:absolute;content:\"\";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--base-track-color);top:initial}[part=fill]{background:var(--track-color)}[part=steps]{color:var(--track-step-color)}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);border:.125rem solid var(--thumb-border-color);width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color);border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+nCAA+nC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=fill]{background:var(--track-hover-color)}:host(:hover) [part~=thumb]{border-color:var(--thumb-focus-color)}[part~=focused]::after{position:absolute;content:\"\";left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);box-shadow:0 0 0 .0625rem var(--thumb-border-focus-color);width:calc(1rem + 0.125rem*2);height:calc(1rem + 0.125rem*2)}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{top:initial}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{border:.125rem solid var(--thumb-border-color);width:1rem;height:1rem;top:calc((1rem - 0.5rem)*-1);-webkit-margin-start:calc((1rem - 0.5rem)*-1);margin-inline-start:calc((1rem - 0.5rem)*-1)}:host([disabled]) [part=fill],:host(:disabled) [part=fill]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{border-color:var(--thumb-disabled-border-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=fill]{background:var(--track-color)}[part=inactive]{background:var(--base-track-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{color:var(--track-step-color);height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0jDAA0jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=fill]{background:var(--track-color)}[part=inactive]{background:var(--base-track-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{color:var(--track-step-color);height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{background:var(--thumb-color);width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}[part=thumb-label-inner]{background:var(--label-background-color);color:var(--label-text-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4+BAA4+B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--base-track-hover-color)}[part=base]:hover [part=fill]{background:var(--track-hover-color)}[part=track],[part=fill],[part=inactive]{height:.125rem;top:initial;border-radius:initial}[part=steps]{height:.125rem}[part=steps] line{-webkit-transform:none;-ms-transform:none;transform:none}[part=tick-label]{color:var(--tick-label-color)}[part~=thumb]{width:.875rem;height:.875rem;top:calc((0.875rem - 0.4375rem)*-1);-webkit-margin-start:calc((0.875rem - 0.4375rem)*-1);margin-inline-start:calc((0.875rem - 0.4375rem)*-1)}[part~=thumb]:focus{-webkit-box-shadow:0 0 0 .1875rem var(--thumb-focus-color);box-shadow:0 0 0 .1875rem var(--thumb-focus-color)}[part~=thumb]::after{display:none}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

package/components/slider/themes/shared/slider.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part=track]{height:.375rem}[part=fill]{background:var(--track-color);height:.375rem}[part=inactive]{background:var(--base-track-color);height:.25rem;top:.0625rem}[part=steps]{color:var(--track-step-color)}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1);background:var(--thumb-color)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:var(--thumb-color);top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part=thumb-label-inner]{color:var(--label-text-color);background:var(--label-background-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
+export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:var(--thumb-color);top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}[part=tick-label]{color:var(--tick-label-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;
 //# sourceMappingURL=slider.material.css.js.map

package/components/slider/themes/shared/slider.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,umEAAumE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{background:var(--track-color);height:.375rem}[part=inactive]{background:var(--base-track-color);height:.25rem;top:.0625rem}[part=steps]{color:var(--track-step-color)}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1);background:var(--thumb-color)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:var(--thumb-color);top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}[part=tick]{background:var(--tick-color)}[part=tick-label]{color:var(--tick-label-color)}[part=thumb-label-inner]{color:var(--label-text-color);background:var(--label-background-color)}[part=thumb-label-inner]::after{border-top:.625rem solid var(--label-background-color)}:host([disabled]) [part=inactive],:host(:disabled) [part=inactive]{background:var(--disabled-base-track-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part~=thumb],:host(:disabled) [part~=thumb]{background:var(--disabled-thumb-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}
+{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/shared/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wiDAAwiD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part~=thumb]{width:1.25rem;height:1.25rem;top:calc((1.25rem - 0.625rem)*-1);-webkit-margin-start:calc((1.25rem - 0.625rem)*-1);margin-inline-start:calc((1.25rem - 0.625rem)*-1)}[part~=thumb]::after{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 1.25rem),1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:var(--thumb-color);top:calc(50% - 1.25rem);inset-inline-start:calc(50% - 1.25rem);opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;overflow:hidden}[part~=thumb]:hover::after{opacity:.12;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:focus::after{opacity:.18;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}[part~=thumb]:active::after{opacity:.24}[part=tick-label]{color:var(--tick-label-color)}:host([disabled]) [part=fill],:host([disabled]) [part=tick],:host(:disabled) [part=fill],:host(:disabled) [part=tick]{background:var(--disabled-fill-track-color)}:host([disabled]) [part=tick-label],:host(:disabled) [part=tick-label]{color:var(--disabled-fill-track-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-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{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--ig-font-family)}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;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)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{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);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem}[part=thumb-label-inner]::after{content:"";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0)}:host(:not([tick-label-rotation="0"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation="-90"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;
+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{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--ig-font-family);-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;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)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{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);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem}[part=thumb-label-inner]::after{content:"";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0)}:host(:not([tick-label-rotation="0"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation="-90"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;
 //# sourceMappingURL=slider.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8oLAA8oL,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{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--ig-font-family)}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;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)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{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);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem}[part=thumb-label-inner]::after{content:\"\";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0)}:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;\n"]}
+{"version":3,"file":"slider.base.css.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/slider.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8sLAA8sL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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{display:block}slot{display:none}[part~=base]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3rem;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;font-family:var(--ig-font-family);-ms-touch-action:pan-y pinch-zoom;touch-action:pan-y pinch-zoom}[part=track]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 2rem),2rem);position:relative;width:100%;overflow:hidden}[part=fill]{position:absolute;border-radius:inherit}[part=inactive]{position:absolute;width:100%;top:.0625rem;-webkit-transition:background .2s ease-out;transition:background .2s ease-out;border-radius:inherit}[part=steps]{position:absolute;width:100%;height:.25rem;opacity:.85;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}[part=steps] svg{-webkit-clip-path:inset(0 0.1875rem 0 0.1875rem);clip-path:inset(0 0.1875rem 0 0.1875rem)}[part=steps] line{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);stroke:currentcolor;stroke-width:.1875rem;stroke-linecap:round}[part=ticks]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[part=ticks]:first-child{bottom:auto;top:0;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}[part=ticks]:first-child [part=tick-label]{top:auto;bottom:1.5rem}[part=tick-group]:first-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick-group]:last-of-type{-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem}[part=tick]{height:.5rem;width:.125rem}[part=tick][data-primary=true]{height:1rem}[part=tick-label]{position:absolute;top:1.5rem;line-height:.7;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;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)}[part=tick-label-inner]{-webkit-margin-start:-50%;margin-inline-start:-50%}[part=thumbs]{position:absolute;width:100%;height:0;cursor:default;inset-inline-start:0}[part~=thumb]{border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.625rem),0.625rem);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;outline-style:none;-webkit-transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:border-radius .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out;transition:transform .1s ease-out,border-radius .1s ease-out,-webkit-transform .1s ease-out}[part=thumb-label]{position:absolute;top:calc((1.875rem + 1.25rem)*-1);pointer-events:none;height:1.875rem;display:-webkit-box;display:-ms-flexbox;display:flex}[part=thumb-label-inner]{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);border-radius:clamp(0rem,calc(var(--ig-radius-factor, 1) * 0.125rem),0.125rem);display:-webkit-box;display:-ms-flexbox;display:flex;min-width:2.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;white-space:nowrap;-webkit-margin-start:-50%;margin-inline-start:-50%;padding:0 .125rem}[part=thumb-label-inner]::after{content:\"\";position:absolute;top:85%;border-left:.625rem solid rgba(0,0,0,0);border-right:.625rem solid rgba(0,0,0,0)}:host(:not([tick-label-rotation=\"0\"])) [part=tick-label-inner]{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-margin-start:0;margin-inline-start:0;margin-block:-50%}:host([tick-label-rotation=\"-90\"]) [part=tick-label-inner]{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}:host([disabled]),:host(:disabled){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:initial}`;\n"]}

package/components/slider/themes/themes.js

@@ -7,11 +7,15 @@ import { styles as bootstrapLight } from './light/slider.bootstrap.css.js';
 import { styles as fluentLight } from './light/slider.fluent.css.js';
 import { styles as indigoLight } from './light/slider.indigo.css.js';
 import { styles as materialLight } from './light/slider.material.css.js';
+import { styles as shared } from './light/slider.shared.css.js';
 import { styles as bootstrap } from './shared/slider.bootstrap.css.js';
 import { styles as fluent } from './shared/slider.fluent.css.js';
 import { styles as indigo } from './shared/slider.indigo.css.js';
 import { styles as material } from './shared/slider.material.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -26,6 +30,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

package/components/slider/themes/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/slider/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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/slider.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/slider.fluent.css.js';\nimport { styles as indigoDark } from './dark/slider.indigo.css.js';\nimport { styles as materialDark } from './dark/slider.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/slider.bootstrap.css.js';\nimport { styles as fluentLight } from './light/slider.fluent.css.js';\nimport { styles as indigoLight } from './light/slider.indigo.css.js';\nimport { styles as materialLight } from './light/slider.material.css.js';\nimport { styles as shared } from './light/slider.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/slider.bootstrap.css.js';\nimport { styles as fluent } from './shared/slider.fluent.css.js';\nimport { styles as indigo } from './shared/slider.indigo.css.js';\nimport { styles as material } from './shared/slider.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/snackbar/snackbar.d.ts

@@ -1,9 +1,11 @@
+import { Ref } from 'lit/directives/ref.js';
+import { addAnimationController } from '../../animations/player.js';
 import { IgcBaseAlertLikeComponent } from '../common/mixins/alert.js';
 import type { AbstractConstructor } from '../common/mixins/constructor.js';
 export interface IgcSnackbarEventMap {
     igcAction: CustomEvent<void>;
 }
-declare const IgcSnackbarComponent_base: AbstractConstructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
+declare const IgcSnackbarComponent_base: import("../common/mixins/constructor.js").Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcSnackbarEventMap>> & AbstractConstructor<IgcBaseAlertLikeComponent>;
 /**
  * A snackbar component is used to provide feedback about an operation
  * by showing a brief message at the bottom of the screen.
@@ -24,13 +26,13 @@ export default class IgcSnackbarComponent extends IgcSnackbarComponent_base {
     static readonly tagName = "igc-snackbar";
     static styles: import("lit").CSSResult[];
     static register(): void;
-    protected content: HTMLElement;
+    protected contentRef: Ref<HTMLElement>;
+    protected _animationPlayer: ReturnType<typeof addAnimationController>;
     /**
      * The snackbar action button.
      * @attr action-text
      */
     actionText: string;
-    protected firstUpdated(): void;
     private handleClick;
     protected render(): import("lit-html").TemplateResult<1>;
 }

package/components/snackbar/snackbar.js

@@ -5,29 +5,32 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing } from 'lit';
-import { property, query } from 'lit/decorators.js';
+import { property } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
 import { styles as shared } from './themes/shared/snackbar.common.css.js';
 import { styles } from './themes/snackbar.base.css.js';
 import { all } from './themes/themes.js';
-import { AnimationPlayer } from '../../animations/player.js';
+import { addAnimationController } from '../../animations/player.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';
 let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(IgcBaseAlertLikeComponent) {
+    constructor() {
+        super(...arguments);
+        this.contentRef = createRef();
+        this._animationPlayer = addAnimationController(this, this.contentRef);
+    }
     static register() {
         registerComponent(this, IgcButtonComponent);
     }
-    firstUpdated() {
-        this._animationPlayer = new AnimationPlayer(this.content);
-    }
     handleClick() {
         this.emitEvent('igcAction');
     }
     render() {
         return html `
-      <div part="base" .inert=${!this.open}>
+      <div ${ref(this.contentRef)} part="base" .inert=${!this.open}>
         <span part="message">
           <slot></slot>
         </span>
@@ -49,9 +52,6 @@ let IgcSnackbarComponent = class IgcSnackbarComponent extends EventEmitterMixin(
 };
 IgcSnackbarComponent.tagName = 'igc-snackbar';
 IgcSnackbarComponent.styles = [styles, shared];
-__decorate([
-    query('[part~="base"]', true)
-], IgcSnackbarComponent.prototype, "content", void 0);
 __decorate([
     property({ attribute: 'action-text' })
 ], IgcSnackbarComponent.prototype, "actionText", void 0);

package/components/snackbar/snackbar.js.map

@@ -1 +1 @@
-{"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,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,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,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAO9B;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 as shared } from './themes/shared/snackbar.common.css.js';\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, shared];\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"]}
+{"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,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAO,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,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;IAHb;;QAYH,eAAU,GAAqB,SAAS,EAAE,CAAC;QAClC,qBAAgB,GAE/B,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAkCpD,CAAC;IAzCQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;IAC9C,CAAC;IAcO,WAAW;QACjB,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;aACF,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI;;;;;6DAKL,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;;AA5CsB,4BAAO,GAAG,cAAc,AAAjB,CAAkB;AAClC,2BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAiBjC;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;wDACZ;AAtBR,oBAAoB;IADxC,MAAM,CAAC,GAAG,CAAC;GACS,oBAAoB,CAiDxC;eAjDoB,oBAAoB","sourcesContent":["import { html, nothing } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { Ref, createRef, ref } from 'lit/directives/ref.js';\n\nimport { styles as shared } from './themes/shared/snackbar.common.css.js';\nimport { styles } from './themes/snackbar.base.css.js';\nimport { all } from './themes/themes.js';\nimport { addAnimationController } 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, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this, IgcButtonComponent);\n  }\n\n  protected contentRef: Ref<HTMLElement> = createRef();\n  protected override _animationPlayer: ReturnType<\n    typeof addAnimationController\n  > = addAnimationController(this, this.contentRef);\n\n  /**\n   * The snackbar action button.\n   * @attr action-text\n   */\n  @property({ attribute: 'action-text' })\n  public actionText!: string;\n\n  private handleClick() {\n    this.emitEvent('igcAction');\n  }\n\n  protected override render() {\n    return html`\n      <div ${ref(this.contentRef)} 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.js

@@ -1,3 +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))}`;
+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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# sourceMappingURL=snackbar.bootstrap.css.js.map

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

@@ -1 +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"]}
+{"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,6XAA6X,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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +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))}`;
+export const styles = css `:host{--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

@@ -1 +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"]}
+{"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,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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 `: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))}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-0));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--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,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"]}
+{"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,0fAA0f,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-0));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, color-mix(in oklch, var(--ig-gray-200-contrast) 100%, transparent));--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.js

@@ -1,3 +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))}`;
+export const styles = css ``;
 //# sourceMappingURL=snackbar.material.css.js.map

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

@@ -1 +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"]}
+{"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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

@@ -1,3 +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))}`;
+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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;
 //# 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,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"]}
+{"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,6XAA6X,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, color-mix(in oklch, var(--ig-surface-500-contrast) 100%, transparent));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-primary-500), var(--ig-primary-a)))}`;\n"]}

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

@@ -1,3 +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))}`;
+export const styles = css `:host{--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,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"]}
+{"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,qIAAqI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--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,3 +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))}`;
+export const styles = css `:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-0));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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,+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"]}
+{"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,0cAA0c,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-snackbar-elevation, var(--ig-elevation-0));--background: var(--ig-snackbar-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--text-color: var(--ig-snackbar-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-color: var(--ig-snackbar-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--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,3 +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))}`;
+export const styles = css ``;
 //# 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,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"]}
+{"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,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

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

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

package/components/snackbar/themes/light/snackbar.shared.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, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--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.shared.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ueAAue,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, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--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.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `igc-button::part(base),igc-button::part(base):hover{color:var(--button-color)}`;
+export const styles = css `:host igc-button{--ig-size: 2}[part~=base]{min-height:2.25rem;padding:.25rem 1rem}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);-webkit-box-shadow:none;box-shadow:none}`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

@@ -1 +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"]}
+{"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,0MAA0M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host igc-button{--ig-size: 2}[part~=base]{min-height:2.25rem;padding:.25rem 1rem}igc-button::part(base),igc-button::part(base):hover{color:var(--button-color);-webkit-box-shadow:none;box-shadow:none}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-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}`;
+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);-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

@@ -1 +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"]}
+{"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,6+EAA6+E,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);-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.js

@@ -7,10 +7,14 @@ 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 shared } from './light/snackbar.shared.css.js';
 import { styles as bootstrap } from './shared/snackbar.bootstrap.css.js';
 import { styles as fluent } from './shared/snackbar.fluent.css.js';
 import { styles as indigo } from './shared/snackbar.indigo.css.js';
 const light = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapLight}
   `,
@@ -25,6 +29,9 @@ const light = {
   `,
 };
 const dark = {
+    shared: css `
+    ${shared}
+  `,
     bootstrap: css `
     ${bootstrap} ${bootstrapDark}
   `,

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

@@ -1 +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;AAGnE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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 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    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"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;AAC3E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,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;AAGnE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;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';\nimport { styles as shared } from './light/snackbar.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/snackbar.bootstrap.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  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${shared}\n  `,\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/stepper/step.d.ts

@@ -34,12 +34,12 @@ export default class IgcStepComponent extends LitElement {
     static readonly tagName = "igc-step";
     static styles: import("lit").CSSResult[];
     static register(): void;
+    private bodyRef;
     private animationPlayer;
     private _titleChildren;
     private _subTitleChildren;
     header: HTMLElement;
     contentBody: HTMLElement;
-    body: HTMLElement;
     /** Gets/sets whether the step is invalid. */
     invalid: boolean;
     /** Gets/sets whether the step is activе. */
@@ -80,7 +80,6 @@ export default class IgcStepComponent extends LitElement {
     animation: Animation;
     /** @hidden @internal @private */
     animationDuration: number;
-    firstUpdated(): void;
     toggleAnimation(type: 'in' | 'out', direction?: 'normal' | 'reverse'): Promise<string>;
     protected activeChange(): void;
     protected disabledInvalidOptionalChange(): void;