npm - igniteui-webcomponents - Versions diffs - 4.5.0-beta.1 → 4.6.0 - Mend

igniteui-webcomponents 4.5.0-beta.1 → 4.6.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 (2136) hide show

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;

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

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/step/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAErE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAG/D,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,cAAc;GACxC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,aAAa;GAC1B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,WAAW;GAClC;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,MAAM,IAAI,SAAS,IAAI,aAAa;GACvC;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,MAAM,IAAI,YAAY;GACzB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,MAAM,IAAI,UAAU;GACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/step.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/step.fluent.css.js';\nimport { styles as indigoDark } from './dark/step.indigo.css.js';\nimport { styles as materialDark } from './dark/step.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/step.bootstrap.css.js';\nimport { styles as fluentLight } from './light/step.fluent.css.js';\nimport { styles as indigoLight } from './light/step.indigo.css.js';\nimport { styles as materialLight } from './light/step.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/step.bootstrap.css.js';\nimport { styles as shared } from './shared/step.common.css.js';\nimport { styles as fluent } from './shared/step.fluent.css.js';\nimport { styles as indigo } from './shared/step.indigo.css.js';\nimport { Themes } from '../../../../theming/types.js';\n\nconst light = {\n bootstrap: css`\n ${shared} ${bootstrap} ${bootstrapLight}\n `,\n material: css`\n ${shared} ${materialLight}\n `,\n fluent: css`\n ${shared} ${fluent} ${fluentLight}\n `,\n indigo: css`\n ${shared} ${indigo} ${indigoLight}\n `,\n};\n\nconst dark = {\n bootstrap: css`\n ${shared} ${bootstrap} ${bootstrapDark}\n `,\n material: css`\n ${shared} ${materialDark}\n `,\n fluent: css`\n ${shared} ${fluent} ${fluentDark}\n `,\n indigo: css`\n ${shared} ${indigo} ${indigoDark}\n `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/stepper/themes/stepper/stepper.base.css.js CHANGED Viewed

@@ -1,144 +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 {
-  font-family: var(--ig-font-family);
-  overflow: hidden;
-  --margin: 1rem;
-  --body-padding: 1rem;
-  --header-gap: 0.5rem;
-  --header-padding: 0.5rem;
-  --vertical-body-padding: var(--body-padding);
-  --indicator-size: 1.5rem;
-  --indicator-roundness: calc(var(--indicator-size) / 2);
-  --indicator-box-shadow-size: 0.0625rem;
-  --separator-size: 0.0625rem;
-  --separator-type: dashed;
-  --separator-type--completed: solid;
-  --separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));
-  --separator-min-width: 2.25rem;
-  --separator-min-width--header: 0.25rem;
-  --separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));
-  --text-min-width: var(--indicator-size);
-  --header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));
-  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));
-  --step-min-width--first-step: var(--header-min-width);
-}
-:host([orientation=horizontal]) {
-  --horizontal-content-disply: block;
-  --vertical-separator-visibility: none;
-  --horizontal-body-padding: 0.5rem;
-  display: grid;
-  grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));
-  grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));
-  grid-template-rows: auto 1fr;
-}
-:host([orientation=horizontal]) ::slotted(igc-step) {
-  display: contents;
-  pointer-events: none;
-  --align-text: center;
-  --align-items: center;
-}
-:host([orientation=horizontal]) ::slotted(igc-step:first-of-type) {
-  --horizontal-separator-visibility--first-of-type: none;
-}
-:host([orientation=horizontal]) ::slotted(igc-step:last-of-type) {
-  --horizontal-separator-visibility--last-of-type: none;
-}
-:host([orientation=horizontal][title-position=start]),
-:host([orientation=horizontal][title-position=end]) {
-  --step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));
-  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding));
-}
-::slotted(igc-step:first-of-type) {
-  --horizontal-separator-display--first-of-type: none;
-}
-::slotted(igc-step:last-of-type) {
-  --vertical-body-disply--last-of-type: none;
-  --horizontal-separator-display--last-of-type: none;
-}
-:host(:not([step-type=full])) {
-  --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));
-  --separator-disply-not-full: none;
-}
-:host(:not([step-type=full])) ::slotted(igc-step) {
-  --step-not-full-header-aligmnet: center;
-}
-:host([step-type=full]) ::slotted(igc-step) {
-  --step-separator-position: var(--separator-position);
-}
-:host([content-top]) ::slotted(igc-step) {
-  --header-bottom: 2;
-  --body-top: 1;
-}
-:host(:not([orientation=horizontal])) {
-  --vertical-header-z-index: 2;
-  --vertical-body-disply: block;
-  --vertical-body-height: 0;
-  --header-width-vertical: 100%;
-  --hide-horizontal-separator: none;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 100%;
-}
-:host(:not([orientation=horizontal])) ::slotted(igc-step) {
-  --horizontal-separator-display: none;
-  --step-hide-last-of-type: none;
-  --step-hide-first-of-type: none;
-  --step-width: 100%;
-  --body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-}
-:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type) {
-  --hide-last-separator: none;
-}`;
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-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{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) * 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 0.5rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 0;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--hide-last-separator: none}`;
 //# sourceMappingURL=stepper.base.css.js.map

package/components/stepper/themes/stepper/stepper.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6IvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1)~~;\n --~~is-medium: min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1)~~,\n~~ clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n )~~;\n --~~is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1)~~;\n~~ position: relative~~;\n -~~webkit-box-sizing: border-box~~;\n~~ box-sizing: border-box~~;\n~~ scrollbar-width: var(--ig-scrollbar-size)~~;\n~~ scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)~~;\n~~}\n:host ,\n:host ::before~~,\n:~~host ::after {\n -webkit-box-sizing: border-box~~;\n~~ box-sizing: border-box~~;\n~~}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size)~~;\n~~ height: var(--ig-scrollbar-size)~~;\n~~ background: var(--ig-scrollbar-track-background)~~;\n~~}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background)~~;\n~~}~~\n\n~~:host([hidden])~~,\n~~[hidden] {\n display: none !important~~;\n~~}\n:host {\n font-family: var(--ig-font-family)~~;\n~~ overflow: hidden~~;\n --~~margin: 1rem~~;\n --~~body-padding: 1rem~~;\n --~~header-gap: 0.5rem~~;\n --~~header-padding: 0.5rem~~;\n --~~vertical-body-padding: var(--body-padding)~~;\n --~~indicator-size: 1.5rem~~;\n --~~indicator-roundness: calc(var(--indicator-size) / 2)~~;\n --~~indicator-box-shadow-size: 0.0625rem~~;\n --~~separator-size: 0.0625rem~~;\n --~~separator-type: dashed~~;\n --~~separator-type--completed: solid~~;\n --~~separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2))~~;\n --~~separator-min-width: 2.25rem~~;\n --~~separator-min-width--header: 0.25rem~~;\n --~~separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header))~~;\n --~~text-min-width: var(--indicator-size)~~;\n --~~header-min-width: calc(var(--indicator-size) + (var(--header-padding) 2))~~;\n --~~step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full))~~;\n --~~step-min-width--first-step: var(--header-min-width)~~;\n~~}~~\n\n~~:host([orientation=horizontal]) {\n --horizontal-content-disply: block~~;\n --~~vertical-separator-visibility: none~~;\n --~~horizontal-body-padding: 0.5rem~~;\n~~ display: grid~~;\n~~ grid-template-columns: minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto))~~;\n~~ grid-template-columns: minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto))~~;\n~~ grid-template-rows: auto 1fr~~;\n~~}\n:host([orientation=horizontal]) ::slotted(igc-step) {\n display: contents~~;\n~~ pointer-events: none~~;\n --~~align-text: center~~;\n --~~align-items: center~~;\n~~}\n:host([orientation=horizontal]) ::slotted(igc-step:first-of-type) {\n --horizontal-separator-visibility--first-of-type: none~~;\n~~}\n:host([orientation=horizontal]) ::slotted(igc-step:last-of-type) {\n --horizontal-separator-visibility--last-of-type: none~~;\n~~}~~\n\n~~:host([orientation=horizontal][title-position=start])~~,\n:~~host([orientation=horizontal][title-position=end]) {\n --step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding))~~;\n --~~step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))~~;\n~~}~~\n\n~~::slotted(igc-step:first-of-type) {\n --horizontal-separator-display--first-of-type: none~~;\n~~}~~\n\n~~::slotted(igc-step:last-of-type) {\n --vertical-body-disply--last-of-type: none~~;\n --~~horizontal-separator-display--last-of-type: none~~;\n~~}~~\n\n~~:host(:not([step-type=full])) {\n --step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header))~~;\n --~~separator-disply-not-full: none~~;\n~~}\n:host(:not([step-type=full])) ::slotted(igc-step) {\n --step-not-full-header-aligmnet: center~~;\n~~}~~\n\n~~:host([step-type=full]) ::slotted(igc-step) {\n --step-separator-position: var(--separator-position)~~;\n~~}~~\n\n~~:host([content-top]) ::slotted(igc-step) {\n --header-bottom: 2~~;\n --~~body-top: 1~~;\n~~}~~\n\n~~:host(:not([orientation=horizontal])) {\n --vertical-header-z-index: 2~~;\n --~~vertical-body-disply: block~~;\n --~~vertical-body-height: 0~~;\n --~~header-width-vertical: 100~~%;\n --~~hide-horizontal-separator: none~~;\n~~ display~~: -~~webkit-box~~;\n~~ display~~: -~~ms-flexbox~~;\n~~ display: flex~~;\n -~~webkit-box-orient: vertical~~;\n -~~webkit-box-direction: normal~~;\n -~~ms-flex-direction: column~~;\n~~ flex-direction: column~~;\n~~ width: 100~~%;\n~~}\n:host(:not([orientation=horizontal])) ::slotted(igc-step) {\n --horizontal-separator-display: none~~;\n --~~step-hide-last-of-type: none~~;\n --~~step-hide-first-of-type: none~~;\n --~~step-width: 100~~%;\n --~~body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap))~~;\n~~ display~~: -~~webkit-box~~;\n~~ display~~: -~~ms-flexbox~~;\n~~ display: flex~~;\n -~~webkit-box-orient: vertical~~;\n -~~webkit-box-direction: normal~~;\n -~~ms-flex-direction: column~~;\n~~ flex-direction: column~~;\n~~}\n:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type) {\n --hide-last-separator: none~~;\n~~}`;\n"]}
1	+ {"version":3,"file":"stepper.base.css.js","sourceRoot":"","sources":["../../../../../src/components/stepper/themes/stepper/stepper.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,++IAA++I,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{font-family:var(--ig-font-family);overflow:hidden;--margin: 1rem;--body-padding: 1rem;--header-gap: 0.5rem;--header-padding: 0.5rem;--vertical-body-padding: var(--body-padding);--indicator-size: 1.5rem;--indicator-roundness: calc(var(--indicator-size) / 2);--indicator-box-shadow-size: 0.0625rem;--separator-size: 0.0625rem;--separator-type: dashed;--separator-type--completed: solid;--separator-position: calc(var(--header-padding) + (var(--indicator-size) / 2) - (var(--separator-size) / 2));--separator-min-width: 2.25rem;--separator-min-width--header: 0.25rem;--separator-min-width--full: calc(var(--separator-min-width) + var(--separator-min-width--header));--text-min-width: var(--indicator-size);--header-min-width: calc(var(--indicator-size) + (var(--header-padding) 2));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full));--step-min-width--first-step: var(--header-min-width)}:host([orientation=horizontal]){--horizontal-content-disply: block;--vertical-separator-visibility: none;--horizontal-body-padding: 0.5rem;display:grid;grid-template-columns:minmax(var(--step-min-width--first-step), -webkit-max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-columns:minmax(var(--step-min-width--first-step), max-content) repeat(calc(var(--steps-count) - 1), minmax(var(--step-min-width), auto));grid-template-rows:auto 1fr}:host([orientation=horizontal]) ::slotted(igc-step){display:contents;pointer-events:none;--align-text: center;--align-items: center}:host([orientation=horizontal]) ::slotted(igc-step:first-of-type){--horizontal-separator-visibility--first-of-type: none}:host([orientation=horizontal]) ::slotted(igc-step:last-of-type){--horizontal-separator-visibility--last-of-type: none}:host([orientation=horizontal][title-position=start]),:host([orientation=horizontal][title-position=end]){--step-min-width--first-step: calc(var(--header-min-width) + var(--indicator-size) + var(--header-padding));--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header) + var(--indicator-size) + var(--header-padding))}::slotted(igc-step:first-of-type){--horizontal-separator-display--first-of-type: none}::slotted(igc-step:last-of-type){--vertical-body-disply--last-of-type: none;--horizontal-separator-display--last-of-type: none}:host(:not([step-type=full])){--step-min-width: calc(var(--header-min-width) + var(--separator-min-width--full) - var(--separator-min-width--header));--separator-disply-not-full: none}:host(:not([step-type=full])) ::slotted(igc-step){--step-not-full-header-aligmnet: center}:host([step-type=full]) ::slotted(igc-step){--step-separator-position: var(--separator-position)}:host([content-top]) ::slotted(igc-step){--header-bottom: 2;--body-top: 1}:host(:not([orientation=horizontal])){--vertical-header-z-index: 2;--vertical-body-disply: block;--vertical-body-height: 0;--header-width-vertical: 100%;--hide-horizontal-separator: none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}:host(:not([orientation=horizontal])) ::slotted(igc-step){--horizontal-separator-display: none;--step-hide-last-of-type: none;--step-hide-first-of-type: none;--step-width: 100%;--body-indent--vertical: calc(var(--header-padding) + var(--indicator-size) + var(--header-gap));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host(:not([orientation=horizontal])) ::slotted(igc-step:last-of-type){--hide-last-separator: none}`;\n"]}