npm - igniteui-webcomponents - Versions diffs - 5.2.4 → 5.3.0-beta.0 - Mend

igniteui-webcomponents 5.2.4 → 5.3.0-beta.0

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

Files changed (1591) hide show

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--border-color: var(--ig-button-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--hover-border-color: var(--ig-button-hover-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--focus-border-color: var(--ig-button-focus-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--active-border-color: var(--ig-button-active-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--disabled-border-color: var(--ig-button-disabled-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+wVAA+wV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--border-color: var(--ig-button-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--hover-border-color: var(--ig-button-hover-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--focus-border-color: var(--ig-button-focus-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 60%, transparent));--active-border-color: var(--ig-button-active-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--disabled-border-color: var(--ig-button-disabled-border-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, color-mix(in oklch, var(--ig-primary-500-contrast) 10%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 20%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}
1	+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2/RAA2/R,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.6));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-500-contrast) h s l/0.1));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.2));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsl(from var(--ig-secondary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-secondary-500) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsl(from var(--ig-secondary-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-secondary-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-secondary-500) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsl(from var(--ig-secondary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-secondary-500) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;
 //# sourceMappingURL=button.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~suMAAsuM~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-border-color: var(--ig-button-hover-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-border-color: var(--ig-button-focus-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-border-color: var(--ig-button-active-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~))}`;\n"]}
1	+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/dark/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mKAA4mK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;\n"]}

package/components/button/themes/button/light/button.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-primary-600) h s l/1));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-primary-800) h s l/1))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, hsl(from var(--ig-primary-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-primary-600) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-primary-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-primary-800) h s l/1));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-primary-50) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--foreground: var(--ig-button-foreground, hsl(from var(--ig-primary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-50) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-200) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-200) h s l/1));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-600-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-800-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;
 //# sourceMappingURL=button.bootstrap.css.js.map

package/components/button/themes/button/light/button.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~24SAA24S~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-border-color: var(--ig-button-hover-border-color, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-border-color: var(--ig-button-focus-border-color, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-border-color: var(--ig-button-active-border-color, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--disabled-border-color: var(--ig-button-disabled-border-color, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-primary-50) ~~h s l/1~~));--disabled-foreground: var(--ig-button-disabled-foreground, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--disabled-icon-color: var(--ig-button-disabled-icon-color, ~~hsl(from~~ var(--ig-primary-200) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-600-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-800-contrast) ~~100%, transparent~~))}`;\n"]}
1	+ {"version":3,"file":"button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yPAA2yP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, transparent);--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600));--focus-background: var(--ig-button-focus-background, transparent);--focus-hover-background: var(--ig-button-focus-hover-background, transparent);--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500));--active-background: var(--ig-button-active-background, transparent);--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--border-color: var(--ig-button-border-color, var(--ig-primary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-primary-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-primary-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-primary-800));--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-primary-50));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--foreground: var(--ig-button-foreground, var(--ig-primary-500));--icon-color: var(--ig-button-icon-color, var(--ig-primary-500));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-600) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, var(--ig-primary-50));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-primary-200));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-primary-200));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5357142857) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-primary-600-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-600-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-600-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-600-contrast));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-800-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-600-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-800-contrast))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-gray-700) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-900) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-900) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-900) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-200) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-300) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-300) h s l/1));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsl(from var(--ig-gray-600) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-gray-600) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-gray-700) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-gray-600) h s l/1));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-900) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-900) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-900) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-200) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-300) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-300) h s l/1));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-200) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-600) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-800) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-800) h s l/1));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-600) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-900-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1))}`;
+export const styles = css `:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500))}`;
 //# sourceMappingURL=button.fluent.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~yjRAAyjR~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--hover-border-color: var(--ig-button-hover-border-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--focus-border-color: var(--ig-button-focus-border-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-gray-700) ~~h s l/1~~));--active-border-color: var(--ig-button-active-border-color, ~~hsl(from~~ var(--ig-gray-600) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-gray-300) ~~h s l/1~~));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-gray-200) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-gray-900) ~~h s l/1~~));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--active-background: var(--ig-button-active-background, ~~hsl(from~~ var(--ig-primary-800) ~~h s l/1~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-primary-600) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-primary-900-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, ~~hsl(from~~ var(--ig-primary-500) ~~h s l/1~~))}`;\n"]}
1	+ {"version":3,"file":"button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ilOAAilO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--disabled-background: var(--ig-button-disabled-background, transparent);--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-gray-600));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-600));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-700));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-gray-900));--icon-color: var(--ig-button-icon-color, var(--ig-gray-900));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-900));--hover-background: var(--ig-button-hover-background, var(--ig-gray-200));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, var(--ig-gray-300));--active-background: var(--ig-button-active-background, var(--ig-gray-300));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-gray-200));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent)}:host([variant=contained]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1) * 1.25rem), 1.25rem));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500))}:host([variant=fab]){--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-primary-900-contrast));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--foreground: var(--ig-button-foreground, var(--ig-primary-900-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-primary-900-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-900-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-600));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-900-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-800));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-900-contrast));--active-background: var(--ig-button-active-background, var(--ig-primary-800));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-900-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-600));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-900-contrast));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-900-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 0.5) * 1.75rem), 1.75rem));--background: var(--ig-button-background, var(--ig-primary-500))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-700) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-700) h s l/1))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-gray-500) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-gray-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-gray-600) h s l/1));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-700) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-700) h s l/1))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;
 //# sourceMappingURL=button.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0qTAA0qT,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-700) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-700) h s l/1))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, hsl(from var(--ig-gray-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-gray-600) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-gray-500) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-gray-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-gray-600) h s l/1));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-gray-900) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, hsl(from var(--ig-gray-700) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-gray-600) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-gray-700) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-gray-900) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-gray-900) h s l/1));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-gray-700) h s l/1))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 40%, transparent));--disabled-icon-color: var(--ig-button-disabled-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 30%, transparent));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, hsl(from var(--ig-primary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-primary-400) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-primary-500-contrast) 80%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-primary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-primary-400) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-primary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-primary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-primary-500-contrast) 100%, transparent))}`;\n"]}
1	+ {"version":3,"file":"button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,08QAA08Q,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-gray-900) h s l/0.15));--border-color: var(--ig-button-border-color, var(--ig-gray-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-gray-600));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-gray-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-gray-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-gray-600));--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-900) h s l/0.15));--disabled-background: var(--ig-button-disabled-background, transparent);--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-900) h s l/0.2));--size: var(--ig-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-button-default-size, 2);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-gray-900));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-gray-700));--icon-color: var(--ig-button-icon-color, var(--ig-gray-600));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-gray-700));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-gray-900));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-gray-900) h s l/0.05));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-gray-900));--active-background: var(--ig-button-active-background, hsl(from var(--ig-gray-900) h s l/0.05));--active-foreground: var(--ig-button-active-foreground, var(--ig-gray-900));--focus-visible-background: var(--ig-button-focus-visible-background, transparent);--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-gray-700))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-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-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-primary-400) h s l/0.5));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-primary-500-contrast) h s l/0.4));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.3));--size: var(--ig-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-button-default-size, 2);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, var(--ig-primary-500));--active-background: var(--ig-button-active-background, var(--ig-primary-400));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 2.5rem), 2.5rem));--foreground: var(--ig-button-foreground, var(--ig-primary-500-contrast));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-primary-500-contrast) h s l/0.8));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-primary-500-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-primary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-primary-500-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-primary-400));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-primary-500-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-primary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-primary-500-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-primary-500-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-primary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-primary-500-contrast))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsl(from var(--ig-secondary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-secondary-500) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, hsl(from var(--ig-secondary-500) h s l/1));--hover-border-color: var(--ig-button-hover-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-border-color: var(--ig-button-focus-border-color, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsl(from var(--ig-secondary-500) h s l/1));--active-border-color: var(--ig-button-active-border-color, hsl(from var(--ig-secondary-500) h s l/1));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, hsl(from var(--ig-secondary-500) h s l/1));--icon-color: var(--ig-button-icon-color, hsl(from var(--ig-secondary-500) h s l/1));--icon-color-hover: var(--ig-button-icon-color-hover, hsl(from var(--ig-secondary-500) h s l/1));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, hsl(from var(--ig-secondary-500) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, hsl(from var(--ig-secondary-500) h s l/1))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-100) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color: var(--ig-button-icon-color, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--icon-color-hover: var(--ig-button-icon-color-hover, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--hover-foreground: var(--ig-button-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-foreground: var(--ig-button-focus-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-400) h s l/1));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, color-mix(in oklch, var(--ig-secondary-400-contrast) 100%, transparent));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-300) h s l/1));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent));--active-foreground: var(--ig-button-active-foreground, color-mix(in oklch, var(--ig-secondary-300-contrast) 100%, transparent))}`;
+export const styles = css `:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;
 //# sourceMappingURL=button.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~suMAAsuM~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-border-color: var(--ig-button-hover-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-border-color: var(--ig-button-focus-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-border-color: var(--ig-button-active-border-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color: var(--ig-button-icon-color, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, ~~hsl(from~~ var(--ig-secondary-500) ~~h s l/1~~))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, ~~hsl(from~~ var(--ig-gray-100) ~~h s l/1~~));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color: var(--ig-button-icon-color, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--icon-color-hover: var(--ig-button-icon-color-hover, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--hover-background: var(--ig-button-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--hover-foreground: var(--ig-button-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-background: var(--ig-button-focus-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-foreground: var(--ig-button-focus-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--focus-hover-background: var(--ig-button-focus-hover-background, ~~hsl(from~~ var(--ig-secondary-400) ~~h s l/1~~));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-400-contrast) ~~100%, transparent~~));--focus-visible-background: var(--ig-button-focus-visible-background, ~~hsl(from~~ var(--ig-secondary-300) ~~h s l/1~~));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~));--active-foreground: var(--ig-button-active-foreground, ~~color-mix(in oklch,~~ var(--ig-secondary-300-contrast) ~~100%, transparent~~))}`;\n"]}
1	+ {"version":3,"file":"button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/button/light/button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4mKAA4mK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=outlined]){--border-color: var(--ig-button-border-color, var(--ig-secondary-500));--hover-border-color: var(--ig-button-hover-border-color, var(--ig-secondary-500));--focus-border-color: var(--ig-button-focus-border-color, var(--ig-secondary-500));--focus-visible-border-color: var(--ig-button-focus-visible-border-color, var(--ig-secondary-500));--active-border-color: var(--ig-button-active-border-color, var(--ig-secondary-500));--disabled-background: var(--ig-button-disabled-background, transparent);--foreground: var(--ig-button-foreground, var(--ig-secondary-500));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-500));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-500));--hover-background: var(--ig-button-hover-background, hsl(from var(--ig-secondary-500) h s l/0.08));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-500));--focus-background: var(--ig-button-focus-background, hsl(from var(--ig-secondary-500) h s l/0.32));--focus-visible-background: var(--ig-button-focus-visible-background, hsl(from var(--ig-secondary-500) h s l/0.16));--focus-hover-background: var(--ig-button-focus-hover-background, hsl(from var(--ig-secondary-500) h s l/0.24));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-500));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-500) h s l/0.16));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-500))}:host([variant=contained]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}:host([variant=fab]){--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-100));--border-radius: var(--ig-button-border-radius, clamp(0.75rem, calc(var(--ig-radius-factor, 1) * 1.75rem), 1.75rem));--foreground: var(--ig-button-foreground, var(--ig-secondary-400-contrast));--icon-color: var(--ig-button-icon-color, var(--ig-secondary-400-contrast));--icon-color-hover: var(--ig-button-icon-color-hover, var(--ig-secondary-400-contrast));--hover-background: var(--ig-button-hover-background, var(--ig-secondary-400));--hover-foreground: var(--ig-button-hover-foreground, var(--ig-secondary-400-contrast));--focus-background: var(--ig-button-focus-background, var(--ig-secondary-300));--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-300-contrast));--focus-hover-background: var(--ig-button-focus-hover-background, var(--ig-secondary-400));--focus-hover-foreground: var(--ig-button-focus-hover-foreground, var(--ig-secondary-400-contrast));--focus-visible-background: var(--ig-button-focus-visible-background, var(--ig-secondary-300));--focus-visible-foreground: var(--ig-button-focus-visible-foreground, var(--ig-secondary-300-contrast));--active-foreground: var(--ig-button-active-foreground, var(--ig-secondary-300-contrast))}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-secondary-500) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, hsl(from var(--ig-gray-300) h s l/1));--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, hsl(from var(--ig-secondary-500) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-4));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-8));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-8));--background: var(--ig-button-background, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, hsl(from var(--ig-gray-300) h s l/1));--disabled-foreground: var(--ig-button-disabled-foreground, hsl(from var(--ig-gray-500) h s l/1));--disabled-icon-color: var(--ig-button-disabled-icon-color, hsl(from var(--ig-gray-500) h s l/1));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-6));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-12));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-12));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-12));--background: var(--ig-button-background, hsl(from var(--ig-secondary-500) h s l/1));--active-background: var(--ig-button-active-background, hsl(from var(--ig-secondary-300) h s l/1));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}`;
+export const styles = css `:host([variant=flat]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-300));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-500));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-500));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-500));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=outlined]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, var(--ig-gray-300));--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-300));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-500));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-500));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));--background: var(--ig-button-background, transparent);--focus-foreground: var(--ig-button-focus-foreground, var(--ig-secondary-500));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=contained]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-300));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-500));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-500));--size: var(--ig-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-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-2));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-4));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-8));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-8));--background: var(--ig-button-background, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, var(--ig-secondary-300));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}:host([variant=fab]){--shadow-color: var(--ig-button-shadow-color, transparent);--border-color: var(--ig-button-border-color, transparent);--hover-border-color: var(--ig-button-hover-border-color, transparent);--focus-border-color: var(--ig-button-focus-border-color, transparent);--focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);--active-border-color: var(--ig-button-active-border-color, transparent);--disabled-border-color: var(--ig-button-disabled-border-color, transparent);--disabled-background: var(--ig-button-disabled-background, var(--ig-gray-300));--disabled-foreground: var(--ig-button-disabled-foreground, var(--ig-gray-500));--disabled-icon-color: var(--ig-button-disabled-icon-color, var(--ig-gray-500));--size: var(--ig-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--default-size: var(--ig-button-default-size, 3);--resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-6));--hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-12));--focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-12));--active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-12));--background: var(--ig-button-background, var(--ig-secondary-500));--active-background: var(--ig-button-active-background, var(--ig-secondary-300));--border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem))}`;
 //# sourceMappingURL=button.shared.css.js.map