igniteui-webcomponents 6.2.0 → 6.3.0-RC.0

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

@@ -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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-small, var(--ig-spacing, --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)}: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)}`;
 //# sourceMappingURL=button.common.css.js.map

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

@@ -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,0vTAA0vT,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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-small, var(--ig-spacing, --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"]}
+{"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"]}

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

@@ -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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --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"]::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)}`;
 //# sourceMappingURL=button.fluent.css.js.map

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

@@ -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,uiFAAuiF,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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-small, var(--ig-spacing, --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)}`;\n"]}
+{"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.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)}`;\n"]}

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

@@ -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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-small, var(--ig-spacing, --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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-small, var(--ig-spacing, --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=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}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

@@ -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,mgLAAmgL,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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(16px, -1 * 16px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(10px, -1 * 10px)*var(--ig-spacing-small, var(--ig-spacing, --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-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-small, var(--ig-spacing, --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"]}
+{"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"]}

package/components/button/themes/icon-button/icon-button.base.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;
 //# sourceMappingURL=icon-button.base.css.js.map

package/components/button/themes/icon-button/icon-button.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/icon-button/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q9DAAq9D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;\n"]}
+{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/icon-button/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o+DAAo+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}:host{--icon-size: 1.125rem;display:inline-flex;vertical-align:middle;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}::slotted(:not(igc-ripple)){--icon-size: 1.125rem;font-size:var(--icon-size) !important;vertical-align:middle;pointer-events:none}[part=icon]{--size: 1.125rem}[part~=base]{display:flex;align-items:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:max(var(--is-large, 1)*max(6px, -1 * 6px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(5px, -1 * 5px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;transition:box-shadow .2s ease-in,background .15s ease-out;transition-delay:.05s;font-size:var(--icon-size);line-height:1}:host([disabled]),:host(:disabled){pointer-events:none}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `[part~=base]{transition:box-shadow .15s ease-out,color .15s ease-out;padding:max(var(--is-large, 1)*max(15px, -1 * 15px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(7px, -1 * 7px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=flat]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=flat]) [part="base focused"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:hover{border-color:var(--hover-background)}:host([variant=outlined]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part~=base]:active{border-color:var(--focus-border-color)}:host([variant=outlined]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=outlined]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]:hover{border-color:var(--focus-hover-background)}:host([variant=outlined]) [part="base focused"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=outlined]) [part="base focused"]:active{border-color:var(--focus-border-color)}`;
+export const styles = css `[part~=base]{transition:box-shadow .15s ease-out,color .15s ease-out;padding:max(var(--is-large, 1)*max(15px, -1 * 15px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(7px, -1 * 7px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-500));--focus-hover-background: var(--ig-icon-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=flat]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=flat]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=flat]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=flat]) [part="base focused"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, var(--ig-primary-500));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part="base focused"]{box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-primary-500));--hover-background: var(--ig-icon-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, var(--ig-primary-500));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--focus-hover-background: var(--ig-icon-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, var(--ig-primary-500));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-800));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-primary-200));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-primary-50));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-icon-button-default-size, 2);--ig-theme: bootstrap;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]:hover{border-color:var(--hover-background)}:host([variant=outlined]) [part~=base]:hover igc-icon{color:var(--hover-foreground)}:host([variant=outlined]) [part~=base]:active{border-color:var(--focus-border-color)}:host([variant=outlined]) [part~=base]:active igc-icon{color:var(--active-foreground)}:host([variant=outlined]) [part="base focused"]{border-color:var(--border-color);box-shadow:0 0 0 .25rem var(--shadow-color)}:host([variant=outlined]) [part="base focused"] igc-icon{color:var(--focus-foreground)}:host([variant=outlined]) [part="base focused"]:hover{border-color:var(--focus-hover-background)}:host([variant=outlined]) [part="base focused"]:hover igc-icon{color:var(--focus-hover-foreground)}:host([variant=outlined]) [part="base focused"]:active{border-color:var(--focus-border-color)}`;
 //# sourceMappingURL=icon-button.bootstrap.css.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wpNAAwpN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:\"\";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border:none}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}`;\n"]}
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/shared/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uqNAAuqN,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=base]{padding:max(var(--is-large, 1)*max(9px, -1 * 9px)*var(--ig-spacing-large, var(--ig-spacing, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-medium, var(--ig-spacing, var(--ig-spacing))),var(--is-small, 1)*max(3px, -1 * 3px)*var(--ig-spacing-small, var(--ig-spacing, var(--ig-spacing))))}:host([variant=flat]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=flat]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=flat]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=contained]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, hsl(from var(--ig-gray-900) h s l/0.08));--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.12));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.2));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-900) h s l/0.24));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, hsl(from var(--ig-gray-900) h s l/0.04));--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=contained]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=contained]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}:host([variant=outlined]){--shadow-color: var(--ig-icon-button-shadow-color, transparent);--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, var(--ig-gray-900));--hover-background: var(--ig-icon-button-hover-background, hsl(from var(--ig-gray-500) h s l/0.08));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-icon-button-focus-background, hsl(from var(--ig-gray-500) h s l/0.16));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-icon-button-focus-hover-background, hsl(from var(--ig-gray-500) h s l/0.24));--focus-hover-foreground: var(--ig-icon-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-icon-button-active-background, hsl(from var(--ig-gray-500) h s l/0.32));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-gray-900));--border-color: var(--ig-icon-button-border-color, var(--ig-gray-300));--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-gray-300));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, var(--ig-gray-500));--disabled-border-color: var(--ig-icon-button-disabled-border-color, var(--ig-gray-300));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 3);--ig-theme: material;--component-size: var(--ig-size, var(--default-size))}:host([variant=outlined]) [part~=base]{border:none}:host([variant=outlined]) [part~=base]::after{position:absolute;content:\"\";inset:0;box-shadow:inset 0 0 0 .0625rem var(--border-color);border-radius:inherit}:host([variant=outlined]) [part~=base]:active{background:var(--focus-background);color:var(--focus-foreground)}:host([variant=outlined]) [part=\"base focused\"]{border:none}:host([variant=outlined]) [part=\"base focused\"]::after{box-shadow:inset 0 0 0 .0625rem var(--focus-border-color)}:host([variant=outlined]) [part=\"base focused\"]:active{background:var(--active-background);color:var(--active-foreground)}`;\n"]}

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

@@ -16,7 +16,9 @@ import { styles } from './themes/group.base.css.js';
 import { all } from './themes/group.js';
 import { styles as shared } from './themes/shared/group/group.common.css.js';
 import IgcToggleButtonComponent from './toggle-button.js';
-class IgcButtonGroupComponent extends EventEmitterMixin(LitElement) {
+export default class IgcButtonGroupComponent extends EventEmitterMixin(LitElement) {
+    static { this.tagName = 'igc-button-group'; }
+    static { this.styles = [styles, shared]; }
     static register() {
         registerComponent(IgcButtonGroupComponent, IgcToggleButtonComponent);
     }
@@ -154,9 +156,6 @@ class IgcButtonGroupComponent extends EventEmitterMixin(LitElement) {
     `;
     }
 }
-IgcButtonGroupComponent.tagName = 'igc-button-group';
-IgcButtonGroupComponent.styles = [styles, shared];
-export default IgcButtonGroupComponent;
 __decorate([
     queryAssignedElements({ selector: IgcToggleButtonComponent.tagName })
 ], IgcButtonGroupComponent.prototype, "toggleButtons", void 0);