@react-spectrum/tabs 3.8.9-nightly.4494 → 3.8.9-nightly.4502

package/dist/import.mjs

@@ -1,4 +1,4 @@
-import "./main.css";
+import "./module.css";
 import {Item as $7e899e8977e9ac07$re_export$Item, useCollection as $cLzzU$useCollection} from "@react-stately/collections";
 import {useDOMRef as $cLzzU$useDOMRef, useStyleProps as $cLzzU$useStyleProps, classNames as $cLzzU$classNames, SlotProvider as $cLzzU$SlotProvider, unwrapDOMRef as $cLzzU$unwrapDOMRef} from "@react-spectrum/utils";
 import {useResizeObserver as $cLzzU$useResizeObserver, useId as $cLzzU$useId, filterDOMProps as $cLzzU$filterDOMProps, mergeProps as $cLzzU$mergeProps, useLayoutEffect as $cLzzU$useLayoutEffect} from "@react-aria/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;
 }
 
-.FzVSrW_i18nFontFamily:lang(zh-SG) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.FzVSrW_i18nFontFamily:lang(zh-CN) {
+.FzVSrW_i18nFontFamily:lang(zh-SG), .FzVSrW_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;
-}
-
-.FzVSrW_spectrum-FocusRing {
+  inset: 0;
 }
 
 .FzVSrW_spectrum-FocusRing.FzVSrW_focus-ring:after {
@@ -138,15 +128,15 @@
   content: "";
   box-sizing: border-box;
   block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
-  top: 50%;
   border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
   border-radius: var(--spectrum-tabs-focus-ring-border-radius);
   pointer-events: none;
   margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2)  + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
   position: absolute;
+  top: 50%;
 }
 
-.FzVSrW_spectrum-Tabs-item:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+.FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
   left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
   right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
 }
@@ -184,7 +174,7 @@
   position: absolute;
 }
 
-.FzVSrW_spectrum-Tabs-selectionIndicator:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   left: 0;
 }
 
@@ -233,15 +223,15 @@
 .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
   block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick));
   transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, width var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
-  position: absolute;
   bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1);
+  position: absolute;
 }
 
 .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed {
   block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
 }
 
-.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   left: 0;
 }
 
@@ -261,15 +251,15 @@
   content: "";
   box-sizing: border-box;
   block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
-  top: 50%;
   border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
   border-radius: var(--spectrum-tabs-focus-ring-border-radius);
   pointer-events: none;
   margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2)  + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
   position: absolute;
+  top: 50%;
 }
 
-.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
   left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
   right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
 }
@@ -321,7 +311,7 @@
   margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2));
 }
 
-.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
   left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
   right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
 }
@@ -357,7 +347,7 @@
   position: absolute;
 }
 
-.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
   left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
 }
 
@@ -558,39 +548,33 @@
   }
 
   .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item:before {
-    background-color: ButtonFace;
-  }
-
-  .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
-    z-index: 1;
-    position: relative;
+    background-color: buttonface;
   }
 
-  .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Tabs-itemLabel {
+  .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon, .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Tabs-itemLabel {
     z-index: 1;
     position: relative;
   }
 
   .FzVSrW_spectrum-Tabs .FzVSrW_is-selected {
-    color: HighlightText;
+    color: highlighttext;
   }
 
   .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Icon {
-    fill: HighlightText;
+    fill: highlighttext;
   }
 
   .FzVSrW_spectrum-Tabs .FzVSrW_is-selected:before {
-    background-color: Highlight;
-    color: HighlightText;
+    color: highlighttext;
+    background-color: highlight;
   }
 
   .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Tabs-itemLabel {
-    color: HighlightText;
+    color: highlighttext;
   }
 
   .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring {
     outline: none;
   }
 }
-
 /*# 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;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAmBE;;;;AAIA;;;;AAIA;;;;;;AAOE;;;;AAKF;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAkBF;;;;;;;AAOE;;;;AAMF;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASE;;;;AAIA;;;;AAQA;;;;;AAIE;;;;AAOJ;;;;;AAKE;;;;AAIE;;;;AAKF;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMI;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAmBA;;;;AAMJ;;;;;;AAUF;;;;AAIA;;;;;;;AAME;;;;;;;AAOE;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASA;;;;;;AAKE;;;;AAOJ;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASF;;;;;AAKA;;;;AAKE;;;;AAKF;;;;;AAME;;;;AAiBF;;;;AAKI;;;;AAME;;;;AAIA;;;;AAON;;;;AAKE;;;;AAKF;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQR;;;;AAGE;;;;AAKE;;;;AAOF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAMA;;;;AAOF;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;;;;;;;;;;EAoBI;;;;EAGA;;;;;EAIA;;;;;EAKF;;;;EAEE;;;;EAGA;;;;;EAIA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/tabs/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;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAmBE;;;;AAIA;;;;AAIA;;;;;;AAOE;;;;AAKF;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAkBF;;;;;;;AAOE;;;;AAMF;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASE;;;;AAIA;;;;AAQA;;;;;AAIE;;;;AAOJ;;;;;AAKE;;;;AAIE;;;;AAKF;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMI;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAmBA;;;;AAMJ;;;;;;AAUF;;;;AAIA;;;;;;;AAME;;;;;;;AAOE;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASA;;;;;;AAKE;;;;AAOJ;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASF;;;;;AAKA;;;;AAKE;;;;AAKF;;;;;AAME;;;;AAiBF;;;;AAKI;;;;AAME;;;;AAIA;;;;AAON;;;;AAKE;;;;AAKF;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQR;;;;AAGE;;;;AAKE;;;;AAOF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAMA;;;;AAOF;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;;;;;;;;;;EAoBI;;;;EAGA;;;;;EASF;;;;EAEE;;;;EAGA;;;;;EAIA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/tabs/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,580 @@
+.FzVSrW_i18nFontFamily {
+  font-synthesis: weight;
+  font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+}
+
+.FzVSrW_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;
+}
+
+.FzVSrW_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;
+}
+
+.FzVSrW_i18nFontFamily:lang(zh) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+}
+
+.FzVSrW_i18nFontFamily:lang(zh-Hans) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.FzVSrW_i18nFontFamily:lang(zh-Hant) {
+  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+}
+
+.FzVSrW_i18nFontFamily:lang(zh-SG), .FzVSrW_i18nFontFamily:lang(zh-CN) {
+  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+}
+
+.FzVSrW_i18nFontFamily:lang(ko) {
+  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+}
+
+.FzVSrW_i18nFontFamily:lang(ja) {
+  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+}
+
+.FzVSrW_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)));
+}
+
+.FzVSrW_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;
+}
+
+.FzVSrW_spectrum-FocusRing.FzVSrW_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);
+}
+
+.FzVSrW_spectrum-FocusRing--quiet:after {
+  border-radius: 0;
+}
+
+.FzVSrW_spectrum-FocusRing--quiet.FzVSrW_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);
+}
+
+.FzVSrW_spectrum-TabsPanel {
+  width: 100%;
+  display: flex;
+}
+
+.FzVSrW_spectrum-TabsPanel--horizontal {
+  flex-direction: column;
+}
+
+.FzVSrW_spectrum-TabsPanel--vertical {
+  flex-direction: row;
+}
+
+.FzVSrW_spectrum-Tabs {
+  z-index: 0;
+  vertical-align: top;
+  -webkit-user-select: none;
+  user-select: none;
+  outline: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  position: relative;
+}
+
+.FzVSrW_spectrum-Tabs-item {
+  box-sizing: border-box;
+  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+  line-height: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+  z-index: 1;
+  white-space: nowrap;
+  transition: color var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  cursor: default;
+  outline: none;
+  text-decoration: none;
+  position: relative;
+}
+
+.FzVSrW_spectrum-Tabs-item[href] {
+  cursor: pointer;
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled {
+  cursor: default;
+}
+
+.FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
+  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+  transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
+  transform: translate3d(0, 0, 0);
+}
+
+.FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon + .FzVSrW_spectrum-Tabs-itemLabel {
+  margin-inline-start: var(--spectrum-tabs-icon-gap, var(--spectrum-global-dimension-size-100));
+}
+
+.FzVSrW_spectrum-Tabs-item:before {
+  content: "";
+  box-sizing: border-box;
+  block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
+  border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
+  border-radius: var(--spectrum-tabs-focus-ring-border-radius);
+  pointer-events: none;
+  margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2)  + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
+  position: absolute;
+  top: 50%;
+}
+
+.FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs-itemLabel {
+  vertical-align: top;
+  font-size: var(--spectrum-tabs-text-size, var(--spectrum-alias-font-size-default));
+  font-weight: var(--spectrum-tabs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
+  display: inline-block;
+}
+
+.FzVSrW_spectrum-Tabs-itemLabel:empty {
+  display: none;
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator {
+  z-index: 0;
+  transform-origin: 0 0;
+  border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10));
+  position: absolute;
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+[dir="ltr"] .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
+  transform: translateX(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
+}
+
+[dir="rtl"] .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
+  transform: translateX(calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1));
+}
+
+.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item {
+  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+  line-height: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+}
+
+.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
+  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+}
+
+.FzVSrW_spectrum-Tabs--horizontal {
+  border-block-end: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) solid;
+  align-items: center;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-item {
+  vertical-align: top;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-item + :not(.FzVSrW_spectrum-Tabs-selectionIndicator) {
+  margin-inline-start: var(--spectrum-tabs-item-gap, var(--spectrum-global-dimension-size-300));
+}
+
+.FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
+  block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick));
+  transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, width var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
+  bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1);
+  position: absolute;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed {
+  block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: 0;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: 0;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:before {
+  content: "";
+  box-sizing: border-box;
+  block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
+  border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
+  border-radius: var(--spectrum-tabs-focus-ring-border-radius);
+  pointer-events: none;
+  margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2)  + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
+  position: absolute;
+  top: 50%;
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed.FzVSrW_spectrum-Tabs--compact button {
+  height: calc(calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))));
+}
+
+.FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--compact {
+  box-sizing: content-box;
+  block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400))  - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
+  align-items: end;
+}
+
+.FzVSrW_spectrum-Tabs--quiet {
+  display: inline-flex;
+}
+
+.FzVSrW_spectrum-Tabs--vertical {
+  border-inline-start: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) solid;
+  flex-direction: column;
+  padding: 0;
+  display: inline-flex;
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item {
+  block-size: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
+  padding: 0 var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100));
+  margin-block-end: var(--spectrum-tabs-vertical-item-gap, var(--spectrum-global-dimension-size-50));
+  margin-inline-start: calc(var(--spectrum-tabs-vertical-item-margin-left, var(--spectrum-global-dimension-size-150))  - var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:before {
+  margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2));
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))):before {
+  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)):before {
+  right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+  left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item {
+  block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
+  line-height: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
+  margin-block-end: var(--spectrum-tabs-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
+  block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator {
+  inline-size: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick));
+  transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, height var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
+  position: absolute;
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
+  left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+  right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
+}
+
+.FzVSrW_spectrum-TabsPanel-collapseWrapper {
+  display: flex;
+  position: relative;
+}
+
+.FzVSrW_spectrum-TabsPanel-tabs {
+  flex: 1 0;
+}
+
+.FzVSrW_spectrum-TabsPanel-tabs.FzVSrW_spectrum-Tabs--vertical {
+  flex-grow: 0;
+}
+
+.FzVSrW_spectrum-TabsPanel-tabpanel {
+  border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
+  flex-grow: 1;
+}
+
+.FzVSrW_spectrum-TabsPanel--vertical .FzVSrW_spectrum-Tabs {
+  padding-right: var(--spectrum-global-dimension-size-160);
+}
+
+.FzVSrW_spectrum-Tabs {
+  border-block-end-color: var(--spectrum-global-color-gray-300);
+}
+
+.FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_spectrum-Tabs-picker {
+  width: auto;
+}
+
+.FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring:after {
+  box-shadow: none;
+}
+
+.FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring:before {
+  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
+}
+
+.FzVSrW_spectrum-Tabs--vertical {
+  border-inline-start-color: var(--spectrum-global-color-gray-300);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs-item {
+  color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
+}
+
+.FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-tabs-icon-color, var(--spectrum-alias-icon-color));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-hovered {
+  color: var(--spectrum-tabs-text-color-hover, var(--spectrum-alias-text-color-hover));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-hovered .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-tabs-icon-color-hover, var(--spectrum-alias-icon-color-hover));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected {
+  color: var(--spectrum-tabs-text-color-selected, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-tabs-icon-color-selected, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring {
+  color: var(--spectrum-tabs-text-color-key-focus, var(--spectrum-alias-text-color-hover));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring:before {
+  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-tabs-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled {
+  color: var(--spectrum-tabs-text-color-disabled, var(--spectrum-alias-text-color-disabled));
+}
+
+.FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-tabs-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected {
+  color: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring {
+  color: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring:before {
+  border-color: var(--spectrum-blue-900);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_is-hovered {
+  color: var(--spectrum-accent-color-1000);
+}
+
+.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_is-hovered .FzVSrW_spectrum-Icon {
+  fill: var(--spectrum-accent-color-1000);
+}
+
+.FzVSrW_spectrum-Tabs--quiet {
+  border-block-end-color: var(--spectrum-tabs-quiet-rule-color, var(--spectrum-alias-border-color-transparent));
+}
+
+.FzVSrW_spectrum-Tabs--quiet .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs--quiet.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--quiet {
+  border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--quiet .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact {
+  border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
+}
+
+.FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
+  background-color: var(--spectrum-accent-color-900);
+}
+
+.FzVSrW_spectrum-TabsPanel-tabpanel:focus {
+  outline: none;
+}
+
+.FzVSrW_spectrum-TabsPanel-tabpanel.FzVSrW_focus-ring {
+  border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
+}
+
+@media (forced-colors: active) {
+  .FzVSrW_spectrum-Tabs {
+    forced-color-adjust: none;
+    --spectrum-tabs-focus-ring-color: ButtonText;
+    --spectrum-tabs-icon-color: ButtonText;
+    --spectrum-tabs-icon-color-disabled: GrayText;
+    --spectrum-tabs-icon-color-hover: ButtonText;
+    --spectrum-tabs-icon-color-key-focus: ButtonText;
+    --spectrum-tabs-icon-color-selected: HighlightText;
+    --spectrum-tabs-quiet-rule-color: transparent;
+    --spectrum-tabs-quiet-selection-indicator-color: transparent;
+    --spectrum-tabs-quiet-vertical-rule-color: transparent;
+    --spectrum-tabs-rule-color: transparent;
+    --spectrum-tabs-selection-indicator-color: transparent;
+    --spectrum-tabs-text-color: ButtonText;
+    --spectrum-tabs-text-color-disabled: GrayText;
+    --spectrum-tabs-text-color-hover: ButtonText;
+    --spectrum-tabs-text-color-key-focus: ButtonText;
+    --spectrum-tabs-text-color-selected: HighlightText;
+    --spectrum-tabs-vertical-rule-color: transparent;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item:before {
+    background-color: buttonface;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon, .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Tabs-itemLabel {
+    z-index: 1;
+    position: relative;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_is-selected {
+    color: highlighttext;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Icon {
+    fill: highlighttext;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_is-selected:before {
+    color: highlighttext;
+    background-color: highlight;
+  }
+
+  .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Tabs-itemLabel {
+    color: highlighttext;
+  }
+
+  .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring {
+    outline: none;
+  }
+}
+/*# 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;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAmBE;;;;AAIA;;;;AAIA;;;;;;AAOE;;;;AAKF;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAkBF;;;;;;;AAOE;;;;AAMF;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASE;;;;AAIA;;;;AAQA;;;;;AAIE;;;;AAOJ;;;;;AAKE;;;;AAIE;;;;AAKF;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMI;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAmBA;;;;AAMJ;;;;;;AAUF;;;;AAIA;;;;;;;AAME;;;;;;;AAOE;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASA;;;;;;AAKE;;;;AAOJ;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASF;;;;;AAKA;;;;AAKE;;;;AAKF;;;;;AAME;;;;AAiBF;;;;AAKI;;;;AAME;;;;AAIA;;;;AAON;;;;AAKE;;;;AAKF;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQR;;;;AAGE;;;;AAKE;;;;AAOF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAMA;;;;AAOF;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;;;;;;;;;;EAoBI;;;;EAGA;;;;;EASF;;;;EAEE;;;;EAGA;;;;;EAIA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/tabs/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 $7e899e8977e9ac07$re_export$Item, useCollection as $cLzzU$useCollection} from "@react-stately/collections";
 import {useDOMRef as $cLzzU$useDOMRef, useStyleProps as $cLzzU$useStyleProps, classNames as $cLzzU$classNames, SlotProvider as $cLzzU$SlotProvider, unwrapDOMRef as $cLzzU$unwrapDOMRef} from "@react-spectrum/utils";
 import {useResizeObserver as $cLzzU$useResizeObserver, useId as $cLzzU$useId, filterDOMProps as $cLzzU$filterDOMProps, mergeProps as $cLzzU$mergeProps, useLayoutEffect as $cLzzU$useLayoutEffect} from "@react-aria/utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/tabs",
-  "version": "3.8.9-nightly.4494+361d47080",
+  "version": "3.8.9-nightly.4502+89fa370bd",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,24 +36,24 @@
     "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/tabs": "3.8.6-nightly.4494+361d47080",
-    "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-spectrum/picker": "3.14.4-nightly.4494+361d47080",
-    "@react-spectrum/text": "3.5.4-nightly.4494+361d47080",
-    "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
-    "@react-stately/collections": "3.0.0-nightly.2782+361d47080",
-    "@react-stately/list": "3.10.4-nightly.4494+361d47080",
-    "@react-stately/tabs": "3.0.0-nightly.2782+361d47080",
-    "@react-types/select": "3.9.3-nightly.4494+361d47080",
-    "@react-types/shared": "3.0.0-nightly.2782+361d47080",
-    "@react-types/tabs": "3.3.6-nightly.4494+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/tabs": "3.8.6-nightly.4502+89fa370bd",
+    "@react-aria/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-spectrum/picker": "3.14.4-nightly.4502+89fa370bd",
+    "@react-spectrum/text": "3.5.4-nightly.4502+89fa370bd",
+    "@react-spectrum/utils": "3.0.0-nightly.2790+89fa370bd",
+    "@react-stately/collections": "3.0.0-nightly.2790+89fa370bd",
+    "@react-stately/list": "3.10.4-nightly.4502+89fa370bd",
+    "@react-stately/tabs": "3.0.0-nightly.2790+89fa370bd",
+    "@react-types/select": "3.9.3-nightly.4502+89fa370bd",
+    "@react-types/shared": "3.0.0-nightly.2790+89fa370bd",
+    "@react-types/tabs": "3.3.6-nightly.4502+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",
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
+  "gitHead": "89fa370bd1bb346be643c9ab2a0d79fab857e4d7"
 }