igniteui-webcomponents 6.2.0 → 6.2.2

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k6NAAk6N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{transition:box-shadow .15s ease-out,color .15s ease-out;padding:max(var(--is-large, 1)*max(15px, -1 * 15px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(7px, -1 * 7px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=flat]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:hover{border-color:var(--hover-background)}:host([variant=outlined]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part~=base]:active{border-color:var(--focus-border-color)}:host([variant=outlined]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]:hover{border-color:var(--focus-hover-background)}:host([variant=outlined]) [part=\"base focused\"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=outlined]) [part=\"base focused\"]:active{border-color:var(--focus-border-color)}`;\n"]}
+{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i7NAAi7N,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{transition:box-shadow .15s ease-out,color .15s ease-out;padding:max(var(--is-large, 1)*max(15px, -1 * 15px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(7px, -1 * 7px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=flat]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:hover{border-color:var(--hover-background)}:host([variant=outlined]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part~=base]:active{border-color:var(--focus-border-color)}:host([variant=outlined]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]:hover{border-color:var(--focus-hover-background)}:host([variant=outlined]) [part=\"base focused\"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=outlined]) [part=\"base focused\"]:active{border-color:var(--focus-border-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{transition:color .15s ease-out,background .15s ease-out;box-shadow:none;padding:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(7px, -1 * 7px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part="base focused"]::after{position:absolute;content:"";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2)}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]{border-color:var(--border-color)}:host([variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-color:var(--border-color)}:host([variant=outlined]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}`;
+export const styles = css `[part~=base]{transition:color .15s ease-out,background .15s ease-out;box-shadow:none;padding:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(7px, -1 * 7px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}[part="base focused"]::after{position:absolute;content:"";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2)}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]{border-color:var(--border-color)}:host([variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-color:var(--border-color)}:host([variant=outlined]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kyMAAkyM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{transition:color .15s ease-out,background .15s ease-out;box-shadow:none;padding:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(7px, -1 * 7px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=\"base focused\"]::after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2)}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]{border-color:var(--border-color)}:host([variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-color:var(--border-color)}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}`;\n"]}
+{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,izMAAizM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{transition:color .15s ease-out,background .15s ease-out;box-shadow:none;padding:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(7px, -1 * 7px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}[part=\"base focused\"]::after{position:absolute;content:\"\";pointer-events:none;inset-block-start:.1875rem;inset-inline-start:.1875rem;width:calc(100% - 0.1875rem*2);height:calc(100% - 0.1875rem*2)}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]{border-color:var(--border-color)}:host([variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-700));--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-gray-100));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: fluent;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-color:var(--border-color)}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-border-color)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--icon-size: 1rem}[part=icon]{--size: 1rem}[part~=base]{transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:hover igc-icon,:host([variant=contained]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-500));--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-width:.125rem}:host([variant=outlined]) [part~=base]:hover,:host([variant=outlined]) [part~=base]:active{border-color:var(--foreground)}:host([variant=outlined]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]) [part="base focused"]:hover,:host([variant=outlined]) [part="base focused"]:active{border-color:var(--foreground)}:host([variant=outlined]) [part~=base]:hover igc-icon,:host([variant=outlined]) [part~=base]:active igc-icon,:host([variant=flat]) [part~=base]:hover igc-icon,:host([variant=flat]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part="base focused"] igc-icon,:host([variant=flat]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]:hover igc-icon,:host([variant=outlined]) [part="base focused"]:active igc-icon,:host([variant=flat]) [part="base focused"]:hover igc-icon,:host([variant=flat]) [part="base focused"]:active igc-icon{color:var(--focus-hover-foreground)}:host([disabled]) [part~=base],:host(:disabled) [part~=base]{box-shadow:none}`;
+export const styles = css `:host{--icon-size: 1rem}[part=icon]{--size: 1rem}[part~=base]{transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:hover igc-icon,:host([variant=contained]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-500));--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-width:.125rem}:host([variant=outlined]) [part~=base]:hover,:host([variant=outlined]) [part~=base]:active{border-color:var(--foreground)}:host([variant=outlined]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]) [part="base focused"]:hover,:host([variant=outlined]) [part="base focused"]:active{border-color:var(--foreground)}:host([variant=outlined]) [part~=base]:hover igc-icon,:host([variant=outlined]) [part~=base]:active igc-icon,:host([variant=flat]) [part~=base]:hover igc-icon,:host([variant=flat]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part="base focused"] igc-icon,:host([variant=flat]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]:hover igc-icon,:host([variant=outlined]) [part="base focused"]:active igc-icon,:host([variant=flat]) [part="base focused"]:hover igc-icon,:host([variant=flat]) [part="base focused"]:active igc-icon{color:var(--focus-hover-foreground)}:host([disabled]) [part~=base],:host(:disabled) [part~=base]{box-shadow:none}`;
 //# sourceMappingURL=icon-button.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8OAAi8O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-size: 1rem}[part=icon]{--size: 1rem}[part~=base]{transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:hover igc-icon,:host([variant=contained]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-500));--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-width:.125rem}:host([variant=outlined]) [part~=base]:hover,:host([variant=outlined]) [part~=base]:active{border-color:var(--foreground)}:host([variant=outlined]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:hover,:host([variant=outlined]) [part=\"base focused\"]:active{border-color:var(--foreground)}:host([variant=outlined]) [part~=base]:hover igc-icon,:host([variant=outlined]) [part~=base]:active igc-icon,:host([variant=flat]) [part~=base]:hover igc-icon,:host([variant=flat]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part=\"base focused\"] igc-icon,:host([variant=flat]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]:hover igc-icon,:host([variant=outlined]) [part=\"base focused\"]:active igc-icon,:host([variant=flat]) [part=\"base focused\"]:hover igc-icon,:host([variant=flat]) [part=\"base focused\"]:active igc-icon{color:var(--focus-hover-foreground)}:host([disabled]) [part~=base],:host(:disabled) [part~=base]{box-shadow:none}`;\n"]}
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g9OAAg9O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--icon-size: 1rem}[part=icon]{--size: 1rem}[part~=base]{transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-400));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-500-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:hover igc-icon,:host([variant=contained]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-600));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-700));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-600));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-700));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-700));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-500));--focus-border-color: var(--ig-icon-button-focus-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: indigo;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border-width:.125rem}:host([variant=outlined]) [part~=base]:hover,:host([variant=outlined]) [part~=base]:active{border-color:var(--foreground)}:host([variant=outlined]) [part=\"base focused\"]{border-color:var(--border-color);box-shadow:0 0 0 .1875rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:hover,:host([variant=outlined]) [part=\"base focused\"]:active{border-color:var(--foreground)}:host([variant=outlined]) [part~=base]:hover igc-icon,:host([variant=outlined]) [part~=base]:active igc-icon,:host([variant=flat]) [part~=base]:hover igc-icon,:host([variant=flat]) [part~=base]:active igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part=\"base focused\"] igc-icon,:host([variant=flat]) [part=\"base focused\"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]:hover igc-icon,:host([variant=outlined]) [part=\"base focused\"]:active igc-icon,:host([variant=flat]) [part=\"base focused\"]:hover igc-icon,:host([variant=flat]) [part=\"base focused\"]:active igc-icon{color:var(--focus-hover-foreground)}:host([disabled]) [part~=base],:host(:disabled) [part~=base]{box-shadow:none}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]{border:none}:host([variant=outlined]) [part="base focused"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}`;
+export const styles = css `[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]{border:none}:host([variant=outlined]) [part="base focused"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part="base focused"]:active{background:var(--active-background);color:var(--active-foreground)}`;
 //# sourceMappingURL=icon-button.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wpNAAwpN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:\"\";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border:none}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}`;\n"]}
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uqNAAuqN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, 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)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:\"\";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border:none}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}`;\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-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"]{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)}`;
+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, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part="toggle focused"]{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,w8CAAw8C,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\"]{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"]}
+{"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,u9CAAu9C,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, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.125rem, -1 * 0.125rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part~=toggle]::before{position:absolute;pointer-events:none;width:100%;height:100%;z-index:-1}:host [part=\"toggle focused\"]{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));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)}`;
+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, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--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,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"]}
+{"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,kqFAAkqF,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, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.0625rem, -1 * 0.0625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--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.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: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;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"]{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)}`;
+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, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part="toggle focused"]{z-index:2;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"]{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,+jFAA+jF,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;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\"]{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"]}
+{"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,8kFAA8kF,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, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::slotted(igc-icon){--size: var(--button-icon) !important}:host [part=\"toggle focused\"]{z-index:2;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\"]{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/calendar/calendar.d.ts

@@ -128,7 +128,7 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
     protected renderYearButtonNavigation(active: CalendarDay, viewIndex: number): import("lit-html").TemplateResult<1>;
     protected renderYearRangeNavigation(active: CalendarDay): import("lit-html").TemplateResult<1>;
     protected renderNavigation(date?: CalendarDay, showButtons?: boolean, viewIndex?: number): import("lit-html").TemplateResult<1>;
-    protected renderHeader(): import("lit-html").TemplateResult<1> | typeof nothing;
+    protected renderHeader(): typeof nothing | import("lit-html").TemplateResult<1>;
     protected renderHeaderDateSingle(): import("lit-html").TemplateResult<1>;
     protected renderHeaderDateRange(): import("lit-html").TemplateResult<1>;
     protected renderHeaderDate(): import("lit-html").TemplateResult<1>;

package/components/calendar/days-view/days-view.js

@@ -56,9 +56,7 @@ let IgcDaysViewComponent = IgcDaysViewComponent_1 = class IgcDaysViewComponent e
             ariaWeekday: { weekday: 'long' },
         });
         addThemingController(this, all);
-        addKeybindings(this, {
-            bindingDefaults: { preventDefault: true },
-        }).setActivateHandler(this.handleInteraction);
+        addKeybindings(this).setActivateHandler(this.handleInteraction);
         addSafeEventListener(this, 'click', this.handleInteraction);
     }
     connectedCallback() {

package/components/calendar/days-view/days-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport { IgcCalendarResourceStringEN } from '../../common/i18n/calendar.resources.js';\nimport { createDateTimeFormatters } from '../../common/localization/intl-formatters.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport {\n  addSafeEventListener,\n  chunk,\n  first,\n  last,\n  take,\n} from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n  areSameMonth,\n  calendarRange,\n  generateMonth,\n  getViewElement,\n  isDateInRanges,\n  isNextMonth,\n  isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, daysInWeek } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n  igcActiveDateChange: CustomEvent<Date>;\n  igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n  IgcDaysViewEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-days-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcDaysViewComponent);\n  }\n\n  @state()\n  private dates!: CalendarDay[];\n\n  @query('[tabindex=\"0\"]')\n  private activeDay!: HTMLElement;\n\n  /** The active state of the component. */\n  @property({ type: Boolean })\n  public active = false;\n\n  /**\n   * Whether to show leading days which do not belong to the current month.\n   * @attr hide-leading-days\n   */\n  @property({ type: Boolean, attribute: 'hide-leading-days' })\n  public hideLeadingDays = false;\n\n  /**\n   * Whether to show trailing days which do not belong to the current month.\n   * @attr hide-trailing-days\n   */\n  @property({ type: Boolean, attribute: 'hide-trailing-days' })\n  public hideTrailingDays = false;\n\n  /** The range preview date. */\n  @property({ attribute: false })\n  public set rangePreviewDate(value) {\n    this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n  }\n\n  public get rangePreviewDate() {\n    return this._rangePreviewDate?.native;\n  }\n\n  /** The resource strings. */\n  @property({ attribute: false })\n  public resourceStrings = IgcCalendarResourceStringEN;\n\n  /**\n   * The format of the days. Defaults to narrow.\n   * @attr week-day-format\n   */\n  @property({ attribute: 'week-day-format' })\n  public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n  private _intl = createDateTimeFormatters(this.locale, {\n    weekday: { weekday: this.weekDayFormat },\n    label: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },\n    ariaWeekday: { weekday: 'long' },\n  });\n\n  @watch('locale')\n  protected localeChange() {\n    this._intl.locale = this.locale;\n  }\n\n  @watch('weekDayFormat')\n  protected weekDayFormatChange() {\n    this._intl.update({ weekday: { weekday: this.weekDayFormat } });\n  }\n\n  @watch('weekStart')\n  @watch('activeDate')\n  protected datesChange() {\n    this.dates = Array.from(\n      generateMonth(this._activeDate, this._firstDayOfWeek)\n    );\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n\n    addKeybindings(this, {\n      bindingDefaults: { preventDefault: true },\n    }).setActivateHandler(this.handleInteraction);\n\n    addSafeEventListener(this, 'click', this.handleInteraction);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions) {\n    this.activeDay.focus(options);\n  }\n\n  protected handleInteraction(event: Event) {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      const date = CalendarDay.from(new Date(value));\n\n      if (this._rangePreviewDate) {\n        this.setRangePreviewDate();\n      }\n\n      if (this.selectDate(date)) {\n        this.emitEvent('igcChange', { detail: date.native });\n      }\n\n      if (event.type === 'click') {\n        // XXX: Why ?\n        event.stopPropagation();\n        this.emitEvent('igcActiveDateChange', { detail: date.native });\n        this._activeDate = date;\n      }\n    }\n  }\n\n  private _selectMultiple(day: CalendarDay) {\n    const values = this._values;\n    const idx = values.findIndex((v) => v.equalTo(day));\n\n    idx < 0 ? values.push(day) : values.splice(idx, 1);\n    values.sort((a, b) => a.timestamp - b.timestamp);\n    this._values = Array.from(values);\n  }\n\n  private _selectRange(day: CalendarDay) {\n    let values = this._values;\n\n    if (values.length !== 1) {\n      values = [day];\n    } else {\n      const beginning = first(values);\n\n      if (beginning.equalTo(day)) {\n        this._values = [];\n        return;\n      }\n\n      values = beginning.greaterThan(day)\n        ? Array.from(calendarRange({ start: day, end: beginning }))\n        : Array.from(calendarRange({ start: beginning, end: day }));\n\n      values.push(last(values).add('day', 1));\n    }\n\n    this._values = values.filter(\n      (v) => !isDateInRanges(v, this._disabledDates)\n    );\n  }\n\n  private selectDate(value: CalendarDay) {\n    if (isDateInRanges(value, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      if (this._value?.equalTo(value)) {\n        return false;\n      }\n      this._value = value;\n    }\n\n    if (this._isMultiple) {\n      this._selectMultiple(value);\n    }\n\n    if (this._isRange) {\n      this._selectRange(value);\n    }\n\n    return true;\n  }\n\n  private isSelected(day: CalendarDay) {\n    if (isDateInRanges(day, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      return !!this._value && this._value.equalTo(day);\n    }\n\n    if (!this._hasValues) {\n      return false;\n    }\n\n    if (this._isMultiple) {\n      return isDateInRanges(day, [\n        {\n          type: DateRangeType.Specific,\n          dateRange: this.values,\n        },\n      ]);\n    }\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, last(this._values).native],\n      },\n    ]);\n  }\n\n  // XXX: Range interaction\n  private setRangePreviewDate(day?: CalendarDay) {\n    this._rangePreviewDate = day;\n    this.emitEvent('igcRangePreviewDateChange', {\n      detail: day ? day.native : undefined,\n    });\n  }\n\n  private changeRangePreview(day: CalendarDay) {\n    if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n      this.setRangePreviewDate(day);\n    }\n  }\n\n  private clearRangePreview() {\n    if (this._rangePreviewDate) {\n      this.setRangePreviewDate();\n    }\n  }\n\n  // XXX: Ranges\n\n  private isFirstInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.lessThan(first(this._values))\n      ? this._rangePreviewDate\n      : first(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isLastInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.greaterThan(last(this._values))\n      ? this._rangePreviewDate\n      : last(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isRangeDate(day: CalendarDay) {\n    const isSingleRange = this._values.length === 1;\n\n    if (!this._hasValues || (isSingleRange && !this._rangePreviewDate)) {\n      return false;\n    }\n\n    const min = first(this._values);\n    const max = isSingleRange ? this._rangePreviewDate! : last(this._values);\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [min.native, max.native],\n      },\n    ]);\n  }\n\n  private isRangePreview(day: CalendarDay) {\n    if (!(this._hasValues && this._rangePreviewDate)) {\n      return false;\n    }\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, this._rangePreviewDate.native],\n      },\n    ]);\n  }\n\n  private intlFormatDay(day: CalendarDay) {\n    const fmt = this._intl.get('label');\n\n    // Range selection in progress\n    if (this._rangePreviewDate?.equalTo(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        this._rangePreviewDate.native\n      );\n    }\n\n    // Range selection finished\n    if (this.isFirstInRange(day) || this.isLastInRange(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        last(this._values).native\n      );\n    }\n\n    // Default\n    return fmt.format(day.native);\n  }\n\n  private getDayHandlers(day: CalendarDay) {\n    const range = this._isRange;\n    const changePreview = range\n      ? this.changeRangePreview.bind(this, day)\n      : nothing;\n    const clearPreview = range ? this.clearRangePreview : nothing;\n\n    return { changePreview, clearPreview };\n  }\n\n  private getDayProperties(day: CalendarDay, today: CalendarDay) {\n    const isRange = this._isRange;\n    const disabled = isDateInRanges(day, this._disabledDates);\n\n    const hiddenLeading =\n      this.hideLeadingDays && isPreviousMonth(day, this._activeDate);\n    const hiddenTrailing =\n      this.hideTrailingDays && isNextMonth(day, this._activeDate);\n\n    const hidden = hiddenLeading || hiddenTrailing;\n    const inactive = !areSameMonth(day, this._activeDate);\n\n    return {\n      disabled: disabled || hidden,\n      first: this.isFirstInRange(day),\n      last: this.isLastInRange(day),\n      range: isRange && this.isRangeDate(day),\n      preview: isRange && this.isRangePreview(day),\n      current: !inactive && day.equalTo(today),\n      inactive,\n      hidden,\n      weekend: day.weekend,\n      single: !isRange,\n      selected: !disabled && this.isSelected(day),\n      special: isDateInRanges(day, this._specialDates) && !inactive,\n    };\n  }\n\n  protected renderDay(day: CalendarDay, today: CalendarDay) {\n    const ariaLabel = this.intlFormatDay(day);\n    const { changePreview, clearPreview } = this.getDayHandlers(day);\n\n    const props = this.getDayProperties(day, today);\n\n    return html`\n      <span part=${partMap({ date: true, ...props })}>\n        <span\n          role=\"gridcell\"\n          part=${partMap({ 'date-inner': true, ...props })}\n          aria-label=${ariaLabel}\n          aria-disabled=${props.disabled}\n          aria-selected=${props.selected}\n          data-value=${day.timestamp}\n          tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n          @focus=${changePreview}\n          @blur=${clearPreview}\n          @mouseenter=${changePreview}\n          @mouseleave=${clearPreview}\n        >\n          ${day.date}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaderWeekNumber() {\n    return html`\n      <span role=\"columnheader\" part=\"label week-number first\">\n        <span part=\"week-number-inner first\">\n          ${this.resourceStrings.weekLabel}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderWeekNumber(start: CalendarDay, last: boolean) {\n    return html`\n      <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n        <span part=${partMap({ 'week-number-inner': true, last })}>\n          ${start.week}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaders() {\n    const label = this._intl.get('weekday');\n    const aria = this._intl.get('ariaWeekday');\n    const days = take(\n      generateMonth(this._activeDate, this._firstDayOfWeek),\n      daysInWeek\n    );\n\n    const weekNumber = this.showWeekNumbers\n      ? this.renderHeaderWeekNumber()\n      : nothing;\n\n    const headers = days.map(\n      (day) => html`\n        <span\n          role=\"columnheader\"\n          part=\"label\"\n          aria-label=${aria.format(day.native)}\n        >\n          <span part=\"label-inner\">${label.format(day.native)}</span>\n        </span>\n      `\n    );\n\n    return html`\n      <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n    `;\n  }\n\n  protected *renderWeeks() {\n    const today = CalendarDay.today;\n    const weeks = Array.from(chunk(this.dates, daysInWeek));\n    const last = weeks.length - 1;\n\n    for (const [idx, week] of weeks.entries()) {\n      let hidden = false;\n      if (idx === 0 || idx === last) {\n        hidden = week.every((day) => this.getDayProperties(day, today).hidden);\n      }\n      yield html`\n        <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n          ${this.showWeekNumbers\n            ? this.renderWeekNumber(week[0], idx === last)\n            : nothing}\n          ${week.map((day) => this.renderDay(day, today))}\n        </div>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`${this.renderHeaders()}${this.renderWeeks()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-days-view': IgcDaysViewComponent;\n  }\n}\n"]}
+{"version":3,"file":"days-view.js","sourceRoot":"","sources":["../../../../src/components/calendar/days-view/days-view.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\n\nimport { addThemingController } from '../../../theming/theming-controller.js';\nimport { addKeybindings } from '../../common/controllers/key-bindings.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppressComponent } from '../../common/decorators/blazorSuppressComponent.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { registerComponent } from '../../common/definitions/register.js';\nimport { IgcCalendarResourceStringEN } from '../../common/i18n/calendar.resources.js';\nimport { createDateTimeFormatters } from '../../common/localization/intl-formatters.js';\nimport type { Constructor } from '../../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../../common/mixins/event-emitter.js';\nimport { partMap } from '../../common/part-map.js';\nimport {\n  addSafeEventListener,\n  chunk,\n  first,\n  last,\n  take,\n} from '../../common/util.js';\nimport { IgcCalendarBaseComponent } from '../base.js';\nimport {\n  areSameMonth,\n  calendarRange,\n  generateMonth,\n  getViewElement,\n  isDateInRanges,\n  isNextMonth,\n  isPreviousMonth,\n} from '../helpers.js';\nimport { CalendarDay, daysInWeek } from '../model.js';\nimport { all } from '../themes/days.js';\nimport { styles } from '../themes/days-view.base.css.js';\nimport { DateRangeType, type IgcCalendarComponentEventMap } from '../types.js';\n\nexport interface IgcDaysViewEventMap extends IgcCalendarComponentEventMap {\n  igcActiveDateChange: CustomEvent<Date>;\n  igcRangePreviewDateChange: CustomEvent<Date>;\n}\n\n/**\n * Instantiate a days view as a separate component in the calendar.\n *\n * @element igc-days-view\n *\n * @fires igcActiveDateChange - Emitted when the active date changes.\n * @fires igcRangePreviewDateChange - Emitted when the range preview date changes.\n *\n * @csspart days-row - The days row container.\n * @csspart label - The label container.\n * @csspart label-inner - The inner label container.\n * @csspart week-number - The week number container.\n * @csspart week-number-inner - The inner week number container.\n */\n@blazorSuppressComponent\n@blazorIndirectRender\nexport default class IgcDaysViewComponent extends EventEmitterMixin<\n  IgcDaysViewEventMap,\n  Constructor<IgcCalendarBaseComponent>\n>(IgcCalendarBaseComponent) {\n  public static readonly tagName = 'igc-days-view';\n  public static styles = styles;\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcDaysViewComponent);\n  }\n\n  @state()\n  private dates!: CalendarDay[];\n\n  @query('[tabindex=\"0\"]')\n  private activeDay!: HTMLElement;\n\n  /** The active state of the component. */\n  @property({ type: Boolean })\n  public active = false;\n\n  /**\n   * Whether to show leading days which do not belong to the current month.\n   * @attr hide-leading-days\n   */\n  @property({ type: Boolean, attribute: 'hide-leading-days' })\n  public hideLeadingDays = false;\n\n  /**\n   * Whether to show trailing days which do not belong to the current month.\n   * @attr hide-trailing-days\n   */\n  @property({ type: Boolean, attribute: 'hide-trailing-days' })\n  public hideTrailingDays = false;\n\n  /** The range preview date. */\n  @property({ attribute: false })\n  public set rangePreviewDate(value) {\n    this._rangePreviewDate = value ? CalendarDay.from(value) : undefined;\n  }\n\n  public get rangePreviewDate() {\n    return this._rangePreviewDate?.native;\n  }\n\n  /** The resource strings. */\n  @property({ attribute: false })\n  public resourceStrings = IgcCalendarResourceStringEN;\n\n  /**\n   * The format of the days. Defaults to narrow.\n   * @attr week-day-format\n   */\n  @property({ attribute: 'week-day-format' })\n  public weekDayFormat: 'long' | 'short' | 'narrow' = 'narrow';\n\n  private _intl = createDateTimeFormatters(this.locale, {\n    weekday: { weekday: this.weekDayFormat },\n    label: { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' },\n    ariaWeekday: { weekday: 'long' },\n  });\n\n  @watch('locale')\n  protected localeChange() {\n    this._intl.locale = this.locale;\n  }\n\n  @watch('weekDayFormat')\n  protected weekDayFormatChange() {\n    this._intl.update({ weekday: { weekday: this.weekDayFormat } });\n  }\n\n  @watch('weekStart')\n  @watch('activeDate')\n  protected datesChange() {\n    this.dates = Array.from(\n      generateMonth(this._activeDate, this._firstDayOfWeek)\n    );\n  }\n\n  constructor() {\n    super();\n\n    addThemingController(this, all);\n    addKeybindings(this).setActivateHandler(this.handleInteraction);\n    addSafeEventListener(this, 'click', this.handleInteraction);\n  }\n\n  public override connectedCallback() {\n    super.connectedCallback();\n    this.role = 'grid';\n  }\n\n  /** Focuses the active date. */\n  public focusActiveDate(options?: FocusOptions) {\n    this.activeDay.focus(options);\n  }\n\n  protected handleInteraction(event: Event) {\n    const value = getViewElement(event);\n\n    if (value !== -1) {\n      const date = CalendarDay.from(new Date(value));\n\n      if (this._rangePreviewDate) {\n        this.setRangePreviewDate();\n      }\n\n      if (this.selectDate(date)) {\n        this.emitEvent('igcChange', { detail: date.native });\n      }\n\n      if (event.type === 'click') {\n        // XXX: Why ?\n        event.stopPropagation();\n        this.emitEvent('igcActiveDateChange', { detail: date.native });\n        this._activeDate = date;\n      }\n    }\n  }\n\n  private _selectMultiple(day: CalendarDay) {\n    const values = this._values;\n    const idx = values.findIndex((v) => v.equalTo(day));\n\n    idx < 0 ? values.push(day) : values.splice(idx, 1);\n    values.sort((a, b) => a.timestamp - b.timestamp);\n    this._values = Array.from(values);\n  }\n\n  private _selectRange(day: CalendarDay) {\n    let values = this._values;\n\n    if (values.length !== 1) {\n      values = [day];\n    } else {\n      const beginning = first(values);\n\n      if (beginning.equalTo(day)) {\n        this._values = [];\n        return;\n      }\n\n      values = beginning.greaterThan(day)\n        ? Array.from(calendarRange({ start: day, end: beginning }))\n        : Array.from(calendarRange({ start: beginning, end: day }));\n\n      values.push(last(values).add('day', 1));\n    }\n\n    this._values = values.filter(\n      (v) => !isDateInRanges(v, this._disabledDates)\n    );\n  }\n\n  private selectDate(value: CalendarDay) {\n    if (isDateInRanges(value, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      if (this._value?.equalTo(value)) {\n        return false;\n      }\n      this._value = value;\n    }\n\n    if (this._isMultiple) {\n      this._selectMultiple(value);\n    }\n\n    if (this._isRange) {\n      this._selectRange(value);\n    }\n\n    return true;\n  }\n\n  private isSelected(day: CalendarDay) {\n    if (isDateInRanges(day, this._disabledDates)) {\n      return false;\n    }\n\n    if (this._isSingle) {\n      return !!this._value && this._value.equalTo(day);\n    }\n\n    if (!this._hasValues) {\n      return false;\n    }\n\n    if (this._isMultiple) {\n      return isDateInRanges(day, [\n        {\n          type: DateRangeType.Specific,\n          dateRange: this.values,\n        },\n      ]);\n    }\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, last(this._values).native],\n      },\n    ]);\n  }\n\n  // XXX: Range interaction\n  private setRangePreviewDate(day?: CalendarDay) {\n    this._rangePreviewDate = day;\n    this.emitEvent('igcRangePreviewDateChange', {\n      detail: day ? day.native : undefined,\n    });\n  }\n\n  private changeRangePreview(day: CalendarDay) {\n    if (this._values.length === 1 && !first(this._values).equalTo(day)) {\n      this.setRangePreviewDate(day);\n    }\n  }\n\n  private clearRangePreview() {\n    if (this._rangePreviewDate) {\n      this.setRangePreviewDate();\n    }\n  }\n\n  // XXX: Ranges\n\n  private isFirstInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.lessThan(first(this._values))\n      ? this._rangePreviewDate\n      : first(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isLastInRange(day: CalendarDay) {\n    if (this._isSingle || !this._hasValues) {\n      return false;\n    }\n\n    const target = this._rangePreviewDate?.greaterThan(last(this._values))\n      ? this._rangePreviewDate\n      : last(this._values);\n\n    return target.equalTo(day);\n  }\n\n  private isRangeDate(day: CalendarDay) {\n    const isSingleRange = this._values.length === 1;\n\n    if (!this._hasValues || (isSingleRange && !this._rangePreviewDate)) {\n      return false;\n    }\n\n    const min = first(this._values);\n    const max = isSingleRange ? this._rangePreviewDate! : last(this._values);\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [min.native, max.native],\n      },\n    ]);\n  }\n\n  private isRangePreview(day: CalendarDay) {\n    if (!(this._hasValues && this._rangePreviewDate)) {\n      return false;\n    }\n\n    return isDateInRanges(day, [\n      {\n        type: DateRangeType.Between,\n        dateRange: [first(this._values).native, this._rangePreviewDate.native],\n      },\n    ]);\n  }\n\n  private intlFormatDay(day: CalendarDay) {\n    const fmt = this._intl.get('label');\n\n    // Range selection in progress\n    if (this._rangePreviewDate?.equalTo(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        this._rangePreviewDate.native\n      );\n    }\n\n    // Range selection finished\n    if (this.isFirstInRange(day) || this.isLastInRange(day)) {\n      return fmt.formatRange(\n        first(this._values).native,\n        last(this._values).native\n      );\n    }\n\n    // Default\n    return fmt.format(day.native);\n  }\n\n  private getDayHandlers(day: CalendarDay) {\n    const range = this._isRange;\n    const changePreview = range\n      ? this.changeRangePreview.bind(this, day)\n      : nothing;\n    const clearPreview = range ? this.clearRangePreview : nothing;\n\n    return { changePreview, clearPreview };\n  }\n\n  private getDayProperties(day: CalendarDay, today: CalendarDay) {\n    const isRange = this._isRange;\n    const disabled = isDateInRanges(day, this._disabledDates);\n\n    const hiddenLeading =\n      this.hideLeadingDays && isPreviousMonth(day, this._activeDate);\n    const hiddenTrailing =\n      this.hideTrailingDays && isNextMonth(day, this._activeDate);\n\n    const hidden = hiddenLeading || hiddenTrailing;\n    const inactive = !areSameMonth(day, this._activeDate);\n\n    return {\n      disabled: disabled || hidden,\n      first: this.isFirstInRange(day),\n      last: this.isLastInRange(day),\n      range: isRange && this.isRangeDate(day),\n      preview: isRange && this.isRangePreview(day),\n      current: !inactive && day.equalTo(today),\n      inactive,\n      hidden,\n      weekend: day.weekend,\n      single: !isRange,\n      selected: !disabled && this.isSelected(day),\n      special: isDateInRanges(day, this._specialDates) && !inactive,\n    };\n  }\n\n  protected renderDay(day: CalendarDay, today: CalendarDay) {\n    const ariaLabel = this.intlFormatDay(day);\n    const { changePreview, clearPreview } = this.getDayHandlers(day);\n\n    const props = this.getDayProperties(day, today);\n\n    return html`\n      <span part=${partMap({ date: true, ...props })}>\n        <span\n          role=\"gridcell\"\n          part=${partMap({ 'date-inner': true, ...props })}\n          aria-label=${ariaLabel}\n          aria-disabled=${props.disabled}\n          aria-selected=${props.selected}\n          data-value=${day.timestamp}\n          tabindex=${day.equalTo(this._activeDate) ? 0 : -1}\n          @focus=${changePreview}\n          @blur=${clearPreview}\n          @mouseenter=${changePreview}\n          @mouseleave=${clearPreview}\n        >\n          ${day.date}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaderWeekNumber() {\n    return html`\n      <span role=\"columnheader\" part=\"label week-number first\">\n        <span part=\"week-number-inner first\">\n          ${this.resourceStrings.weekLabel}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderWeekNumber(start: CalendarDay, last: boolean) {\n    return html`\n      <span role=\"rowheader\" part=${partMap({ 'week-number': true, last })}>\n        <span part=${partMap({ 'week-number-inner': true, last })}>\n          ${start.week}\n        </span>\n      </span>\n    `;\n  }\n\n  protected renderHeaders() {\n    const label = this._intl.get('weekday');\n    const aria = this._intl.get('ariaWeekday');\n    const days = take(\n      generateMonth(this._activeDate, this._firstDayOfWeek),\n      daysInWeek\n    );\n\n    const weekNumber = this.showWeekNumbers\n      ? this.renderHeaderWeekNumber()\n      : nothing;\n\n    const headers = days.map(\n      (day) => html`\n        <span\n          role=\"columnheader\"\n          part=\"label\"\n          aria-label=${aria.format(day.native)}\n        >\n          <span part=\"label-inner\">${label.format(day.native)}</span>\n        </span>\n      `\n    );\n\n    return html`\n      <div role=\"row\" part=\"days-row first\">${weekNumber}${headers}</div>\n    `;\n  }\n\n  protected *renderWeeks() {\n    const today = CalendarDay.today;\n    const weeks = Array.from(chunk(this.dates, daysInWeek));\n    const last = weeks.length - 1;\n\n    for (const [idx, week] of weeks.entries()) {\n      let hidden = false;\n      if (idx === 0 || idx === last) {\n        hidden = week.every((day) => this.getDayProperties(day, today).hidden);\n      }\n      yield html`\n        <div role=\"row\" part=\"days-row\" aria-hidden=${hidden}>\n          ${this.showWeekNumbers\n            ? this.renderWeekNumber(week[0], idx === last)\n            : nothing}\n          ${week.map((day) => this.renderDay(day, today))}\n        </div>\n      `;\n    }\n  }\n\n  protected override render() {\n    return html`${this.renderHeaders()}${this.renderWeeks()}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-days-view': IgcDaysViewComponent;\n  }\n}\n"]}

package/components/calendar/months-view/months-view.js

@@ -48,9 +48,7 @@ let IgcMonthsViewComponent = IgcMonthsViewComponent_1 = class IgcMonthsViewCompo
             ariaMonth: { month: 'long', year: 'numeric' },
         });
         addThemingController(this, all);
-        addKeybindings(this, {
-            bindingDefaults: { preventDefault: true },
-        }).setActivateHandler(this.handleInteraction);
+        addKeybindings(this).setActivateHandler(this.handleInteraction);
         addSafeEventListener(this, 'click', this.handleInteraction);
     }
     connectedCallback() {