@react-spectrum/steplist 3.0.0-alpha.2 → 3.0.0-alpha.21

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/steplist/src/index.ts","packages/@react-spectrum/steplist/src/StepList.tsx","packages/@react-spectrum/steplist/src/StepListContext.ts","packages/@react-spectrum/steplist/src/StepListItem.tsx","packages/@react-spectrum/steplist/intl/index.js","packages/@react-spectrum/steplist/intl/en-US.json","packages/@adobe/spectrum-css-temp/components/steplist/vars.css"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {StepList} from './StepList';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumStepListProps} from './StepList';\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaStepListProps, useStepList} from '@react-aria/steplist';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef, Orientation, StyleProps} from '@react-types/shared';\nimport React, {ReactElement} from 'react';\nimport {StepListContext} from './StepListContext';\nimport {StepListItem} from './StepListItem';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useStepListState} from '@react-stately/steplist';\n\nexport interface SpectrumStepListProps<T> extends AriaStepListProps<T>, StyleProps {\n  /**\n   * Whether the step list should be displayed with a emphasized style.\n   * @default false\n   */\n  isEmphasized?: boolean,\n  /**\n   * The orientation of the step list.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /**\n   * The size of the step list.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nfunction StepList<T extends object>(props: SpectrumStepListProps<T>, ref: DOMRef<HTMLOListElement>) {\n  const {size = 'M', orientation = 'horizontal'} = props;\n  props = useProviderProps(props);\n  const {isDisabled, isEmphasized} = props;\n  let {styleProps} = useStyleProps(props);\n  let domRef = useDOMRef(ref);\n\n  let state = useStepListState(props);\n  let {listProps} = useStepList(props, state, domRef);\n\n\n  return (\n    <ol\n      {...listProps}\n      {...styleProps}\n      ref={domRef}\n      className={classNames(styles, 'spectrum-Steplist', styleProps.className, {\n        'spectrum-Steplist--small': size === 'S',\n        'spectrum-Steplist--medium': size === 'M',\n        'spectrum-Steplist--large': size === 'L',\n        'spectrum-Steplist--xlarge': size === 'XL',\n        'spectrum-Steplist--emphasized': isEmphasized,\n        'spectrum-Steplist--horizontal': orientation === 'horizontal',\n        'spectrum-Steplist--vertical': orientation === 'vertical'\n      })}>\n      <StepListContext.Provider value={state}>\n        {[...state.collection].map((item) => (\n          <StepListItem\n            key={item.key}\n            isDisabled={isDisabled}\n            item={item} />\n          )\n        )}\n      </StepListContext.Provider>\n    </ol>\n  );\n}\n\nconst _StepList = React.forwardRef(StepList) as <T>(props: SpectrumStepListProps<T> & {ref?: DOMRef<HTMLOListElement>}) => ReactElement;\nexport {_StepList as StepList};\n","/*\n * Copyright 202 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport React from 'react';\nimport {StepListState} from '@react-stately/steplist';\n\nexport const StepListContext = React.createContext<StepListState<unknown> | null>(null);\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport ChevronRightMedium from '@spectrum-icons/ui/ChevronRightMedium';\nimport {classNames} from '@react-spectrum/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport intlMessages from '../intl';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {Node} from '@react-types/shared';\nimport React, {useContext, useRef} from 'react';\nimport {StepListContext} from './StepListContext';\nimport styles from '@adobe/spectrum-css-temp/components/steplist/vars.css';\nimport {useHover} from '@react-aria/interactions';\nimport {useLocale, useLocalizedStringFormatter, useNumberFormatter} from '@react-aria/i18n';\nimport {useStepListItem} from '@react-aria/steplist';\nimport {VisuallyHidden} from '@react-aria/visually-hidden';\n\ninterface SpectrumStepListItemProps<T> {\n  item: Node<T>,\n  isDisabled?: boolean,\n  isEmphasized?: boolean,\n  isReadOnly?: boolean\n}\n\nexport function StepListItem<T>(props: SpectrumStepListItemProps<T>) {\n  let {\n    isDisabled,\n    item\n  } = props;\n  let {key} = item;\n\n  let ref = useRef(null);\n  let {direction} = useLocale();\n  let state = useContext(StepListContext)!;\n  const isSelected = state.selectedKey === key;\n  const isCompleted = state.isCompleted(key);\n  const isItemDisabled = isDisabled || state.disabledKeys.has(key);\n  let {stepProps, stepStateProps} = useStepListItem({...props, key}, state, ref);\n\n  let {hoverProps, isHovered} = useHover({...props, isDisabled: isItemDisabled || isSelected || props.isReadOnly});\n\n\n  let stepStateText = '';\n  const stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/steplist');\n  const numberFormatter = useNumberFormatter();\n\n  if (isSelected) {\n    stepStateText = stringFormatter.format('current');\n  } else if (isCompleted) {\n    stepStateText = stringFormatter.format('completed');\n  } else {\n    stepStateText = stringFormatter.format('notCompleted');\n  }\n\n  let markerId = useId();\n  let labelId = useId();\n\n  return (\n    <li\n      className={\n        classNames(\n          styles,\n          'spectrum-Steplist-item'\n        )\n      }>\n      <FocusRing within focusRingClass={classNames(styles, 'focus-ring')}>\n        <a\n          {...mergeProps(hoverProps, stepProps)}\n          aria-labelledby={`${markerId} ${labelId}`}\n          ref={ref}\n          className={classNames(\n            styles,\n            'spectrum-Steplist-link',\n            {\n              'is-selected': isSelected && !isItemDisabled,\n              'is-disabled': isItemDisabled,\n              'is-hovered': isHovered,\n              'is-completed': isCompleted,\n              'is-selectable': state.isSelectable(key) && !isSelected\n            }\n          )}>\n          <VisuallyHidden {...stepStateProps}>{stepStateText}</VisuallyHidden>\n          <div id={labelId} aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-label')}>\n            {item.rendered}\n          </div>\n          <div\n            className={classNames(\n              styles,\n              'spectrum-Steplist-segment', {\n                'is-completed': isCompleted\n              })} >\n            <svg className={classNames(styles, 'spectrum-Steplist-segmentLine')} xmlns=\"http://www.w3.org/2000/svg\" height=\"100%\" viewBox=\"0 0 2 8\" preserveAspectRatio=\"none\">\n              <line x1=\"1\" y1=\"0\" x2=\"1\" y2=\"8\" vectorEffect=\"non-scaling-stroke\" />\n            </svg>\n            <ChevronRightMedium\n              UNSAFE_className={classNames(styles, 'spectrum-Steplist-chevron', {\n                'is-reversed': direction === 'rtl'\n              })} />\n          </div>\n          <div aria-hidden=\"true\" className={classNames(styles, 'spectrum-Steplist-markerWrapper')}>\n            <div id={markerId}  className={classNames(styles, 'spectrum-Steplist-marker')}>{numberFormatter.format((item.index || 0) + 1)}</div>\n          </div>\n        </a>\n      </FocusRing>\n    </li>\n  );\n}\n","import enUS from './en-US.json';\n\nexport default {\n  'en-US': enUS\n};\n","{\n  \"completed\": \"Completed: \",\n  \"notCompleted\": \"Not completed: \",\n  \"current\": \"Current: \",\n  \"steplist\": \"Step List\"\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/steplist/src/index.ts"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {StepList} from './StepList';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumStepListProps} from './StepList';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/steplist.5b736ed7.css

@@ -0,0 +1,497 @@
+.GXLCFq_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(ar) {
+  font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(he) {
+  font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(zh-SG), .GXLCFq_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.GXLCFq_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.GXLCFq_spectrum-FocusRing-ring {
+  --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
+  --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
+  --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
+  --spectrum-focus-ring-border-size: 0px;
+  --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
+}
+
+.GXLCFq_spectrum-FocusRing-ring:after {
+  border-radius: calc(var(--spectrum-focus-ring-border-radius)  + var(--spectrum-focus-ring-gap));
+  content: "";
+  margin: calc(-1 * var(--spectrum-focus-ring-border-size));
+  pointer-events: none;
+  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  display: block;
+  position: absolute;
+  inset: 0;
+}
+
+.GXLCFq_spectrum-FocusRing.GXLCFq_focus-ring:after {
+  margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
+  box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
+}
+
+.GXLCFq_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.GXLCFq_spectrum-FocusRing--quiet.GXLCFq_focus-ring:after {
+  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
+  box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+}
+
+@media (forced-colors: active) {
+  .GXLCFq_spectrum-FocusRing, .GXLCFq_spectrum-FocusRing-ring, .GXLCFq_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.GXLCFq_spectrum-FocusRing, .GXLCFq_spectrum-FocusRing-ring, .GXLCFq_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
+.GXLCFq_spectrum-Steplist {
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist-item {
+  min-width: 0;
+  display: grid;
+}
+
+.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-segment {
+  align-items: center;
+  display: inline-flex;
+}
+
+.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-segment.GXLCFq_is-completed svg line {
+  stroke-dasharray: none;
+}
+
+.GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-chevron.GXLCFq_is-reversed {
+  transform: scaleX(-1);
+}
+
+.GXLCFq_spectrum-Steplist-link {
+  cursor: default;
+  outline: none;
+  text-decoration: none;
+  display: grid;
+}
+
+.GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-markerWrapper {
+  grid-area: GXLCFq_marker;
+}
+
+.GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-marker {
+  box-sizing: border-box;
+  border-style: solid;
+  border-width: 2px;
+  border-radius: 50%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-weight: bold;
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-label {
+  grid-area: GXLCFq_label;
+}
+
+.GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist-link.GXLCFq_is-hovered.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-marker {
+  border-style: none;
+  border-width: 0;
+}
+
+.GXLCFq_spectrum-Steplist {
+  font-size: var(--spectrum-steplist-font-size);
+  gap: var(--spectrum-steplist-chevron-gap);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-link {
+  gap: var(--spectrum-steplist-marker-label-gap);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-marker {
+  width: var(--spectrum-steplist-marker-diameter);
+  height: var(--spectrum-steplist-marker-diameter);
+  font-size: var(--spectrum-steplist-counter-font-size);
+  padding-block-end: 1px;
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-chevron {
+  transform: scale(var(--spectrum-steplist-chevron-scale));
+}
+
+.GXLCFq_spectrum-Steplist--small {
+  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-75);
+  --spectrum-steplist-chevron-gap: 10px;
+  --spectrum-steplist-marker-label-gap: 10px;
+  --spectrum-steplist-marker-diameter: 8px;
+  --spectrum-steplist-counter-font-size: 0;
+  --spectrum-steplist-chevron-scale: .75;
+  --spectrum-steplist-segment-height-adjust: -4px;
+}
+
+.GXLCFq_spectrum-Steplist--small .GXLCFq_spectrum-Steplist-marker {
+  padding-top: 1px;
+}
+
+.GXLCFq_spectrum-Steplist--small.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-marker {
+  margin-top: 1px;
+}
+
+.GXLCFq_spectrum-Steplist--small.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-chevron {
+  padding-top: 2px;
+}
+
+.GXLCFq_spectrum-Steplist--medium {
+  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-100);
+  --spectrum-steplist-chevron-gap: 16px;
+  --spectrum-steplist-marker-label-gap: 12px;
+  --spectrum-steplist-marker-diameter: 16px;
+  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-75);
+  --spectrum-steplist-chevron-scale: 1;
+  --spectrum-steplist-segment-height-adjust: 0px;
+}
+
+.GXLCFq_spectrum-Steplist--large {
+  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-200);
+  --spectrum-steplist-chevron-gap: 20px;
+  --spectrum-steplist-marker-label-gap: 14px;
+  --spectrum-steplist-marker-diameter: 24px;
+  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-100);
+  --spectrum-steplist-chevron-scale: 1.25;
+  --spectrum-steplist-segment-height-adjust: 6px;
+}
+
+.GXLCFq_spectrum-Steplist--xlarge {
+  --spectrum-steplist-font-size: var(--spectrum-global-dimension-font-size-300);
+  --spectrum-steplist-chevron-gap: 24px;
+  --spectrum-steplist-marker-label-gap: 16px;
+  --spectrum-steplist-marker-diameter: 32px;
+  --spectrum-steplist-counter-font-size: var(--spectrum-global-dimension-font-size-200);
+  --spectrum-steplist-chevron-scale: 1.5;
+  --spectrum-steplist-segment-height-adjust: 6px;
+}
+
+.GXLCFq_spectrum-Steplist-item:last-child .GXLCFq_spectrum-Steplist-segment {
+  display: none;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-link {
+  align-items: baseline;
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-segment {
+  order: 2;
+  align-items: center;
+  padding-inline-start: calc(var(--spectrum-steplist-chevron-gap)  - var(--spectrum-steplist-marker-label-gap));
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-segment:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-chevron {
+  padding-top: 1px;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-label {
+  order: 1;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-markerWrapper {
+  flex: none;
+  order: 0;
+  align-items: center;
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-markerWrapper:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.GXLCFq_spectrum-Steplist--horizontal .GXLCFq_spectrum-Steplist-segmentLine {
+  display: none;
+}
+
+.GXLCFq_spectrum-Steplist--vertical {
+  flex-direction: column;
+  gap: 0 2px;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-item {
+  display: unset;
+  list-style: none;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-link {
+  grid-template: "GXLCFq_marker GXLCFq_label" minmax(16px, min-content)
+                 "GXLCFq_line GXLCFq_label" 1fr
+                 / minmax(0, min-content) 1fr;
+  justify-items: start;
+  gap: 0 6px;
+  display: grid;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-chevron {
+  display: none;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-markerWrapper {
+  align-self: baseline;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-markerWrapper:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.GXLCFq_spectrum-Steplist--vertical.GXLCFq_spectrum-Steplist--small .GXLCFq_spectrum-Steplist-marker {
+  align-self: center;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-label {
+  align-self: baseline;
+  min-width: 0;
+  min-height: 0;
+  line-height: 16px;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment {
+  box-sizing: content-box;
+  pointer-events: none;
+  grid-area: GXLCFq_line;
+  justify-self: center;
+  width: 2px;
+  min-width: 0;
+  min-height: 32px;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-segmentLine {
+  width: 2px;
+  height: calc(100% - var(--spectrum-steplist-segment-height-adjust));
+  overflow: visible;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-segmentLine line {
+  stroke-width: 2px;
+  stroke-dasharray: 6 4;
+  stroke-linecap: round;
+}
+
+.GXLCFq_spectrum-Steplist--vertical .GXLCFq_spectrum-Steplist-item:last-child .GXLCFq_spectrum-Steplist-link {
+  grid-template-rows: minmax(16px, min-content);
+  grid-template-areas: "GXLCFq_marker GXLCFq_label";
+}
+
+.GXLCFq_spectrum-Steplist {
+  --spectrum-steplist-complete-segment-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-complete-label-text-color: var(--spectrum-global-color-gray-700);
+  --spectrum-steplist-complete-marker-text-color: var(--spectrum-global-color-gray-50);
+  --spectrum-steplist-complete-marker-color: var(--spectrum-global-color-gray-600);
+  --spectrum-steplist-complete-marker-color-hover: var(--spectrum-global-color-gray-700);
+  --spectrum-steplist-current-label-text-color: var(--spectrum-global-color-gray-800);
+  --spectrum-steplist-current-marker-text-color: var(--spectrum-global-color-gray-50);
+  --spectrum-steplist-current-marker-color: var(--spectrum-global-color-gray-800);
+  --spectrum-steplist-incomplete-segment-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-incomplete-label-text-color: var(--spectrum-global-color-gray-600);
+  --spectrum-steplist-incomplete-marker-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-incomplete-marker-text-color: var(--spectrum-global-color-gray-500);
+  --spectrum-steplist-emphasized-current-label-text-color: var(--spectrum-accent-color-900);
+  --spectrum-steplist-emphasized-current-marker-color: var(--spectrum-accent-color-900);
+  --spectrum-steplist-disabled-complete-marker-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-disabled-complete-marker-text-color: var(--spectrum-global-color-gray-50);
+  --spectrum-steplist-disabled-complete-segment-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-disabled-complete-label-text-color: var(--spectrum-global-color-gray-500);
+  --spectrum-steplist-disabled-incomplete-marker-color: var(--spectrum-global-color-gray-300);
+  --spectrum-steplist-disabled-incomplete-marker-text-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-disabled-incomplete-segment-color: var(--spectrum-global-color-gray-400);
+  --spectrum-steplist-disabled-incomplete-label-text-color: var(--spectrum-global-color-gray-400);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-marker {
+  border-color: var(--spectrum-steplist-incomplete-marker-color, var(--spectrum-global-color-gray-300));
+  color: var(--spectrum-steplist-incomplete-marker-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-disabled-incomplete-label-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-marker {
+  border-color: var(--spectrum-steplist-disabled-incomplete-marker-color);
+  color: var(--spectrum-steplist-disabled-incomplete-marker-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-disabled-incomplete-segment-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-disabled-incomplete-segment-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-marker {
+  background-color: var(--spectrum-steplist-complete-marker-color, var(--spectrum-global-color-gray-600));
+  border-color: var(--spectrum-steplist-complete-marker-color, var(--spectrum-global-color-gray-600));
+  color: var(--spectrum-steplist-complete-marker-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed .GXLCFq_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-hovered .GXLCFq_spectrum-Steplist-marker {
+  background-color: var(--spectrum-steplist-complete-marker-color-hover, var(--spectrum-global-color-gray-700));
+  border-color: var(--spectrum-steplist-complete-marker-color-hover, var(--spectrum-global-color-gray-700));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-disabled-complete-label-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-marker {
+  background-color: var(--spectrum-steplist-disabled-complete-marker-color);
+  border-color: var(--spectrum-steplist-disabled-complete-marker-color);
+  color: var(--spectrum-steplist-disabled-complete-marker-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-disabled-complete-segment-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-completed.GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-disabled-complete-segment-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-current-label-text-color, var(--spectrum-global-color-gray-800));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-marker {
+  background-color: var(--spectrum-steplist-current-marker-color, var(--spectrum-global-color-gray-800));
+  border-color: var(--spectrum-steplist-current-marker-color, var(--spectrum-global-color-gray-800));
+  color: var(--spectrum-steplist-current-marker-text-color);
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-segment .GXLCFq_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_is-selected .GXLCFq_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link.GXLCFq_focus-ring .GXLCFq_spectrum-Steplist-marker {
+  outline: solid 2px var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
+  outline-offset: 2px;
+}
+
+.GXLCFq_spectrum-Steplist--medium .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link:not(.GXLCFq_is-completed):not(.GXLCFq_is-selected) .GXLCFq_spectrum-Steplist-marker, .GXLCFq_spectrum-Steplist--medium .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link:not(.GXLCFq_is-completed):not(.GXLCFq_is-selected).GXLCFq_is-disabled .GXLCFq_spectrum-Steplist-marker {
+  color: #0000;
+}
+
+.GXLCFq_spectrum-Steplist--emphasized {
+  --spectrum-steplist-current-label-text-color: var(--spectrum-steplist-emphasized-current-label-text-color);
+  --spectrum-steplist-current-marker-color: var(--spectrum-steplist-emphasized-current-marker-color);
+}
+
+@media (forced-colors: active) {
+  .GXLCFq_spectrum-Steplist {
+    forced-color-adjust: none;
+    --spectrum-steplist-complete-segment-color: CanvasText;
+    --spectrum-steplist-complete-label-text-color: LinkText;
+    --spectrum-steplist-complete-marker-text-color: Canvas;
+    --spectrum-steplist-complete-marker-color: LinkText;
+    --spectrum-steplist-complete-marker-color-hover: LinkText;
+    --spectrum-steplist-current-label-text-color: Highlight;
+    --spectrum-steplist-current-marker-text-color: Canvas;
+    --spectrum-steplist-current-marker-color: Highlight;
+    --spectrum-steplist-incomplete-segment-color: CanvasText;
+    --spectrum-steplist-incomplete-label-text-color: ButtonText;
+    --spectrum-steplist-incomplete-marker-color: ButtonText;
+    --spectrum-steplist-incomplete-marker-text-color: ButtonText;
+    --spectrum-steplist-emphasized-current-label-text-color: CanvasText;
+    --spectrum-steplist-emphasized-current-marker-color: ButtonText;
+    --spectrum-steplist-disabled-complete-marker-color: GrayText;
+    --spectrum-steplist-disabled-complete-marker-text-color: Canvas;
+    --spectrum-steplist-disabled-complete-segment-color: CanvasText;
+    --spectrum-steplist-disabled-complete-label-text-color: GrayText;
+    --spectrum-steplist-disabled-incomplete-marker-color: GrayText;
+    --spectrum-steplist-disabled-incomplete-marker-text-color: ButtonText;
+    --spectrum-steplist-disabled-incomplete-segment-color: CanvasText;
+    --spectrum-steplist-disabled-incomplete-label-text-color: GrayText;
+    --spectrum-high-contrast-focus-ring-color: ButtonText;
+  }
+
+  .GXLCFq_spectrum-Steplist .GXLCFq_spectrum-Steplist-item .GXLCFq_spectrum-Steplist-link .GXLCFq_spectrum-Steplist-marker {
+    border-style: solid;
+    border-width: 2px;
+  }
+}
+/*# sourceMappingURL=steplist.5b736ed7.css.map */

package/dist/steplist.5b736ed7.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;AAOA;;;;;AAIE;;;;;AAKI;;;;AAOF;;;;AAMJ;;;;;;;AAME;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAME;;;;;AAsBJ;;;;;AAIE;;;;AAGE;;;;;;;AAOF;;;;AAOF;;;;;;;;;;AAQE;;;;AAKE;;;;AAIA;;;;AAQJ;;;;;;;;;;AAYA;;;;;;;;;;AAYA;;;;;;;;;;AAaE;;;;AASA;;;;;AAKA;;;;;;;AAME;;;;;;AAOF;;;;AAKA;;;;AAIA;;;;;;;AAKE;;;;;;AAOF;;;;AAOF;;;;;AAKE;;;;;AAIA;;;;;;;;;AAUA;;;;AAGA;;;;;;;;AAME;;;;;;AAOA;;;;AAIF;;;;;;;AAOA;;;;;;;;;;AASE;;;;;;AAQE;;;;;;AAUF;;;;;AAmBJ;;;;;;;;;;;;;;;;;;;;;;;;;AAgCE;;;;AAKA;;;;;AAOE;;;;AAGA;;;;AAQI;;;;AAIA;;;;;AAME;;;;AAGA;;;;AAQF;;;;AAIA;;;;;;AAOE;;;;AAGA;;;;AAMA;;;;;AAOA;;;;AAIA;;;;;;AAOE;;;;AAGA;;;;AASJ;;;;AAIA;;;;;;AAOE;;;;AAGA;;;;AAOF;;;;;AAcF;;;;AAWN;;;;;AAKA;EACE;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCM","sources":["packages/@adobe/spectrum-css-temp/components/steplist/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"steplist.5b736ed7.css.map"}

package/dist/steplist_vars_css.main.js

@@ -0,0 +1,95 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "focus-ring", () => $390add5aac6e4d73$export$f39a09f249340e2a, (v) => $390add5aac6e4d73$export$f39a09f249340e2a = v);
+$parcel$export(module.exports, "i18nFontFamily", () => $390add5aac6e4d73$export$8c4ee2c50c22c514, (v) => $390add5aac6e4d73$export$8c4ee2c50c22c514 = v);
+$parcel$export(module.exports, "is-completed", () => $390add5aac6e4d73$export$7e62df9ca2e410e4, (v) => $390add5aac6e4d73$export$7e62df9ca2e410e4 = v);
+$parcel$export(module.exports, "is-disabled", () => $390add5aac6e4d73$export$d35bc1e505d1ebbf, (v) => $390add5aac6e4d73$export$d35bc1e505d1ebbf = v);
+$parcel$export(module.exports, "is-hovered", () => $390add5aac6e4d73$export$b8813cd5d7824ce7, (v) => $390add5aac6e4d73$export$b8813cd5d7824ce7 = v);
+$parcel$export(module.exports, "is-reversed", () => $390add5aac6e4d73$export$a4561bd665abb5db, (v) => $390add5aac6e4d73$export$a4561bd665abb5db = v);
+$parcel$export(module.exports, "is-selected", () => $390add5aac6e4d73$export$1e0fb04f31d3c22a, (v) => $390add5aac6e4d73$export$1e0fb04f31d3c22a = v);
+$parcel$export(module.exports, "label", () => $390add5aac6e4d73$export$1237798dc640739a, (v) => $390add5aac6e4d73$export$1237798dc640739a = v);
+$parcel$export(module.exports, "line", () => $390add5aac6e4d73$export$53f1d5ea8de3d7c, (v) => $390add5aac6e4d73$export$53f1d5ea8de3d7c = v);
+$parcel$export(module.exports, "marker", () => $390add5aac6e4d73$export$ffc4d0086f1a4c9, (v) => $390add5aac6e4d73$export$ffc4d0086f1a4c9 = v);
+$parcel$export(module.exports, "spectrum-FocusRing-ring", () => $390add5aac6e4d73$export$4109102f950813a6, (v) => $390add5aac6e4d73$export$4109102f950813a6 = v);
+$parcel$export(module.exports, "spectrum-FocusRing", () => $390add5aac6e4d73$export$24c7f46a6e3605dd, (v) => $390add5aac6e4d73$export$24c7f46a6e3605dd = v);
+$parcel$export(module.exports, "spectrum-FocusRing--quiet", () => $390add5aac6e4d73$export$2927016961429360, (v) => $390add5aac6e4d73$export$2927016961429360 = v);
+$parcel$export(module.exports, "spectrum-Steplist", () => $390add5aac6e4d73$export$35315228197e36b8, (v) => $390add5aac6e4d73$export$35315228197e36b8 = v);
+$parcel$export(module.exports, "spectrum-Steplist--emphasized", () => $390add5aac6e4d73$export$d2cf12460a777241, (v) => $390add5aac6e4d73$export$d2cf12460a777241 = v);
+$parcel$export(module.exports, "spectrum-Steplist--horizontal", () => $390add5aac6e4d73$export$6f0c4d0e9f29399d, (v) => $390add5aac6e4d73$export$6f0c4d0e9f29399d = v);
+$parcel$export(module.exports, "spectrum-Steplist--large", () => $390add5aac6e4d73$export$b0d9d5077004711a, (v) => $390add5aac6e4d73$export$b0d9d5077004711a = v);
+$parcel$export(module.exports, "spectrum-Steplist--medium", () => $390add5aac6e4d73$export$9666cb7894b7712a, (v) => $390add5aac6e4d73$export$9666cb7894b7712a = v);
+$parcel$export(module.exports, "spectrum-Steplist--small", () => $390add5aac6e4d73$export$43119eed81e90e13, (v) => $390add5aac6e4d73$export$43119eed81e90e13 = v);
+$parcel$export(module.exports, "spectrum-Steplist--vertical", () => $390add5aac6e4d73$export$146e7d67031e074f, (v) => $390add5aac6e4d73$export$146e7d67031e074f = v);
+$parcel$export(module.exports, "spectrum-Steplist--xlarge", () => $390add5aac6e4d73$export$56195e68ddf7db1b, (v) => $390add5aac6e4d73$export$56195e68ddf7db1b = v);
+$parcel$export(module.exports, "spectrum-Steplist-chevron", () => $390add5aac6e4d73$export$e0b9c44558d2fb75, (v) => $390add5aac6e4d73$export$e0b9c44558d2fb75 = v);
+$parcel$export(module.exports, "spectrum-Steplist-item", () => $390add5aac6e4d73$export$df6f1d30f09c136e, (v) => $390add5aac6e4d73$export$df6f1d30f09c136e = v);
+$parcel$export(module.exports, "spectrum-Steplist-label", () => $390add5aac6e4d73$export$2393468f68ff8031, (v) => $390add5aac6e4d73$export$2393468f68ff8031 = v);
+$parcel$export(module.exports, "spectrum-Steplist-link", () => $390add5aac6e4d73$export$f622f4b07b665af3, (v) => $390add5aac6e4d73$export$f622f4b07b665af3 = v);
+$parcel$export(module.exports, "spectrum-Steplist-marker", () => $390add5aac6e4d73$export$9d44d123fa093f85, (v) => $390add5aac6e4d73$export$9d44d123fa093f85 = v);
+$parcel$export(module.exports, "spectrum-Steplist-markerWrapper", () => $390add5aac6e4d73$export$a7d0643524891b06, (v) => $390add5aac6e4d73$export$a7d0643524891b06 = v);
+$parcel$export(module.exports, "spectrum-Steplist-segment", () => $390add5aac6e4d73$export$1f36a6b1ab318f2f, (v) => $390add5aac6e4d73$export$1f36a6b1ab318f2f = v);
+$parcel$export(module.exports, "spectrum-Steplist-segmentLine", () => $390add5aac6e4d73$export$f92a1d2b4a328a95, (v) => $390add5aac6e4d73$export$f92a1d2b4a328a95 = v);
+var $390add5aac6e4d73$export$f39a09f249340e2a;
+var $390add5aac6e4d73$export$8c4ee2c50c22c514;
+var $390add5aac6e4d73$export$7e62df9ca2e410e4;
+var $390add5aac6e4d73$export$d35bc1e505d1ebbf;
+var $390add5aac6e4d73$export$b8813cd5d7824ce7;
+var $390add5aac6e4d73$export$a4561bd665abb5db;
+var $390add5aac6e4d73$export$1e0fb04f31d3c22a;
+var $390add5aac6e4d73$export$1237798dc640739a;
+var $390add5aac6e4d73$export$53f1d5ea8de3d7c;
+var $390add5aac6e4d73$export$ffc4d0086f1a4c9;
+var $390add5aac6e4d73$export$4109102f950813a6;
+var $390add5aac6e4d73$export$24c7f46a6e3605dd;
+var $390add5aac6e4d73$export$2927016961429360;
+var $390add5aac6e4d73$export$35315228197e36b8;
+var $390add5aac6e4d73$export$d2cf12460a777241;
+var $390add5aac6e4d73$export$6f0c4d0e9f29399d;
+var $390add5aac6e4d73$export$b0d9d5077004711a;
+var $390add5aac6e4d73$export$9666cb7894b7712a;
+var $390add5aac6e4d73$export$43119eed81e90e13;
+var $390add5aac6e4d73$export$146e7d67031e074f;
+var $390add5aac6e4d73$export$56195e68ddf7db1b;
+var $390add5aac6e4d73$export$e0b9c44558d2fb75;
+var $390add5aac6e4d73$export$df6f1d30f09c136e;
+var $390add5aac6e4d73$export$2393468f68ff8031;
+var $390add5aac6e4d73$export$f622f4b07b665af3;
+var $390add5aac6e4d73$export$9d44d123fa093f85;
+var $390add5aac6e4d73$export$a7d0643524891b06;
+var $390add5aac6e4d73$export$1f36a6b1ab318f2f;
+var $390add5aac6e4d73$export$f92a1d2b4a328a95;
+$390add5aac6e4d73$export$f39a09f249340e2a = `GXLCFq_focus-ring`;
+$390add5aac6e4d73$export$8c4ee2c50c22c514 = `GXLCFq_i18nFontFamily`;
+$390add5aac6e4d73$export$7e62df9ca2e410e4 = `GXLCFq_is-completed`;
+$390add5aac6e4d73$export$d35bc1e505d1ebbf = `GXLCFq_is-disabled`;
+$390add5aac6e4d73$export$b8813cd5d7824ce7 = `GXLCFq_is-hovered`;
+$390add5aac6e4d73$export$a4561bd665abb5db = `GXLCFq_is-reversed`;
+$390add5aac6e4d73$export$1e0fb04f31d3c22a = `GXLCFq_is-selected`;
+$390add5aac6e4d73$export$1237798dc640739a = `GXLCFq_label`;
+$390add5aac6e4d73$export$53f1d5ea8de3d7c = `GXLCFq_line`;
+$390add5aac6e4d73$export$ffc4d0086f1a4c9 = `GXLCFq_marker`;
+$390add5aac6e4d73$export$4109102f950813a6 = `GXLCFq_spectrum-FocusRing-ring`;
+$390add5aac6e4d73$export$24c7f46a6e3605dd = `GXLCFq_spectrum-FocusRing ${$390add5aac6e4d73$export$4109102f950813a6}`;
+$390add5aac6e4d73$export$2927016961429360 = `GXLCFq_spectrum-FocusRing--quiet`;
+$390add5aac6e4d73$export$35315228197e36b8 = `GXLCFq_spectrum-Steplist`;
+$390add5aac6e4d73$export$d2cf12460a777241 = `GXLCFq_spectrum-Steplist--emphasized`;
+$390add5aac6e4d73$export$6f0c4d0e9f29399d = `GXLCFq_spectrum-Steplist--horizontal`;
+$390add5aac6e4d73$export$b0d9d5077004711a = `GXLCFq_spectrum-Steplist--large`;
+$390add5aac6e4d73$export$9666cb7894b7712a = `GXLCFq_spectrum-Steplist--medium`;
+$390add5aac6e4d73$export$43119eed81e90e13 = `GXLCFq_spectrum-Steplist--small`;
+$390add5aac6e4d73$export$146e7d67031e074f = `GXLCFq_spectrum-Steplist--vertical`;
+$390add5aac6e4d73$export$56195e68ddf7db1b = `GXLCFq_spectrum-Steplist--xlarge`;
+$390add5aac6e4d73$export$e0b9c44558d2fb75 = `GXLCFq_spectrum-Steplist-chevron`;
+$390add5aac6e4d73$export$df6f1d30f09c136e = `GXLCFq_spectrum-Steplist-item`;
+$390add5aac6e4d73$export$2393468f68ff8031 = `GXLCFq_spectrum-Steplist-label`;
+$390add5aac6e4d73$export$f622f4b07b665af3 = `GXLCFq_spectrum-Steplist-link`;
+$390add5aac6e4d73$export$9d44d123fa093f85 = `GXLCFq_spectrum-Steplist-marker`;
+$390add5aac6e4d73$export$a7d0643524891b06 = `GXLCFq_spectrum-Steplist-markerWrapper`;
+$390add5aac6e4d73$export$1f36a6b1ab318f2f = `GXLCFq_spectrum-Steplist-segment`;
+$390add5aac6e4d73$export$f92a1d2b4a328a95 = `GXLCFq_spectrum-Steplist-segmentLine`;
+
+
+//# sourceMappingURL=steplist_vars_css.main.js.map

package/dist/steplist_vars_css.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AA5BA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAiC,CAAC,mBAAmB,CAAC;AACtD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,2CAAyB,CAAC,WAAW,CAAC;AACtC,2CAA2B,CAAC,aAAa,CAAC;AAC1C,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,2CAA2C;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAsC,CAAC,wBAAwB,CAAC;AAChE,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAgD,CAAC,kCAAkC,CAAC;AACpF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAoD,CAAC,sCAAsC,CAAC;AAC5F,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAkD,CAAC,oCAAoC,CAAC","sources":["packages/@adobe/spectrum-css-temp/components/steplist/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"steplist_vars_css.main.js.map"}