igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

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

@@ -1,3 +1,48 @@
 import { css } from 'lit';
-export const styles = css `:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));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=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host(:hover) [part=inactive] {
+  background: hsla(var(--ig-primary-500), 0.32);
+}
+:host(:hover) [part=fill] {
+  background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+}
+:host(:hover) [part=thumb] {
+  border-color: var(--thumb-hover-border, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+}
+
+[part=track],
+[part=fill],
+[part=inactive] {
+  height: 0.25rem;
+}
+
+[part=inactive] {
+  background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+  top: initial;
+}
+
+[part=fill] {
+  background: var(--fill-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+}
+
+[part=thumb] {
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  border: 0.125rem solid var(--thumb-border, hsla(var(--ig-gray-700), var(--ig-gray-a)));
+  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=inactive] {
+  background: var(--inactive-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host([disabled]) [part=fill] {
+  background: var(--fill-disabled-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+:host([disabled]) [part=thumb] {
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  border-color: var(--thumb-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}`;
 //# sourceMappingURL=slider.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yxCAAyxC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:hover) [part=inactive]{background:hsla(var(--igc-primary-500), 0.32)}:host(:hover) [part=fill]{background:var(--fill-hover-background, hsla(var(--igc-primary-500), var(--igc-primary-a)))}:host(:hover) [part=thumb]{border-color:var(--thumb-hover-border, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part=track],[part=fill],[part=inactive]{height:.25rem}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)));top:initial}[part=fill]{background:var(--fill-background, hsla(var(--igc-gray-700), var(--igc-gray-a)))}[part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border:.125rem solid var(--thumb-border, hsla(var(--igc-gray-700), var(--igc-gray-a)));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=inactive]{background:var(--inactive-disabled-background, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host([disabled]) [part=fill]{background:var(--fill-disabled-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}:host([disabled]) [part=thumb]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));border-color:var(--thumb-disabled-border, hsla(var(--igc-gray-400), var(--igc-gray-a)))}`;\n"]}
+{"version":3,"file":"slider.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host(:hover) [part=inactive] {\n  background: hsla(var(--ig-primary-500), 0.32);\n}\n:host(:hover) [part=fill] {\n  background: var(--fill-hover-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n:host(:hover) [part=thumb] {\n  border-color: var(--thumb-hover-border, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n  height: 0.25rem;\n}\n\n[part=inactive] {\n  background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  top: initial;\n}\n\n[part=fill] {\n  background: var(--fill-background, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n}\n\n[part=thumb] {\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  border: 0.125rem solid var(--thumb-border, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  width: 1rem;\n  height: 1rem;\n  top: calc((1rem - 0.5rem) * -1);\n  -webkit-margin-start: calc((1rem - 0.5rem) * -1);\n          margin-inline-start: calc((1rem - 0.5rem) * -1);\n}\n\n:host([disabled]) [part=inactive] {\n  background: var(--inactive-disabled-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host([disabled]) [part=fill] {\n  background: var(--fill-disabled-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n:host([disabled]) [part=thumb] {\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  border-color: var(--thumb-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}`;\n"]}

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

@@ -1,3 +1,51 @@
 import { css } from 'lit';
-export const styles = css `[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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=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 hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base]:hover [part=inactive] {
+  background: var(--inactive-hover-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+}
+[part=base]:hover [part=fill] {
+  background: hsla(var(--ig-primary-400), var(--ig-primary-a));
+}
+
+[part=inactive] {
+  background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[part=track],
+[part=fill],
+[part=inactive] {
+  height: 0.125rem;
+  top: initial;
+  border-radius: initial;
+}
+
+[part=steps] {
+  height: 0.125rem;
+}
+[part=steps] line {
+  -webkit-transform: none;
+      -ms-transform: none;
+          transform: none;
+}
+
+[part=thumb] {
+  width: 0.875rem;
+  height: 0.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 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+}
+[part=thumb]::after {
+  display: none;
+}
+
+:host([disabled]) [part=thumb],
+:host([disabled]) [part=fill],
+:host([disabled]) [part=inactive] {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=slider.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,miCAAmiC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]:hover [part=inactive]{background:var(--inactive-hover-background, hsla(var(--igc-gray-500), var(--igc-gray-a)))}[part=base]:hover [part=fill]{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}[part=inactive]{background:var(--inactive-background, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[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=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 hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}[part=thumb]::after{display:none}:host([disabled]) [part=thumb],:host([disabled]) [part=fill],:host([disabled]) [part=inactive]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"slider.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base]:hover [part=inactive] {\n  background: var(--inactive-hover-background, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}\n[part=base]:hover [part=fill] {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n\n[part=inactive] {\n  background: var(--inactive-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[part=track],\n[part=fill],\n[part=inactive] {\n  height: 0.125rem;\n  top: initial;\n  border-radius: initial;\n}\n\n[part=steps] {\n  height: 0.125rem;\n}\n[part=steps] line {\n  -webkit-transform: none;\n      -ms-transform: none;\n          transform: none;\n}\n\n[part=thumb] {\n  width: 0.875rem;\n  height: 0.875rem;\n  top: calc((0.875rem - 0.4375rem) * -1);\n  -webkit-margin-start: calc((0.875rem - 0.4375rem) * -1);\n          margin-inline-start: calc((0.875rem - 0.4375rem) * -1);\n}\n[part=thumb]:focus {\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n[part=thumb]::after {\n  display: none;\n}\n\n:host([disabled]) [part=thumb],\n:host([disabled]) [part=fill],\n:host([disabled]) [part=inactive] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,3 +1,65 @@
 import { css } from 'lit';
-export const styles = css `[part=track]{height:.375rem}[part=fill]{height:.375rem}[part=inactive]{height:.25rem;top:.0625rem}[part=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[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,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:"";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));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;-o-transition:transform .1s ease-out,opacity .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}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=track] {
+  height: 0.375rem;
+}
+
+[part=fill] {
+  height: 0.375rem;
+}
+
+[part=inactive] {
+  height: 0.25rem;
+  top: 0.0625rem;
+}
+
+[part=steps] {
+  color: hsla(var(--ig-secondary-200), var(--ig-secondary-a));
+}
+
+[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.25rem), 1.25rem);
+  position: absolute;
+  content: "";
+  width: 2.5rem;
+  height: 2.5rem;
+  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  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 0.1s ease-out, -webkit-transform 0.1s ease-out;
+  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
+  -o-transition: transform 0.1s ease-out, opacity 0.1s ease-out;
+  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
+  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
+  overflow: hidden;
+}
+[part=thumb]:hover::after {
+  opacity: 0.12;
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+}
+[part=thumb]:focus::after {
+  opacity: 0.18;
+  -webkit-transform: scale(1);
+      -ms-transform: scale(1);
+          transform: scale(1);
+}
+[part=thumb]:active::after {
+  opacity: 0.24;
+}`;
 //# sourceMappingURL=slider.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i4CAAi4C,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=steps]{color:hsla(var(--igc-secondary-200), var(--igc-secondary-a))}[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,var(--igc-radius-factor)*1.25rem,1.25rem);position:absolute;content:\"\";width:2.5rem;height:2.5rem;background:hsla(var(--igc-secondary-500), var(--igc-secondary-a));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;-o-transition:transform .1s ease-out,opacity .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}`;\n"]}
+{"version":3,"file":"slider.material.css.js","sourceRoot":"","sources":["../../../../../src/components/slider/themes/light/slider.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=track] {\n  height: 0.375rem;\n}\n\n[part=fill] {\n  height: 0.375rem;\n}\n\n[part=inactive] {\n  height: 0.25rem;\n  top: 0.0625rem;\n}\n\n[part=steps] {\n  color: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n}\n\n[part=thumb] {\n  width: 1.25rem;\n  height: 1.25rem;\n  top: calc((1.25rem - 0.625rem) * -1);\n  -webkit-margin-start: calc((1.25rem - 0.625rem) * -1);\n          margin-inline-start: calc((1.25rem - 0.625rem) * -1);\n}\n[part=thumb]::after {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.25rem), 1.25rem);\n  position: absolute;\n  content: \"\";\n  width: 2.5rem;\n  height: 2.5rem;\n  background: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  top: calc(50% - 1.25rem);\n  inset-inline-start: calc(50% - 1.25rem);\n  opacity: 0;\n  -webkit-transform: scale(0);\n      -ms-transform: scale(0);\n          transform: scale(0);\n  -webkit-transform-origin: center center;\n      -ms-transform-origin: center center;\n          transform-origin: center center;\n  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  -o-transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n  transition: transform 0.1s ease-out, opacity 0.1s ease-out;\n  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;\n  overflow: hidden;\n}\n[part=thumb]:hover::after {\n  opacity: 0.12;\n  -webkit-transform: scale(1);\n      -ms-transform: scale(1);\n          transform: scale(1);\n}\n[part=thumb]:focus::after {\n  opacity: 0.18;\n  -webkit-transform: scale(1);\n      -ms-transform: scale(1);\n          transform: scale(1);\n}\n[part=thumb]:active::after {\n  opacity: 0.24;\n}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `/* stylelint-disable max-line-length */`;
 //# sourceMappingURL=snackbar.indigo.css.js.map

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

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

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

@@ -1,3 +1,105 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{font-family:var(--igc-font-family);position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);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;color:var(--igc-gray-900-contrast);background:hsla(var(--igc-gray-900), 0.9);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[part~=message]{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-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){text-transform:uppercase;font-weight:600}:host([action-text]) igc-button::part(base):hover::before{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{background:rgba(0,0,0,0);outline:none;-webkit-box-shadow:none;box-shadow:none}:host([action-text]) igc-button::part(base):focus::before{background:rgba(0,0,0,0)}:host(:not([open])) [part=base]{display:none}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/* stylelint-disable max-line-length */
+:host {
+  font-family: var(--ig-font-family);
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+}
+
+[part~=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  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: 0.4375rem 1.5rem;
+  margin: 0.5rem;
+  gap: 1.5rem;
+  color: var(--ig-gray-900-contrast);
+  background: hsla(var(--ig-gray-900), 0.9);
+  -webkit-box-shadow: var(--ig-elevation-4);
+          box-shadow: var(--ig-elevation-4);
+  -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);
+  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) {
+  text-transform: uppercase;
+  font-weight: 600;
+}
+:host([action-text]) igc-button::part(base):hover::before {
+  background: transparent;
+}
+:host([action-text]) igc-button::part(base):focus {
+  background: transparent;
+  outline: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+:host([action-text]) igc-button::part(base):focus::before {
+  background: transparent;
+}
+
+:host(:not([open])) [part=base] {
+  display: none;
+}`;
 //# sourceMappingURL=snackbar.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g/EAAg/E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{font-family:var(--igc-font-family);position:fixed;bottom:0;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);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;color:var(--igc-gray-900-contrast);background:hsla(var(--igc-gray-900), 0.9);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[part~=message]{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-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){text-transform:uppercase;font-weight:600}:host([action-text]) igc-button::part(base):hover::before{background:rgba(0,0,0,0)}:host([action-text]) igc-button::part(base):focus{background:rgba(0,0,0,0);outline:none;-webkit-box-shadow:none;box-shadow:none}:host([action-text]) igc-button::part(base):focus::before{background:rgba(0,0,0,0)}:host(:not([open])) [part=base]{display:none}`;\n"]}
+{"version":3,"file":"snackbar.base.css.js","sourceRoot":"","sources":["../../../../../src/components/snackbar/themes/light/snackbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  font-family: var(--ig-font-family);\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n      -ms-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n}\n\n[part~=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: row nowrap;\n      flex-wrap: row nowrap;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: justify;\n      -ms-flex-pack: justify;\n          justify-content: space-between;\n  min-height: 3rem;\n  padding: 0.4375rem 1.5rem;\n  margin: 0.5rem;\n  gap: 1.5rem;\n  color: var(--ig-gray-900-contrast);\n  background: hsla(var(--ig-gray-900), 0.9);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n  -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n  -webkit-backdrop-filter: blur(8px);\n          backdrop-filter: blur(8px);\n}\n\n[part~=message] {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  display: -webkit-inline-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 1 50%;\n          flex: 1 1 50%;\n}\n\n:host([action-text]) igc-button::part(base) {\n  text-transform: uppercase;\n  font-weight: 600;\n}\n:host([action-text]) igc-button::part(base):hover::before {\n  background: transparent;\n}\n:host([action-text]) igc-button::part(base):focus {\n  background: transparent;\n  outline: none;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([action-text]) igc-button::part(base):focus::before {\n  background: transparent;\n}\n\n:host(:not([open])) [part=base] {\n  display: none;\n}`;\n"]}

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

@@ -1,3 +1,13 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}igc-button::part(base):hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=base] {
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  color: var(--ig-surface-500-contrast);
+  -webkit-box-shadow: var(--ig-elevation-10);
+          box-shadow: var(--ig-elevation-10);
+}
+
+igc-button::part(base):hover {
+  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,uRAAuR,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast);-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}igc-button::part(base):hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}`;\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;;;;;;;;;;EAUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=base] {\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n  -webkit-box-shadow: var(--ig-elevation-10);\n          box-shadow: var(--ig-elevation-10);\n}\n\nigc-button::part(base):hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}

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

@@ -1,3 +1,27 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}[part~=message]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}igc-button::part(base),igc-button::part(base):hover{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}igc-button::part(base):focus-visible::after{display:none}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+}
+
+[part~=message] {
+  font-family: var(--ig-caption-font-family);
+  font-size: var(--ig-caption-font-size);
+  font-weight: var(--ig-caption-font-weight);
+  font-style: var(--ig-caption-font-style);
+  line-height: var(--ig-caption-line-height);
+  letter-spacing: var(--ig-caption-letter-spacing);
+  text-transform: var(--ig-caption-text-transform);
+  margin-top: var(--ig-caption-margin-top);
+  margin-bottom: var(--ig-caption-margin-bottom);
+}
+
+igc-button::part(base),
+igc-button::part(base):hover {
+  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+igc-button::part(base):focus-visible::after {
+  display: none;
+}`;
 //# 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,upBAAupB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem)}[part~=message]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom)}igc-button::part(base),igc-button::part(base):hover{color:hsla(var(--igc-secondary-500), var(--igc-secondary-a))}igc-button::part(base):focus-visible::after{display:none}`;\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;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n}\n\n[part~=message] {\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n}\n\nigc-button::part(base),\nigc-button::part(base):hover {\n  color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\nigc-button::part(base):focus-visible::after {\n  display: none;\n}`;\n"]}

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

@@ -1,3 +1,13 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);background:var(--background-color, hsla(var(--igc-gray-700), 0.9));color:var(--text-color, var(--igc-gray-700-contrast))}igc-button::part(base),igc-button::part(base):hover{color:var(--text-color, var(--igc-gray-700-contrast))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.375rem), 0.375rem);
+  background: var(--background-color, hsla(var(--ig-gray-700), 0.9));
+  color: var(--text-color, var(--ig-gray-700-contrast));
+}
+
+igc-button::part(base),
+igc-button::part(base):hover {
+  color: var(--text-color, var(--ig-gray-700-contrast));
+}`;
 //# 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,qTAAqT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);background:var(--background-color, hsla(var(--igc-gray-700), 0.9));color:var(--text-color, var(--igc-gray-700-contrast))}igc-button::part(base),igc-button::part(base):hover{color:var(--text-color, var(--igc-gray-700-contrast))}`;\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;;;;;;;;;;EAUvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part~=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.375rem), 0.375rem);\n  background: var(--background-color, hsla(var(--ig-gray-700), 0.9));\n  color: var(--text-color, var(--ig-gray-700-contrast));\n}\n\nigc-button::part(base),\nigc-button::part(base):hover {\n  color: var(--text-color, var(--ig-gray-700-contrast));\n}`;\n"]}

package/components/tabs/tabs.d.ts

@@ -41,7 +41,6 @@ export default class IgcTabsComponent extends IgcTabsComponent_base {
     protected resizeObserver: ResizeObserver;
     protected mutationObserver: MutationObserver;
     protected get enabledTabs(): IgcTabComponent[];
-    protected get isLTR(): boolean;
     /** Returns the currently selected tab. */
     get selected(): string;
     /** Sets the alignment for the tab headers */

package/components/tabs/tabs.js

@@ -15,7 +15,7 @@ import { styles as bootstrap } from './themes/light/tabs.bootstrap.css.js';
 import { styles as fluent } from './themes/light/tabs.fluent.css.js';
 import { styles as indigo } from './themes/light/tabs.indigo.css.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
-import { createCounter, getOffset } from '../common/util.js';
+import { createCounter, getOffset, isLTR } from '../common/util.js';
 import { getAttributesForTags, getNodesForTags, observerConfig, } from './utils.js';
 import { defineComponents } from '../common/definitions/defineComponents.js';
 import IgcTabComponent from './tab.js';
@@ -34,15 +34,16 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
             var _a;
             const { key } = event;
             const enabledTabs = this.enabledTabs;
+            const ltr = isLTR(this);
             let index = enabledTabs.indexOf((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.closest('igc-tab'));
             switch (key) {
                 case 'ArrowLeft':
-                    index = this.isLTR
+                    index = ltr
                         ? (enabledTabs.length + index - 1) % enabledTabs.length
                         : (index + 1) % enabledTabs.length;
                     break;
                 case 'ArrowRight':
-                    index = this.isLTR
+                    index = ltr
                         ? (index + 1) % enabledTabs.length
                         : (enabledTabs.length + index - 1) % enabledTabs.length;
                     break;
@@ -73,9 +74,6 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
     get enabledTabs() {
         return this.tabs.filter((tab) => !tab.disabled);
     }
-    get isLTR() {
-        return (window.getComputedStyle(this).getPropertyValue('direction') === 'ltr');
-    }
     get selected() {
         var _a, _b;
         return (_b = (_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.panel) !== null && _b !== void 0 ? _b : '';
@@ -88,7 +86,7 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
         if (this.activeTab) {
             Object.assign(styles, {
                 width: `${this.activeTab.offsetWidth}px`,
-                transform: `translate(${this.isLTR
+                transform: `translate(${isLTR(this)
                     ? getOffset(this.activeTab, this.wrapper).left
                     : getOffset(this.activeTab, this.wrapper).right}px)`,
             });
@@ -193,7 +191,7 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
     }
     scrollByTabOffset(direction) {
         const { scrollLeft, offsetWidth } = this.container;
-        const LTR = this.isLTR, next = direction === 'end';
+        const LTR = isLTR(this), next = direction === 'end';
         const pivot = Math.abs(next ? offsetWidth + scrollLeft : scrollLeft);
         let amount = this.tabs
             .map((tab) => ({
@@ -205,7 +203,7 @@ let IgcTabsComponent = IgcTabsComponent_1 = class IgcTabsComponent extends Event
             .filter((offset) => next ? offset.start + offset.width > pivot : offset.start < pivot)
             .at(next ? 0 : -1).width;
         amount *= next ? 1 : -1;
-        this.container.scrollBy({ left: this.isLTR ? amount : -amount });
+        this.container.scrollBy({ left: LTR ? amount : -amount });
     }
     handleClick(event) {
         const target = event.target;