igniteui-webcomponents 6.4.0-alpha.4 → 6.4.0

package/components/radio/themes/shared/radio.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=ripple]{border-radius:var(--size);display:block;position:absolute;top:calc(50% - 1.25rem);width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);overflow:hidden;pointer-events:none;filter:opacity(1)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=ripple]{background:var(--empty-color);opacity:.06}[part~=base]:hover [part="ripple checked"]{background:var(--fill-color);opacity:.06}[part~=base]:focus-visible [part=ripple],[part~=base][part~=focused] [part=ripple]{background:var(--empty-color);opacity:.12}[part~=base]:focus-visible [part="ripple checked"],[part~=base][part~=focused] [part="ripple checked"]{background:var(--fill-color);opacity:.12}[part~=control]{border-radius:var(--size);position:relative}[part~=control]::before,[part~=control]::after{border-radius:calc(var(--size)/2)}[part~=control]::after{border:calc(var(--size)/10) solid var(--empty-color)}[part="control checked"]::before{border-color:var(--fill-color);background:var(--fill-color)}[part="control checked"]::after{border-color:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::before,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not([disabled]):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple]{background:var(--error-color)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part="control checked"]::before,:host(:disabled) [part="control checked"]::before{background:var(--disabled-color);border-color:var(--disabled-color)}`;
+export const styles = css `:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=ripple]{border-radius:var(--size);display:block;position:absolute;top:calc(50% - 1.25rem);width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);overflow:hidden;pointer-events:none;filter:opacity(1)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=ripple]{background:var(--empty-color);opacity:.06}[part~=base]:hover [part="ripple checked"]{background:var(--fill-color);opacity:.06}[part~=base]:focus-visible [part=ripple],[part~=base][part~=focused] [part=ripple]{background:var(--empty-color);opacity:.12}[part~=base]:focus-visible [part="ripple checked"],[part~=base][part~=focused] [part="ripple checked"]{background:var(--fill-color);opacity:.12}[part~=control]{border-radius:var(--size);position:relative;background:unset}[part~=control]::before,[part~=control]::after{border-radius:calc(var(--size)/2)}[part~=control]::after{border:calc(var(--size)/10) solid var(--empty-color);background:var(--empty-fill-color)}[part="control checked"]::before{border-color:var(--fill-color);background:var(--fill-color)}[part="control checked"]::after{border-color:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part="control checked"]::before,:host(:not(:disabled):state(ig-invalid)) [part="control checked"]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not([disabled]):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid):hover) [part="control checked"]::before,:host(:not(:disabled):state(ig-invalid):hover) [part="control checked"]::before{background:var(--error-color-hover);border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part="control checked"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part="control checked"]::after{border-color:var(--error-color-hover)}`;
 //# sourceMappingURL=radio.material.css.js.map

package/components/radio/themes/shared/radio.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ghGAAghG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=ripple]{border-radius:var(--size);display:block;position:absolute;top:calc(50% - 1.25rem);width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);overflow:hidden;pointer-events:none;filter:opacity(1)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=ripple]{background:var(--empty-color);opacity:.06}[part~=base]:hover [part=\"ripple checked\"]{background:var(--fill-color);opacity:.06}[part~=base]:focus-visible [part=ripple],[part~=base][part~=focused] [part=ripple]{background:var(--empty-color);opacity:.12}[part~=base]:focus-visible [part=\"ripple checked\"],[part~=base][part~=focused] [part=\"ripple checked\"]{background:var(--fill-color);opacity:.12}[part~=control]{border-radius:var(--size);position:relative}[part~=control]::before,[part~=control]::after{border-radius:calc(var(--size)/2)}[part~=control]::after{border:calc(var(--size)/10) solid var(--empty-color)}[part=\"control checked\"]::before{border-color:var(--fill-color);background:var(--fill-color)}[part=\"control checked\"]::after{border-color:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not([disabled]):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple]{background:var(--error-color)}:host([disabled]) [part~=control]::after,:host(:disabled) [part~=control]::after{border-color:var(--disabled-color)}:host([disabled]) [part=\"control checked\"]::before,:host(:disabled) [part=\"control checked\"]::before{background:var(--disabled-color);border-color:var(--disabled-color)}`;\n"]}
+{"version":3,"file":"radio.material.css.js","sourceRoot":"","sources":["../../../../../src/components/radio/themes/shared/radio.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o4GAAo4G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);margin-block-start:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));grid-auto-rows:minmax(1.125rem, auto)}[part~=ripple]{border-radius:var(--size);display:block;position:absolute;top:calc(50% - 1.25rem);width:calc(var(--size)*2);height:calc(var(--size)*2);min-width:calc(var(--size)*2);overflow:hidden;pointer-events:none;filter:opacity(1)}[part~=base]{gap:.125rem}[part~=base]:hover [part~=ripple]{background:var(--empty-color);opacity:.06}[part~=base]:hover [part=\"ripple checked\"]{background:var(--fill-color);opacity:.06}[part~=base]:focus-visible [part=ripple],[part~=base][part~=focused] [part=ripple]{background:var(--empty-color);opacity:.12}[part~=base]:focus-visible [part=\"ripple checked\"],[part~=base][part~=focused] [part=\"ripple checked\"]{background:var(--fill-color);opacity:.12}[part~=control]{border-radius:var(--size);position:relative;background:unset}[part~=control]::before,[part~=control]::after{border-radius:calc(var(--size)/2)}[part~=control]::after{border:calc(var(--size)/10) solid var(--empty-color);background:var(--empty-fill-color)}[part=\"control checked\"]::before{border-color:var(--fill-color);background:var(--fill-color)}[part=\"control checked\"]::after{border-color:var(--fill-color)}:host(:not([disabled]):state(ig-invalid)) [part~=control]::after,:host(:not(:disabled):state(ig-invalid)) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part=\"control checked\"]::before,:host(:not(:disabled):state(ig-invalid)) [part=\"control checked\"]::before{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:hover [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:hover [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not([disabled]):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base]:focus-visible [part~=ripple],:host(:not(:disabled):state(ig-invalid)) [part~=base][part~=focused] [part~=ripple]{background:var(--error-color)}:host(:not([disabled]):state(ig-invalid):hover) [part~=control]::after,:host(:not(:disabled):state(ig-invalid):hover) [part~=control]::after{border-color:var(--error-color)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"control checked\"]::before,:host(:not(:disabled):state(ig-invalid):hover) [part=\"control checked\"]::before{background:var(--error-color-hover);border-color:var(--error-color-hover)}:host(:not([disabled]):state(ig-invalid):hover) [part=\"control checked\"]::after,:host(:not(:disabled):state(ig-invalid):hover) [part=\"control checked\"]::after{border-color:var(--error-color-hover)}`;\n"]}

package/components/radio/validators.js

@@ -1,9 +1,9 @@
-import { validationResourcesKeys } from '../common/i18n/utils.js';
+import { ValidationResourceStringsEN } from 'igniteui-i18n-core';
 import { getGroup } from './utils.js';
 export const radioValidators = [
     {
         key: 'valueMissing',
-        messageResourceKey: validationResourcesKeys.required,
+        message: ValidationResourceStringsEN.required_validation_error,
         isValid: (host) => {
             const { radios, checked } = getGroup(host);
             return radios.some((radio) => radio.required) ? checked.length > 0 : true;

package/components/radio/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/radio/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,kBAAkB,EAAE,uBAAuB,CAAC,QAAQ;QACpD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,CAAC;KACF;CACF,CAAC","sourcesContent":["import { validationResourcesKeys } from '../common/i18n/utils.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcRadioComponent from './radio.js';\nimport { getGroup } from './utils.js';\n\nexport const radioValidators: Validator<IgcRadioComponent>[] = [\n  {\n    key: 'valueMissing',\n    messageResourceKey: validationResourcesKeys.required,\n    isValid: (host) => {\n      const { radios, checked } = getGroup(host);\n      return radios.some((radio) => radio.required) ? checked.length > 0 : true;\n    },\n  },\n];\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/radio/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,oBAAoB,CAAC;AAGjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAmC;IAC7D;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,2BAA2B,CAAC,yBAA0B;QAC/D,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC3C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,CAAC;KACF;CACF,CAAC","sourcesContent":["import { ValidationResourceStringsEN } from 'igniteui-i18n-core';\nimport type { Validator } from '../common/validators.js';\nimport type IgcRadioComponent from './radio.js';\nimport { getGroup } from './utils.js';\n\nexport const radioValidators: Validator<IgcRadioComponent>[] = [\n  {\n    key: 'valueMissing',\n    message: ValidationResourceStringsEN.required_validation_error!,\n    isValid: (host) => {\n      const { radios, checked } = getGroup(host);\n      return radios.some((radio) => radio.required) ? checked.length > 0 : true;\n    },\n  },\n];\n"]}

package/components/rating/themes/dark/rating.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
+export const styles = css `:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-600));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
 //# sourceMappingURL=rating.indigo.css.js.map

package/components/rating/themes/dark/rating.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/BAAs/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/dark/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,s/BAAs/B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--value-label: var(--ig-rating-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-300));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-600));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-300) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}

package/components/rating/themes/light/rating.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
+export const styles = css `:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-600));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;
 //# sourceMappingURL=rating.indigo.css.js.map

package/components/rating/themes/light/rating.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,86BAA86B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-empty-color: var(--ig-rating-symbol-empty-color, var(--ig-gray-500));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-300));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/rating/themes/light/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g2BAAg2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--label-color: var(--ig-rating-label-color, var(--ig-gray-800));--value-label: var(--ig-rating-value-label, var(--ig-gray-800));--symbol-full-color: var(--ig-rating-symbol-full-color, var(--ig-warn-600));--disabled-label-color: var(--ig-rating-disabled-label-color, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-value-label: var(--ig-rating-disabled-value-label, hsl(from var(--ig-gray-900) h s l/0.2));--disabled-empty-symbol-color: var(--ig-rating-disabled-empty-symbol-color, hsl(from var(--ig-gray-500) h s l/0.4));--disabled-full-symbol-color: var(--ig-rating-disabled-full-symbol-color, hsl(from var(--ig-warn-300) h s l/0.4));--symbol-size: var(--ig-rating-symbol-size, max(var(--is-large, 1) * max(1.875rem, -1 * 1.875rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.125rem, -1 * 1.125rem)));--ig-theme: indigo}`;\n"]}

package/components/ripple/ripple.d.ts

@@ -10,9 +10,9 @@ export default class IgcRippleComponent extends LitElement {
     static styles: import("lit").CSSResult;
     static register(): void;
     constructor();
-    private handler;
-    private getDimensions;
-    protected render(): import("lit-html").TemplateResult<1>;
+    private _handler;
+    private _getDimensions;
+    protected render(): symbol;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/components/ripple/ripple.js

@@ -1,6 +1,6 @@
-import { html, LitElement } from 'lit';
+import { LitElement, nothing } from 'lit';
 import { registerComponent } from '../common/definitions/register.js';
-import { addSafeEventListener } from '../common/util.js';
+import { addSafeEventListener, getScaleFactor, setStyles, } from '../common/util.js';
 import { styles } from './ripple.material.css.js';
 const rippleFrames = [
     { opacity: 0.5, transform: 'scale(.3)' },
@@ -26,45 +26,48 @@ export default class IgcRippleComponent extends LitElement {
     }
     constructor() {
         super();
-        this.handler = ({ clientX, clientY }) => {
-            const element = getRippleElement();
-            const { radius, top, left } = this.getDimensions(clientX, clientY);
-            const styles = {
-                position: 'absolute',
-                display: 'block',
-                pointerEvents: 'none',
-                transformOrigin: 'center',
-                transform: 'translate3d(0, 0, 0) scale(0)',
-                willChange: 'opacity, transform',
-                margin: '0 !important',
-                border: 'none !important',
-                width: `${radius}px`,
-                height: `${radius}px`,
-                borderRadius: '50%',
-                top: `${top}px`,
-                left: `${left}px`,
-                background: 'var(--color, var(--ig-gray-800))',
-            };
-            Object.assign(element.style, styles);
-            this.renderRoot.appendChild(element);
-            element
-                .animate(rippleFrames, rippleAnimation)
-                .finished.then(() => element.remove());
+        addSafeEventListener(this, 'pointerdown', this._handler);
+    }
+    async _handler(event) {
+        if (event.button !== 0) {
+            return;
+        }
+        const element = getRippleElement();
+        const { radius, top, left } = this._getDimensions(event.clientX, event.clientY);
+        const styles = {
+            position: 'absolute',
+            display: 'block',
+            pointerEvents: 'none',
+            transformOrigin: 'center',
+            transform: 'translate3d(0, 0, 0) scale(0)',
+            willChange: 'opacity, transform',
+            margin: '0',
+            border: 'none',
+            width: `${radius}px`,
+            height: `${radius}px`,
+            borderRadius: '50%',
+            top: `${top}px`,
+            left: `${left}px`,
+            background: 'var(--color, var(--ig-gray-800))',
         };
-        addSafeEventListener(this, 'pointerdown', this.handler);
+        setStyles(element, styles);
+        this.renderRoot.appendChild(element);
+        await element.animate(rippleFrames, rippleAnimation).finished;
+        element.remove();
     }
-    getDimensions(x, y) {
+    _getDimensions(x, y) {
         const rect = this.getBoundingClientRect();
+        const factor = getScaleFactor(this);
         const radius = Math.max(rect.width, rect.height);
         const halfRadius = radius / 2;
         return {
             radius,
-            top: Math.round(y - rect.top - halfRadius),
-            left: Math.round(x - rect.left - halfRadius),
+            top: Math.round((y - rect.top) * factor.y - halfRadius),
+            left: Math.round((x - rect.left) * factor.x - halfRadius),
         };
     }
     render() {
-        return html ``;
+        return nothing;
     }
 }
 //# sourceMappingURL=ripple.js.map

package/components/ripple/ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,MAAM,YAAY,GAAe;IAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE;IACxC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE;CACtC,CAAC;AAEF,MAAM,eAAe,GAA6B;IAChD,QAAQ,EAAE,GAAG;IACb,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,IAAI,aAA0B,CAAC;AAE/B,SAAS,gBAAgB;IACvB,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,aAAa,CAAC,SAAS,EAAiB,CAAC;AAClD,CAAC;AAQD,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,UAAU;aACjC,YAAO,GAAG,YAAY,AAAf,CAAgB;aACvB,WAAM,GAAG,MAAM,AAAT,CAAU;IAGhC,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;IACxC,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAIF,YAAO,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAgB,EAAE,EAAE;YACvD,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACnC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAEnE,MAAM,MAAM,GAAiC;gBAC3C,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO;gBAChB,aAAa,EAAE,MAAM;gBACrB,eAAe,EAAE,QAAQ;gBACzB,SAAS,EAAE,+BAA+B;gBAC1C,UAAU,EAAE,oBAAoB;gBAChC,MAAM,EAAE,cAAc;gBACtB,MAAM,EAAE,iBAAiB;gBACzB,KAAK,EAAE,GAAG,MAAM,IAAI;gBACpB,MAAM,EAAE,GAAG,MAAM,IAAI;gBACrB,YAAY,EAAE,KAAK;gBACnB,GAAG,EAAE,GAAG,GAAG,IAAI;gBACf,IAAI,EAAE,GAAG,IAAI,IAAI;gBACjB,UAAU,EAAE,kCAAkC;aAC/C,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACrC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAErC,OAAO;iBACJ,OAAO,CAAC,YAAY,EAAE,eAAe,CAAC;iBACtC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;QAC3C,CAAC,CAAC;QA9BA,oBAAoB,CAAC,IAAI,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1D,CAAC;IA+BO,aAAa,CAAC,CAAS,EAAE,CAAS;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC1C,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QACjD,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,CAAC;QAE9B,OAAO;YACL,MAAM;YACN,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC;YAC1C,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;SAC7C,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,EAAE,CAAC;IAChB,CAAC","sourcesContent":["import { html, LitElement } from 'lit';\n\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addSafeEventListener } from '../common/util.js';\nimport { styles } from './ripple.material.css.js';\n\nconst rippleFrames: Keyframe[] = [\n  { opacity: 0.5, transform: 'scale(.3)' },\n  { opacity: 0, transform: 'scale(2)' },\n];\n\nconst rippleAnimation: KeyframeAnimationOptions = {\n  duration: 600, // --igc-ripple-duration,\n  fill: 'forwards',\n  easing: 'linear', // --igc-ripple-easing\n};\n\nlet rippleElement: HTMLElement;\n\nfunction getRippleElement() {\n  if (!rippleElement) {\n    rippleElement = document.createElement('span');\n  }\n  return rippleElement.cloneNode() as HTMLElement;\n}\n\n/**\n * A ripple can be applied to an element to represent\n * interactive surface.\n *\n * @element igc-ripple\n */\nexport default class IgcRippleComponent extends LitElement {\n  public static readonly tagName = 'igc-ripple';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcRippleComponent);\n  }\n\n  constructor() {\n    super();\n    addSafeEventListener(this, 'pointerdown', this.handler);\n  }\n\n  private handler = ({ clientX, clientY }: PointerEvent) => {\n    const element = getRippleElement();\n    const { radius, top, left } = this.getDimensions(clientX, clientY);\n\n    const styles: Partial<CSSStyleDeclaration> = {\n      position: 'absolute',\n      display: 'block',\n      pointerEvents: 'none',\n      transformOrigin: 'center',\n      transform: 'translate3d(0, 0, 0) scale(0)',\n      willChange: 'opacity, transform',\n      margin: '0 !important',\n      border: 'none !important',\n      width: `${radius}px`,\n      height: `${radius}px`,\n      borderRadius: '50%',\n      top: `${top}px`,\n      left: `${left}px`,\n      background: 'var(--color, var(--ig-gray-800))',\n    };\n\n    Object.assign(element.style, styles);\n    this.renderRoot.appendChild(element);\n\n    element\n      .animate(rippleFrames, rippleAnimation)\n      .finished.then(() => element.remove());\n  };\n\n  private getDimensions(x: number, y: number) {\n    const rect = this.getBoundingClientRect();\n    const radius = Math.max(rect.width, rect.height);\n    const halfRadius = radius / 2;\n\n    return {\n      radius,\n      top: Math.round(y - rect.top - halfRadius),\n      left: Math.round(x - rect.left - halfRadius),\n    };\n  }\n\n  protected override render() {\n    return html``;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-ripple': IgcRippleComponent;\n  }\n}\n"]}
+{"version":3,"file":"ripple.js","sourceRoot":"","sources":["../../../src/components/ripple/ripple.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, nothing } from 'lit';\nimport { registerComponent } from '../common/definitions/register.js';\nimport {\n  addSafeEventListener,\n  getScaleFactor,\n  setStyles,\n} from '../common/util.js';\nimport { styles } from './ripple.material.css.js';\n\nconst rippleFrames: Keyframe[] = [\n  { opacity: 0.5, transform: 'scale(.3)' },\n  { opacity: 0, transform: 'scale(2)' },\n];\n\nconst rippleAnimation: KeyframeAnimationOptions = {\n  duration: 600, // --igc-ripple-duration,\n  fill: 'forwards',\n  easing: 'linear', // --igc-ripple-easing\n};\n\nlet rippleElement: HTMLElement;\n\nfunction getRippleElement(): HTMLSpanElement {\n  if (!rippleElement) {\n    rippleElement = document.createElement('span');\n  }\n  return rippleElement.cloneNode() as HTMLElement;\n}\n\n/**\n * A ripple can be applied to an element to represent\n * interactive surface.\n *\n * @element igc-ripple\n */\nexport default class IgcRippleComponent extends LitElement {\n  public static readonly tagName = 'igc-ripple';\n  public static override styles = styles;\n\n  /* blazorSuppress */\n  public static register(): void {\n    registerComponent(IgcRippleComponent);\n  }\n\n  constructor() {\n    super();\n    addSafeEventListener(this, 'pointerdown', this._handler);\n  }\n\n  private async _handler(event: PointerEvent): Promise<void> {\n    if (event.button !== 0) {\n      return;\n    }\n\n    const element = getRippleElement();\n    const { radius, top, left } = this._getDimensions(\n      event.clientX,\n      event.clientY\n    );\n\n    const styles: Partial<CSSStyleDeclaration> = {\n      position: 'absolute',\n      display: 'block',\n      pointerEvents: 'none',\n      transformOrigin: 'center',\n      transform: 'translate3d(0, 0, 0) scale(0)',\n      willChange: 'opacity, transform',\n      margin: '0',\n      border: 'none',\n      width: `${radius}px`,\n      height: `${radius}px`,\n      borderRadius: '50%',\n      top: `${top}px`,\n      left: `${left}px`,\n      background: 'var(--color, var(--ig-gray-800))',\n    };\n\n    setStyles(element, styles);\n    this.renderRoot.appendChild(element);\n\n    await element.animate(rippleFrames, rippleAnimation).finished;\n    element.remove();\n  }\n\n  private _getDimensions(x: number, y: number) {\n    const rect = this.getBoundingClientRect();\n    const factor = getScaleFactor(this);\n    const radius = Math.max(rect.width, rect.height);\n    const halfRadius = radius / 2;\n\n    return {\n      radius,\n      top: Math.round((y - rect.top) * factor.y - halfRadius),\n      left: Math.round((x - rect.left) * factor.x - halfRadius),\n    };\n  }\n\n  protected override render() {\n    return nothing;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-ripple': IgcRippleComponent;\n  }\n}\n"]}

package/components/stepper/step.js

@@ -162,9 +162,9 @@ export default class IgcStepComponent extends LitElement {
       <div part=${partMap(this.headerContainerParts)}>
         <div
           part="header"
-          tabindex="${this.active ? '0' : '-1'}"
+          tabindex=${this.active ? '0' : '-1'}
           role="tab"
-          aria-selected="${this.active}"
+          aria-selected=${this.active}
           @click=${this.handleClick}
           @keydown=${this.handleKeydown}
         >

package/components/stepper/step.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.js","sourceRoot":"","sources":["../../../src/components/stepper/step.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type {\n  StepperOrientation,\n  StepperStepType,\n  StepperTitlePosition,\n} from '../types.js';\nimport {\n  type Animation,\n  bodyAnimations,\n  contentAnimations,\n} from './animations.js';\nimport { styles as shared } from './themes/step/shared/step.common.css.js';\nimport { styles } from './themes/step/step.base.css.js';\nimport { all } from './themes/step/themes.js';\n\n/**\n * The step component is used within the `igc-stepper` element and it holds the content of each step.\n * It also supports custom indicators, title and subtitle.\n *\n * @element igc-step\n *\n * @slot - Renders the content of the step.\n * @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.\n * @slot title - Renders the title of the step.\n * @slot subtitle - Renders the subtitle of the step.\n *\n * @csspart header-container - Wrapper of the step's `header` and its separators.\n * @csspart disabled - Indicates a disabled state. Applies to `header-container`.\n * @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.\n * @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.\n * @csspart optional - Indicates an optional state. Applies to `header-container`.\n * @csspart invalid - Indicates an invalid state. Applies to `header-container`.\n * @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.\n * @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.\n * @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.\n * @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.\n * @csspart header - Wrapper of the step's `indicator` and `text`.\n * @csspart indicator - The indicator of the step.\n * @csspart text - Wrapper of the step's `title` and `subtitle`.\n * @csspart empty - Indicates that no title and subtitle has been provided to the step. Applies to `text`.\n * @csspart title - The title of the step.\n * @csspart subtitle - The subtitle of the step.\n * @csspart body - Wrapper of the step's `content`.\n * @csspart content - The steps `content`.\n */\nexport default class IgcStepComponent extends LitElement {\n  public static readonly tagName = 'igc-step';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcStepComponent);\n  }\n\n  private bodyRef: Ref<HTMLElement> = createRef();\n  private contentRef: Ref<HTMLElement> = createRef();\n\n  private bodyAnimationPlayer = addAnimationController(this, this.bodyRef);\n  private contentAnimationPlayer = addAnimationController(\n    this,\n    this.contentRef\n  );\n\n  @queryAssignedElements({ slot: 'title' })\n  private _titleChildren!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'subtitle' })\n  private _subTitleChildren!: Array<HTMLElement>;\n\n  /* blazorSuppress */\n  @query('[part~=\"header\"]')\n  public header!: HTMLElement;\n\n  /* blazorSuppress */\n  @query('[part~=\"body\"]')\n  public contentBody!: HTMLElement;\n\n  /** Gets/sets whether the step is invalid. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /** Gets/sets whether the step is activе. */\n  @property({ reflect: true, type: Boolean })\n  public active = false;\n\n  /**\n   * Gets/sets whether the step is optional.\n   *\n   * @remarks\n   * Optional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\n   * if optional step is invalid the user could still move to the next step.\n   */\n  @property({ type: Boolean })\n  public optional = false;\n\n  /** Gets/sets whether the step is interactable. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** Gets/sets whether the step is completed.\n   *\n   * @remarks\n   * When set to `true` the following separator is styled `solid`.\n   */\n  @property({ reflect: true, type: Boolean })\n  public complete = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public previousComplete = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public stepType: StepperStepType = 'full';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public titlePosition: StepperTitlePosition = 'auto';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public orientation: StepperOrientation = 'horizontal';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public index = -1;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public contentTop = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public linearDisabled = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public visited = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public animation: Animation = 'fade';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public animationDuration = 350;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * @hidden @internal\n   * @deprecated since 5.4.0. Use the Stepper's `navigateTo` method instead.\n   */\n  public async toggleAnimation(\n    type: 'in' | 'out',\n    direction: 'normal' | 'reverse' = 'normal'\n  ) {\n    const bodyAnimation = bodyAnimations.get(this.animation)!.get(type)!;\n    const contentAnimation = contentAnimations.get(this.animation)!.get(type)!;\n    const bodyHeight = window\n      .getComputedStyle(this)\n      .getPropertyValue('--vertical-body-height');\n\n    const options: KeyframeAnimationOptions = {\n      duration: this.animationDuration,\n      easing: EaseInOut.Quad,\n      direction,\n    };\n\n    const step = {\n      height: bodyHeight,\n    };\n\n    const result = await Promise.all([\n      this.bodyAnimationPlayer.playExclusive(\n        bodyAnimation({ keyframe: options, step })\n      ),\n      this.contentAnimationPlayer.playExclusive(\n        contentAnimation({ keyframe: options, step })\n      ),\n    ]);\n\n    return result.every(Boolean);\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected activeChange() {\n    if (this.active) {\n      this.dispatchEvent(\n        new CustomEvent('stepActiveChanged', { bubbles: true, detail: false })\n      );\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  @watch('invalid', { waitUntilFirstUpdate: true })\n  @watch('optional', { waitUntilFirstUpdate: true })\n  protected disabledInvalidOptionalChange() {\n    this.dispatchEvent(\n      new CustomEvent('stepDisabledInvalidChanged', { bubbles: true })\n    );\n  }\n\n  @watch('complete', { waitUntilFirstUpdate: true })\n  protected completeChange() {\n    this.dispatchEvent(\n      new CustomEvent('stepCompleteChanged', { bubbles: true })\n    );\n  }\n\n  private handleClick(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.isAccessible) {\n      this.dispatchEvent(\n        new CustomEvent('stepActiveChanged', { bubbles: true, detail: true })\n      );\n    }\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    this.dispatchEvent(\n      new CustomEvent('stepHeaderKeydown', {\n        bubbles: true,\n        detail: { event, focusedStep: this },\n      })\n    );\n  }\n\n  /** @hidden @internal */\n  public get isAccessible(): boolean {\n    return !this.disabled && !this.linearDisabled;\n  }\n\n  private get headerContainerParts() {\n    return {\n      'header-container': true,\n      disabled: !this.isAccessible,\n      'complete-start': this.complete,\n      'complete-end': this.previousComplete,\n      optional: this.optional,\n      invalid:\n        this.invalid && this.visited && !this.active && this.isAccessible,\n      top: this.titlePosition === 'top',\n      bottom:\n        this.titlePosition === 'bottom' ||\n        (this.orientation === 'horizontal' && this.titlePosition === 'auto'),\n      start: this.titlePosition === 'start',\n      end:\n        this.titlePosition === 'end' ||\n        (this.orientation === 'vertical' && this.titlePosition === 'auto'),\n    };\n  }\n\n  private get textParts() {\n    return {\n      text: true,\n      empty:\n        this.stepType === 'indicator'\n          ? true\n          : this.stepType === 'full' &&\n            !this._titleChildren.length &&\n            !this._subTitleChildren.length,\n    };\n  }\n\n  protected renderIndicator() {\n    if (this.stepType !== 'title') {\n      return html`\n        <div part=\"indicator\">\n          <slot name=\"indicator\">\n            <span>${this.index + 1}</span>\n          </slot>\n        </div>\n      `;\n    }\n    return nothing;\n  }\n\n  protected renderTitleAndSubtitle() {\n    return html`\n      <div part=${partMap(this.textParts)}>\n        <div part=\"title\">\n          <slot name=\"title\"></slot>\n        </div>\n        <div part=\"subtitle\">\n          <slot name=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected renderContent() {\n    return html`<div\n      ${ref(this.bodyRef)}\n      id=\"igc-step-content-${this.index}\"\n      part=\"body\"\n      role=\"tabpanel\"\n      aria-labelledby=\"igc-step-header-${this.index}\"\n    >\n      <div part=\"content\" ${ref(this.contentRef)}>\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n\n  protected override render() {\n    return html`\n      ${when(\n        this.contentTop && this.orientation === 'horizontal',\n        () => this.renderContent(),\n        () => nothing\n      )}\n      <div part=${partMap(this.headerContainerParts)}>\n        <div\n          part=\"header\"\n          tabindex=\"${this.active ? '0' : '-1'}\"\n          role=\"tab\"\n          aria-selected=\"${this.active}\"\n          @click=${this.handleClick}\n          @keydown=${this.handleKeydown}\n        >\n          ${this.renderIndicator()} ${this.renderTitleAndSubtitle()}\n        </div>\n      </div>\n      ${when(\n        this.orientation === 'vertical' || !this.contentTop,\n        () => this.renderContent(),\n        () => nothing\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-step': IgcStepComponent;\n  }\n}\n"]}
+{"version":3,"file":"step.js","sourceRoot":"","sources":["../../../src/components/stepper/step.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport { property, query, queryAssignedElements } from 'lit/decorators.js';\nimport { createRef, type Ref, ref } from 'lit/directives/ref.js';\nimport { when } from 'lit/directives/when.js';\n\nimport { EaseInOut } from '../../animations/easings.js';\nimport { addAnimationController } from '../../animations/player.js';\nimport { addThemingController } from '../../theming/theming-controller.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { partMap } from '../common/part-map.js';\nimport type {\n  StepperOrientation,\n  StepperStepType,\n  StepperTitlePosition,\n} from '../types.js';\nimport {\n  type Animation,\n  bodyAnimations,\n  contentAnimations,\n} from './animations.js';\nimport { styles as shared } from './themes/step/shared/step.common.css.js';\nimport { styles } from './themes/step/step.base.css.js';\nimport { all } from './themes/step/themes.js';\n\n/**\n * The step component is used within the `igc-stepper` element and it holds the content of each step.\n * It also supports custom indicators, title and subtitle.\n *\n * @element igc-step\n *\n * @slot - Renders the content of the step.\n * @slot indicator - Renders the indicator of the step. By default, it displays the step index + 1.\n * @slot title - Renders the title of the step.\n * @slot subtitle - Renders the subtitle of the step.\n *\n * @csspart header-container - Wrapper of the step's `header` and its separators.\n * @csspart disabled - Indicates a disabled state. Applies to `header-container`.\n * @csspart complete-start - Indicates a complete state of the current step. Applies to `header-container`.\n * @csspart complete-end - Indicates a complete state of the previous step. Applies to `header-container`.\n * @csspart optional - Indicates an optional state. Applies to `header-container`.\n * @csspart invalid - Indicates an invalid state. Applies to `header-container`.\n * @csspart top - Indicates that the title should be above the indicator. Applies to `header-container`.\n * @csspart bottom - Indicates that the title should be below the indicator. Applies to `header-container`.\n * @csspart start - Indicates that the title should be before the indicator. Applies to `header-container`.\n * @csspart end - Indicates that the title should be after the indicator. Applies to `header-container`.\n * @csspart header - Wrapper of the step's `indicator` and `text`.\n * @csspart indicator - The indicator of the step.\n * @csspart text - Wrapper of the step's `title` and `subtitle`.\n * @csspart empty - Indicates that no title and subtitle has been provided to the step. Applies to `text`.\n * @csspart title - The title of the step.\n * @csspart subtitle - The subtitle of the step.\n * @csspart body - Wrapper of the step's `content`.\n * @csspart content - The steps `content`.\n */\nexport default class IgcStepComponent extends LitElement {\n  public static readonly tagName = 'igc-step';\n  public static override styles = [styles, shared];\n\n  /* blazorSuppress */\n  public static register() {\n    registerComponent(IgcStepComponent);\n  }\n\n  private bodyRef: Ref<HTMLElement> = createRef();\n  private contentRef: Ref<HTMLElement> = createRef();\n\n  private bodyAnimationPlayer = addAnimationController(this, this.bodyRef);\n  private contentAnimationPlayer = addAnimationController(\n    this,\n    this.contentRef\n  );\n\n  @queryAssignedElements({ slot: 'title' })\n  private _titleChildren!: Array<HTMLElement>;\n\n  @queryAssignedElements({ slot: 'subtitle' })\n  private _subTitleChildren!: Array<HTMLElement>;\n\n  /* blazorSuppress */\n  @query('[part~=\"header\"]')\n  public header!: HTMLElement;\n\n  /* blazorSuppress */\n  @query('[part~=\"body\"]')\n  public contentBody!: HTMLElement;\n\n  /** Gets/sets whether the step is invalid. */\n  @property({ reflect: true, type: Boolean })\n  public invalid = false;\n\n  /** Gets/sets whether the step is activе. */\n  @property({ reflect: true, type: Boolean })\n  public active = false;\n\n  /**\n   * Gets/sets whether the step is optional.\n   *\n   * @remarks\n   * Optional steps validity does not affect the default behavior when the stepper is in linear mode i.e.\n   * if optional step is invalid the user could still move to the next step.\n   */\n  @property({ type: Boolean })\n  public optional = false;\n\n  /** Gets/sets whether the step is interactable. */\n  @property({ reflect: true, type: Boolean })\n  public disabled = false;\n\n  /** Gets/sets whether the step is completed.\n   *\n   * @remarks\n   * When set to `true` the following separator is styled `solid`.\n   */\n  @property({ reflect: true, type: Boolean })\n  public complete = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public previousComplete = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public stepType: StepperStepType = 'full';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public titlePosition: StepperTitlePosition = 'auto';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public orientation: StepperOrientation = 'horizontal';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public index = -1;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public contentTop = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public linearDisabled = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public visited = false;\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public animation: Animation = 'fade';\n\n  /** @hidden @internal @private */\n  @property({ attribute: false })\n  public animationDuration = 350;\n\n  constructor() {\n    super();\n    addThemingController(this, all);\n  }\n\n  /**\n   * @hidden @internal\n   * @deprecated since 5.4.0. Use the Stepper's `navigateTo` method instead.\n   */\n  public async toggleAnimation(\n    type: 'in' | 'out',\n    direction: 'normal' | 'reverse' = 'normal'\n  ) {\n    const bodyAnimation = bodyAnimations.get(this.animation)!.get(type)!;\n    const contentAnimation = contentAnimations.get(this.animation)!.get(type)!;\n    const bodyHeight = window\n      .getComputedStyle(this)\n      .getPropertyValue('--vertical-body-height');\n\n    const options: KeyframeAnimationOptions = {\n      duration: this.animationDuration,\n      easing: EaseInOut.Quad,\n      direction,\n    };\n\n    const step = {\n      height: bodyHeight,\n    };\n\n    const result = await Promise.all([\n      this.bodyAnimationPlayer.playExclusive(\n        bodyAnimation({ keyframe: options, step })\n      ),\n      this.contentAnimationPlayer.playExclusive(\n        contentAnimation({ keyframe: options, step })\n      ),\n    ]);\n\n    return result.every(Boolean);\n  }\n\n  @watch('active', { waitUntilFirstUpdate: true })\n  protected activeChange() {\n    if (this.active) {\n      this.dispatchEvent(\n        new CustomEvent('stepActiveChanged', { bubbles: true, detail: false })\n      );\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  @watch('invalid', { waitUntilFirstUpdate: true })\n  @watch('optional', { waitUntilFirstUpdate: true })\n  protected disabledInvalidOptionalChange() {\n    this.dispatchEvent(\n      new CustomEvent('stepDisabledInvalidChanged', { bubbles: true })\n    );\n  }\n\n  @watch('complete', { waitUntilFirstUpdate: true })\n  protected completeChange() {\n    this.dispatchEvent(\n      new CustomEvent('stepCompleteChanged', { bubbles: true })\n    );\n  }\n\n  private handleClick(event: MouseEvent): void {\n    event.stopPropagation();\n    if (this.isAccessible) {\n      this.dispatchEvent(\n        new CustomEvent('stepActiveChanged', { bubbles: true, detail: true })\n      );\n    }\n  }\n\n  private handleKeydown(event: KeyboardEvent): void {\n    this.dispatchEvent(\n      new CustomEvent('stepHeaderKeydown', {\n        bubbles: true,\n        detail: { event, focusedStep: this },\n      })\n    );\n  }\n\n  /** @hidden @internal */\n  public get isAccessible(): boolean {\n    return !this.disabled && !this.linearDisabled;\n  }\n\n  private get headerContainerParts() {\n    return {\n      'header-container': true,\n      disabled: !this.isAccessible,\n      'complete-start': this.complete,\n      'complete-end': this.previousComplete,\n      optional: this.optional,\n      invalid:\n        this.invalid && this.visited && !this.active && this.isAccessible,\n      top: this.titlePosition === 'top',\n      bottom:\n        this.titlePosition === 'bottom' ||\n        (this.orientation === 'horizontal' && this.titlePosition === 'auto'),\n      start: this.titlePosition === 'start',\n      end:\n        this.titlePosition === 'end' ||\n        (this.orientation === 'vertical' && this.titlePosition === 'auto'),\n    };\n  }\n\n  private get textParts() {\n    return {\n      text: true,\n      empty:\n        this.stepType === 'indicator'\n          ? true\n          : this.stepType === 'full' &&\n            !this._titleChildren.length &&\n            !this._subTitleChildren.length,\n    };\n  }\n\n  protected renderIndicator() {\n    if (this.stepType !== 'title') {\n      return html`\n        <div part=\"indicator\">\n          <slot name=\"indicator\">\n            <span>${this.index + 1}</span>\n          </slot>\n        </div>\n      `;\n    }\n    return nothing;\n  }\n\n  protected renderTitleAndSubtitle() {\n    return html`\n      <div part=${partMap(this.textParts)}>\n        <div part=\"title\">\n          <slot name=\"title\"></slot>\n        </div>\n        <div part=\"subtitle\">\n          <slot name=\"subtitle\"></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  protected renderContent() {\n    return html`<div\n      ${ref(this.bodyRef)}\n      id=\"igc-step-content-${this.index}\"\n      part=\"body\"\n      role=\"tabpanel\"\n      aria-labelledby=\"igc-step-header-${this.index}\"\n    >\n      <div part=\"content\" ${ref(this.contentRef)}>\n        <slot></slot>\n      </div>\n    </div>`;\n  }\n\n  protected override render() {\n    return html`\n      ${when(\n        this.contentTop && this.orientation === 'horizontal',\n        () => this.renderContent(),\n        () => nothing\n      )}\n      <div part=${partMap(this.headerContainerParts)}>\n        <div\n          part=\"header\"\n          tabindex=${this.active ? '0' : '-1'}\n          role=\"tab\"\n          aria-selected=${this.active}\n          @click=${this.handleClick}\n          @keydown=${this.handleKeydown}\n        >\n          ${this.renderIndicator()} ${this.renderTitleAndSubtitle()}\n        </div>\n      </div>\n      ${when(\n        this.orientation === 'vertical' || !this.contentTop,\n        () => this.renderContent(),\n        () => nothing\n      )}\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-step': IgcStepComponent;\n  }\n}\n"]}

package/components/stepper/themes/step/dark/step.bootstrap.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-200));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-500));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-100));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;
+export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-400));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-400));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-400));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-400));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-100));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-300));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;
 //# sourceMappingURL=step.bootstrap.css.js.map

package/components/stepper/themes/step/dark/step.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m8IAAm8I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-200));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-500));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-100));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;\n"]}
+{"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qiJAAqiJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-400));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-400));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-400));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-400));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-400));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-300));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-100));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, solid);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-primary-300));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-400));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-400));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-300-contrast));--ig-theme: bootstrap}`;\n"]}

package/components/stepper/themes/step/dark/step.fluent.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;
+export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-50));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-50));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-50));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-50));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-50));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-50));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--ig-theme: fluent}`;
 //# sourceMappingURL=step.fluent.css.js.map

package/components/stepper/themes/step/dark/step.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y6IAAy6I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--ig-theme: fluent}`;\n"]}
+{"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,y3JAAy3J,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-50));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-50));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-50));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-50));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-50));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-50));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-primary-500));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0.02) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-900));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-100));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-200-contrast));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-100) h s l/0.4));--ig-theme: fluent}`;\n"]}

package/components/stepper/themes/step/dark/step.indigo.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;
+export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;
 //# sourceMappingURL=step.indigo.css.js.map

package/components/stepper/themes/step/dark/step.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0sMAA0sM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;\n"]}
+{"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0sMAA0sM,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.15));--indicator-outline: var(--ig-stepper-indicator-outline, transparent);--title-color: var(--ig-stepper-title-color, var(--ig-gray-50-contrast));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-50-contrast));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-50-contrast));--subtitle-color: var(--ig-stepper-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-50-contrast));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-50-contrast));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-50-contrast));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, transparent);--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-50-contrast));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-50-contrast));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-50-contrast));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, transparent);--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-50-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-gray-50-contrast));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-gray-50-contrast));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-gray-50-contrast));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, transparent);--disabled-title-color: var(--ig-stepper-disabled-title-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2));--step-separator-color: var(--ig-stepper-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.3));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, 0.25rem);--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, transparent);--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-50));--indicator-color: var(--ig-stepper-indicator-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8));--step-hover-background: var(--ig-stepper-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--step-focus-background: var(--ig-stepper-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsl(from var(--ig-gray-50-contrast) h s l/0.1));--ig-theme: indigo}`;\n"]}

package/components/stepper/themes/step/dark/step.material.css.js

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;
+export const styles = css `:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;
 //# sourceMappingURL=step.material.css.js.map

package/components/stepper/themes/step/dark/step.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,88IAA88I,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-500));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-500));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-500));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-500));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;\n"]}
+{"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/dark/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ipJAAipJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--content-foreground: var(--ig-stepper-content-foreground, var(--ig-gray-900));--step-background: var(--ig-stepper-step-background, transparent);--indicator-background: var(--ig-stepper-indicator-background, var(--ig-gray-300));--indicator-outline: var(--ig-stepper-indicator-outline, var(--ig-gray-300));--title-color: var(--ig-stepper-title-color, var(--ig-gray-900));--title-hover-color: var(--ig-stepper-title-hover-color, var(--ig-gray-900));--title-focus-color: var(--ig-stepper-title-focus-color, var(--ig-gray-900));--subtitle-color: var(--ig-stepper-subtitle-color, var(--ig-gray-700));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, var(--ig-gray-700));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, var(--ig-gray-700));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-title-color: var(--ig-stepper-complete-title-color, var(--ig-gray-900));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, var(--ig-gray-900));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, var(--ig-gray-900));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, var(--ig-gray-700));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, var(--ig-gray-700));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, var(--ig-gray-700));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-indicator-background: var(--ig-stepper-current-indicator-background, var(--ig-primary-800));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, var(--ig-primary-800));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-50-contrast));--current-title-color: var(--ig-stepper-current-title-color, var(--ig-gray-900));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, var(--ig-gray-900));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, var(--ig-gray-900));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, var(--ig-gray-700));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, var(--ig-gray-700));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, var(--ig-gray-700));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, var(--ig-error-500));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, var(--ig-error-500));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, var(--ig-error-500));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, var(--ig-error-500));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, var(--ig-error-300));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, var(--ig-error-500));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, var(--ig-error-500));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, var(--ig-error-300));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, var(--ig-gray-500));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, var(--ig-gray-200));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, var(--ig-gray-200));--disabled-title-color: var(--ig-stepper-disabled-title-color, var(--ig-gray-500));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, var(--ig-gray-500));--step-separator-color: var(--ig-stepper-step-separator-color, var(--ig-gray-300));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, var(--ig-gray-900));--step-separator-style: var(--ig-stepper-step-separator-style, dashed);--complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);--border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));--border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, var(--ig-gray-900));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, var(--ig-gray-900));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--ig-theme: material}`;\n"]}