@react-spectrum/s2 3.0.0-nightly-4b8b33a02-250211 → 3.0.0-nightly-260eb700f-250213

package/dist/TreeView.css

@@ -1,56 +1,52 @@
 @layer _.a {
-  .__Ha {
+  .__Ea {
     -webkit-user-select: none;
     user-select: none;
   }
 
-  .no {
+  .oo {
     min-height: 0;
   }
 
-  .po {
+  .qo {
     min-width: 0;
   }
 
-  .__za {
+  .__wa {
     overflow-x: auto;
   }
 
-  .__Aa {
+  .__xa {
     overflow-y: auto;
   }
 
-  .-_11sb0gx_k-E {
+  .-_11sb0gx_l-E {
     --indent: calc(1rem * var(--s2-scale));
   }
 
-  .Yc {
+  .Vc {
     position: relative;
   }
 
-  .j2 {
-    height: calc(2.5rem * var(--s2-scale));
-  }
-
-  .__ra {
+  .__oa {
     box-sizing: border-box;
   }
 
-  ._ga {
+  ._da {
     font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._he {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._ib {
+  ._fb {
     font-variation-settings: "wght" 400;
     font-synthesis-weight: none;
     font-weight: 400;
   }
 
-  ._ja {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -58,7 +54,7 @@
     color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .__Lc {
+  .__Ic {
     cursor: pointer;
   }
 
@@ -82,31 +78,35 @@
     --rowBackgroundColor: var(--lightningcss-light, #e2e8fe) var(--lightningcss-dark, #161c34);
   }
 
-  .-oorfdf_c-x {
+  .-oorfdf_d-x {
     --rowFocusIndicatorColor: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._3f {
+  ._0f {
     display: grid;
   }
 
-  .kb {
+  .lb {
     width: 100%;
   }
 
-  ._5c {
+  .kb {
+    height: 100%;
+  }
+
+  ._2c {
     align-items: center;
   }
 
-  .__l-r3ezpz {
-    grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 2.5rem minmax(0, auto) 1fr minmax(0, auto) auto;
+  .__i-22ig44 {
+    grid-template-columns: auto auto auto auto auto 1fr minmax(0, auto) auto;
   }
 
-  .__m-2wzs0i {
+  .__j-2wzs0i {
     grid-template-rows: 1fr;
   }
 
-  .__n-17p9pp0 {
+  .__k-17p9pp0 {
     grid-template-areas: "drag-handle checkbox level-padding expand-button icon content actions actionmenu";
   }
 
@@ -114,231 +114,179 @@
     background-color: var(--rowBackgroundColor);
   }
 
-  .Gc {
+  .Dc {
     padding-inline-end: .25rem;
   }
 
-  .aj {
-    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
-  }
-
-  .-fm23a5_c-n {
+  .-fm23a5_d-n {
     --rowSelectedBorderColor: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
   }
 
-  .-fm23a5_c-x {
+  .-fm23a5_d-x {
     --rowSelectedBorderColor: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .-_17c7snb_c-x {
+  .-_17c7snb_d-x {
     --rowForcedFocusBorderColor: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  .xa {
-    border-top-color: #0000;
-  }
-
-  .x-fm23a5 {
-    border-top-color: var(--rowSelectedBorderColor);
-  }
-
-  .wa {
-    border-inline-end-color: #0000;
-  }
-
-  .w-fm23a5 {
-    border-inline-end-color: var(--rowSelectedBorderColor);
-  }
-
-  .ya {
-    border-bottom-color: #0000;
-  }
-
-  .y-fm23a5 {
-    border-bottom-color: var(--rowSelectedBorderColor);
-  }
-
-  .va {
-    border-inline-start-color: #0000;
+  .ca {
+    border-color: #0000;
   }
 
-  .v-fm23a5 {
-    border-inline-start-color: var(--rowSelectedBorderColor);
+  .c-fm23a5 {
+    border-color: var(--rowSelectedBorderColor);
   }
 
-  .ta {
-    border-top-width: 0;
-  }
-
-  .tb {
+  .ub {
     border-top-width: 1px;
   }
 
-  .ua {
-    border-bottom-width: 0;
-  }
-
-  .ub {
+  .vb {
     border-bottom-width: 1px;
   }
 
-  .ra {
-    border-inline-start-width: 0;
-  }
-
-  .rb {
+  .sb {
     border-inline-start-width: 1px;
   }
 
-  .sa {
-    border-inline-end-width: 0;
-  }
-
-  .sb {
+  .tb {
     border-inline-end-width: 1px;
   }
 
-  ._zc {
+  ._wc {
     border-start-start-radius: .5rem;
   }
 
-  ._Ac {
+  ._xc {
     border-start-end-radius: .5rem;
   }
 
-  ._Bc {
+  ._yc {
     border-end-start-radius: .5rem;
   }
 
-  ._Cc {
+  ._zc {
     border-end-end-radius: .5rem;
   }
 
-  .za {
+  .wa {
     border-style: solid;
   }
 
-  .__e-5dolv4 {
+  .__b-5dolv4 {
     grid-column-start: checkbox;
   }
 
-  .__f-5dolv4 {
+  .__c-5dolv4 {
     grid-column-end: checkbox;
   }
 
-  .__g-5dolv4 {
+  .__d-5dolv4 {
     grid-row-start: checkbox;
   }
 
-  .__h-5dolv4 {
+  .__e-5dolv4 {
     grid-row-end: checkbox;
   }
 
-  .Be {
+  .ye {
     margin-inline-start: .75rem;
   }
 
-  .Ca {
+  .za {
     margin-inline-end: 0;
   }
 
-  .Ga {
-    padding-inline-end: 0;
-  }
-
-  .__e-qb5q8i {
+  .__b-qb5q8i {
     grid-column-start: icon;
   }
 
-  .__f-qb5q8i {
+  .__c-qb5q8i {
     grid-column-end: icon;
   }
 
-  .__g-qb5q8i {
+  .__d-qb5q8i {
     grid-row-start: icon;
   }
 
-  .__h-qb5q8i {
+  .__e-qb5q8i {
     grid-row-end: icon;
   }
 
-  .CG {
+  .zG {
     margin-inline-end: .428571em;
   }
 
-  .__e-drkpd0 {
+  .__b-drkpd0 {
     grid-column-start: content;
   }
 
-  .__f-drkpd0 {
+  .__c-drkpd0 {
     grid-column-end: content;
   }
 
-  .__g-drkpd0 {
+  .__d-drkpd0 {
     grid-row-start: content;
   }
 
-  .__h-drkpd0 {
+  .__e-drkpd0 {
     grid-row-end: content;
   }
 
-  ._qa {
+  ._na {
     text-overflow: ellipsis;
   }
 
-  ._tb {
+  ._qb {
     white-space: nowrap;
   }
 
-  .__zb {
+  .__wb {
     overflow-x: hidden;
   }
 
-  .__Ab {
+  .__xb {
     overflow-y: hidden;
   }
 
-  .__e-1k7szui {
+  .__b-1k7szui {
     grid-column-start: actions;
   }
 
-  .__f-1k7szui {
+  .__c-1k7szui {
     grid-column-end: actions;
   }
 
-  .__g-1k7szui {
+  .__d-1k7szui {
     grid-row-start: actions;
   }
 
-  .__h-1k7szui {
+  .__e-1k7szui {
     grid-row-end: actions;
   }
 
-  .__d-3t1x {
-    flex-grow: 0;
-  }
-
-  .Bb {
+  .yb {
     margin-inline-start: .125rem;
   }
 
-  .Cc {
+  .zc {
     margin-inline-end: .25rem;
   }
 
-  .__e-2npmt8 {
+  .__b-2npmt8 {
     grid-column-start: actionmenu;
   }
 
-  .__f-2npmt8 {
+  .__c-2npmt8 {
     grid-column-end: actionmenu;
   }
 
-  .__g-2npmt8 {
+  .__d-2npmt8 {
     grid-row-start: actionmenu;
   }
 
-  .__h-2npmt8 {
+  .__e-2npmt8 {
     grid-row-end: actionmenu;
   }
 
@@ -355,155 +303,179 @@
     inset-inline-start: 0;
   }
 
-  .__e-u3oh8l {
+  .__b-u3oh8l {
     grid-column-start: level-padding;
   }
 
-  .__f-u3oh8l {
+  .__c-u3oh8l {
     grid-column-end: level-padding;
   }
 
-  .__g-u3oh8l {
+  .__d-u3oh8l {
     grid-row-start: level-padding;
   }
 
-  .__h-u3oh8l {
+  .__e-u3oh8l {
     grid-row-end: level-padding;
   }
 
-  .k-19lybgs {
+  .l-19lybgs {
     width: calc(calc(var(--tree-item-level, 0)  - 1) * var(--indent));
   }
 
-  .k-1sthc3k {
+  .l-1sthc3k {
     width: 1.42857em;
   }
 
-  .j-1sthc3k {
+  .k-1sthc3k {
     height: 1.42857em;
   }
 
-  .__c-3t1x {
+  ._9-3t1x {
     flex-shrink: 0;
   }
 
-  ._Pb {
+  ._Mb {
     outline-style: solid;
   }
 
-  ._Q-3hmpw {
+  ._N-3hmpw {
     outline-offset: -2px;
   }
 
-  ._Rc {
+  ._Oc {
     outline-width: 2px;
   }
 
-  .cx {
+  .dx {
     outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
   }
 
-  ._z-3762yr {
+  ._w-3762yr {
     border-start-start-radius: 6px;
   }
 
-  ._A-3762yr {
+  ._x-3762yr {
     border-start-end-radius: 6px;
   }
 
-  ._B-3762yr {
+  ._y-3762yr {
     border-end-start-radius: 6px;
   }
 
-  ._C-3762yr {
+  ._z-3762yr {
     border-end-end-radius: 6px;
   }
 
-  .Ya {
+  .Va {
     position: absolute;
   }
 
-  ._ba {
+  .Ya {
     top: 0;
   }
 
-  ._da {
+  ._aa {
     bottom: 0;
   }
 
-  .Za {
+  .Wa {
     inset-inline-start: 0;
   }
 
-  ._aa {
+  .Xa {
     inset-inline-end: 0;
   }
 
-  .__e-ajol1u {
+  .__b-ajol1u {
     grid-column-start: expand-button;
   }
 
-  .__f-ajol1u {
+  .__c-ajol1u {
     grid-column-end: expand-button;
   }
 
-  .__g-ajol1u {
+  .__d-ajol1u {
     grid-row-start: expand-button;
   }
 
-  .__h-ajol1u {
+  .__e-ajol1u {
     grid-row-end: expand-button;
   }
 
-  .jb {
-    height: 100%;
+  .a-17zqamw {
+    color: inherit;
   }
 
-  ._fb {
-    aspect-ratio: 1;
+  .aj {
+    color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  ._3d {
+  .k2 {
+    height: calc(2.5rem * var(--s2-scale));
+  }
+
+  .l2 {
+    width: calc(2.5rem * var(--s2-scale));
+  }
+
+  ._0d {
     display: flex;
   }
 
-  .__ba {
+  ._8a {
     flex-wrap: wrap;
   }
 
-  ._4b {
+  ._1b {
     align-content: center;
   }
 
-  ._6d {
+  ._3d {
     justify-content: center;
   }
 
-  ._Pa {
+  ._Ma {
     outline-style: none;
   }
 
-  .__Lb {
+  .__Ib {
     cursor: default;
   }
 
-  .X-7hkt2a {
+  .U-7hkt2a {
     transform: rotate(90deg);
   }
 
-  .X-197phm7 {
+  .U-197phm7 {
     transform: rotate(-90deg);
   }
 
-  ._Sa {
+  .Ea {
+    padding-top: 0;
+  }
+
+  .Fa {
+    padding-bottom: 0;
+  }
+
+  .Ca {
+    padding-inline-start: 0;
+  }
+
+  .Da {
+    padding-inline-end: 0;
+  }
+
+  ._Pa {
     transition-property: color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
   }
 
-  ._U-375x7f {
+  ._R-375x7f {
     transition-duration: .15s;
   }
 
-  ._Va {
+  ._Sa {
     transition-timing-function: cubic-bezier(.45, 0, .4, 1);
   }
 
@@ -511,88 +483,96 @@
     background-color: #0000;
   }
 
-  .zf {
+  .wf {
     border-style: none;
   }
 
-  .V-375khm {
+  .__S-yksgrp {
+    -webkit-tap-highlight-color: #0000;
+  }
+
+  .__Fb {
+    visibility: hidden;
+  }
+
+  .S-375khm {
     --scaleX: 1;
     scale: var(--scaleX, 1) var(--scaleY, 1);
   }
 
-  .V-yizn7r {
+  .S-yizn7r {
     --scaleX: -1;
     scale: var(--scaleX, 1) var(--scaleY, 1);
   }
 
-  .W-375khm {
+  .T-375khm {
     --scaleY: 1;
     scale: var(--scaleX, 1) var(--scaleY, 1);
   }
 
-  .W-yizn7r {
+  .T-yizn7r {
     --scaleY: -1;
     scale: var(--scaleX, 1) var(--scaleY, 1);
   }
 
-  .-rwx0fg_d-b {
+  .-rwx0fg_e-b {
     --iconPrimary: currentColor;
   }
 }
 
 @layer _.b {
-  ._g-enzrfpb:lang(ar) {
+  ._d-enzrfpb:lang(ar) {
     font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
   }
 
-  ._j-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
 
 @layer _.c {
-  ._g-enzwzjc:lang(he) {
+  ._d-enzwzjc:lang(he) {
     font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
   }
 }
 
 @layer _.d {
-  ._g-enzykdd:lang(ja) {
+  ._d-enzykdd:lang(ja) {
     font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
   }
 }
 
 @layer _.e {
-  ._g-enzzrge:lang(ko) {
+  ._d-enzzrge:lang(ko) {
     font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
   }
 }
 
 @layer _.f {
-  ._g-eo0c6sf:lang(zh) {
+  ._d-eo0c6sf:lang(zh) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.g {
-  ._g-1uotwbwg:lang(zh-hant) {
+  ._d-1uotwbwg:lang(zh-hant) {
     font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
   }
 }
 
 @layer _.h {
-  ._g-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._d-bc1l9oh:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
   }
 }
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._hbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    .CbH {
+    .zbH {
       margin-inline-end: .470588em;
     }
   }
@@ -604,28 +584,24 @@
       --rowBackgroundColor: Background;
     }
 
-    .-oorfdf_c-a_____M {
+    .-oorfdf_d-a_____M {
       --rowFocusIndicatorColor: Highlight;
     }
 
-    .aa_____O {
-      color: graytext;
-    }
-
-    .-fm23a5_c-a_____M {
+    .-fm23a5_d-a_____M {
       --rowSelectedBorderColor: Highlight;
     }
 
-    .-_17c7snb_c-a_____M {
+    .-_17c7snb_d-a_____M {
       --rowForcedFocusBorderColor: Highlight;
     }
 
-    .taa {
-      border-top-width: 0;
+    .da_____M {
+      outline-color: highlight;
     }
 
-    .ca_____M {
-      outline-color: highlight;
+    .aa_____O {
+      color: graytext;
     }
   }
 }