npm - igniteui-webcomponents - Versions diffs - 6.4.0-alpha.4 → 6.4.0 - Mend

igniteui-webcomponents 6.4.0-alpha.4 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (370) hide show

package/components/button/themes/button/shared/button.common.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
+export const styles = css `:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;
 //# sourceMappingURL=button.common.css.js.map

package/components/button/themes/button/shared/button.common.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzTAAmzT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)max(14px, -1 14px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(10px, -1 * 10px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border:.0625rem solid var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}
1	+ {"version":3,"file":"button.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wlVAAwlV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=outlined]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=contained]) [part~=base]{border-radius:var(--border-radius);height:var(--size);border:.0625rem solid var(--border-color)}:host([variant=fab]) [part~=base]{border:.0625rem solid var(--border-color);border-radius:var(--border-radius);min-height:var(--size);min-width:var(--size);padding:0 max(var(--is-large, 1)max(14px, -1 14px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(10px, -1 * 10px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(6px, -1 * 6px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part~=base]{transition:all .15s ease-in-out}[part~=base] ::slotted(igc-icon){color:var(--icon-color);transition:all .15s ease-in-out}:host(:not([disabled])[variant=flat]) [part~=base],:host(:not(:disabled)[variant=flat]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=flat]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover,:host(:not(:disabled)[variant=flat]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part~=base]:active,:host(:not(:disabled)[variant=flat]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=contained]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{color:var(--foreground);background:var(--background)}:host(:not([disabled])[variant=fab]) [part~=base] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{color:var(--hover-foreground);background:var(--hover-background);border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{color:var(--active-foreground);background:var(--active-background);border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--active-foreground)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{color:var(--focus-hover-foreground);background:var(--focus-hover-background)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{color:var(--focus-foreground);background:var(--focus-background);border-color:var(--focus-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--focus-foreground)}:host([disabled][variant=flat]) [part~=base],:host(:disabled[variant=flat]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=flat]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=flat]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=outlined]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=outlined]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=contained]) [part~=base],:host(:disabled[variant=contained]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=contained]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=contained]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}:host([disabled][variant=fab]) [part~=base],:host(:disabled[variant=fab]) [part~=base]{color:var(--disabled-foreground);background:var(--disabled-background);border-color:var(--disabled-border-color)}:host([disabled][variant=fab]) [part~=base] ::slotted(igc-icon),:host(:disabled[variant=fab]) [part~=base] ::slotted(igc-icon){color:var(--disabled-icon-color)}`;\n"]}

package/components/button/themes/button/shared/button.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{color:var(--focus-visible-foreground);background:var(--focus-visible-background);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
+export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part="base focused"]::after{content:"";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not([disabled])[variant=flat]) [part="base focused"]:hover,:host(:not(:disabled)[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover{border:.0625rem solid var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:active,:host(:not(:disabled)[variant=flat]) [part="base focused"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]::after,:host(:not(:disabled)[variant=flat]) [part="base focused"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]::after,:host(:not(:disabled)[variant=outlined]) [part="base focused"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem*2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=contained]) [part="base focused"]::after,:host(:not(:disabled)[variant=contained]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=fab]) [part="base focused"]::after,:host(:not(:disabled)[variant=fab]) [part="base focused"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;
 //# sourceMappingURL=button.fluent.css.js.map

package/components/button/themes/button/shared/button.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~gmFAAgmF~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)max(16px, -1 16px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(12px, -1 * 12px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(8px, -1 * 8px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part=\"base focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem2);height:calc(100% - 0.125rem2)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{~~color:~~var(--~~focus~~-~~visible~~-~~foreground~~);~~background:var(--focus-visible-background);~~position:relative}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{~~color:~~var(--~~focus~~-~~visible~~-~~foreground~~);~~background:var(--focus-visible-background);~~position:relative}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;\n"]}
1	+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4zGAA4zG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]::after{border-radius:calc(var(--border-radius) - 0.125rem)}[part~=base]{padding:0 max(var(--is-large, 1)max(16px, -1 16px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(12px, -1 * 12px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(8px, -1 * 8px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));transition:all .1s ease-in-out}[part=\"base focused\"]::after{content:\"\";position:absolute;inset-block-start:.125rem;inset-inline-start:.125rem;pointer-events:none;width:calc(100% - 0.125rem2);height:calc(100% - 0.125rem2)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover{border:.0625rem solid var(--active-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]::after{box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base],:host(:not(:disabled)[variant=outlined]) [part~=base]{border:.0625rem solid var(--border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active{border:.0625rem solid var(--focus-border-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]::after{inset-block-start:.125rem;inset-inline-start:.125rem;width:calc(100% - 0.125rem2);height:calc(100% - 0.125rem*2);box-shadow:0 0 0 .0625rem var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{border:.0625rem solid var(--active-border-color);position:relative}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]::after,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]::after{box-shadow:0 0 0 1px var(--focus-visible-border-color)}`;\n"]}

package/components/button/themes/button/shared/button.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 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([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active,:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color);border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{border-color:var(--border-color);min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{border-color:var(--focus-visible-border-color);box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{border-color:var(--active-border-color)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-color:var(--disabled-border-color);border-width:.125rem}`;
+export const styles = css `:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)*max(24px, -1 * 24px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 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([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part="base focused"],:host(:not(:disabled)[variant=flat]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not([disabled])[variant=flat]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=contained]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part="base focused"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part="base focused"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-width:.125rem}`;
 //# sourceMappingURL=button.indigo.css.js.map

package/components/button/themes/button/shared/button.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~qnLAAqnL~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)max(24px, -1 24px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(16px, -1 * 16px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(10px, -1 * 10px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 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([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=~~outlined~~]) [part~=base]~~:hover~~,:host(:not(:disabled)[variant=~~outlined~~]) [part~=base]~~:hover~~{~~border-~~color:var(--~~hover~~-~~border-~~color)}:host(:not([disabled])[variant=~~outlined~~]) [part~=base]:~~active~~,:host(:not(:disabled)[variant=~~outlined~~]) [part~=base]:active~~{border-color:var~~(~~--active~~-~~border-color~~)}:host(:not([disabled])[variant=~~outlined~~]) [part~=base]:~~active~~ ::slotted(igc-icon),:host(:not(:disabled)[variant=~~outlined~~]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~~=\"~~base ~~focused\"]~~,:host(:not(:disabled)[variant=outlined]) [part~~=\"~~base ~~focused\"~~]~~{border-color~~:~~var~~(~~--focus~~-~~visible-border-~~color~~);box-shadow~~:~~0 0 0 .1875rem~~ var(--~~shadow~~-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]~~:hover~~,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]~~:hover~~{~~border~~-~~color~~:var(--~~hover~~-~~border-~~color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]~~:active~~,:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]~~:active~~{~~border-~~color:var(--~~active~~-~~border-~~color)}:host(:not([disabled])[variant=~~contained~~]) [part~=base]:hover,:host(:not(:disabled)[variant=~~contained~~]) [part~=base]:hover{~~border-~~color:var(--~~hover~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=~~contained~~]) [part~=base]:active,:host(:not(:disabled)[variant=~~contained~~]) [part~=base]:active{~~border-~~color:var(--~~active~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)~~;border-color:var(--focus-visible-border-color)~~}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]~~:hover~~,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]~~:hover~~{~~border-~~color:var(--~~hover~~-~~border-~~color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:~~active~~,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:~~active~~{~~border-~~color:var(--~~active~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=~~fab~~]) [part~=base],:host(:not(:disabled)[variant=~~fab~~]) [part~=base]{~~border-~~color:var(--~~border~~-color~~);min~~-~~width:var(--size~~)~~;min-height:var(--size)~~}:host(:not([disabled])[variant=fab]) [part~=base]~~:hover~~,:host(:not(:disabled)[variant=fab]) [part~=base]~~:hover~~{~~border~~-~~color~~:var(--~~hover~~-~~border-color~~)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{~~border-~~color:var(--~~active~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=fab]) [part~=base]~~:active ::slotted(igc-icon)~~,:host(:not(:disabled)[variant=fab]) [part~=base]:~~active~~ ~~::slotted(igc-icon){color:~~var(--~~icon~~-color~~-hover~~)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]~~{border-color:var~~(~~--focus~~-~~visible-border-~~color~~);box-shadow~~:~~0 0 0 .1875rem~~ var(--~~shadow~~-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover{~~border-~~color:var(--~~hover~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{~~border-~~color:var(--~~active~~-~~border~~-~~color~~)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-~~color:var(--disabled-border-color);border-~~width:.125rem}`;\n"]}
1	+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6vLAA6vL,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host [part~=base]{min-width:1.75rem;padding:0 max(var(--is-large, 1)max(24px, -1 24px)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(16px, -1 * 16px)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(10px, -1 * 10px)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part~=base] ::slotted(igc-icon){--component-size: var(--ig-size-medium) !important}:host([variant=flat]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size));--gap: max(var(--is-large, 1) * max(0.5rem, -1 * 0.5rem), var(--is-medium, 1) * max(0.5rem, -1 * 0.5rem), var(--is-small, 1) * max(0.25rem, -1 * 0.25rem))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]) [part~=base]{padding:0 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([variant=flat]) [part~=base],:host([variant=contained]) [part~=base],:host([variant=outlined]) [part~=base]{border-width:.125rem}:host(:not([disabled])[variant=flat]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"],:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not([disabled])[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{min-width:var(--size);min-height:var(--size)}:host(:not([disabled])[variant=fab]) [part~=base]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part~=base]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:0 0 0 .1875rem var(--shadow-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon),:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active ::slotted(igc-icon){color:var(--icon-color-hover)}:host([disabled][variant=outlined]) [part~=base],:host(:disabled[variant=outlined]) [part~=base]{border-width:.125rem}`;\n"]}

package/components/button/themes/button/shared/button.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=outlined]) [part~=base]:hover,:host(:not(:disabled)[variant=outlined]) [part~=base]:hover{border-color:var(--hover-border-color)}:host(:not([disabled])[variant=outlined]) [part~=base]:active,:host(:not(:disabled)[variant=outlined]) [part~=base]:active{border-color:var(--active-border-color)}:host(:not([disabled])[variant=outlined]) [part="base focused"],:host(:not(:disabled)[variant=outlined]) [part="base focused"]{border-color:var(--focus-visible-border-color)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]{box-shadow:var(--focus-elevation)}`;
+export const styles = css `:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=flat]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part="base focused"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part="base focused"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part="base focused"],:host(:not([disabled])[variant=contained]) [part="base focused"]:hover,:host(:not([disabled])[variant=contained]) [part="base focused"]:active,:host(:not(:disabled)[variant=contained]) [part="base focused"],:host(:not(:disabled)[variant=contained]) [part="base focused"]:hover,:host(:not(:disabled)[variant=contained]) [part="base focused"]:active{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part="base focused"],:host(:not([disabled])[variant=fab]) [part="base focused"]:hover,:host(:not([disabled])[variant=fab]) [part="base focused"]:active,:host(:not(:disabled)[variant=fab]) [part="base focused"],:host(:not(:disabled)[variant=fab]) [part="base focused"]:hover,:host(:not(:disabled)[variant=fab]) [part="base focused"]:active{box-shadow:var(--focus-elevation)}`;
 //# sourceMappingURL=button.material.css.js.map

package/components/button/themes/button/shared/button.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~62EAA62E~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=~~outlined~~]) [part~=base]~~:hover,:host(:not(:disabled)[variant=outlined])~~ ~~[part~=base]:hover{border-color:var~~(~~--hover~~-~~border-color~~)}:host(:not([disabled])[variant=~~outlined~~]) [part~=base]~~:active,:host~~(~~:not(:disabled~~)~~[variant=outlined]) [part~=base]:active~~{~~border-~~color:var(--~~active~~-~~border~~-~~color~~)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"],:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"]{~~border-~~color:var(--~~focus~~-~~visible~~-~~border-color~~)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--~~hover~~-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]~~{box-shadow~~:~~var(--focus-elevation)}:~~host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]~~:active{box-shadow:var(--active-elevation)}:~~host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:~~hover~~{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]{box-shadow:var(--focus-elevation)}`;\n"]}
1	+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/shared/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,87EAA87E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]){--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]){--component-size: var(--ig-size, var(--default-size))}:host([variant=fab]){--component-size: var(--ig-size, var(--default-size))}[part~=base]{transition:all .1s ease-in-out}:host(:not([disabled])[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=flat]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon),:host(:not(:disabled)[variant=outlined]) [part=\"base focused\"] ::slotted(igc-icon){color:var(--icon-color-hover)}:host(:not([disabled])[variant=contained]) [part~=base],:host(:not(:disabled)[variant=contained]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:hover,:host(:not(:disabled)[variant=contained]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=contained]) [part~=base]:active,:host(:not(:disabled)[variant=contained]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=contained]) [part=\"base focused\"],:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:hover,:host(:not([disabled])[variant=contained]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"],:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=contained]) [part=\"base focused\"]:active{box-shadow:var(--focus-elevation)}:host(:not([disabled])[variant=fab]) [part~=base],:host(:not(:disabled)[variant=fab]) [part~=base]{box-shadow:var(--resting-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:hover,:host(:not(:disabled)[variant=fab]) [part~=base]:hover{box-shadow:var(--hover-elevation)}:host(:not([disabled])[variant=fab]) [part~=base]:active,:host(:not(:disabled)[variant=fab]) [part~=base]:active{box-shadow:var(--active-elevation)}:host(:not([disabled])[variant=fab]) [part=\"base focused\"],:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:hover,:host(:not([disabled])[variant=fab]) [part=\"base focused\"]:active,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"],:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:hover,:host(:not(:disabled)[variant=fab]) [part=\"base focused\"]:active{box-shadow:var(--focus-elevation)}`;\n"]}

package/components/button-group/themes/dark/button-group.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-500) h s l/0.3));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-800));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-800));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;
+export const styles = css `:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.28));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;
 //# sourceMappingURL=button-group.material.css.js.map

package/components/button-group/themes/dark/button-group.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~ktEAAktE~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-~~500~~) h s l/0.3));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-~~800~~));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-~~800~~));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.5));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.8));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}
1	+ {"version":3,"file":"button-group.material.css.js","sourceRoot":"","sources":["../../../../../src/components/button-group/themes/dark/button-group.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m7EAAm7E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-button-group-elevation, var(--ig-elevation-2));--idle-shadow-color: var(--ig-button-group-idle-shadow-color, transparent);--selected-shadow-color: var(--ig-button-group-selected-shadow-color, transparent);--item-text-color: var(--ig-button-group-item-text-color, var(--ig-gray-700));--item-background: var(--ig-button-group-item-background, var(--ig-gray-50));--item-hover-text-color: var(--ig-button-group-item-hover-text-color, var(--ig-gray-800));--item-focused-text-color: var(--ig-button-group-item-focused-text-color, var(--ig-gray-800));--disabled-background-color: var(--ig-button-group-disabled-background-color, var(--ig-gray-50));--disabled-selected-background: var(--ig-button-group-disabled-selected-background, hsl(from var(--ig-gray-500) h s l/0.12));--border-radius: var(--ig-button-group-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--default-size: var(--ig-button-group-default-size, 3);--item-icon-color: var(--ig-button-group-item-icon-color, var(--ig-gray-700));--item-hover-icon-color: var(--ig-button-group-item-hover-icon-color, var(--ig-gray-800));--item-focused-hover-background: var(--ig-button-group-item-focused-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--item-selected-text-color: var(--ig-button-group-item-selected-text-color, var(--ig-gray-800));--item-selected-icon-color: var(--ig-button-group-item-selected-icon-color, var(--ig-gray-800));--item-selected-background: var(--ig-button-group-item-selected-background, var(--ig-gray-100));--item-selected-hover-text-color: var(--ig-button-group-item-selected-hover-text-color, var(--ig-gray-900));--item-selected-hover-icon-color: var(--ig-button-group-item-selected-hover-icon-color, var(--ig-gray-900));--item-selected-hover-background: var(--ig-button-group-item-selected-hover-background, hsl(from var(--ig-gray-300) h s l/0.4));--item-selected-focus-background: var(--ig-button-group-item-selected-focus-background, hsl(from var(--ig-gray-700) h s l/0.28));--item-selected-focus-hover-background: var(--ig-button-group-item-selected-focus-hover-background, hsl(from var(--ig-gray-400) h s l/0.5));--disabled-text-color: var(--ig-button-group-disabled-text-color, var(--ig-gray-400));--disabled-selected-text-color: var(--ig-button-group-disabled-selected-text-color, var(--ig-gray-400));--disabled-selected-icon-color: var(--ig-button-group-disabled-selected-icon-color, var(--ig-gray-400));--ig-theme: material}`;\n"]}

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

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

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

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

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

@@ -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, 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)}`;
+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)}:host([selected]) [part="toggle focused"]{box-shadow:0 0 0 .25rem var(--selected-shadow-color)}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

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

	@@ -1 +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,~~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"]}
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,sjDAAsjD,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)}:host([selected]) [part=\"toggle focused\"]{box-shadow:0 0 0 .25rem var(--selected-shadow-color)}`;\n"]}

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

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

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

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

package/components/calendar/calendar.d.ts CHANGED Viewed

@@ -105,9 +105,11 @@ export default class IgcCalendarComponent extends IgcCalendarComponent_base {
     activeView: CalendarActiveView;
     /** The options used to format the months and the weekdays in the calendar views. */
     formatOptions: Pick<Intl.DateTimeFormatOptions, 'month' | 'weekday'>;
-    private _intl;
-    protected localeChange(): void;
-    protected formatOptionsChange(): void;
+    private get _monthOptions();
+    private _monthLabelOptions;
+    private _weekdayOptions;
+    private _monthDayOptions;
+    private _yearLabelOptions;
     /** @private @hidden @internal */
     [focusActiveDate](options?: FocusOptions): Promise<void>;
     private updateViewIndex;

package/components/calendar/calendar.js CHANGED Viewed

@@ -4,15 +4,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+import { getDateFormatter } from 'igniteui-i18n-core';
 import { html, nothing } from 'lit';
 import { property, query, queryAll, state } from 'lit/decorators.js';
 import { choose } from 'lit/directives/choose.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { addThemingController } from '../../theming/theming-controller.js';
 import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, endKey, homeKey, pageDownKey, pageUpKey, shiftKey, } from '../common/controllers/key-bindings.js';
-import { watch } from '../common/decorators/watch.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { createDateTimeFormatters } from '../common/localization/intl-formatters.js';
 import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
 import { partMap } from '../common/part-map.js';
 import { clamp, findElementFromEventPath, first, formatString, last, } from '../common/util.js';
@@ -59,15 +58,8 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         }
         return formatString(this.resourceStrings.nextYears, YEARS_PER_PAGE);
     }
-    localeChange() {
-        this._intl.locale = this.locale;
-    }
-    formatOptionsChange() {
-        this._intl.update({
-            month: {
-                month: this.formatOptions.month,
-            },
-        });
+    get _monthOptions() {
+        return { month: this.formatOptions.month };
     }
     async [focusActiveDate](options) {
         await this.updateComplete;
@@ -172,15 +164,16 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
         this.visibleMonths = 1;
         this.activeView = 'days';
         this.formatOptions = { month: 'long', weekday: 'narrow' };
-        this._intl = createDateTimeFormatters(this.locale, {
-            month: {
-                month: this.formatOptions.month,
-            },
-            monthLabel: { month: 'long' },
-            weekday: { weekday: 'short' },
-            monthDay: { month: 'short', day: 'numeric' },
-            yearLabel: { month: 'long', year: 'numeric' },
-        });
+        this._monthLabelOptions = { month: 'long' };
+        this._weekdayOptions = { weekday: 'short' };
+        this._monthDayOptions = {
+            month: 'short',
+            day: 'numeric',
+        };
+        this._yearLabelOptions = {
+            month: 'long',
+            year: 'numeric',
+        };
         addThemingController(this, all);
         addKeybindings(this, {
             skip: this.isNotFromCalendarView,
@@ -232,21 +225,21 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     `;
     }
     renderMonthButtonNavigation(active, viewIndex) {
-        const labelFmt = this._intl.get('monthLabel').format;
-        const valueFmt = this._intl.get('month').format;
-        const ariaLabel = `${labelFmt(active.native)}, ${this.resourceStrings.selectMonth}`;
+        const label = getDateFormatter().formatDateTime(active.native, this.locale, this._monthLabelOptions);
+        const value = getDateFormatter().formatDateTime(active.native, this.locale, this._monthOptions);
+        const ariaLabel = `${label}, ${this.resourceStrings.selectMonth}`;
         return html `
       <button
         part="months-navigation"
         aria-label=${ariaLabel}
         @click=${() => this.switchToMonths(viewIndex)}
       >
-        ${valueFmt(active.native)}
+        ${value}
       </button>
     `;
     }
     renderYearButtonNavigation(active, viewIndex) {
-        const fmt = this._intl.get('yearLabel').format;
+        const fmt = getDateFormatter().getIntlFormatter(this.locale, this._yearLabelOptions).format;
         const ariaLabel = `${active.year}, ${this.resourceStrings.selectYear}`;
         const ariaSkip = this._isDayView ? fmt(active.native) : active.year;
         return html `
@@ -303,15 +296,15 @@ export default class IgcCalendarComponent extends EventEmitterMixin(IgcCalendarB
     }
     renderHeaderDateSingle() {
         const date = this.value ?? CalendarDay.today.native;
-        const day = this._intl.get('weekday').format(date);
-        const month = this._intl.get('monthDay').format(date);
+        const weekday = getDateFormatter().formatDateTime(date, this.locale, this._weekdayOptions);
+        const monthDay = getDateFormatter().formatDateTime(date, this.locale, this._monthDayOptions);
         const separator = this.headerOrientation === 'vertical' ? html `<br />` : ' ';
-        const formatted = html `${day},${separator}${month}`;
+        const formatted = html `${weekday},${separator}${monthDay}`;
         return html `<slot name="header-date">${formatted}</slot>`;
     }
     renderHeaderDateRange() {
         const values = this.values;
-        const fmt = this._intl.get('monthDay').format;
+        const fmt = getDateFormatter().getIntlFormatter(this.locale, this._monthDayOptions).format;
         const { startDate, endDate } = this.resourceStrings;
         const start = this._hasValues ? fmt(first(values)) : startDate;
         const end = this._hasValues && values.length > 1 ? fmt(last(values)) : endDate;
@@ -510,10 +503,4 @@ __decorate([
 __decorate([
     property({ attribute: false })
 ], IgcCalendarComponent.prototype, "formatOptions", void 0);
-__decorate([
-    watch('locale')
-], IgcCalendarComponent.prototype, "localeChange", null);
-__decorate([
-    watch('formatOptions')
-], IgcCalendarComponent.prototype, "formatOptionsChange", null);
 //# sourceMappingURL=calendar.js.map