npm - igniteui-webcomponents - Versions diffs - 4.5.0 → 4.7.0 - Mend

igniteui-webcomponents 4.5.0 → 4.7.0

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

Files changed (2085) hide show

package/components/stepper/themes/step/light/step.indigo.css.js CHANGED Viewed

@@ -1,182 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --step-background: var(--ig-stepper-step-background, transparent);
-  --step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --indicator-background: var(--ig-stepper-indicator-background, transparent);
-  --indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-step-background: var(--ig-stepper-complete-step-background, transparent);
-  --complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));
-  --complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));
-  --complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-step-background: var(--ig-stepper-current-step-background, transparent);
-  --current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));
-  --current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);
-  --invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));
-  --invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);
-  --disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --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, 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));
-}
-[part~=title] {
-  color: var(--title-color);
-}
-[part~=subtitle] {
-  color: var(--subtitle-color);
-}
-[part~=header] {
-  background: var(--step-background);
-  border-radius: var(--border-radius-step-header);
-}
-[part~=header]::before, [part~=header]::after {
-  border-block-start-style: var(--step-separator-style);
-  border-block-start-color: var(--step-separator-color);
-}
-[part~=header]:hover {
-  background: var(--step-hover-background);
-  color: var(--title-hover-color);
-}
-[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {
-  background: var(--step-focus-background);
-  color: var(--title-focus-color);
-}
-[part~=header-container]::before,
-[part~=header]::before {
-  border-block-start-color: var(--step-separator-color);
-  border-block-start-style: var(--step-separator-style);
-}
-[part~=body]::before {
-  border-inline-start-color: var(--step-separator-color);
-}
-[part~=indicator] {
-  border-radius: var(--border-radius-indicator);
-  background: var(--indicator-background);
-  color: var(--indicator-color);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);
-}
-[part~=complete-start]::after {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-start] [part~=header]::after {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-start] [part~=indicator] {
-  background: var(--complete-indicator-background);
-  color: var(--complete-indicator-color);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);
-}
-[part~=complete-start] [part~=title] {
-  color: var(--complete-title-color);
-}
-[part~=complete-start] [part~=subtitle] {
-  color: var(--complete-subtitle-color);
-}
-:host([complete]) [part~=body]::before {
-  border-inline-start-style: var(--complete-step-separator-style);
-  border-inline-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-end]::before {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-end] [part~=header]::before {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=invalid] [part~=indicator] {
-  color: var(--invalid-indicator-color);
-  background: var(--invalid-indicator-background);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);
-}
-[part~=invalid] [part~=title],
-[part~=invalid] [part~=subtitle] {
-  color: var(--invalid-title-color);
-}
-:host([active]) [part~=indicator] {
-  background: var(--current-indicator-background);
-  color: var(--current-indicator-color);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);
-}
-:host([active]) [part~=title] {
-  color: var(--current-title-color);
-  font-weight: 600;
-}
-:host([active]) [part~=subtitle] {
-  color: var(--current-subtitle-color);
-}
-[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {
-  background: var(--step-background);
-}
-[part~=disabled] [part~=indicator] {
-  color: var(--disabled-indicator-color);
-  background: var(--disabled-indicator-background);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);
-}
-[part~=disabled] [part~=title] {
-  color: var(--disabled-title-color);
-}
-[part~=disabled] [part~=subtitle] {
-  color: var(--disabled-subtitle-color);
-}`;
+export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, 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))}`;
 //# sourceMappingURL=step.indigo.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmLvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --step-background: var(--ig-stepper-step-background, transparent);\n --step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --indicator-background: var(--ig-stepper-indicator-background, transparent);\n --indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-step-background: var(--ig-stepper-complete-step-background, transparent);\n --complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n --complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));\n --complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-step-background: var(--ig-stepper-current-step-background, transparent);\n --current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));\n --current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);\n --invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));\n --invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);\n --disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --step-separator-style: var(--ig-stepper-step-separator-style, solid);\n --complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);\n --border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));\n --border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));\n}\n\n[part~=title] {\n color: var(--title-color);\n}\n\n[part~=subtitle] {\n color: var(--subtitle-color);\n}\n\n[part~=header] {\n background: var(--step-background);\n border-radius: var(--border-radius-step-header);\n}\n[part~=header]::before, [part~=header]::after {\n border-block-start-style: var(--step-separator-style);\n border-block-start-color: var(--step-separator-color);\n}\n[part~=header]:hover {\n background: var(--step-hover-background);\n color: var(--title-hover-color);\n}\n[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {\n background: var(--step-focus-background);\n color: var(--title-focus-color);\n}\n\n[part~=header-container]::before,\n[part~=header]::before {\n border-block-start-color: var(--step-separator-color);\n border-block-start-style: var(--step-separator-style);\n}\n\n[part~=body]::before {\n border-inline-start-color: var(--step-separator-color);\n}\n\n[part~=indicator] {\n border-radius: var(--border-radius-indicator);\n background: var(--indicator-background);\n color: var(--indicator-color);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);\n}\n\n[part~=complete-start]::after {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-start] [part~=header]::after {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-start] [part~=indicator] {\n background: var(--complete-indicator-background);\n color: var(--complete-indicator-color);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);\n}\n[part~=complete-start] [part~=title] {\n color: var(--complete-title-color);\n}\n[part~=complete-start] [part~=subtitle] {\n color: var(--complete-subtitle-color);\n}\n\n:host([complete]) [part~=body]::before {\n border-inline-start-style: var(--complete-step-separator-style);\n border-inline-start-color: var(--complete-step-separator-color);\n}\n\n[part~=complete-end]::before {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-end] [part~=header]::before {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n\n[part~=invalid] [part~=indicator] {\n color: var(--invalid-indicator-color);\n background: var(--invalid-indicator-background);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);\n}\n[part~=invalid] [part~=title],\n[part~=invalid] [part~=subtitle] {\n color: var(--invalid-title-color);\n}\n\n:host([active]) [part~=indicator] {\n background: var(--current-indicator-background);\n color: var(--current-indicator-color);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);\n}\n:host([active]) [part~=title] {\n color: var(--current-title-color);\n font-weight: 600;\n}\n:host([active]) [part~=subtitle] {\n color: var(--current-subtitle-color);\n}\n\n[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {\n background: var(--step-background);\n}\n[part~=disabled] [part~=indicator] {\n color: var(--disabled-indicator-color);\n background: var(--disabled-indicator-background);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);\n}\n[part~=disabled] [part~=title] {\n color: var(--disabled-title-color);\n}\n[part~=disabled] [part~=subtitle] {\n color: var(--disabled-subtitle-color);\n}`;\n"]}
1	+ {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,66MAA66M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, transparent);--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-primary-100), var(--ig-primary-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, transparent);--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));--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, 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))}`;\n"]}

package/components/stepper/themes/step/light/step.material.css.js CHANGED Viewed

@@ -1,182 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --step-background: var(--ig-stepper-step-background, transparent);
-  --step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));
-  --title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-step-background: var(--ig-stepper-complete-step-background, transparent);
-  --complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));
-  --complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-step-background: var(--ig-stepper-current-step-background, transparent);
-  --current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));
-  --current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));
-  --current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);
-  --invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));
-  --invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));
-  --invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));
-  --disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));
-  --disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
-  --step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --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));
-}
-[part~=title] {
-  color: var(--title-color);
-}
-[part~=subtitle] {
-  color: var(--subtitle-color);
-}
-[part~=header] {
-  background: var(--step-background);
-  border-radius: var(--border-radius-step-header);
-}
-[part~=header]::before, [part~=header]::after {
-  border-block-start-style: var(--step-separator-style);
-  border-block-start-color: var(--step-separator-color);
-}
-[part~=header]:hover {
-  background: var(--step-hover-background);
-  color: var(--title-hover-color);
-}
-[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {
-  background: var(--step-focus-background);
-  color: var(--title-focus-color);
-}
-[part~=header-container]::before,
-[part~=header]::before {
-  border-block-start-color: var(--step-separator-color);
-  border-block-start-style: var(--step-separator-style);
-}
-[part~=body]::before {
-  border-inline-start-color: var(--step-separator-color);
-}
-[part~=indicator] {
-  border-radius: var(--border-radius-indicator);
-  background: var(--indicator-background);
-  color: var(--indicator-color);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--indicator-outline);
-          box-shadow: 0 0 0 0.0625rem var(--indicator-outline);
-}
-[part~=complete-start]::after {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-start] [part~=header]::after {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-start] [part~=indicator] {
-  background: var(--complete-indicator-background);
-  color: var(--complete-indicator-color);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--complete-indicator-outline);
-          box-shadow: 0 0 0 0.0625rem var(--complete-indicator-outline);
-}
-[part~=complete-start] [part~=title] {
-  color: var(--complete-title-color);
-}
-[part~=complete-start] [part~=subtitle] {
-  color: var(--complete-subtitle-color);
-}
-:host([complete]) [part~=body]::before {
-  border-inline-start-style: var(--complete-step-separator-style);
-  border-inline-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-end]::before {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=complete-end] [part~=header]::before {
-  border-block-start-style: var(--complete-step-separator-style);
-  border-block-start-color: var(--complete-step-separator-color);
-}
-[part~=invalid] [part~=indicator] {
-  color: var(--invalid-indicator-color);
-  background: var(--invalid-indicator-background);
-  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);
-          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);
-}
-[part~=invalid] [part~=title],
-[part~=invalid] [part~=subtitle] {
-  color: var(--invalid-title-color);
-}
-:host([active]) [part~=indicator] {
-  background: var(--current-indicator-background);
-  color: var(--current-indicator-color);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--current-indicator-outline);
-          box-shadow: 0 0 0 0.0625rem var(--current-indicator-outline);
-}
-:host([active]) [part~=title] {
-  color: var(--current-title-color);
-  font-weight: 600;
-}
-:host([active]) [part~=subtitle] {
-  color: var(--current-subtitle-color);
-}
-[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {
-  background: var(--step-background);
-}
-[part~=disabled] [part~=indicator] {
-  color: var(--disabled-indicator-color);
-  background: var(--disabled-indicator-background);
-  -webkit-box-shadow: 0 0 0 0.0625rem var(--disabled-indicator-outline);
-          box-shadow: 0 0 0 0.0625rem var(--disabled-indicator-outline);
-}
-[part~=disabled] [part~=title] {
-  color: var(--disabled-title-color);
-}
-[part~=disabled] [part~=subtitle] {
-  color: var(--disabled-subtitle-color);
-}`;
+export const styles = css `:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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))}`;
 //# sourceMappingURL=step.material.css.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmLvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --step-background: var(--ig-stepper-step-background, transparent);\n --step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));\n --title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-step-background: var(--ig-stepper-complete-step-background, transparent);\n --complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));\n --complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-step-background: var(--ig-stepper-current-step-background, transparent);\n --current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n --current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));\n --current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n --invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);\n --invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));\n --invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));\n --invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));\n --disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n --disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n --step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n --complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n --step-separator-style: var(--ig-stepper-step-separator-style, dashed);\n --complete-step-separator-style: var(--ig-stepper-complete-step-separator-style, solid);\n --border-radius-indicator: var(--ig-stepper-border-radius-indicator, clamp(0rem, calc(var(--ig-radius-factor, 1) * 6.25rem), 6.25rem));\n --border-radius-step-header: var(--ig-stepper-border-radius-step-header, clamp(0rem, calc(var(--ig-radius-factor, 0) * 6.25rem), 6.25rem));\n}\n\n[part~=title] {\n color: var(--title-color);\n}\n\n[part~=subtitle] {\n color: var(--subtitle-color);\n}\n\n[part~=header] {\n background: var(--step-background);\n border-radius: var(--border-radius-step-header);\n}\n[part~=header]::before, [part~=header]::after {\n border-block-start-style: var(--step-separator-style);\n border-block-start-color: var(--step-separator-color);\n}\n[part~=header]:hover {\n background: var(--step-hover-background);\n color: var(--title-hover-color);\n}\n[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {\n background: var(--step-focus-background);\n color: var(--title-focus-color);\n}\n\n[part~=header-container]::before,\n[part~=header]::before {\n border-block-start-color: var(--step-separator-color);\n border-block-start-style: var(--step-separator-style);\n}\n\n[part~=body]::before {\n border-inline-start-color: var(--step-separator-color);\n}\n\n[part~=indicator] {\n border-radius: var(--border-radius-indicator);\n background: var(--indicator-background);\n color: var(--indicator-color);\n -webkit-box-shadow: 0 0 0 0.0625rem var(--indicator-outline);\n box-shadow: 0 0 0 0.0625rem var(--indicator-outline);\n}\n\n[part~=complete-start]::after {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-start] [part~=header]::after {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-start] [part~=indicator] {\n background: var(--complete-indicator-background);\n color: var(--complete-indicator-color);\n -webkit-box-shadow: 0 0 0 0.0625rem var(--complete-indicator-outline);\n box-shadow: 0 0 0 0.0625rem var(--complete-indicator-outline);\n}\n[part~=complete-start] [part~=title] {\n color: var(--complete-title-color);\n}\n[part~=complete-start] [part~=subtitle] {\n color: var(--complete-subtitle-color);\n}\n\n:host([complete]) [part~=body]::before {\n border-inline-start-style: var(--complete-step-separator-style);\n border-inline-start-color: var(--complete-step-separator-color);\n}\n\n[part~=complete-end]::before {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n[part~=complete-end] [part~=header]::before {\n border-block-start-style: var(--complete-step-separator-style);\n border-block-start-color: var(--complete-step-separator-color);\n}\n\n[part~=invalid] [part~=indicator] {\n color: var(--invalid-indicator-color);\n background: var(--invalid-indicator-background);\n -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);\n box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);\n}\n[part~=invalid] [part~=title],\n[part~=invalid] [part~=subtitle] {\n color: var(--invalid-title-color);\n}\n\n:host([active]) [part~=indicator] {\n background: var(--current-indicator-background);\n color: var(--current-indicator-color);\n -webkit-box-shadow: 0 0 0 0.0625rem var(--current-indicator-outline);\n box-shadow: 0 0 0 0.0625rem var(--current-indicator-outline);\n}\n:host([active]) [part~=title] {\n color: var(--current-title-color);\n font-weight: 600;\n}\n:host([active]) [part~=subtitle] {\n color: var(--current-subtitle-color);\n}\n\n[part~=disabled]:focus [part=header], [part~=disabled]:focus-visible [part=header], [part~=disabled]:focus-within [part=header], [part~=disabled]:active [part=header], [part~=disabled]:hover [part=header] {\n background: var(--step-background);\n}\n[part~=disabled] [part~=indicator] {\n color: var(--disabled-indicator-color);\n background: var(--disabled-indicator-background);\n -webkit-box-shadow: 0 0 0 0.0625rem var(--disabled-indicator-outline);\n box-shadow: 0 0 0 0.0625rem var(--disabled-indicator-outline);\n}\n[part~=disabled] [part~=title] {\n color: var(--disabled-title-color);\n}\n[part~=disabled] [part~=subtitle] {\n color: var(--disabled-subtitle-color);\n}`;\n"]}
1	+ {"version":3,"file":"step.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,g7MAAg7M,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--step-background: var(--ig-stepper-step-background, transparent);--step-hover-background: var(--ig-stepper-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--step-focus-background: var(--ig-stepper-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--indicator-background: var(--ig-stepper-indicator-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-outline: var(--ig-stepper-indicator-outline, hsla(var(--ig-gray-300), var(--ig-gray-a)));--indicator-color: var(--ig-stepper-indicator-color, var(--ig-gray-400-contrast));--title-color: var(--ig-stepper-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-hover-color: var(--ig-stepper-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--title-focus-color: var(--ig-stepper-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--subtitle-color: var(--ig-stepper-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-hover-color: var(--ig-stepper-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--subtitle-focus-color: var(--ig-stepper-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-step-background: var(--ig-stepper-complete-step-background, transparent);--complete-step-hover-background: var(--ig-stepper-complete-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--complete-step-focus-background: var(--ig-stepper-complete-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--complete-indicator-background: var(--ig-stepper-complete-indicator-background, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-outline: var(--ig-stepper-complete-indicator-outline, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-indicator-color: var(--ig-stepper-complete-indicator-color, var(--ig-gray-900-contrast));--complete-title-color: var(--ig-stepper-complete-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-hover-color: var(--ig-stepper-complete-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-title-focus-color: var(--ig-stepper-complete-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--complete-subtitle-color: var(--ig-stepper-complete-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-hover-color: var(--ig-stepper-complete-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--complete-subtitle-focus-color: var(--ig-stepper-complete-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-step-background: var(--ig-stepper-current-step-background, transparent);--current-step-hover-background: var(--ig-stepper-current-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--current-step-focus-background: var(--ig-stepper-current-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--current-indicator-background: var(--ig-stepper-current-indicator-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-outline: var(--ig-stepper-current-indicator-outline, hsla(var(--ig-primary-500), var(--ig-primary-a)));--current-indicator-color: var(--ig-stepper-current-indicator-color, var(--ig-gray-900-contrast));--current-title-color: var(--ig-stepper-current-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-hover-color: var(--ig-stepper-current-title-hover-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-title-focus-color: var(--ig-stepper-current-title-focus-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--current-subtitle-color: var(--ig-stepper-current-subtitle-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-hover-color: var(--ig-stepper-current-subtitle-hover-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--current-subtitle-focus-color: var(--ig-stepper-current-subtitle-focus-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--invalid-step-background: var(--ig-stepper-invalid-step-background, transparent);--invalid-step-hover-background: var(--ig-stepper-invalid-step-hover-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--invalid-step-focus-background: var(--ig-stepper-invalid-step-focus-background, hsla(var(--ig-gray-100), var(--ig-gray-a)));--invalid-indicator-background: var(--ig-stepper-invalid-indicator-background, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-outline: var(--ig-stepper-invalid-indicator-outline, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-indicator-color: var(--ig-stepper-invalid-indicator-color, var(--ig-gray-900-contrast));--invalid-title-color: var(--ig-stepper-invalid-title-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-hover-color: var(--ig-stepper-invalid-title-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-title-focus-color: var(--ig-stepper-invalid-title-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-color: var(--ig-stepper-invalid-subtitle-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-hover-color: var(--ig-stepper-invalid-subtitle-hover-color, hsla(var(--ig-error-500), var(--ig-error-a)));--invalid-subtitle-focus-color: var(--ig-stepper-invalid-subtitle-focus-color, hsla(var(--ig-error-500), var(--ig-error-a)));--disabled-indicator-color: var(--ig-stepper-disabled-indicator-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-indicator-background: var(--ig-stepper-disabled-indicator-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-indicator-outline: var(--ig-stepper-disabled-indicator-outline, hsla(var(--ig-gray-200), var(--ig-gray-a)));--disabled-title-color: var(--ig-stepper-disabled-title-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--disabled-subtitle-color: var(--ig-stepper-disabled-subtitle-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--step-separator-color: var(--ig-stepper-step-separator-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--complete-step-separator-color: var(--ig-stepper-complete-step-separator-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--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))}`;\n"]}

package/components/stepper/themes/step/shared/step.bootstrap.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/shared/step.bootstrap.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{-webkit-box-shadow:inset 0 0 0 .0625rem var(--indicator-outline);box-shadow:inset 0 0 0 .0625rem var(--indicator-outline)}[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{-webkit-box-shadow:none;box-shadow:none}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;
+//# sourceMappingURL=step.bootstrap.css.js.map

package/components/stepper/themes/step/shared/step.bootstrap.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxCAAgxC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{-webkit-box-shadow:inset 0 0 0 .0625rem var(--indicator-outline);box-shadow:inset 0 0 0 .0625rem var(--indicator-outline)}[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{-webkit-box-shadow:none;box-shadow:none}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;\n"]}

package/components/stepper/themes/step/shared/step.common.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/shared/step.common.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--indicator-outline);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--complete-indicator-outline);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}:host([complete]) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title],[part~=invalid] [part~=subtitle]{color:var(--invalid-title-color)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--current-indicator-outline);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);-webkit-box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;
+//# sourceMappingURL=step.common.css.js.map

package/components/stepper/themes/step/shared/step.common.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"step.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qlHAAqlH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=title]{color:var(--title-color)}[part~=subtitle]{color:var(--subtitle-color)}[part~=header]{background:var(--step-background);border-radius:var(--border-radius-step-header)}[part~=header]::before,[part~=header]::after{border-block-start-style:var(--step-separator-style);border-block-start-color:var(--step-separator-color)}[part~=header]:hover{background:var(--step-hover-background);color:var(--title-hover-color)}[part~=header]:focus,[part~=header]:focus-within,[part~=header]:active{background:var(--step-focus-background);color:var(--title-focus-color)}[part~=header-container]::before,[part~=header]::before{border-block-start-color:var(--step-separator-color);border-block-start-style:var(--step-separator-style)}[part~=body]::before{border-inline-start-color:var(--step-separator-color)}[part~=indicator]{border-radius:var(--border-radius-indicator);background:var(--indicator-background);color:var(--indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--indicator-outline);box-shadow:0 0 0 .0625rem var(--indicator-outline)}[part~=complete-start]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=header]::after{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-start] [part~=indicator]{background:var(--complete-indicator-background);color:var(--complete-indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--complete-indicator-outline);box-shadow:0 0 0 .0625rem var(--complete-indicator-outline)}[part~=complete-start] [part~=title]{color:var(--complete-title-color)}[part~=complete-start] [part~=subtitle]{color:var(--complete-subtitle-color)}:host([complete]) [part~=body]::before{border-inline-start-style:var(--complete-step-separator-style);border-inline-start-color:var(--complete-step-separator-color)}[part~=complete-end]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=complete-end] [part~=header]::before{border-block-start-style:var(--complete-step-separator-style);border-block-start-color:var(--complete-step-separator-color)}[part~=invalid] [part~=indicator]{color:var(--invalid-indicator-color);background:var(--invalid-indicator-background);-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--invalid-indicator-outline)}[part~=invalid] [part~=title],[part~=invalid] [part~=subtitle]{color:var(--invalid-title-color)}:host([active]) [part~=indicator]{background:var(--current-indicator-background);color:var(--current-indicator-color);-webkit-box-shadow:0 0 0 .0625rem var(--current-indicator-outline);box-shadow:0 0 0 .0625rem var(--current-indicator-outline)}:host([active]) [part~=title]{color:var(--current-title-color);font-weight:600}:host([active]) [part~=subtitle]{color:var(--current-subtitle-color)}[part~=disabled]:focus [part=header],[part~=disabled]:focus-visible [part=header],[part~=disabled]:focus-within [part=header],[part~=disabled]:active [part=header],[part~=disabled]:hover [part=header]{background:var(--step-background)}[part~=disabled] [part~=indicator]{color:var(--disabled-indicator-color);background:var(--disabled-indicator-background);-webkit-box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline);box-shadow:0 0 0 .0625rem var(--disabled-indicator-outline)}[part~=disabled] [part~=title]{color:var(--disabled-title-color)}[part~=disabled] [part~=subtitle]{color:var(--disabled-subtitle-color)}`;\n"]}

package/components/stepper/themes/step/shared/step.fluent.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/shared/step.fluent.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;
+//# sourceMappingURL=step.fluent.css.js.map

package/components/stepper/themes/step/shared/step.fluent.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,81BAA81B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;\n"]}

package/components/stepper/themes/step/shared/step.indigo.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/shared/step.indigo.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;
+//# sourceMappingURL=step.indigo.css.js.map

package/components/stepper/themes/step/shared/step.indigo.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/shared/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,81BAA81B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-outline)}[part~=complete-start] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--complete-indicator-outline)}:host([active]) [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--current-indicator-outline)}[part~=disabled] [part~=indicator]{-webkit-box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline);box-shadow:inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-indicator-outline)}`;\n"]}

package/components/stepper/themes/step/step.base.css.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const styles: import("lit").CSSResult;

package/components/stepper/themes/step/step.base.css.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:"";width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;opacity:0;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);-webkit-padding-start:calc(var(--body-indent--vertical)/2);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:"";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{-webkit-box-align:var(--step-not-full-header-aligmnet, flex-end);-ms-flex-align:var(--step-not-full-header-aligmnet, flex-end);align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{-webkit-box-align:var(--step-not-full-header-aligmnet, start);-ms-flex-align:var(--step-not-full-header-aligmnet, start);align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[part~=start],[part~=end]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{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);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem }[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{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)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%;opacity:1}:host([active]) [part~="body bottom"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all}[part~=disabled] [part=header]{cursor:default}`;
+//# sourceMappingURL=step.base.css.js.map

package/components/stepper/themes/step/step.base.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/step/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+sQAA+sQ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}[part~=header-container],[part~=header]{width:var(--header-width-vertical, auto)}[part~=header-container]::before,[part~=header]::before{content:\"\";width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);position:relative}[part~=header-container]{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:0}[part~=header-container] [part~=header]{pointer-events:all;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=header-container] [part=indicator],[part~=header-container] [part=title],[part~=header-container] [part=subtitle]{pointer-events:none}[part~=header-container]::before{min-width:var(--separator-min-width);display:var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type))}[part~=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);grid-row:var(--header-bottom, 1);position:relative;overflow:hidden;padding:var(--header-padding);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:var(--header-gap);z-index:var(--vertical-header-z-index)}[part~=header]::before,[part~=header]::after{content:\"\";-webkit-box-flex:1;-ms-flex:1;flex:1;border-block-start-width:var(--separator-size);height:var(--separator-size);min-width:var(--separator-min-width--header);width:calc(50% - var(--indicator-size)/2 - var(--header-padding));position:absolute;z-index:-1}[part~=header]::before{inset-inline-start:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)))}[part~=header]::after{inset-inline-end:0;display:var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)))}[part~=header]:focus,[part~=header]:hover{cursor:pointer;outline:none}[part~=header]:hover::before,[part~=header]:hover::after{visibility:var(--header-separator-visibility--hover)}[part~=header]:focus::before,[part~=header]:focus::after,[part~=header]:focus-within::before,[part~=header]:focus-within::after,[part~=header]:active::before,[part~=header]:active::after{visibility:var(--header-separator-visibility--hover)}[part~=body]{display:block;opacity:0;grid-row-start:var(--body-top, 2);grid-column:1/span var(--steps-count);-webkit-padding-start:calc(var(--body-indent--vertical)/2);padding-inline-start:calc(var(--body-indent--vertical)/2);z-index:1;position:relative;overflow:hidden;width:0;height:var(--vertical-body-height, auto);min-width:100%}[part~=body]::before{display:var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));content:\"\";position:absolute;inset-inline-start:calc(var(--body-indent--vertical)/2 - var(--separator-size)/2);height:100%;inset-block-start:0 !important;border-inline-start-style:var(--separator-type);border-inline-start-width:var(--separator-size)}[part=content]{display:block;height:auto;overflow:auto}[part=content]>slot{display:block;padding-inline:var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2)) var(--horizontal-body-padding, var(--vertical-body-padding));padding-block:var(--horizontal-body-padding, var(--vertical-body-padding)) var(--horizontal-body-padding, var(--vertical-body-padding))}[part~=top]{-webkit-box-align:var(--step-not-full-header-aligmnet, flex-end);-ms-flex-align:var(--step-not-full-header-aligmnet, flex-end);align-items:var(--step-not-full-header-aligmnet, flex-end)}[part~=top]::before,[part~=top]::after{inset-block-end:var(--step-separator-position)}[part~=top] [part~=header]{-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}[part~=top] [part~=header]::before,[part~=top] [part~=header]::after{inset-block-end:var(--step-separator-position)}[part~=bottom]{-webkit-box-align:var(--step-not-full-header-aligmnet, start);-ms-flex-align:var(--step-not-full-header-aligmnet, start);align-items:var(--step-not-full-header-aligmnet, start)}[part~=bottom]::before,[part~=bottom]::after{inset-block-start:var(--step-separator-position)}[part~=bottom] [part~=header]{-webkit-box-align:var(--align-items, flex-start);-ms-flex-align:var(--align-items, flex-start);align-items:var(--align-items, flex-start);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part~=bottom] [part~=header]::before,[part~=bottom] [part~=header]::after{inset-block-start:var(--step-separator-position)}[part~=top] [part~=text],[part~=bottom] [part~=text]{width:100%}[part~=start] [part=text]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}[part~=start],[part~=end]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}[part~=start] [part~=text],[part~=end] [part~=text]{overflow:hidden}[part~=start] [part~=header]::before,[part~=start] [part~=header]::after,[part~=end] [part~=header]::before,[part~=end] [part~=header]::after{display:none}[part~=indicator]{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);width:var(--indicator-size);min-width:var(--indicator-size);height:var(--indicator-size);position:relative}[part~=indicator],::slotted([slot=indicator]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted([slot=indicator]){--diameter: calc(var(--indicator-size) - 0.125rem);--ig-icon-size: 1.125rem }[part~=text]{text-align:var(--align-text, initial);min-width:var(--indicator-size)}[part~=subtitle],[part~=title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part~=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part~=subtitle]{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)}[part~=empty]{display:none}:host([active]) [part~=body]{height:100%;opacity:1}:host([active]) [part~=\"body bottom\"]::before{inset-block-start:0}:host([active]) [part=content]{pointer-events:all}[part~=disabled] [part=header]{cursor:default}`;\n"]}

package/components/stepper/themes/step/themes.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { Themes } from '../../../../theming/types.js';
2	+ export declare const all: Themes;