igniteui-webcomponents 4.5.0 → 4.7.0

package/components/button/themes/button/themes.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/button.bootstrap.css.js';
+import { styles as fluentDark } from './dark/button.fluent.css.js';
+import { styles as indigoDark } from './dark/button.indigo.css.js';
+import { styles as materialDark } from './dark/button.material.css.js';
+import { styles as bootstrapLight } from './light/button.bootstrap.css.js';
+import { styles as fluentLight } from './light/button.fluent.css.js';
+import { styles as indigoLight } from './light/button.indigo.css.js';
+import { styles as materialLight } from './light/button.material.css.js';
+import { styles as bootstrap } from './shared/button.bootstrap.css.js';
+import { styles as fluent } from './shared/button.fluent.css.js';
+import { styles as indigo } from './shared/button.indigo.css.js';
+import { styles as material } from './shared/button.material.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${material} ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${material} ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/button/themes/button/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/button/themes/button/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/button.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/button.fluent.css.js';\nimport { styles as indigoDark } from './dark/button.indigo.css.js';\nimport { styles as materialDark } from './dark/button.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/button.bootstrap.css.js';\nimport { styles as fluentLight } from './light/button.fluent.css.js';\nimport { styles as indigoLight } from './light/button.indigo.css.js';\nimport { styles as materialLight } from './light/button.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/button.bootstrap.css.js';\nimport { styles as fluent } from './shared/button.fluent.css.js';\nimport { styles as indigo } from './shared/button.indigo.css.js';\nimport { styles as material } from './shared/button.material.css.js';\nimport { Themes } from '../../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
+//# sourceMappingURL=icon-button.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uwJAAuwJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s5JAAs5J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-300), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-200), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-surface-500), var(--ig-surface-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-surface-500), var(--ig-surface-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
+//# sourceMappingURL=icon-button.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2pJAA2pJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, transparent);--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-700), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.75rem, -1 * 1.75rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
+//# sourceMappingURL=icon-button.material.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/dark/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2zJAA2zJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.25rem, -1 * 2.25rem), var(--is-medium, 1) * max(1.875rem, -1 * 1.875rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}

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

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

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

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

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

@@ -1,127 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --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, transparent);
-  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));
-  --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(1.9375rem, -1 * 1.9375rem)));
-  --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);
-  --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --hover-background: var(--ig-button-hover-background, transparent);
-  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
-  --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
-  --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
-  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));
-  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));
-}
-:host ::slotted(igc-ripple) {
-  border-radius: var(--border-radius);
-}
-
-[part=base] {
-  border-radius: var(--border-radius);
-  width: var(--size);
-  height: var(--size);
-  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
-  transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
-  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;
-  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-  padding: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(9px, -1 * 9px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(7.5px, -1 * 7.5px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
-}
-[part=base]:hover {
-  color: hsla(var(--ig-primary-800), var(--ig-primary-a));
-}
-[part=base]:focus, [part=base]:active {
-  color: hsla(var(--ig-primary-600), var(--ig-primary-a));
-  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-[part=base] igc-icon {
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-
-:host([variant=contained]) [part=base] {
-  color: var(--ig-primary-600-contrast);
-  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-:host([variant=contained]) [part=base]:hover {
-  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
-}
-:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {
-  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
-  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
-          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
-}
-:host([variant=contained]) [part=base] igc-icon {
-  color: var(--ig-primary-600-contrast);
-}
-
-:host([variant=outlined]) [part=base] {
-  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));
-          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-:host([variant=outlined]) [part=base]:hover {
-  color: var(--ig-primary-600-contrast);
-  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
-}
-:host([variant=outlined]) [part=base]:hover igc-icon {
-  color: var(--ig-primary-600-contrast);
-}
-:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {
-  color: var(--ig-primary-600-contrast);
-  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
-  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
-          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
-}
-:host([variant=outlined]) [part=base]:focus igc-icon, :host([variant=outlined]) [part=base]:active igc-icon {
-  color: var(--ig-primary-600-contrast);
-}
-:host([variant=outlined]) igc-icon {
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-
-:host([disabled]) [part=base],
-:host(:disabled) [part=base] {
-  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
-  background: transparent;
-}
-:host([disabled]) igc-icon,
-:host(:disabled) igc-icon {
-  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
-}
-
-:host([disabled][variant=contained]) [part=base],
-:host(:disabled[variant=contained]) [part=base] {
-  background: hsla(var(--ig-primary-100), var(--ig-primary-a));
-  color: hsla(var(--ig-primary-300), var(--ig-primary-a));
-}
-:host([disabled][variant=contained]) igc-icon,
-:host(:disabled[variant=contained]) igc-icon {
-  color: hsla(var(--ig-primary-300), var(--ig-primary-a));
-}
-
-:host([disabled][variant=outlined]) [part=base],
-:host(:disabled[variant=outlined]) [part=base] {
-  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
-  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));
-          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));
-}
-:host([disabled][variant=outlined]) igc-icon,
-:host(:disabled[variant=outlined]) igc-icon {
-  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
-}`;
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
 //# sourceMappingURL=icon-button.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4HvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, transparent);\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, transparent);\n  --active-border-color: var(--ig-button-active-border-color, transparent);\n  --disabled-border-color: var(--ig-button-disabled-border-color, transparent);\n  --disabled-background: var(--ig-button-disabled-background, transparent);\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n  --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(1.9375rem, -1 * 1.9375rem)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --hover-background: var(--ig-button-hover-background, transparent);\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --focus-background: var(--ig-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  width: var(--size);\n  height: var(--size);\n  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  padding: max(var(--is-large, 1) * max(12px, -1 * 12px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(9px, -1 * 9px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(7.5px, -1 * 7.5px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]:hover {\n  color: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}\n[part=base]:focus, [part=base]:active {\n  color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n:host([variant=contained]) [part=base] igc-icon {\n  color: var(--ig-primary-600-contrast);\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=outlined]) [part=base]:hover {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([variant=outlined]) [part=base]:hover igc-icon {\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n:host([variant=outlined]) [part=base]:focus igc-icon, :host([variant=outlined]) [part=base]:active igc-icon {\n  color: var(--ig-primary-600-contrast);\n}\n:host([variant=outlined]) igc-icon {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([disabled]) [part=base],\n:host(:disabled) [part=base] {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  background: transparent;\n}\n:host([disabled]) igc-icon,\n:host(:disabled) igc-icon {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n\n:host([disabled][variant=contained]) [part=base],\n:host(:disabled[variant=contained]) [part=base] {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  color: hsla(var(--ig-primary-300), var(--ig-primary-a));\n}\n:host([disabled][variant=contained]) igc-icon,\n:host(:disabled[variant=contained]) igc-icon {\n  color: hsla(var(--ig-primary-300), var(--ig-primary-a));\n}\n\n:host([disabled][variant=outlined]) [part=base],\n:host(:disabled[variant=outlined]) [part=base] {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));\n}\n:host([disabled][variant=outlined]) igc-icon,\n:host(:disabled[variant=outlined]) igc-icon {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n}`;\n"]}
+{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uwJAAuwJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, transparent);--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-800), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-600), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, transparent);--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, transparent);--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-primary-100), var(--ig-primary-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-600-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-primary-200), 0.5));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-primary-300), var(--ig-primary-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.2) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}

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

@@ -1,118 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --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, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --active-border-color: var(--ig-button-active-border-color, transparent);
-  --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));
-  --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)));
-  --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);
-  --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --focus-background: var(--ig-button-focus-background, transparent);
-  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --focus-visible-background: var(--ig-button-focus-visible-background, transparent);
-  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));
-}
-:host ::slotted(igc-ripple) {
-  border-radius: var(--border-radius);
-}
-
-[part=base] {
-  border-radius: var(--border-radius);
-  background: transparent;
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out;
-  transition: color 0.15s ease-out, background 0.15s ease-out;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  width: var(--size);
-  height: var(--size);
-  padding: max(var(--is-large, 1) * max(7px, -1 * 7px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));
-}
-[part=base]::after {
-  position: absolute;
-  content: "";
-  pointer-events: none;
-  top: 2px;
-  left: 2px;
-  width: calc(100% - 0.125rem * 2);
-  height: calc(100% - 0.125rem * 2);
-  border-radius: calc(var(--border-radius) - 0.25rem);
-}
-[part=base]:hover {
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-}
-[part=base]:active {
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
-}
-[part=base]:focus-visible::after {
-  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));
-          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));
-}
-[part=base] igc-icon {
-  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-
-:host([variant=contained]) [part=base] {
-  color: var(--text-color, var(--ig-primary-600-contrast));
-  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
-}
-:host([variant=contained]) [part=base]:hover, :host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:focus-visible {
-  background: var(--hover-contained-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));
-}
-:host([variant=contained]) [part=base]:active {
-  color: var(--ig-primary-800-contrast);
-  background: hsla(var(--ig-primary-800), var(--ig-primary-a));
-}
-:host([variant=contained]) [part=base]:focus-visible::after {
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);
-          box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);
-}
-:host([variant=contained]) igc-icon {
-  color: var(--text-color, var(--ig-primary-600-contrast));
-}
-
-:host([variant=outlined]) [part=base] {
-  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
-  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
-          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
-}
-:host([variant=outlined]) [part=base]:focus {
-  background: transparent;
-}
-:host([variant=outlined]) [part=base]:hover, :host([variant=outlined]) [part=base]:focus:hover, :host([variant=outlined]) [part=base]:focus:active {
-  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
-}
-:host([variant=outlined]) [part=base]:focus-visible::after {
-  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-900), var(--ig-gray-a));
-          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-900), var(--ig-gray-a));
-}
-:host([variant=outlined]) igc-icon {
-  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
-}
-
-:host([disabled]) [part=base],
-:host(:disabled) [part=base] {
-  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
-  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
-}
-:host([disabled]) igc-icon,
-:host(:disabled) igc-icon {
-  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
-}`;
+export const styles = css `:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmHvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --shadow-color: var(--ig-button-shadow-color, transparent);\n  --border-color: var(--ig-button-border-color, transparent);\n  --hover-border-color: var(--ig-button-hover-border-color, transparent);\n  --focus-border-color: var(--ig-button-focus-border-color, transparent);\n  --focus-visible-border-color: var(--ig-button-focus-visible-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n  --active-border-color: var(--ig-button-active-border-color, transparent);\n  --disabled-border-color: var(--ig-button-disabled-border-color, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --disabled-background: var(--ig-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n  --disabled-foreground: var(--ig-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n  --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)));\n  --resting-elevation: var(--ig-button-resting-elevation, var(--ig-elevation-0));\n  --hover-elevation: var(--ig-button-hover-elevation, var(--ig-elevation-0));\n  --focus-elevation: var(--ig-button-focus-elevation, var(--ig-elevation-0));\n  --active-elevation: var(--ig-button-active-elevation, var(--ig-elevation-0));\n  --background: var(--ig-button-background, transparent);\n  --foreground: var(--ig-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --hover-background: var(--ig-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  --hover-foreground: var(--ig-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --focus-background: var(--ig-button-focus-background, transparent);\n  --focus-foreground: var(--ig-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --focus-visible-background: var(--ig-button-focus-visible-background, transparent);\n  --focus-visible-foreground: var(--ig-button-focus-visible-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --active-background: var(--ig-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --active-foreground: var(--ig-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --border-radius: var(--ig-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));\n}\n:host ::slotted(igc-ripple) {\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  border-radius: var(--border-radius);\n  background: transparent;\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out;\n  transition: color 0.15s ease-out, background 0.15s ease-out;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  width: var(--size);\n  height: var(--size);\n  padding: max(var(--is-large, 1) * max(7px, -1 * 7px) * var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)), var(--is-medium, 1) * max(6px, -1 * 6px) * var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)), var(--is-small, 1) * max(4px, -1 * 4px) * var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)));\n}\n[part=base]::after {\n  position: absolute;\n  content: \"\";\n  pointer-events: none;\n  top: 2px;\n  left: 2px;\n  width: calc(100% - 0.125rem * 2);\n  height: calc(100% - 0.125rem * 2);\n  border-radius: calc(var(--border-radius) - 0.25rem);\n}\n[part=base]:hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part=base]:active {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part=base]:focus-visible::after {\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n[part=base] igc-icon {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover, :host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:focus-visible {\n  background: var(--hover-contained-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n}\n:host([variant=contained]) [part=base]:active {\n  color: var(--ig-primary-800-contrast);\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus-visible::after {\n  -webkit-box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);\n          box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);\n}\n:host([variant=contained]) igc-icon {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n}\n\n:host([variant=outlined]) [part=base] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus {\n  background: transparent;\n}\n:host([variant=outlined]) [part=base]:hover, :host([variant=outlined]) [part=base]:focus:hover, :host([variant=outlined]) [part=base]:focus:active {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus-visible::after {\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-900), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n:host([variant=outlined]) igc-icon {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base],\n:host(:disabled) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([disabled]) igc-icon,\n:host(:disabled) igc-icon {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}
+{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4zJAA4zJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([variant=flat]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-primary-500), var(--ig-primary-a)));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=outlined]){--background: var(--ig-icon-button-background, transparent);--foreground: var(--ig-icon-button-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--focus-background: var(--ig-icon-button-focus-background, transparent);--focus-foreground: var(--ig-icon-button-focus-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--active-foreground: var(--ig-icon-button-active-foreground, hsla(var(--ig-gray-900), var(--ig-gray-a)));--border-color: var(--ig-icon-button-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--focus-border-color: var(--ig-icon-button-focus-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}:host([variant=contained]){--background: var(--ig-icon-button-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--foreground: var(--ig-icon-button-foreground, var(--ig-primary-600-contrast));--hover-background: var(--ig-icon-button-hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--hover-foreground: var(--ig-icon-button-hover-foreground, var(--ig-primary-600-contrast));--focus-background: var(--ig-icon-button-focus-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));--focus-foreground: var(--ig-icon-button-focus-foreground, var(--ig-primary-600-contrast));--active-background: var(--ig-icon-button-active-background, hsla(var(--ig-primary-800), var(--ig-primary-a)));--active-foreground: var(--ig-icon-button-active-foreground, var(--ig-primary-800-contrast));--border-color: var(--ig-icon-button-border-color, transparent);--focus-border-color: var(--ig-icon-button-focus-border-color, var(--ig-primary-600-contrast));--disabled-background: var(--ig-icon-button-disabled-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--disabled-foreground: var(--ig-icon-button-disabled-foreground, hsla(var(--ig-gray-400), var(--ig-gray-a)));--disabled-border-color: var(--ig-icon-button-disabled-border-color, transparent);--border-radius: var(--ig-icon-button-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.25rem), 1.25rem));--size: var(--ig-icon-button-size, max(var(--is-large, 1) * max(2.375rem, -1 * 2.375rem), var(--is-medium, 1) * max(2rem, -1 * 2rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem)));--default-size: var(--ig-icon-button-default-size, 2)}`;\n"]}