igniteui-webcomponents 4.8.2 → 4.10.0

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wtFAAwtF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;\n"]}
+{"version":3,"file":"button-group.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0nGAA0nG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-0));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, hsla(var(--ig-gray-900), 0.15));--selected-shadow-color: var(--ig-button-group-selected-shadow-color, hsla(var(--ig-primary-400), 0.5));--disabled-background-color: var(--ig-button-group-disabled-background-color, color-mix(in oklch, var(--ig-gray-900-contrast) 100%, transparent));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-primary-400), 0.5));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-primary-400), var(--ig-primary-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-900), 0.2));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-primary-400), 0.5))}`;\n"]}

package/components/button-group/themes/light/button-group.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
+export const styles = css `:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), 0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-700), 0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-500), 0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-gray-700), 0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-gray-600), 0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;
 //# sourceMappingURL=button-group.material.css.js.map

package/components/button-group/themes/light/button-group.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoEAAuoE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}
+{"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yoFAAyoF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-300), 0.8));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-hover-border-color: var(--ig-button-group-item-hover-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-700), 0.4));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsla(var(--ig-gray-500), 0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-background: var(--ig-button-group-item-selected-background, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-selected-border-color: var(--ig-button-group-item-selected-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-selected-hover-border-color: var(--ig-button-group-item-selected-hover-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsla(var(--ig-gray-500), 0.8));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsla(var(--ig-gray-700), 0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsla(var(--ig-gray-600), 0.7));--disabled-text-color: var(--ig-button-group-disabled-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-disabled-border: var(--ig-button-group-item-disabled-border, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-selected-border-color: var(--ig-button-group-disabled-selected-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)))}`;\n"]}

package/components/button-group/themes/light/button-group.shared.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-500), 0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;
 //# sourceMappingURL=button-group.shared.css.js.map

package/components/button-group/themes/light/button-group.shared.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mhDAAmhD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-focused-background: var(--ig-button-group-item-focused-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;\n"]}
+{"version":3,"file":"button-group.shared.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/light/button-group.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k5CAAk5C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--item-background: var(--ig-button-group-item-background, hsla(var(--ig-gray-50), var(--ig-gray-a)));--item-border-color: var(--ig-button-group-item-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--item-hover-background: var(--ig-button-group-item-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));--item-focused-border-color: var(--ig-button-group-item-focused-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background-color: var(--ig-button-group-disabled-background-color, hsla(var(--ig-gray-50), var(--ig-gray-a)));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsla(var(--ig-gray-500), 0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 2)}`;\n"]}

package/components/button-group/themes/shared/button/button.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));min-width:var(--button-min-width)}:host(:hover) [part~=toggle],:host(:focus) [part~=toggle]{border-color:var(--item-border-color)}:host(:focus) [part~=toggle]{-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color)}`;
+export const styles = css `:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{-webkit-box-shadow:0 0 0 .25rem var(--idle-shadow-color);box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

package/components/button-group/themes/shared/button/button.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4tCAA4tC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));min-width:var(--button-min-width)}:host(:hover) [part~=toggle],:host(:focus) [part~=toggle]{border-color:var(--item-border-color)}:host(:focus) [part~=toggle]{-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color)}`;\n"]}
+{"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,igDAAigD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{min-width:var(--button-min-width)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(3rem, -1 * 3rem),var(--is-medium, 1)*max(2.375rem, -1 * 2.375rem),var(--is-small, 1)*max(2rem, -1 * 2rem));border-width:.0625rem;padding-block:max(var(--is-large, 1)*max(0.4375rem, -1 * 0.4375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{-webkit-box-shadow:0 0 0 .25rem var(--idle-shadow-color);box-shadow:0 0 0 .25rem var(--idle-shadow-color);z-index:1}[part~=toggle]:active{background:var(--item-hover-background);color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-hover-background);color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}`;\n"]}

package/components/button-group/themes/shared/button/button.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));color:var(--item-text-color);background:var(--item-background);padding-inline:1rem;padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:focus) [part~=toggle]{color:var(--item-focused-text-color);background:var(--item-focused-background);border-color:var(--item-focused-border-color)}:host(:focus) [part~=toggle]:hover{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}`;
+export const styles = css `:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));min-width:var(--button-min-width);color:var(--item-text-color);background:var(--item-background);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{position:absolute;content:"";inset:0;z-index:3;background:var(--disabled-selected-background)}`;
 //# sourceMappingURL=button.common.css.js.map

package/components/button-group/themes/shared/button/button.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ikFAAikF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));color:var(--item-text-color);background:var(--item-background);padding-inline:1rem;padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host(:focus) [part~=toggle]{color:var(--item-focused-text-color);background:var(--item-focused-background);border-color:var(--item-focused-border-color)}:host(:focus) [part~=toggle]:hover{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:focus) [part~=toggle]:hover ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}`;\n"]}
+{"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ooFAAooF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{--ig-icon-size: 1.125rem;--igx-icon-size: 1.125rem;min-height:max(var(--is-large, 1)*max(2.25rem, -1 * 2.25rem),var(--is-medium, 1)*max(1.875rem, -1 * 1.875rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));min-width:var(--button-min-width);color:var(--item-text-color);background:var(--item-background);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, --ig-spacing)),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, --ig-spacing)),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, --ig-spacing)));border-color:var(--item-border-color)}:host ::slotted(igc-icon){color:var(--item-icon-color)}:host(:hover) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color)}:host(:hover) ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]{color:var(--item-selected-text-color);background:var(--item-selected-background);border-color:var(--item-selected-border-color)}:host([selected]) ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]:hover) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:hover) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([disabled]) [part~=toggle],:host(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host([disabled]) ::slotted(igc-icon),:host(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host-context([disabled]) [part~=toggle],:host-context(:disabled) [part~=toggle]{color:var(--disabled-text-color);background:var(--disabled-background-color);border-color:var(--item-disabled-border)}:host-context([disabled]) ::slotted(igc-icon),:host-context(:disabled) ::slotted(igc-icon){color:var(--disabled-text-color)}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{position:absolute;content:\"\";inset:0;z-index:3;background:var(--disabled-selected-background)}`;\n"]}

package/components/button-group/themes/shared/button/button.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host(:focus) [part~=toggle]{background:var(--item-background)}:host(:active) [part~=toggle]{background:var(--item-focused-background)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part~=toggle]:focus-visible{background:var(--item-background)}:host [part~=toggle]:focus-visible::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host [part~=toggle]:focus-visible:hover{background:var(--item-hover-background)}:host [part~=toggle]:focus-visible:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle],:host([selected]:focus) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:active) [part~=toggle]{background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:focus-visible{background:var(--item-selected-background)}:host([selected]) [part~=toggle]:focus-visible:active{background:var(--item-selected-hover-background)}`;
+export const styles = css `:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part="toggle focused"]{background:var(--item-background)}:host [part="toggle focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part="toggle focused"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part="toggle focused"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:"";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{background:var(--item-selected-background)}:host([selected]) [part="toggle focused"]:active{background:var(--item-selected-focus-background)}`;
 //# sourceMappingURL=button.fluent.css.js.map

package/components/button-group/themes/shared/button/button.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ixCAAixC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:focus) [part~=toggle]{background:var(--item-background)}:host(:active) [part~=toggle]{background:var(--item-focused-background)}:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part~=toggle]:focus-visible{background:var(--item-background)}:host [part~=toggle]:focus-visible::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host [part~=toggle]:focus-visible:hover{background:var(--item-hover-background)}:host [part~=toggle]:focus-visible:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle],:host([selected]:focus) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:active) [part~=toggle]{background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:focus-visible{background:var(--item-selected-background)}:host([selected]) [part~=toggle]:focus-visible:active{background:var(--item-selected-hover-background)}`;\n"]}
+{"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ozCAAozC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]{min-height:max(var(--is-large, 1)*max(2.375rem, -1 * 2.375rem),var(--is-medium, 1)*max(2rem, -1 * 2rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem}:host [part=\"toggle focused\"]{background:var(--item-background)}:host [part=\"toggle focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);-webkit-box-shadow:0 0 0 .0625rem var(--item-focused-border-color);box-shadow:0 0 0 .0625rem var(--item-focused-border-color)}:host(:hover) [part=\"toggle focused\"]{background:var(--item-hover-background)}[part~=toggle]:active{background:var(--item-focused-background)}[part=\"toggle focused\"]:active{background:var(--item-focused-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{content:\"\";position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1;background:var(--item-selected-hover-background)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{background:var(--item-selected-background)}:host([selected]) [part=\"toggle focused\"]:active{background:var(--item-selected-focus-background)}`;\n"]}

package/components/button-group/themes/shared/button/button.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:.5rem}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part~=toggle]:focus-visible{outline:none;z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part~=toggle]:focus-visible{border-color:var(--item-hover-border-color)}:host(:active) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}:host(:active) [part~=toggle] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:focus-visible{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:focus-visible:hover{border-color:var(--item-selected-hover-border-color)}:host([selected]:active) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:active) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
+export const styles = css `:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part="toggle focused"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part="toggle focused"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"]{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;
 //# sourceMappingURL=button.indigo.css.js.map

package/components/button-group/themes/shared/button/button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qwEAAqwE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:.5rem}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part~=toggle]:focus-visible{outline:none;z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part~=toggle]:focus-visible{border-color:var(--item-hover-border-color)}:host(:active) [part~=toggle]{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}:host(:active) [part~=toggle] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:focus-visible{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:focus-visible:hover{border-color:var(--item-selected-hover-border-color)}:host([selected]:active) [part~=toggle]{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]:active) ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;\n"]}
+{"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yrFAAyrF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--button-icon: 1rem}:host [part~=toggle]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);min-height:max(var(--is-large, 1)*max(2rem, -1 * 2rem),var(--is-medium, 1)*max(1.75rem, -1 * 1.75rem),var(--is-small, 1)*max(1.5rem, -1 * 1.5rem));border-width:.0625rem;padding-inline:max(var(--is-large, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part=\"toggle focused\"]{z-index:2;-webkit-box-shadow:0 0 0 .1875rem var(--idle-shadow-color);box-shadow:0 0 0 .1875rem var(--idle-shadow-color);border-color:var(--item-border-color);color:var(--item-focused-text-color)}:host(:hover) [part~=toggle]{z-index:1}:host(:hover) [part=\"toggle focused\"]{border-color:var(--item-hover-border-color);color:var(--item-hover-text-color)}[part~=toggle]:active{color:var(--item-hover-text-color);background:var(--item-hover-background);border-color:var(--item-hover-border-color);z-index:2}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]:hover) [part=\"toggle focused\"]{border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"]{-webkit-box-shadow:0 0 0 .1875rem var(--selected-shadow-color);box-shadow:0 0 0 .1875rem var(--selected-shadow-color);border-color:var(--item-selected-border-color);color:var(--item-selected-hover-text-color)}:host([selected]) [part~=toggle]:active{color:var(--item-selected-hover-text-color);background:var(--item-selected-hover-background);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]:disabled) [part~=toggle],:host([selected][disabled]) [part~=toggle]{color:var(--disabled-selected-text-color);background:var(--disabled-selected-background);border:none}:host([selected]:disabled) [part~=toggle]::before,:host([selected][disabled]) [part~=toggle]::before{display:none}:host([selected]:disabled) ::slotted(igc-icon),:host([selected][disabled]) ::slotted(igc-icon){color:var(--disabled-selected-icon-color)}`;\n"]}

package/components/button-group/themes/shared/button/button.material.css.d.ts

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

package/components/button-group/themes/shared/button/button.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part="toggle focused"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part="toggle focused"]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:"";background:var(--item-hover-background)}:host(:hover) [part="toggle focused"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:"";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part="toggle focused"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part="toggle focused"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part="toggle focused"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part="toggle focused"]::before{background:var(--item-selected-focus-hover-background)}`;
+//# sourceMappingURL=button.material.css.js.map

package/components/button-group/themes/shared/button/button.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/button/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g2DAAg2D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}:host [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host [part=\"toggle focused\"]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part~=toggle]{background:var(--item-background)}:host(:hover) [part~=toggle]::before{content:\"\";background:var(--item-hover-background)}:host(:hover) [part=\"toggle focused\"]::before{background:var(--item-focused-hover-background)}[part~=toggle]:active{color:var(--item-hover-text-color);border-color:var(--item-hover-border-color)}[part~=toggle]:active::before{content:\"\";background:var(--item-focused-background)}[part~=toggle]:active ::slotted(igc-icon){color:var(--item-hover-icon-color)}:host([selected]) [part~=toggle]:active{background:var(--item-selected-background);color:var(--item-selected-text-color);border-color:var(--item-selected-border-color)}:host([selected]) [part~=toggle]:active ::slotted(igc-icon){color:var(--item-selected-icon-color)}:host([selected]) [part~=toggle]:active::before{background:var(--item-selected-focus-background)}:host([selected]) [part=\"toggle focused\"]{color:var(--item-selected-hover-text-color);border-color:var(--item-selected-hover-border-color)}:host([selected]) [part=\"toggle focused\"] ::slotted(igc-icon){color:var(--item-selected-hover-icon-color)}:host([selected]) [part=\"toggle focused\"]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part~=toggle]{background:var(--item-selected-background)}:host([selected]:hover) [part~=toggle]::before{background:var(--item-selected-hover-background)}:host([selected]:hover) [part=\"toggle focused\"]::before{background:var(--item-selected-focus-hover-background)}`;\n"]}

package/components/button-group/themes/shared/group/group.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
 //# sourceMappingURL=group.bootstrap.css.js.map

package/components/button-group/themes/shared/group/group.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2FAA2F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}`;\n"]}
+{"version":3,"file":"group.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8DAA8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}`;\n"]}

package/components/button-group/themes/shared/group/group.common.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 3.125rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;
 //# sourceMappingURL=group.common.css.js.map

package/components/button-group/themes/shared/group/group.common.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wVAAwV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 3.125rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;\n"]}
+{"version":3,"file":"group.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wVAAwV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2.625rem}[part~=group]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation);border-radius:var(--border-radius)}:host([alignment=horizontal]){--horizontal-radius: var(--border-radius)}:host([alignment=vertical]){--vertical-radius: var(--border-radius)}`;\n"]}

package/components/button-group/themes/shared/group/group.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--component-size: var(--ig-size, var(--default-size))}`;
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2rem}`;
 //# sourceMappingURL=group.indigo.css.js.map

package/components/button-group/themes/shared/group/group.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8DAA8D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size))}`;\n"]}
+{"version":3,"file":"group.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button-group/themes/shared/group/group.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uFAAuF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--button-min-width: 2rem}`;\n"]}

package/components/button-group/toggle-button.d.ts

@@ -15,9 +15,11 @@ export default class IgcToggleButtonComponent extends LitElement {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
-        slotAssignment?: SlotAssignmentMode | undefined;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
     static register(): void;
+    private _kbFocus;
     private _nativeButton;
     /**
      * The value attribute of the control.

package/components/button-group/toggle-button.js

@@ -4,21 +4,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var IgcToggleButtonComponent_1;
 import { LitElement, html } from 'lit';
 import { property, query } from 'lit/decorators.js';
+import { themes } from '../../theming/theming-decorator.js';
+import { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';
+import { registerComponent } from '../common/definitions/register.js';
+import { partNameMap } from '../common/util.js';
 import { styles } from './themes/button.base.css.js';
 import { all } from './themes/button.js';
 import { styles as shared } from './themes/shared/button/button.common.css.js';
-import { themes } from '../../theming/theming-decorator.js';
-import { registerComponent } from '../common/definitions/register.js';
-let IgcToggleButtonComponent = class IgcToggleButtonComponent extends LitElement {
+let IgcToggleButtonComponent = IgcToggleButtonComponent_1 = class IgcToggleButtonComponent extends LitElement {
     constructor() {
         super(...arguments);
+        this._kbFocus = addKeyboardFocusRing(this);
         this.selected = false;
         this.disabled = false;
     }
     static register() {
-        registerComponent(this);
+        registerComponent(IgcToggleButtonComponent_1);
     }
     focus(options) {
         this._nativeButton.focus(options);
@@ -32,12 +36,17 @@ let IgcToggleButtonComponent = class IgcToggleButtonComponent extends LitElement
     render() {
         return html `
       <button
-        part="toggle"
+        part=${partNameMap({
+            toggle: true,
+            focused: this._kbFocus.focused,
+        })}
         type="button"
         ?disabled=${this.disabled}
         .ariaLabel=${this.ariaLabel}
         aria-pressed=${this.selected}
         aria-disabled=${this.disabled}
+        @click=${this._kbFocus.reset}
+        @blur=${this._kbFocus.reset}
       >
         <slot></slot>
       </button>
@@ -62,8 +71,8 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IgcToggleButtonComponent.prototype, "disabled", void 0);
-IgcToggleButtonComponent = __decorate([
-    themes(all, true)
+IgcToggleButtonComponent = IgcToggleButtonComponent_1 = __decorate([
+    themes(all)
 ], IgcToggleButtonComponent);
 export default IgcToggleButtonComponent;
 //# sourceMappingURL=toggle-button.js.map

package/components/button-group/toggle-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../src/components/button-group/toggle-button.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAavD,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QA6BN,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAG,KAAK,CAAC;IAiC1B,CAAC;IA3DQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IA4Be,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;oBAIK,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,SAAS;uBACZ,IAAI,CAAC,QAAQ;wBACZ,IAAI,CAAC,QAAQ;;;;KAIhC,CAAC;IACJ,CAAC;;AAnEsB,+BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAC1B,gCAAO,GAAG,mBAAmB,AAAtB,CAAuB;AAE9B,0CAAiB,GAAG;IACzC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHuC,CAGtC;AAQM;IADP,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC;+DACW;AAOnC;IADN,QAAQ,EAAE;uDACW;AAOf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AApCL,wBAAwB;IAD5C,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC;GACG,wBAAwB,CAqE5C;eArEoB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { styles } from './themes/button.base.css.js';\nimport { all } from './themes/button.js';\nimport { styles as shared } from './themes/shared/button/button.common.css.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.\n * It is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.\n *\n * @element igc-toggle-button\n *\n * @slot Renders the label/content of the button.\n *\n * @csspart toggle - The native button element.\n */\n@themes(all, true)\nexport default class IgcToggleButtonComponent extends LitElement {\n  public static override styles = [styles, shared];\n  public static readonly tagName = 'igc-toggle-button';\n\n  public static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(this);\n  }\n\n  @query('[part=\"toggle\"]', true)\n  private _nativeButton!: HTMLButtonElement;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public value!: string;\n\n  /**\n   * Determines whether the button is selected.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the button is disabled.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the button. */\n  public override focus(options?: FocusOptions) {\n    this._nativeButton.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur() {\n    this._nativeButton.blur();\n  }\n\n  /** Simulates a mouse click on the element. */\n  public override click() {\n    this._nativeButton.click();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=\"toggle\"\n        type=\"button\"\n        ?disabled=${this.disabled}\n        .ariaLabel=${this.ariaLabel}\n        aria-pressed=${this.selected}\n        aria-disabled=${this.disabled}\n      >\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toggle-button': IgcToggleButtonComponent;\n  }\n}\n"]}
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../src/components/button-group/toggle-button.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAahE,IAAM,wBAAwB,gCAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAAjD;;QAcL,aAAQ,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAiBvC,aAAQ,GAAG,KAAK,CAAC;QAOjB,aAAQ,GAAG,KAAK,CAAC;IAsC1B,CAAC;IAlEQ,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,0BAAwB,CAAC,CAAC;IAC9C,CAAC;IA8Be,KAAK,CAAC,OAAsB;QAC1C,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC,CAAC;IAIe,IAAI;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;IAGe,KAAK;QACnB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC7B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;eAEA,WAAW,CAAC;YACjB,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;SAC/B,CAAC;;oBAEU,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,SAAS;uBACZ,IAAI,CAAC,QAAQ;wBACZ,IAAI,CAAC,QAAQ;iBACpB,IAAI,CAAC,QAAQ,CAAC,KAAK;gBACpB,IAAI,CAAC,QAAQ,CAAC,KAAK;;;;KAI9B,CAAC;IACJ,CAAC;;AA1EsB,+BAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,AAAnB,CAAoB;AAC1B,gCAAO,GAAG,mBAAmB,AAAtB,CAAuB;AAE9B,0CAAiB,GAAG;IACzC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,AAHuC,CAGtC;AAUM;IADP,KAAK,CAAC,iBAAiB,EAAE,IAAI,CAAC;+DACW;AAOnC;IADN,QAAQ,EAAE;uDACW;AAOf;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAOjB;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0DACnB;AAtCL,wBAAwB;IAD5C,MAAM,CAAC,GAAG,CAAC;GACS,wBAAwB,CA4E5C;eA5EoB,wBAAwB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\n\nimport { themes } from '../../theming/theming-decorator.js';\nimport { addKeyboardFocusRing } from '../common/controllers/focus-ring.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partNameMap } from '../common/util.js';\nimport { styles } from './themes/button.base.css.js';\nimport { all } from './themes/button.js';\nimport { styles as shared } from './themes/shared/button/button.common.css.js';\n\n/**\n * The `igc-toggle-button` wraps a native button element and exposes additional `value` and `selected` properties.\n * It is used in the context of an `igc-button-group` to facilitate the creation of group/toolbar like UX behaviors.\n *\n * @element igc-toggle-button\n *\n * @slot Renders the label/content of the button.\n *\n * @csspart toggle - The native button element.\n */\n@themes(all)\nexport default class IgcToggleButtonComponent extends LitElement {\n  public static override styles = [styles, shared];\n  public static readonly tagName = 'igc-toggle-button';\n\n  public static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcToggleButtonComponent);\n  }\n\n  private _kbFocus = addKeyboardFocusRing(this);\n\n  @query('[part=\"toggle\"]', true)\n  private _nativeButton!: HTMLButtonElement;\n\n  /**\n   * The value attribute of the control.\n   * @attr\n   */\n  @property()\n  public value!: string;\n\n  /**\n   * Determines whether the button is selected.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public selected = false;\n\n  /**\n   * Determines whether the button is disabled.\n   * @attr\n   */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /* alternateName: focusComponent */\n  /** Sets focus on the button. */\n  public override focus(options?: FocusOptions) {\n    this._nativeButton.focus(options);\n  }\n\n  /* alternateName: blurComponent */\n  /** Removes focus from the button. */\n  public override blur() {\n    this._nativeButton.blur();\n  }\n\n  /** Simulates a mouse click on the element. */\n  public override click() {\n    this._nativeButton.click();\n  }\n\n  protected override render() {\n    return html`\n      <button\n        part=${partNameMap({\n          toggle: true,\n          focused: this._kbFocus.focused,\n        })}\n        type=\"button\"\n        ?disabled=${this.disabled}\n        .ariaLabel=${this.ariaLabel}\n        aria-pressed=${this.selected}\n        aria-disabled=${this.disabled}\n        @click=${this._kbFocus.reset}\n        @blur=${this._kbFocus.reset}\n      >\n        <slot></slot>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-toggle-button': IgcToggleButtonComponent;\n  }\n}\n"]}

package/components/calendar/calendar.d.ts

@@ -1,7 +1,8 @@
-import { IgcCalendarBaseComponent, IgcCalendarBaseEventMap } from './common/calendar-base.js';
 import { themeSymbol } from '../../theming/theming-decorator.js';
-import { IgcCalendarResourceStrings } from '../common/i18n/calendar.resources.js';
+import { type IgcCalendarResourceStrings } from '../common/i18n/calendar.resources.js';
 import type { Constructor } from '../common/mixins/constructor.js';
+import { IgcCalendarBaseComponent, type IgcCalendarBaseEventMap } from './common/calendar-base.js';
+export declare const focusActiveDate: unique symbol;
 declare const IgcCalendarComponent_base: Constructor<import("../common/mixins/sizable.js").SizableInterface> & Constructor<import("../common/mixins/event-emitter.js").EventEmitterInterface<IgcCalendarBaseEventMap>> & Constructor<IgcCalendarBaseComponent>;
 /**
  * Represents a calendar that lets users
@@ -68,7 +69,7 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
     private monthSelectLabel;
     private yearSelectLabel;
     private handleKeyDown;
-    private focusActiveDate;
+    [focusActiveDate](): Promise<void>;
     private initFormatters;
     private formattedMonth;
     private changeValue;

package/components/calendar/calendar.js

@@ -4,17 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var IgcCalendarComponent_1;
 import { html } from 'lit';
 import { property, query, queryAll, state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { IgcCalendarBaseComponent, MONTHS_PER_ROW, YEARS_PER_ROW, } from './common/calendar-base.js';
-import { TimeDeltaInterval } from './common/calendar.model.js';
-import { calculateYearsRangeStart, setDateSafe } from './common/utils.js';
-import IgcDaysViewComponent from './days-view/days-view.js';
-import IgcMonthsViewComponent from './months-view/months-view.js';
-import { styles } from './themes/calendar.base.css.js';
-import { all } from './themes/calendar.js';
-import IgcYearsViewComponent from './years-view/years-view.js';
 import { themeSymbol, themes } from '../../theming/theming-decorator.js';
 import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
@@ -23,9 +16,18 @@ import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { SizableMixin } from '../common/mixins/sizable.js';
 import { partNameMap } from '../common/util.js';
 import IgcIconComponent from '../icon/icon.js';
-let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(EventEmitterMixin(IgcCalendarBaseComponent)) {
+import { IgcCalendarBaseComponent, MONTHS_PER_ROW, YEARS_PER_ROW, } from './common/calendar-base.js';
+import { TimeDeltaInterval, } from './common/calendar.model.js';
+import { calculateYearsRangeStart, setDateSafe } from './common/utils.js';
+import IgcDaysViewComponent from './days-view/days-view.js';
+import IgcMonthsViewComponent from './months-view/months-view.js';
+import { styles } from './themes/calendar.base.css.js';
+import { all } from './themes/calendar.js';
+import IgcYearsViewComponent from './years-view/years-view.js';
+export const focusActiveDate = Symbol();
+let IgcCalendarComponent = IgcCalendarComponent_1 = class IgcCalendarComponent extends SizableMixin(EventEmitterMixin(IgcCalendarBaseComponent)) {
     static register() {
-        registerComponent(this, IgcIconComponent, IgcDaysViewComponent, IgcMonthsViewComponent, IgcYearsViewComponent);
+        registerComponent(IgcCalendarComponent_1, IgcIconComponent, IgcDaysViewComponent, IgcMonthsViewComponent, IgcYearsViewComponent);
     }
     formattersChange() {
         this.initFormatters();
@@ -61,7 +63,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                         this.navigateNext();
                     }
                     if (this.activeView === 'days') {
-                        this.focusActiveDate();
+                        this[focusActiveDate]();
                     }
                     break;
                 case 'PageUp':
@@ -73,7 +75,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                         this.navigatePrevious();
                     }
                     if (this.activeView === 'days') {
-                        this.focusActiveDate();
+                        this[focusActiveDate]();
                     }
                     break;
                 case 'Home':
@@ -99,7 +101,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                         setDateSafe(date, this.activeDate.getDate());
                         this.activeDate = date;
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
                 case 'End':
                     event.preventDefault();
@@ -127,7 +129,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                         setDateSafe(date, this.activeDate.getDate());
                         this.activeDate = date;
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
                 case 'ArrowLeft':
                     event.preventDefault();
@@ -149,7 +151,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                     else if (this.activeView === 'years') {
                         this.previousYear();
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
                 case 'ArrowRight':
                     event.preventDefault();
@@ -173,7 +175,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                     else if (this.activeView === 'years') {
                         this.nextYear();
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
                 case 'ArrowUp':
                     event.preventDefault();
@@ -195,7 +197,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                     else if (this.activeView === 'years') {
                         this.activeDate = this.calendarModel.timedelta(this.activeDate, TimeDeltaInterval.Year, -YEARS_PER_ROW);
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
                 case 'ArrowDown':
                     event.preventDefault();
@@ -219,7 +221,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                     else if (this.activeView === 'years') {
                         this.activeDate = this.calendarModel.timedelta(this.activeDate, TimeDeltaInterval.Year, YEARS_PER_ROW);
                     }
-                    this.focusActiveDate();
+                    this[focusActiveDate]();
                     break;
             }
         };
@@ -247,16 +249,14 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
                     : '';
     }
     monthSelectLabel(activeDate) {
-        return (activeDate.toLocaleString(this.locale, {
+        return `${activeDate.toLocaleString(this.locale, {
             month: 'long',
-        }) +
-            ', ' +
-            this.resourceStrings.selectMonth);
+        })}, ${this.resourceStrings.selectMonth}`;
     }
     yearSelectLabel(activeDate) {
-        return activeDate.getFullYear() + ', ' + this.resourceStrings.selectYear;
+        return `${activeDate.getFullYear()}, ${this.resourceStrings.selectYear}`;
     }
-    async focusActiveDate() {
+    async [focusActiveDate]() {
         await this.updateComplete;
         if (this.activeView === 'days') {
             const daysView = this.daysViews[this.activeDaysViewIndex];
@@ -302,19 +302,19 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
         event.stopPropagation();
         this.activeDate = event.target.value;
         this.activeView = 'days';
-        this.focusActiveDate();
+        this[focusActiveDate]();
     }
     changeYear(event) {
         event.stopPropagation();
         this.activeDate = event.target.value;
         this.activeView = 'months';
-        this.focusActiveDate();
+        this[focusActiveDate]();
     }
     async switchToMonths(daysViewIndex) {
         this.activateDaysView(daysViewIndex);
         this.activeView = 'months';
         await this.updateComplete;
-        this.focusActiveDate();
+        this[focusActiveDate]();
     }
     async switchToYears(daysViewIndex) {
         if (this.activeView === 'days') {
@@ -322,7 +322,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
         }
         this.activeView = 'years';
         await this.updateComplete;
-        this.focusActiveDate();
+        this[focusActiveDate]();
     }
     activateDaysView(daysViewIndex) {
         const activeDaysView = this.daysViews[daysViewIndex];
@@ -335,7 +335,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
         this.activeDaysViewIndex = daysViews.indexOf(event.target);
         this.activeDate = day.date;
         if (!day.isCurrentMonth) {
-            this.focusActiveDate();
+            this[focusActiveDate]();
         }
     }
     rangePreviewDateChange(event) {
@@ -381,8 +381,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
             this.previousYearsPage();
         }
     }
-    renderNavigation(activeDate, renderButtons = true, daysViewIndex = 0) {
-        activeDate = activeDate ?? this.activeDate;
+    renderNavigation(activeDate = this.activeDate, renderButtons = true, daysViewIndex = 0) {
         let startYear = undefined;
         let endYear = undefined;
         const prev_icon = this[themeSymbol] === 'fluent' ? 'arrow_upward' : 'navigate_before';
@@ -486,7 +485,7 @@ let IgcCalendarComponent = class IgcCalendarComponent extends SizableMixin(Event
         }
         const dates = this.values;
         return html `<span
-        >${dates && dates.length
+        >${dates?.length
             ? this.formatterMonthDay.format(dates[0])
             : this.resourceStrings.startDate}</span
       >
@@ -618,7 +617,7 @@ __decorate([
     watch('formatOptions'),
     watch('locale')
 ], IgcCalendarComponent.prototype, "formattersChange", null);
-IgcCalendarComponent = __decorate([
+IgcCalendarComponent = IgcCalendarComponent_1 = __decorate([
     themes(all)
 ], IgcCalendarComponent);
 export default IgcCalendarComponent;