@react-spectrum/steplist 3.0.0-nightly.4494 → 3.0.0-nightly.4502

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import "./main.css";
+import "./module.css";
 import {Item as $6f77c10bf951cb4f$re_export$Item} from "@react-stately/collections";
 import {useStepList as $gZOFb$useStepList, useStepListItem as $gZOFb$useStepListItem} from "@react-aria/steplist";
 import {useStyleProps as $gZOFb$useStyleProps, useDOMRef as $gZOFb$useDOMRef, classNames as $gZOFb$classNames} from "@react-spectrum/utils";

package/dist/main.css

@@ -23,11 +23,7 @@
   font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
 }
 
-.Y9ExmG_i18nFontFamily:lang(zh-SG) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.Y9ExmG_i18nFontFamily:lang(zh-CN) {
+.Y9ExmG_i18nFontFamily:lang(zh-SG), .Y9ExmG_i18nFontFamily:lang(zh-CN) {
   font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
 }
 
@@ -55,13 +51,7 @@
   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;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.Y9ExmG_spectrum-FocusRing {
+  inset: 0;
 }
 
 .Y9ExmG_spectrum-FocusRing.Y9ExmG_focus-ring:after {
@@ -130,17 +120,7 @@
   grid-area: Y9ExmG_label;
 }
 
-.Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker {
-  border-style: none;
-  border-width: 0;
-}
-
-.Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-marker {
-  border-style: none;
-  border-width: 0;
-}
-
-.Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-hovered.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker {
+.Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-hovered.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker {
   border-style: none;
   border-width: 0;
 }
@@ -462,11 +442,7 @@
   outline-offset: 2px;
 }
 
-.Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected) .Y9ExmG_spectrum-Steplist-marker {
-  color: #0000;
-}
-
-.Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected).Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-marker {
+.Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected) .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected).Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-marker {
   color: #0000;
 }
 
@@ -508,5 +484,4 @@
     border-width: 2px;
   }
 }
-
 /*# sourceMappingURL=main.css.map */

package/dist/main.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;AAOA;;;;;AAIE;;;;;AAKI;;;;AAOF;;;;AAMJ;;;;;;;AAME;;;;AAGA;;;;;;;;;;;;AAWA;;;;AAME;;;;;AAQD;;;;;AAOC;;;;;AAOJ;;;;;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;;;;AAIA;;;;AAON;;;;;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":"main.css.map"}
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;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":"main.css.map"}

package/dist/module.css

@@ -0,0 +1,487 @@
+.Y9ExmG_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.Y9ExmG_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.Y9ExmG_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.Y9ExmG_i18nFontFamily:lang(zh-SG), .Y9ExmG_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.Y9ExmG_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.Y9ExmG_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.Y9ExmG_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)));
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-FocusRing.Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.Y9ExmG_spectrum-FocusRing--quiet.Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist {
+  flex-wrap: nowrap;
+  margin: 0;
+  padding: 0;
+  display: flex;
+}
+
+.Y9ExmG_spectrum-Steplist-item {
+  min-width: 0;
+  display: grid;
+}
+
+.Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-segment {
+  align-items: center;
+  display: inline-flex;
+}
+
+.Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-segment.Y9ExmG_is-completed svg line {
+  stroke-dasharray: none;
+}
+
+.Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-chevron.Y9ExmG_is-reversed {
+  transform: scaleX(-1);
+}
+
+.Y9ExmG_spectrum-Steplist-link {
+  cursor: default;
+  outline: none;
+  text-decoration: none;
+  display: grid;
+}
+
+.Y9ExmG_spectrum-Steplist-link .Y9ExmG_spectrum-Steplist-markerWrapper {
+  grid-area: Y9ExmG_marker;
+}
+
+.Y9ExmG_spectrum-Steplist-link .Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist-link .Y9ExmG_spectrum-Steplist-label {
+  grid-area: Y9ExmG_label;
+}
+
+.Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-hovered.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-marker {
+  border-style: none;
+  border-width: 0;
+}
+
+.Y9ExmG_spectrum-Steplist {
+  font-size: var(--spectrum-steplist-font-size);
+  gap: var(--spectrum-steplist-chevron-gap);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-link {
+  gap: var(--spectrum-steplist-marker-label-gap);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-link .Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-chevron {
+  transform: scale(var(--spectrum-steplist-chevron-scale));
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist--small .Y9ExmG_spectrum-Steplist-marker {
+  padding-top: 1px;
+}
+
+.Y9ExmG_spectrum-Steplist--small.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-marker {
+  margin-top: 1px;
+}
+
+.Y9ExmG_spectrum-Steplist--small.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-chevron {
+  padding-top: 2px;
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist-item:last-child .Y9ExmG_spectrum-Steplist-segment {
+  display: none;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-link {
+  align-items: baseline;
+  display: flex;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-segment:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-chevron {
+  padding-top: 1px;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-label {
+  order: 1;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-markerWrapper {
+  flex: none;
+  order: 0;
+  align-items: center;
+  display: flex;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-markerWrapper:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.Y9ExmG_spectrum-Steplist--horizontal .Y9ExmG_spectrum-Steplist-segmentLine {
+  display: none;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical {
+  flex-direction: column;
+  gap: 0 2px;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-item {
+  display: unset;
+  list-style: none;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-link {
+  grid-template: "Y9ExmG_marker Y9ExmG_label" minmax(16px, min-content)
+                 "Y9ExmG_line Y9ExmG_label" 1fr
+                 / minmax(0, min-content) 1fr;
+  justify-items: start;
+  gap: 0 6px;
+  display: grid;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-chevron {
+  display: none;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-markerWrapper {
+  align-self: baseline;
+  align-items: center;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-markerWrapper:before {
+  content: "*";
+  visibility: hidden;
+  width: 0;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical.Y9ExmG_spectrum-Steplist--small .Y9ExmG_spectrum-Steplist-marker {
+  align-self: center;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-label {
+  align-self: baseline;
+  min-width: 0;
+  min-height: 0;
+  line-height: 16px;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-segment {
+  box-sizing: content-box;
+  pointer-events: none;
+  grid-area: Y9ExmG_line;
+  justify-self: center;
+  width: 2px;
+  min-width: 0;
+  min-height: 32px;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-segmentLine {
+  height: calc(100% - var(--spectrum-steplist-segment-height-adjust));
+  width: 2px;
+  overflow: visible;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-segmentLine line {
+  stroke-width: 2px;
+  stroke-dasharray: 6 4;
+  stroke-linecap: round;
+}
+
+.Y9ExmG_spectrum-Steplist--vertical .Y9ExmG_spectrum-Steplist-item:last-child .Y9ExmG_spectrum-Steplist-link {
+  grid-template-rows: minmax(16px, min-content);
+  grid-template-areas: "Y9ExmG_marker Y9ExmG_label";
+}
+
+.Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-incomplete-label-text-color, var(--spectrum-global-color-gray-600));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-incomplete-segment-color, var(--spectrum-global-color-gray-300));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-disabled-incomplete-label-text-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-marker {
+  border-color: var(--spectrum-steplist-disabled-incomplete-marker-color);
+  color: var(--spectrum-steplist-disabled-incomplete-marker-text-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-disabled-incomplete-segment-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-disabled-incomplete-segment-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-complete-label-text-color, var(--spectrum-global-color-gray-700));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed .Y9ExmG_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed.Y9ExmG_is-hovered .Y9ExmG_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));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-disabled-complete-label-text-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed.Y9ExmG_is-disabled .Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-disabled-complete-segment-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-completed.Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-disabled-complete-segment-color);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-label {
+  color: var(--spectrum-steplist-current-label-text-color, var(--spectrum-global-color-gray-800));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_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);
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-segment .Y9ExmG_spectrum-Steplist-chevron {
+  color: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_is-selected .Y9ExmG_spectrum-Steplist-segment svg line {
+  stroke: var(--spectrum-steplist-complete-segment-color, var(--spectrum-global-color-gray-500));
+}
+
+.Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link.Y9ExmG_focus-ring .Y9ExmG_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;
+}
+
+.Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected) .Y9ExmG_spectrum-Steplist-marker, .Y9ExmG_spectrum-Steplist--medium .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link:not(.Y9ExmG_is-completed):not(.Y9ExmG_is-selected).Y9ExmG_is-disabled .Y9ExmG_spectrum-Steplist-marker {
+  color: #0000;
+}
+
+.Y9ExmG_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) {
+  .Y9ExmG_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;
+  }
+
+  .Y9ExmG_spectrum-Steplist .Y9ExmG_spectrum-Steplist-item .Y9ExmG_spectrum-Steplist-link .Y9ExmG_spectrum-Steplist-marker {
+    border-style: solid;
+    border-width: 2px;
+  }
+}
+/*# sourceMappingURL=module.css.map */

package/dist/module.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;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":"module.css.map"}

package/dist/module.js

@@ -1,4 +1,4 @@
-import "./main.css";
+import "./module.css";
 import {Item as $6f77c10bf951cb4f$re_export$Item} from "@react-stately/collections";
 import {useStepList as $gZOFb$useStepList, useStepListItem as $gZOFb$useStepListItem} from "@react-aria/steplist";
 import {useStyleProps as $gZOFb$useStyleProps, useDOMRef as $gZOFb$useDOMRef, classNames as $gZOFb$classNames} from "@react-spectrum/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/steplist",
-  "version": "3.0.0-nightly.4494+361d47080",
+  "version": "3.0.0-nightly.4502+89fa370bd",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,21 +36,21 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
-    "@react-aria/i18n": "3.0.0-nightly.2782+361d47080",
-    "@react-aria/interactions": "3.0.0-nightly.2782+361d47080",
-    "@react-aria/steplist": "3.0.0-nightly.4494+361d47080",
-    "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-aria/visually-hidden": "3.0.0-nightly.2782+361d47080",
-    "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-stately/collections": "3.0.0-nightly.2782+361d47080",
-    "@react-stately/steplist": "3.0.0-nightly.4494+361d47080",
-    "@react-types/shared": "3.0.0-nightly.2782+361d47080",
-    "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
+    "@react-aria/focus": "3.0.0-nightly.2790+89fa370bd",
+    "@react-aria/i18n": "3.0.0-nightly.2790+89fa370bd",
+    "@react-aria/interactions": "3.0.0-nightly.2790+89fa370bd",
+    "@react-aria/steplist": "3.0.0-nightly.4502+89fa370bd",
+    "@react-aria/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-aria/visually-hidden": "3.0.0-nightly.2790+89fa370bd",
+    "@react-spectrum/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-stately/collections": "3.0.0-nightly.2790+89fa370bd",
+    "@react-stately/steplist": "3.0.0-nightly.4502+89fa370bd",
+    "@react-types/shared": "3.0.0-nightly.2790+89fa370bd",
+    "@spectrum-icons/ui": "3.0.0-nightly.2790+89fa370bd",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.2790+89fa370bd"
   },
   "peerDependencies": {
     "@react-spectrum/provider": "^3.0.0",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
+  "gitHead": "89fa370bd1bb346be643c9ab2a0d79fab857e4d7"
 }