igniteui-webcomponents 5.0.2 → 5.1.0

package/components/tabs/themes/dark/tab.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, transparent);--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, transparent);--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/dark/tab.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m+DAAm+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, transparent);--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, transparent);--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;\n"]}
+{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,24EAA24E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--item-hover-color: var(--ig-tabs-item-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-active-color: var(--ig-tabs-item-active-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--item-icon-color: var(--ig-tabs-item-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 60%, transparent));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, color-mix(in oklch, var(--ig-gray-50-contrast) 80%, transparent));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, color-mix(in oklch, var(--ig-gray-50-contrast) 10%, transparent));--button-hover-color: var(--ig-tabs-button-hover-color, color-mix(in oklch, var(--ig-gray-50-contrast) 100%, transparent));--button-disabled-color: var(--ig-tabs-button-disabled-color, color-mix(in oklch, var(--ig-gray-50-contrast) 20%, transparent));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, color-mix(in oklch, var(--ig-gray-50-contrast) 15%, transparent));--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/dark/tab.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--button-hover-background: var(--ig-tabs-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.material.css.js.map

package/components/tabs/themes/dark/tab.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,07DAA07D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--button-hover-background: var(--ig-tabs-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;\n"]}
+{"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o3DAAo3D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/dark/tab.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-gray-100), 0.5));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-gray-100), 0.5))}`;
+export const styles = css `:host{--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-100) h s l/0.5))}`;
 //# sourceMappingURL=tab.shared.css.js.map

package/components/tabs/themes/dark/tab.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oMAAoM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-gray-100), 0.5));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-gray-100), 0.5))}`;\n"]}
+{"version":3,"file":"tab.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/dark/tab.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sNAAsN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-100) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-100) h s l/0.5))}`;\n"]}

package/components/tabs/themes/light/tab.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-primary-500), 0.5));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-primary-500), 0.5));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-primary-500), 0.5));--border-color: var(--ig-tabs-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color--hover: var(--ig-tabs-border-color--hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem))}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.bootstrap.css.js.map

package/components/tabs/themes/light/tab.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+mDAA+mD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-primary-700), var(--ig-primary-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-primary-500), 0.5));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-primary-500), 0.5));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-primary-500), 0.5));--border-color: var(--ig-tabs-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--border-color--hover: var(--ig-tabs-border-color--hover, hsla(var(--ig-gray-200), var(--ig-gray-a)));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem))}`;\n"]}
+{"version":3,"file":"tab.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+lDAA+lD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-primary-700) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-800) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-800) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-primary-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-primary-500) h s l/0.5));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-surface-500) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-primary-500) h s l/0.5));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-300) h s l/1));--border-color--hover: var(--ig-tabs-border-color--hover, hsl(from var(--ig-gray-200) h s l/1));--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.6666666667) * 0.375rem), 0.375rem));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.fluent.css.js.map

package/components/tabs/themes/light/tab.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kmBAAkmB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"tab.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6mBAA6mB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-900) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-400) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-500) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-600) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-400) h s l/1));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, transparent);--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, transparent);--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, transparent)}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/light/tab.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mxBAAmxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, transparent);--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, transparent);--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, transparent)}`;\n"]}
+{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,89CAA89C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-800) h s l/1));--item-background: var(--ig-tabs-item-background, transparent);--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-gray-900) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-600) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--item-active-background: var(--ig-tabs-item-active-background, transparent);--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-400) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-600) h s l/1));--button-background: var(--ig-tabs-button-background, transparent);--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-700) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-900) h s l/0.2));--border-color: var(--ig-tabs-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;
+export const styles = css `:host{--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--navigation-border-color: var(--border-color)}`;
 //# sourceMappingURL=tab.material.css.js.map

package/components/tabs/themes/light/tab.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wGAAwG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"tab.material.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iJAAiJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-700) h s l/1));--navigation-border-color: var(--border-color)}`;\n"]}

package/components/tabs/themes/light/tab.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--button-hover-background: var(--ig-tabs-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;
+export const styles = css `:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-200) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;
 //# sourceMappingURL=tab.shared.css.js.map

package/components/tabs/themes/light/tab.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gpEAAgpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-tabs-item-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--item-hover-background: var(--ig-tabs-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-color: var(--ig-tabs-item-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-active-color: var(--ig-tabs-item-active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-icon-color: var(--ig-tabs-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-active-background: var(--ig-tabs-item-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--indicator-color: var(--ig-tabs-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--button-color: var(--ig-tabs-button-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--button-background: var(--ig-tabs-button-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--button-hover-background: var(--ig-tabs-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-hover-color: var(--ig-tabs-button-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;\n"]}
+{"version":3,"file":"tab.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/tabs/themes/light/tab.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+gEAA+gE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-text-color: var(--ig-tabs-item-text-color, hsl(from var(--ig-gray-700) h s l/1));--item-background: var(--ig-tabs-item-background, hsl(from var(--ig-surface-500) h s l/1));--item-hover-background: var(--ig-tabs-item-hover-background, hsl(from var(--ig-gray-200) h s l/1));--item-hover-color: var(--ig-tabs-item-hover-color, hsl(from var(--ig-gray-900) h s l/1));--item-active-color: var(--ig-tabs-item-active-color, hsl(from var(--ig-primary-500) h s l/1));--item-icon-color: var(--ig-tabs-item-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-active-icon-color: var(--ig-tabs-item-active-icon-color, hsl(from var(--ig-primary-500) h s l/1));--item-hover-icon-color: var(--ig-tabs-item-hover-icon-color, hsl(from var(--ig-gray-700) h s l/1));--item-disabled-icon-color: var(--ig-tabs-item-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--item-active-background: var(--ig-tabs-item-active-background, hsl(from var(--ig-gray-200) h s l/1));--item-disabled-color: var(--ig-tabs-item-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--indicator-color: var(--ig-tabs-indicator-color, hsl(from var(--ig-primary-500) h s l/1));--button-color: var(--ig-tabs-button-color, hsl(from var(--ig-gray-700) h s l/1));--button-background: var(--ig-tabs-button-background, hsl(from var(--ig-surface-500) h s l/1));--button-hover-background: var(--ig-tabs-button-hover-background, hsl(from var(--ig-gray-100) h s l/1));--button-hover-color: var(--ig-tabs-button-hover-color, hsl(from var(--ig-gray-900) h s l/1));--button-disabled-color: var(--ig-tabs-button-disabled-color, hsl(from var(--ig-gray-500) h s l/1));--tab-ripple-color: var(--ig-tabs-tab-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--button-ripple-color: var(--ig-tabs-button-ripple-color, hsl(from var(--ig-gray-100) h s l/1));--border-color: var(--ig-tabs-border-color, transparent);--border-color--hover: var(--ig-tabs-border-color--hover, transparent);--border-radius: var(--ig-tabs-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 0.375rem), 0.375rem))}`;\n"]}

package/components/tabs/themes/shared/tab/tab.indigo.css.d.ts

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

package/components/tabs/themes/shared/tab/tab.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--btn-hover-color: var(--button-hover-color);border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid var(--border-color);padding-block:.6875rem}:host ::slotted(igc-icon){--ig-size: 2;color:var(--item-icon-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}`;
+//# sourceMappingURL=tab.indigo.css.js.map

package/components/tabs/themes/shared/tab/tab.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tab/tab.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6zBAA6zB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--btn-hover-color: var(--button-hover-color);border-top:.0625rem solid rgba(0,0,0,0);border-bottom:.0625rem solid var(--border-color);padding-block:.6875rem}:host ::slotted(igc-icon){--ig-size: 2;color:var(--item-icon-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([disabled]) ::slotted(igc-icon){color:var(--item-disabled-icon-color)}[part=content]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom)}`;\n"]}

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

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

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=headers]{min-height:2.5rem}[part=start-scroll-button],[part=end-scroll-button]{min-width:2.5rem;width:2.5rem;border-bottom:.0625rem solid var(--navigation-border-color)}[part=start-scroll-button]:hover::part(icon),[part=end-scroll-button]:hover::part(icon){color:var(--button-hover-color)}[part=selected-indicator]{height:.1875rem}`;
+//# sourceMappingURL=tabs.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/tabs/themes/shared/tabs/tabs.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mVAAmV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=headers]{min-height:2.5rem}[part=start-scroll-button],[part=end-scroll-button]{min-width:2.5rem;width:2.5rem;border-bottom:.0625rem solid var(--navigation-border-color)}[part=start-scroll-button]:hover::part(icon),[part=end-scroll-button]:hover::part(icon){color:var(--button-hover-color)}[part=selected-indicator]{height:.1875rem}`;\n"]}

package/components/tabs/themes/tab-themes.js

@@ -1,6 +1,7 @@
 import { css } from 'lit';
 import { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';
 import { styles as fluent } from './shared/tab/tab.fluent.css.js';
+import { styles as indigo } from './shared/tab/tab.indigo.css.js';
 const light = {
     bootstrap: css `
     ${bootstrap}
@@ -8,6 +9,9 @@ const light = {
     fluent: css `
     ${fluent}
   `,
+    indigo: css `
+    ${indigo}
+  `,
 };
 const dark = {
     bootstrap: css `
@@ -16,6 +20,9 @@ const dark = {
     fluent: css `
     ${fluent}
   `,
+    indigo: css `
+    ${indigo}
+  `,
 };
 export const all = { light, dark };
 //# sourceMappingURL=tab-themes.js.map

package/components/tabs/themes/tab-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';\nimport { styles as fluent } from './shared/tab/tab.fluent.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"tab-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAElE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS;GACZ;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM;GACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tab/tab.bootstrap.css.js';\nimport { styles as fluent } from './shared/tab/tab.fluent.css.js';\nimport { styles as indigo } from './shared/tab/tab.indigo.css.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap}\n  `,\n  fluent: css`\n    ${fluent}\n  `,\n  indigo: css`\n    ${indigo}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/tabs/themes/tab.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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}`;
+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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;
 //# sourceMappingURL=tab.base.css.js.map

package/components/tabs/themes/tab.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,28DAA28D,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}`;\n"]}
+{"version":3,"file":"tab.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tab.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2/DAA2/D,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;min-width:5.625rem;max-width:22.5rem;word-wrap:break-word;padding:.75rem 1rem;overflow:hidden;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.35, 0, 0.25, 1);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host ::slotted(igc-icon){--ig-size: 3}:host([disabled]){pointer-events:none;cursor:initial}[part=base]{display:flex;align-items:center;justify-content:space-between;outline-style:none;gap:.5rem}[part=content]{font-family:var(--ig-button-font-family, var(--ig-font-family));font-size:var(--ig-button-font-size);font-weight:var(--ig-button-font-weight);font-style:var(--ig-button-font-style);line-height:var(--ig-button-line-height);letter-spacing:var(--ig-button-letter-spacing);text-transform:var(--ig-button-text-transform);margin-top:var(--ig-button-margin-top);margin-bottom:var(--ig-button-margin-bottom);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline-style:none;gap:.5rem}[part=content] ::slotted(*){display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[part=content] ::slotted(igc-icon){display:flex}`;\n"]}

package/components/tabs/themes/tabs-themes.js

@@ -11,6 +11,7 @@ import { styles as materialLight } from './light/tab.material.css.js';
 import { styles as sharedLight } from './light/tab.shared.css.js';
 import { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';
 import { styles as fluent } from './shared/tabs/tabs.fluent.css.js';
+import { styles as indigo } from './shared/tabs/tabs.indigo.css.js';
 const light = {
     shared: css `
     ${sharedLight}
@@ -25,7 +26,7 @@ const light = {
     ${fluent} ${fluentLight}
   `,
     indigo: css `
-    ${indigoLight}
+    ${indigo} ${indigoLight}
   `,
 };
 const dark = {
@@ -42,7 +43,7 @@ const dark = {
     ${fluent} ${fluentDark}
   `,
     indigo: css `
-    ${indigoDark}
+    ${indigo} ${indigoDark}
   `,
 };
 export const all = { light, dark };

package/components/tabs/themes/tabs-themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;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,WAAW;GACd;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,GAAG,CAAA;MACP,UAAU;GACb;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,UAAU;GACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tab.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tab.fluent.css.js';\nimport { styles as indigoDark } from './dark/tab.indigo.css.js';\nimport { styles as materialDark } from './dark/tab.material.css.js';\nimport { styles as sharedDark } from './dark/tab.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tab.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tab.fluent.css.js';\nimport { styles as indigoLight } from './light/tab.indigo.css.js';\nimport { styles as materialLight } from './light/tab.material.css.js';\nimport { styles as sharedLight } from './light/tab.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';\nimport { styles as fluent } from './shared/tabs/tabs.fluent.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\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    ${indigoLight}\n  `,\n};\n\nconst dark = {\n  shared: css`\n    ${sharedDark}\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    ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}
+{"version":3,"file":"tabs-themes.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs-themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAI1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,GAAG,CAAA;MACP,WAAW;GACd;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,UAAU;GACb;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\nimport type { Themes } from '../../../theming/types.js';\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/tab.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/tab.fluent.css.js';\nimport { styles as indigoDark } from './dark/tab.indigo.css.js';\nimport { styles as materialDark } from './dark/tab.material.css.js';\nimport { styles as sharedDark } from './dark/tab.shared.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/tab.bootstrap.css.js';\nimport { styles as fluentLight } from './light/tab.fluent.css.js';\nimport { styles as indigoLight } from './light/tab.indigo.css.js';\nimport { styles as materialLight } from './light/tab.material.css.js';\nimport { styles as sharedLight } from './light/tab.shared.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/tabs/tabs.bootstrap.css.js';\nimport { styles as fluent } from './shared/tabs/tabs.fluent.css.js';\nimport { styles as indigo } from './shared/tabs/tabs.indigo.css.js';\n\nconst light = {\n  shared: css`\n    ${sharedLight}\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    ${sharedDark}\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/tabs/themes/tabs.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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
+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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;
 //# sourceMappingURL=tabs.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q8EAAq8E,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;\n"]}
+{"version":3,"file":"tabs.base.css.js","sourceRoot":"","sources":["../../../../src/components/tabs/themes/tabs.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iFAA2iF,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;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}: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 *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{display:flex;flex-direction:column;overflow:hidden}:host([alignment=start]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=end]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:first-of-type){margin-inline-start:auto}:host([alignment=center]) [part=headers-scroll] ::slotted(igc-tab:last-of-type){margin-inline-end:auto}:host([alignment=justify]) [part=headers-scroll] ::slotted(igc-tab){flex-basis:100px;flex-grow:1;max-width:100%}[part=headers]{display:flex;overflow:hidden;min-height:2.625rem;flex:none}[part=headers-content]{display:flex;flex:1 1 auto;scroll-behavior:smooth;overflow:hidden}[part=headers-wrapper]{position:relative;flex-grow:1}[part=headers-scroll]{display:flex;height:100%}[part=content]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}[part=selected-indicator]{position:absolute;inset-inline-start:0;bottom:0;transform:translateX(0);height:.125rem;min-width:5.625rem;transition:transform .3s cubic-bezier(0.35, 0, 0.25, 1),width .2s cubic-bezier(0.35, 0, 0.25, 1)}[part=start-scroll-button],[part=end-scroll-button]{display:flex;align-items:center;justify-content:center;z-index:1;border:none;padding:0;min-width:3rem;width:3rem;height:inherit;cursor:pointer;position:relative}[part=start-scroll-button] ::slotted(*),[part=end-scroll-button] ::slotted(*){box-shadow:none}igc-icon-button::part(base):hover,igc-icon-button::part(base):focus-within{background:rgba(0,0,0,0);box-shadow:none}:host-context([dir=rtl]) [part=start-scroll-button],:host-context([dir=rtl]) [part=end-scroll-button],:host([dir=rtl]) [part=start-scroll-button],:host([dir=rtl]) [part=end-scroll-button]{transform:scaleX(-1)}`;\n"]}

package/components/textarea/textarea.d.ts

@@ -1,13 +1,13 @@
-import { LitElement, nothing } from 'lit';
+import { LitElement, type TemplateResult, nothing } from 'lit';
 import type { Constructor } from '../common/mixins/constructor.js';
 import type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';
-export interface IgcTextareaEventMap {
+export interface IgcTextareaComponentEventMap {
     igcInput: CustomEvent<string>;
     igcChange: CustomEvent<string>;
     focus: FocusEvent;
     blur: FocusEvent;
 }
-declare const IgcTextareaComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTextareaEventMap>> & Constructor<LitElement>;
+declare const IgcTextareaComponent_base: Constructor<import("../common/mixins/forms/types.js").FormRequiredInterface & import("../common/mixins/forms/types.js").FormAssociatedElementInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcTextareaComponentEventMap>> & Constructor<LitElement>;
 /**
  * This element represents a multi-line plain-text editing control,
  * useful when you want to allow users to enter a sizeable amount of free-form text,
@@ -19,6 +19,11 @@ declare const IgcTextareaComponent_base: Constructor<import("../common/mixins/fo
  * @slot prefix - Renders content before the input.
  * @slot suffix - Renders content after input.
  * @slot helper-text - Renders content below the input.
+ * @slot value-missing - Renders content when the required validation fails.
+ * @slot too-long - Renders content when the maxlength validation fails.
+ * @slot too-short - Renders content when the minlength validation fails.
+ * @slot custom-error - Renders content when setCustomValidity(message) is set.
+ * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).
  *
  * @fires igcInput - Emitted when the control receives user input.
  * @fires igcChange - Emitted when the a change to the control value is committed by the user.
@@ -48,7 +53,6 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
     private projected;
     protected prefixes: Array<HTMLElement>;
     protected suffixes: Array<HTMLElement>;
-    protected helperText: Array<HTMLElement>;
     private input;
     private get resizeStyles();
     protected get _isMaterial(): boolean;
@@ -155,6 +159,8 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
      * @attr validate-only
      */
     validateOnly: boolean;
+    protected valueChanged(): Promise<void>;
+    protected setAreaHeight(): void;
     constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
@@ -166,29 +172,27 @@ export default class IgcTextareaComponent extends IgcTextareaComponent_base {
     setRangeText(replacement: string, start: number, end: number, selectMode?: RangeTextSelectMode): void;
     scrollTo(options?: ScrollToOptions | undefined): void;
     scrollTo(x: number, y: number): void;
-    protected resolvePartNames(base: string): {
-        [x: string]: boolean;
+    protected resolvePartNames(): {
+        container: boolean;
         prefixed: boolean;
         suffixed: boolean;
         filled: boolean;
     };
-    protected firstUpdated(): Promise<void>;
-    protected valueChanged(): Promise<void>;
-    protected setAreaHeight(): void;
     private setAutoHeight;
     protected handleInput(): void;
     protected handleChange(): void;
+    protected handleFocus(): void;
+    protected handleBlur(): void;
     protected valueSlotChange(): void;
-    protected slotChange(): void;
-    protected renderValueSlot(): import("lit-html").TemplateResult<1>;
-    protected renderHelperText(): import("lit-html").TemplateResult<1>;
-    protected renderPrefix(): import("lit-html").TemplateResult<1>;
-    protected renderSuffix(): import("lit-html").TemplateResult<1>;
-    protected renderLabel(): import("lit-html").TemplateResult<1> | typeof nothing;
-    protected renderStandard(): import("lit-html").TemplateResult<1>;
-    protected renderMaterial(): import("lit-html").TemplateResult<1>;
-    protected renderInput(): import("lit-html").TemplateResult<1>;
-    protected render(): import("lit-html").TemplateResult<1>;
+    protected renderValueSlot(): TemplateResult<1>;
+    protected renderValidationContainer(): TemplateResult;
+    protected renderPrefix(): TemplateResult<1>;
+    protected renderSuffix(): TemplateResult<1>;
+    protected renderLabel(): TemplateResult<1> | typeof nothing;
+    protected renderStandard(): TemplateResult<1>;
+    protected renderMaterial(): TemplateResult<1>;
+    protected renderInput(): TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {