igniteui-webcomponents 4.0.0 → 4.1.0

package/components/stepper/themes/step/light/step.base.css.js

@@ -0,0 +1,456 @@
+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);
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --title-color: var(--ig-gray-50-contrast);
+  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --separator-color--completed: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --header-color: var(--ig-gray-50-contrast);
+  --header-background--hover: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-shadow: hsla(var(--ig-gray-50), 0);
+  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  --indicator-shadow: var(--indicator-background);
+  --optional-indicator-color: var(--indicator-color);
+  --optional-indicator-background: var(--indicator-background);
+  --optional-indicator-shadow: var(--indicator-shadow);
+  --completed-indicator-color: var(--indicator-color);
+  --completed-indicator-background: var(--indicator-background);
+  --completed-indicator-shadow: var(--indicator-shadow);
+  --active-indicator-color: var(--ig-primary-800-contrast);
+  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --active-indicator-shadow: var(--active-indicator-background);
+  --active-title-color: var(--title-color);
+  --active-subtitle-color: var(--subtitle-color);
+  --error-color: var(--ig-error-800-contrast);
+  --error-background: hsla(var(--ig-error-500), var(--ig-error-a));
+  --error-shadow: var(--error-background);
+  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  --disabled-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --disabled-shadow: var(--disabled-background);
+  -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;
+  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);
+          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);
+  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);
+  color: var(--header-color);
+  z-index: var(--vertical-header-z-index);
+}
+[part~=header]::before, [part~=header]::after {
+  content: "";
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);
+          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);
+  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;
+  /* stylelint-disable */
+  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)));
+  /* stylelint-enable */
+}
+[part~=header]::after {
+  inset-inline-end: 0;
+  /* stylelint-disable */
+  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)));
+  /* stylelint-enable */
+}
+[part~=header]:focus, [part~=header]:hover {
+  cursor: pointer;
+  outline: none;
+}
+[part~=header]:hover {
+  background: var(--header-background--hover);
+}
+[part~=header]:hover::before, [part~=header]:hover::after {
+  visibility: var(--header-separator-visibility--hover);
+}
+[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {
+  background: var(--header-background--focus);
+  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);
+          box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);
+}
+[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: var(--vertical-body-disply--last-of-type, var(--vertical-body-disply, none));
+  grid-row-start: var(--body-top, 2);
+  grid-column: span var(--steps-count);
+  -webkit-margin-start: calc(var(--body-indent--vertical) / 2);
+          margin-inline-start: calc(var(--body-indent--vertical) / 2);
+  -webkit-padding-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));
+          padding-inline-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));
+  -webkit-padding-end: var(--horizontal-body-padding, var(--vertical-body-padding));
+          padding-inline-end: var(--horizontal-body-padding, var(--vertical-body-padding));
+  -webkit-padding-before: var(--horizontal-body-padding, var(--vertical-body-padding));
+          padding-block-start: var(--horizontal-body-padding, var(--vertical-body-padding));
+  -webkit-padding-after: var(--horizontal-body-padding, var(--vertical-body-padding));
+          padding-block-end: var(--horizontal-body-padding, var(--vertical-body-padding));
+  z-index: 1;
+  position: relative;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  width: 0;
+  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(--separator-size) / 2 * -1);
+  height: 100%;
+  inset-block-start: 0 !important;
+  -webkit-border-start: var(--separator-size) var(--separator-type) var(--separator-color);
+          border-inline-start: var(--separator-size) var(--separator-type) var(--separator-color);
+}
+
+[part=content] {
+  display: var(--horizontal-content-disply, none);
+}
+
+[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] {
+  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;
+  width: var(--indicator-size);
+  min-width: var(--indicator-size);
+  height: var(--indicator-size);
+  position: relative;
+}
+[part~=indicator] span {
+  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;
+  width: var(--indicator-size);
+  height: var(--indicator-size);
+  border-radius: var(--indicator-roundness);
+  background: var(--indicator-background);
+  color: var(--indicator-color);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);
+  font-family: var(--ig-caption-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~=text] {
+  text-align: var(--align-text, initial);
+  min-width: var(--indicator-size);
+}
+
+[part~=subtitle],
+[part~=title] {
+  overflow: hidden;
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+[part~=title] {
+  font-family: var(--ig-body-2-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);
+  color: var(--title-color);
+}
+
+[part~=subtitle] {
+  font-family: var(--ig-caption-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);
+  color: var(--subtitle-color);
+}
+
+[part~=empty] {
+  display: none;
+}
+
+[part~=optional] [part~=indicator] span {
+  color: var(--optional-indicator-color);
+  background: var(--optional-indicator-background);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);
+}
+
+[part~=complete-start]::after {
+  border-block-start-style: var(--separator-type--completed);
+  border-block-start-color: var(--separator-color--completed);
+}
+[part~=complete-start] [part~=header]::after {
+  border-block-start-style: var(--separator-type--completed);
+  border-block-start-color: var(--separator-color--completed);
+}
+[part~=complete-start] [part~=indicator] span {
+  background: var(--completed-indicator-background);
+  color: var(--completed-indicator-color);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);
+}
+
+:host([complete]) [part~=body]::before {
+  border-inline-start-style: var(--separator-type--completed);
+  border-inline-start-color: var(--separator-color--completed);
+}
+
+[part~=complete-end]::before {
+  border-block-start-style: var(--separator-type--completed);
+  border-block-start-color: var(--separator-color--completed);
+}
+[part~=complete-end] [part~=header]::before {
+  border-block-start-style: var(--separator-type--completed);
+  border-block-start-color: var(--separator-color--completed);
+}
+
+[part~=invalid] [part~=indicator] span {
+  color: var(--error-color);
+  background: var(--error-background);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);
+}
+[part~=invalid] [part~=title],
+[part~=invalid] [part~=subtitle] {
+  color: var(--error-background);
+}
+
+:host([active]) [part~=body] {
+  display: var(--vertical-body-disply, block);
+}
+:host([active]) [part~="body bottom"]::before {
+  inset-block-start: 0;
+}
+:host([active]) [part=content] {
+  display: var(--horizontal-content-disply, block);
+  pointer-events: all;
+}
+:host([active]) [part~=indicator] span {
+  background: var(--active-indicator-background);
+  color: var(--active-indicator-color);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);
+}
+:host([active]) [part~=title] {
+  color: var(--active-title-color);
+  font-weight: 600;
+}
+:host([active]) [part~=subtitle] {
+  color: var(--active-subtitle-color);
+}
+
+[part~=disabled] [part=header] {
+  background: hsla(var(--ig-gray-50), 0);
+}
+[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: hsla(var(--ig-gray-50), 0);
+  cursor: default;
+  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);
+          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);
+}
+[part~=disabled] [part~=indicator] span {
+  color: var(--disabled-color);
+  background: var(--disabled-background);
+  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);
+          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);
+}
+[part~=disabled] [part~=title],
+[part~=disabled] [part~=subtitle] {
+  color: var(--disabled-color);
+}`;
+//# sourceMappingURL=step.base.css.js.map

package/components/stepper/themes/step/light/step.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqcvB,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:\n      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[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --title-color: var(--ig-gray-50-contrast);\n  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --separator-color--completed: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --header-color: var(--ig-gray-50-contrast);\n  --header-background--hover: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-shadow: hsla(var(--ig-gray-50), 0);\n  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --indicator-shadow: var(--indicator-background);\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --completed-indicator-color: var(--indicator-color);\n  --completed-indicator-background: var(--indicator-background);\n  --completed-indicator-shadow: var(--indicator-shadow);\n  --active-indicator-color: var(--ig-primary-800-contrast);\n  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --active-indicator-shadow: var(--active-indicator-background);\n  --active-title-color: var(--title-color);\n  --active-subtitle-color: var(--subtitle-color);\n  --error-color: var(--ig-error-800-contrast);\n  --error-background: hsla(var(--ig-error-500), var(--ig-error-a));\n  --error-shadow: var(--error-background);\n  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  --disabled-background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --disabled-shadow: var(--disabled-background);\n  -webkit-box-align: start;\n      -ms-flex-align: start;\n          align-items: flex-start;\n}\n\n[part~=header-container],\n[part~=header] {\n  width: var(--header-width-vertical, auto);\n}\n[part~=header-container]::before,\n[part~=header]::before {\n  content: \"\";\n  width: auto;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  position: relative;\n}\n\n[part~=header-container] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  pointer-events: none;\n  position: relative;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  z-index: 0;\n}\n[part~=header-container] [part~=header] {\n  pointer-events: all;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=header-container] [part=indicator],\n[part~=header-container] [part=title],\n[part~=header-container] [part=subtitle] {\n  pointer-events: none;\n}\n[part~=header-container]::before {\n  min-width: var(--separator-min-width);\n  display: var(--hide-horizontal-separator, var(--horizontal-separator-display--first-of-type));\n}\n\n[part~=header] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  grid-row: var(--header-bottom, 1);\n  position: relative;\n  overflow: hidden;\n  padding: var(--header-padding);\n  -webkit-box-pack: start;\n      -ms-flex-pack: start;\n          justify-content: flex-start;\n  gap: var(--header-gap);\n  color: var(--header-color);\n  z-index: var(--vertical-header-z-index);\n}\n[part~=header]::before, [part~=header]::after {\n  content: \"\";\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  -webkit-border-before: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-block-start: var(--separator-size) var(--separator-type) var(--separator-color);\n  height: var(--separator-size);\n  min-width: var(--separator-min-width--header);\n  width: calc(50% - var(--indicator-size) / 2 - var(--header-padding));\n  position: absolute;\n  z-index: -1;\n}\n[part~=header]::before {\n  inset-inline-start: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--first-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]::after {\n  inset-inline-end: 0;\n  /* stylelint-disable */\n  display: var(--hide-horizontal-separator, var(--separator-disply-not-full, var(--horizontal-separator-display--last-of-type)));\n  /* stylelint-enable */\n}\n[part~=header]:focus, [part~=header]:hover {\n  cursor: pointer;\n  outline: none;\n}\n[part~=header]:hover {\n  background: var(--header-background--hover);\n}\n[part~=header]:hover::before, [part~=header]:hover::after {\n  visibility: var(--header-separator-visibility--hover);\n}\n[part~=header]:focus, [part~=header]:focus-within, [part~=header]:active {\n  background: var(--header-background--focus);\n  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n          box-shadow: inset 0 0 0 0.0625rem var(--header-shadow);\n}\n[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 {\n  visibility: var(--header-separator-visibility--hover);\n}\n\n[part~=body] {\n  display: var(--vertical-body-disply--last-of-type, var(--vertical-body-disply, none));\n  grid-row-start: var(--body-top, 2);\n  grid-column: span var(--steps-count);\n  -webkit-margin-start: calc(var(--body-indent--vertical) / 2);\n          margin-inline-start: calc(var(--body-indent--vertical) / 2);\n  -webkit-padding-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n          padding-inline-start: var(--horizontal-body-padding, calc(var(--body-indent--vertical) / 2));\n  -webkit-padding-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-inline-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-before: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-start: var(--horizontal-body-padding, var(--vertical-body-padding));\n  -webkit-padding-after: var(--horizontal-body-padding, var(--vertical-body-padding));\n          padding-block-end: var(--horizontal-body-padding, var(--vertical-body-padding));\n  z-index: 1;\n  position: relative;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  width: 0;\n  min-width: 100%;\n}\n[part~=body]::before {\n  display: var(--hide-last-separator, var(--hide-first-separator, var(--vertical-separator-visibility)));\n  content: \"\";\n  position: absolute;\n  inset-inline-start: calc(var(--separator-size) / 2 * -1);\n  height: 100%;\n  inset-block-start: 0 !important;\n  -webkit-border-start: var(--separator-size) var(--separator-type) var(--separator-color);\n          border-inline-start: var(--separator-size) var(--separator-type) var(--separator-color);\n}\n\n[part=content] {\n  display: var(--horizontal-content-disply, none);\n}\n\n[part~=top] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, flex-end);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, flex-end);\n          align-items: var(--step-not-full-header-aligmnet, flex-end);\n}\n[part~=top]::before, [part~=top]::after {\n  inset-block-end: var(--step-separator-position);\n}\n[part~=top] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: reverse;\n      -ms-flex-direction: column-reverse;\n          flex-direction: column-reverse;\n}\n[part~=top] [part~=header]::before, [part~=top] [part~=header]::after {\n  inset-block-end: var(--step-separator-position);\n}\n\n[part~=bottom] {\n  -webkit-box-align: var(--step-not-full-header-aligmnet, start);\n      -ms-flex-align: var(--step-not-full-header-aligmnet, start);\n          align-items: var(--step-not-full-header-aligmnet, start);\n}\n[part~=bottom]::before, [part~=bottom]::after {\n  inset-block-start: var(--step-separator-position);\n}\n[part~=bottom] [part~=header] {\n  -webkit-box-align: var(--align-items, flex-start);\n      -ms-flex-align: var(--align-items, flex-start);\n          align-items: var(--align-items, flex-start);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n}\n[part~=bottom] [part~=header]::before, [part~=bottom] [part~=header]::after {\n  inset-block-start: var(--step-separator-position);\n}\n\n[part~=top] [part~=text],\n[part~=bottom] [part~=text] {\n  width: 100%;\n}\n\n[part~=start] [part=text] {\n  -webkit-box-ordinal-group: 0;\n      -ms-flex-order: -1;\n          order: -1;\n}\n\n[part~=start],\n[part~=end] {\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n[part~=start] [part~=text],\n[part~=end] [part~=text] {\n  overflow: hidden;\n}\n[part~=start] [part~=header]::before, [part~=start] [part~=header]::after,\n[part~=end] [part~=header]::before,\n[part~=end] [part~=header]::after {\n  display: none;\n}\n\n[part~=indicator] {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  min-width: var(--indicator-size);\n  height: var(--indicator-size);\n  position: relative;\n}\n[part~=indicator] span {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  width: var(--indicator-size);\n  height: var(--indicator-size);\n  border-radius: var(--indicator-roundness);\n  background: var(--indicator-background);\n  color: var(--indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--indicator-shadow);\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n}\n\n[part~=text] {\n  text-align: var(--align-text, initial);\n  min-width: var(--indicator-size);\n}\n\n[part~=subtitle],\n[part~=title] {\n  overflow: hidden;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n[part~=title] {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  color: var(--title-color);\n}\n\n[part~=subtitle] {\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  color: var(--subtitle-color);\n}\n\n[part~=empty] {\n  display: none;\n}\n\n[part~=optional] [part~=indicator] span {\n  color: var(--optional-indicator-color);\n  background: var(--optional-indicator-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--optional-indicator-shadow);\n}\n\n[part~=complete-start]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=header]::after {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-start] [part~=indicator] span {\n  background: var(--completed-indicator-background);\n  color: var(--completed-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--completed-indicator-shadow);\n}\n\n:host([complete]) [part~=body]::before {\n  border-inline-start-style: var(--separator-type--completed);\n  border-inline-start-color: var(--separator-color--completed);\n}\n\n[part~=complete-end]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n[part~=complete-end] [part~=header]::before {\n  border-block-start-style: var(--separator-type--completed);\n  border-block-start-color: var(--separator-color--completed);\n}\n\n[part~=invalid] [part~=indicator] span {\n  color: var(--error-color);\n  background: var(--error-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--error-shadow);\n}\n[part~=invalid] [part~=title],\n[part~=invalid] [part~=subtitle] {\n  color: var(--error-background);\n}\n\n:host([active]) [part~=body] {\n  display: var(--vertical-body-disply, block);\n}\n:host([active]) [part~=\"body bottom\"]::before {\n  inset-block-start: 0;\n}\n:host([active]) [part=content] {\n  display: var(--horizontal-content-disply, block);\n  pointer-events: all;\n}\n:host([active]) [part~=indicator] span {\n  background: var(--active-indicator-background);\n  color: var(--active-indicator-color);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--active-indicator-shadow);\n}\n:host([active]) [part~=title] {\n  color: var(--active-title-color);\n  font-weight: 600;\n}\n:host([active]) [part~=subtitle] {\n  color: var(--active-subtitle-color);\n}\n\n[part~=disabled] [part=header] {\n  background: hsla(var(--ig-gray-50), 0);\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: hsla(var(--ig-gray-50), 0);\n  cursor: default;\n  -webkit-box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n          box-shadow: inset 0 0 0 0.0625rem hsla(var(--ig-gray-50), 0);\n}\n[part~=disabled] [part~=indicator] span {\n  color: var(--disabled-color);\n  background: var(--disabled-background);\n  -webkit-box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n          box-shadow: inset 0 0 0 var(--indicator-box-shadow-size) var(--disabled-shadow);\n}\n[part~=disabled] [part~=title],\n[part~=disabled] [part~=subtitle] {\n  color: var(--disabled-color);\n}`;\n"]}

package/components/stepper/themes/step/light/step.bootstrap.css.d.ts

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

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

@@ -0,0 +1,23 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --separator-color--completed: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --header-background--hover: hsla(var(--ig-gray-300), 0.5);
+  --header-background--focus: var(--header-background--hover);
+  --header-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --indicator-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --indicator-background: hsla(var(--ig-gray-50), 0);
+  --indicator-shadow: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  --optional-indicator-color: var(--indicator-color);
+  --optional-indicator-background: var(--indicator-background);
+  --optional-indicator-shadow: var(--indicator-shadow);
+  --completed-indicator-color: var(--ig-gray-50-contrast);
+  --completed-indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  --completed-indicator-shadow: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  --active-title-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --active-subtitle-color: var(--active-title-color);
+  --disabled-background: hsla(var(--ig-gray-50), 0);
+  --disabled-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}`;
+//# sourceMappingURL=step.bootstrap.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;EAoBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --separator-color--completed: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --header-background--hover: hsla(var(--ig-gray-300), 0.5);\n  --header-background--focus: var(--header-background--hover);\n  --header-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --indicator-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --indicator-background: hsla(var(--ig-gray-50), 0);\n  --indicator-shadow: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --completed-indicator-color: var(--ig-gray-50-contrast);\n  --completed-indicator-background: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --completed-indicator-shadow: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  --active-title-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --active-subtitle-color: var(--active-title-color);\n  --disabled-background: hsla(var(--ig-gray-50), 0);\n  --disabled-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/stepper/themes/step/light/step.fluent.css.d.ts

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

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

@@ -0,0 +1,16 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --indicator-background: hsla(var(--ig-gray-50), 0);
+  --indicator-shadow: var(--indicator-background);
+  --completed-indicator-color: var(--ig-gray-50-contrast);
+  --completed-indicator-background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --completed-indicator-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --optional-indicator-color: var(--indicator-color);
+  --optional-indicator-background: var(--indicator-background);
+  --optional-indicator-shadow: var(--indicator-shadow);
+  --disabled-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --disabled-shadow: var(--disabled-background);
+}`;
+//# sourceMappingURL=step.fluent.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;EAavB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --indicator-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --indicator-background: hsla(var(--ig-gray-50), 0);\n  --indicator-shadow: var(--indicator-background);\n  --completed-indicator-color: var(--ig-gray-50-contrast);\n  --completed-indicator-background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --completed-indicator-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --disabled-background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --disabled-shadow: var(--disabled-background);\n}`;\n"]}

package/components/stepper/themes/step/light/step.indigo.css.d.ts

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

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

@@ -0,0 +1,29 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --header-color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --header-background--hover: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-shadow: hsla(var(--ig-gray-50), 0);
+  --title-color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --separator-color--completed: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --separator-type: solid;
+  --indicator-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --indicator-background: hsla(var(--ig-gray-50), 0);
+  --indicator-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  --optional-indicator-color: var(--indicator-color);
+  --optional-indicator-background: var(--indicator-background);
+  --optional-indicator-shadow: var(--indicator-shadow);
+  --completed-indicator-color: var(--indicator-color);
+  --completed-indicator-background: hsla(var(--ig-primary-100), var(--ig-primary-a));
+  --completed-indicator-shadow: var(--completed-indicator-background);
+  --active-indicator-color: var(--ig-primary-800-contrast);
+  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --active-indicator-shadow: var(--active-indicator-background);
+  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  --disabled-background: hsla(var(--ig-gray-50), 0);
+  --disabled-shadow: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}`;
+//# sourceMappingURL=step.indigo.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"step.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/stepper/themes/step/light/step.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --header-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --header-background--hover: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-background--focus: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-shadow: hsla(var(--ig-gray-50), 0);\n  --title-color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --subtitle-color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  --separator-color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --separator-color--completed: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --separator-type: solid;\n  --indicator-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --indicator-background: hsla(var(--ig-gray-50), 0);\n  --indicator-shadow: hsla(var(--ig-gray-300), var(--ig-gray-a));\n  --optional-indicator-color: var(--indicator-color);\n  --optional-indicator-background: var(--indicator-background);\n  --optional-indicator-shadow: var(--indicator-shadow);\n  --completed-indicator-color: var(--indicator-color);\n  --completed-indicator-background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  --completed-indicator-shadow: var(--completed-indicator-background);\n  --active-indicator-color: var(--ig-primary-800-contrast);\n  --active-indicator-background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --active-indicator-shadow: var(--active-indicator-background);\n  --disabled-color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  --disabled-background: hsla(var(--ig-gray-50), 0);\n  --disabled-shadow: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}`;\n"]}

package/components/stepper/themes/step/light/step.material.css.d.ts

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

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

@@ -0,0 +1,8 @@
+import { css } from 'lit';
+export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --completed-indicator-color: var(--ig-gray-900-contrast);
+  --completed-indicator-background: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  --completed-indicator-shadow: var(--completed-indicator-background);
+}`;
+//# sourceMappingURL=step.material.css.js.map

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

@@ -0,0 +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;;;;;EAKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --completed-indicator-color: var(--ig-gray-900-contrast);\n  --completed-indicator-background: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  --completed-indicator-shadow: var(--completed-indicator-background);\n}`;\n"]}

package/components/stepper/themes/stepper/stepper.base.css.d.ts

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