@react-spectrum/tree 3.0.0-beta.1 → 3.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/{TreeView.5c7cb24b.css → TreeView.1fe1dbfb.css} +80 -80
  2. package/dist/TreeView.1fe1dbfb.css.map +1 -0
  3. package/dist/TreeView.main.js +87 -90
  4. package/dist/TreeView.main.js.map +1 -1
  5. package/dist/TreeView.mjs +87 -90
  6. package/dist/TreeView.module.js +87 -90
  7. package/dist/TreeView.module.js.map +1 -1
  8. package/dist/types.d.ts +1 -1
  9. package/dist/types.d.ts.map +1 -1
  10. package/package.json +15 -15
  11. package/src/TreeView.tsx +6 -9
  12. package/dist/TreeView.5c7cb24b.css.map +0 -1
package/dist/{TreeView.5c7cb24b.css → TreeView.1fe1dbfb.css} RENAMED
@@ -1,315 +1,315 @@
1
+ @layer s1-a, s1-b;
2
+
1
3
  @layer a {
2
- .wc {
4
+ .s1-ws1-c {
3
5
  border-top-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
4
6
  }
5
7
 
6
- .xc {
8
+ .s1-xs1-c {
7
9
  border-bottom-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
8
10
  }
9
11
 
10
- .ua {
12
+ .s1-us1-a {
11
13
  border-inline-start-width: 0;
12
14
  }
13
15
 
14
- .va {
16
+ .s1-vs1-a {
15
17
  border-inline-end-width: 0;
16
18
  }
17
19
 
18
- .Aa {
20
+ .s1-As1-a {
19
21
  border-style: solid;
20
22
  }
21
23
 
22
- .ca {
24
+ .s1-cs1-a {
23
25
  border-color: #0000;
24
26
  }
25
27
 
26
- .Xc {
28
+ .s1-Xs1-c {
27
29
  position: relative;
28
30
  }
29
31
 
30
- .nk {
32
+ .s1-ns1-k {
31
33
  height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
32
34
  }
33
35
 
34
- .__ka {
36
+ .s1-__ks1-a {
35
37
  box-sizing: border-box;
36
38
  }
37
39
 
38
- ._6c {
40
+ .s1-6s1-c {
39
41
  font-size: var(--spectrum-global-dimension-font-size-100);
40
42
  }
41
43
 
42
- ._7d {
44
+ .s1-7s1-d {
43
45
  font-weight: 400;
44
46
  }
45
47
 
46
- ._9b {
48
+ .s1-9s1-b {
47
49
  line-height: var(--spectrum-global-font-line-height-medium, 1.5);
48
50
  }
49
51
 
50
- .a___K {
52
+ .s1-as1-___K {
51
53
  color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
52
54
  }
53
55
 
54
- .__Eb {
56
+ .s1-__Es1-b {
55
57
  cursor: default;
56
58
  }
57
59
 
58
- .__Ec {
60
+ .s1-__Es1-c {
59
61
  cursor: pointer;
60
62
  }
61
63
 
62
- .b-ml9cvk {
64
+ .s1-b-ml9cvk {
63
65
  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
64
66
  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
65
67
  }
66
68
 
67
- .b-1t6gvb8 {
69
+ .s1-b-1t6gvb8 {
68
70
  background-color: var(--spectrum-table-row-background-color-down, var(--spectrum-alias-highlight-active));
69
71
  }
70
72
 
71
- .b-7vr0l1 {
73
+ .s1-b-7vr0l1 {
72
74
  background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
73
75
  }
74
76
 
75
- ._Sf {
77
+ .s1-_Ss1-f {
76
78
  display: grid;
77
79
  }
78
80
 
79
- .oY {
81
+ .s1-os1-Y {
80
82
  width: 100%;
81
83
  }
82
84
 
83
- ._Uc {
85
+ .s1-_Us1-c {
84
86
  align-items: center;
85
87
  }
86
88
 
87
- .__d-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2 {
89
+ .s1-__d-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2 {
88
90
  grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 2.5rem minmax(0, auto) 1fr minmax(0, auto) auto;
89
91
  }
90
92
 
91
- .__e-375yi6 {
93
+ .s1-__e-375yi6 {
92
94
  grid-template-rows: 1fr;
93
95
  }
94
96
 
95
- .__f-1qk85yo {
97
+ .s1-__f-1qk85yo {
96
98
  grid-template-areas: "drag-handle checkbox level-padding expand-button icon content actions actionmenu";
97
99
  }
98
100
 
99
- .ai {
101
+ .s1-as1-i {
100
102
  color: var(--spectrum-gray-400);
101
103
  }
102
104
 
103
- .__g-4wahvw {
105
+ .s1-__g-4wahvw {
104
106
  grid-area: checkbox;
105
107
  }
106
108
 
107
- ._J-37nn5o {
109
+ .s1-_J-37nn5o {
108
110
  transition-duration: .16s;
109
111
  }
110
112
 
111
- .Cd {
113
+ .s1-Cs1-d {
112
114
  margin-inline-start: .75rem;
113
115
  }
114
116
 
115
- .Da {
117
+ .s1-Ds1-a {
116
118
  margin-inline-end: 0;
117
119
  }
118
120
 
119
- .__g-ykjmzy {
121
+ .s1-__g-ykjmzy {
120
122
  grid-area: icon;
121
123
  }
122
124
 
123
- .Dc {
125
+ .s1-Ds1-c {
124
126
  margin-inline-end: .5rem;
125
127
  }
126
128
 
127
- .__g-1mod4sg {
129
+ .s1-__g-1mod4sg {
128
130
  grid-area: content;
129
131
  }
130
132
 
131
- ._ga {
133
+ .s1-_gs1-a {
132
134
  text-overflow: ellipsis;
133
135
  }
134
136
 
135
- ._kb {
137
+ .s1-_ks1-b {
136
138
  white-space: nowrap;
137
139
  }
138
140
 
139
- .__sb {
141
+ .s1-__ss1-b {
140
142
  overflow-x: hidden;
141
143
  }
142
144
 
143
- .__tb {
145
+ .s1-__ts1-b {
144
146
  overflow-y: hidden;
145
147
  }
146
148
 
147
- .__g-8ayfo6 {
149
+ .s1-__g-8ayfo6 {
148
150
  grid-area: actions;
149
151
  }
150
152
 
151
- ._3-3t1x {
153
+ .s1-_3-3t1x {
152
154
  flex-grow: 0;
153
155
  }
154
156
 
155
- ._2-3t1x {
157
+ .s1-_2-3t1x {
156
158
  flex-shrink: 0;
157
159
  }
158
160
 
159
- .CF {
161
+ .s1-Cs1-F {
160
162
  margin-inline-start: .125rem;
161
163
  }
162
164
 
163
- .Db {
165
+ .s1-Ds1-b {
164
166
  margin-inline-end: .25rem;
165
167
  }
166
168
 
167
- .__g-wit6hk {
169
+ .s1-__g-wit6hk {
168
170
  grid-area: actionmenu;
169
171
  }
170
172
 
171
- .oi {
173
+ .s1-os1-i {
172
174
  width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
173
175
  }
174
176
 
175
- ._Sa {
177
+ .s1-_Ss1-a {
176
178
  display: block;
177
179
  }
178
180
 
179
- .Xa {
181
+ .s1-Xs1-a {
180
182
  position: absolute;
181
183
  }
182
184
 
183
- .Ya: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))) {
185
+ .s1-Ys1-a: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))) {
184
186
  left: 0;
185
187
  }
186
188
 
187
- .Ya: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))) {
189
+ .s1-Ys1-a: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))) {
188
190
  left: 0;
189
191
  }
190
192
 
191
- .Ya:-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)) {
193
+ .s1-Ys1-a:-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)) {
192
194
  right: 0;
193
195
  }
194
196
 
195
- .Ya: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)) {
197
+ .s1-Ys1-a: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)) {
196
198
  right: 0;
197
199
  }
198
200
 
199
- .Za: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))) {
201
+ .s1-Zs1-a: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))) {
200
202
  right: 0;
201
203
  }
202
204
 
203
- .Za: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))) {
205
+ .s1-Zs1-a: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))) {
204
206
  right: 0;
205
207
  }
206
208
 
207
- .Za:-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)) {
209
+ .s1-Zs1-a:-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)) {
208
210
  left: 0;
209
211
  }
210
212
 
211
- .Za: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)) {
213
+ .s1-Zs1-a: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)) {
212
214
  left: 0;
213
215
  }
214
216
 
215
- ._0a {
217
+ .s1-0s1-a {
216
218
  top: 0;
217
219
  }
218
220
 
219
- ._0-yj899n {
221
+ .s1-0-yj899n {
220
222
  top: -1px;
221
223
  }
222
224
 
223
- ._0-yj8a3w {
225
+ .s1-0-yj8a3w {
224
226
  top: -2px;
225
227
  }
226
228
 
227
- ._2a {
229
+ .s1-2s1-a {
228
230
  bottom: 0;
229
231
  }
230
232
 
231
- .__ya {
233
+ .s1-__ys1-a {
232
234
  pointer-events: none;
233
235
  }
234
236
 
235
- ._tb {
237
+ .s1-_ts1-b {
236
238
  forced-color-adjust: none;
237
239
  }
238
240
 
239
- ._o-1ytnijz {
241
+ .s1-_o-1ytnijz {
240
242
  box-shadow: inset 1px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset -1px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 -1px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 1px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
241
243
  }
242
244
 
243
- ._o-ba5uxf {
245
+ .s1-_o-ba5uxf {
244
246
  box-shadow: inset 2px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset -2px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 -2px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 2px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
245
247
  }
246
248
 
247
- .__g-pn4rxq {
249
+ .s1-__g-pn4rxq {
248
250
  grid-area: expand-button;
249
251
  }
250
252
 
251
- .nY {
253
+ .s1-ns1-Y {
252
254
  height: 100%;
253
255
  }
254
256
 
255
- ._4b {
257
+ .s1-4s1-b {
256
258
  aspect-ratio: 1;
257
259
  }
258
260
 
259
- ._Sd {
261
+ .s1-_Ss1-d {
260
262
  display: flex;
261
263
  }
262
264
 
263
- ._0a {
265
+ .s1-_0s1-a {
264
266
  flex-wrap: wrap;
265
267
  }
266
268
 
267
- ._Tb {
269
+ .s1-_Ts1-b {
268
270
  align-content: center;
269
271
  }
270
272
 
271
- ._Vd {
273
+ .s1-_Vs1-d {
272
274
  justify-content: center;
273
275
  }
274
276
 
275
- ._Ea {
277
+ .s1-_Es1-a {
276
278
  outline-style: none;
277
279
  }
278
280
 
279
- .W-10b8jr2 {
281
+ .s1-W-10b8jr2 {
280
282
  transform: rotate(90deg);
281
283
  }
282
284
 
283
- .W-negfvv {
285
+ .s1-W-negfvv {
284
286
  transform: rotate(-90deg);
285
287
  }
286
288
 
287
- ._H-1o2fh9e {
289
+ .s1-_H-1o2fh9e {
288
290
  transition-property: transform ease var(--spectrum-global-animation-duration-100, .13s);
289
291
  transition-duration: .15s;
290
292
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
291
293
  }
292
294
  }
293
295
 
294
- @layer b;
295
-
296
- @layer b.a {
296
+ @layer s1-b.s1-a {
297
297
  @media (forced-colors: active) {
298
- .ca___y {
298
+ .s1-cs1-as1-___y {
299
299
  border-color: background;
300
300
  }
301
301
 
302
- .aa___F {
302
+ .s1-as1-as1-___F {
303
303
  color: graytext;
304
304
  }
305
305
 
306
- ._oa-zlnqab {
306
+ .s1-_os1-a-zlnqab {
307
307
  box-shadow: inset 1px 0 highlight, inset -1px 0 highlight, inset 0 -1px highlight, inset 0 1px highlight;
308
308
  }
309
309
 
310
- ._oa-4bhpmf {
310
+ .s1-_os1-a-4bhpmf {
311
311
  box-shadow: inset 2px 0 highlight, inset -2px 0 highlight, inset 0 -2px highlight, inset 0 2px highlight;
312
312
  }
313
313
  }
314
314
  }
315
- /*# sourceMappingURL=TreeView.5c7cb24b.css.map */
315
+ /*# sourceMappingURL=TreeView.1fe1dbfb.css.map */
package/dist/TreeView.1fe1dbfb.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"ACAA;;AAEA;EACE;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EApCA;;;;EAYA;;;;EAYA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EAMA;;;;;EAYA;;;;EAMA;;;;EA1FA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EApCA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAlBA;;;;EAMA;;;;EANA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxBA;;;;EAMA;;;;EANA;;;;EAMA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EA9EA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;;;;AAnBF;EACE;IACE;;;;IAAA;;;;IA8CA;;;;IAIA","sources":["f54a9241b0b1bdd2","packages/@react-spectrum/tree/src/TreeView.tsx"],"sourcesContent":["@import \"43ede2ea230cbe77\";\n@import \"d6186a3bcdea23c0\";\n@import \"9b0163e48ed44108\";\n@import \"4145f5de7372e962\";\n@import \"5c8e7aff246c25c0\";\n@import \"e6e7b4c2a4a805d7\";\n@import \"ed226d1e6a9f6d5d\";\n@import \"af6efb89500ab023\";\n@import \"5458487886ba8cfe\";\n@import \"5be3595defba4bd4\";\n","@layer s1-a, s1-b;\n\n@layer a {\n .s1-ws1-c {\n border-top-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n }\n}\n\n@layer a {\n .s1-xs1-c {\n border-bottom-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n }\n}\n\n@layer a {\n .s1-us1-a {\n border-inline-start-width: 0px;\n }\n}\n\n@layer a {\n .s1-vs1-a {\n border-inline-end-width: 0px;\n }\n}\n\n@layer a {\n .s1-__ks1-a {\n box-sizing: border-box;\n }\n}\n\n@layer a {\n .s1-As1-a {\n border-style: solid;\n }\n}\n\n@layer a {\n .s1-cs1-a {\n border-color: transparent;\n }\n}\n\n@layer s1-b.s1-a {\n @media (forced-colors: active) {\n .s1-cs1-as1-___y {\n border-color: Background;\n }\n }\n}\n\n@layer a {\n .s1-_Vs1-d {\n justify-content: center;\n }\n}\n\n@layer a {\n .s1-_Us1-c {\n align-items: center;\n }\n}\n\n@layer a {\n .s1-os1-Y {\n width: 100%;\n }\n}\n\n@layer a {\n .s1-ns1-Y {\n height: 100%;\n }\n}\n\n@layer a {\n .s1-_Ss1-d {\n display: flex;\n }\n}\n\n"],"names":[],"version":3,"file":"TreeView.1fe1dbfb.css.map"}
package/dist/TreeView.main.js CHANGED
@@ -1,4 +1,4 @@
1
- require("./TreeView.5c7cb24b.css");
1
+ require("./TreeView.1fe1dbfb.css");
2
2
  var $6Q8R1$reactariacomponents = require("react-aria-components");
3
3
  var $6Q8R1$reactspectrumcheckbox = require("@react-spectrum/checkbox");
4
4
  var $6Q8R1$spectrumiconsuiChevronLeftMedium = require("@spectrum-icons/ui/ChevronLeftMedium");
@@ -19,8 +19,8 @@ function $parcel$export(e, n, v, s) {
19
19
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
20
20
  }
21
21
 
22
- $parcel$export(module.exports, "TreeViewItem", () => $9b0dbe0a88ecfa3f$export$6e77ea6719814e9c);
23
22
  $parcel$export(module.exports, "TreeView", () => $9b0dbe0a88ecfa3f$export$6940b0d9c820eca7);
23
+ $parcel$export(module.exports, "TreeViewItem", () => $9b0dbe0a88ecfa3f$export$6e77ea6719814e9c);
24
24
  /*
25
25
  * Copyright 2024 Adobe. All rights reserved.
26
26
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -51,22 +51,22 @@ function $9b0dbe0a88ecfa3f$var$useTreeRendererContext() {
51
51
  // scroll into view due to how the ring is offset. Alternatively, have the tree render the top/bottom outline like it does in Listview
52
52
  const $9b0dbe0a88ecfa3f$var$tree = function anonymous(props) {
53
53
  let rules = "";
54
- rules += ' wc';
55
- rules += ' xc';
56
- rules += ' ua';
57
- rules += ' va';
58
- rules += ' __ka';
59
- rules += ' Aa';
60
- rules += ' ca___y';
61
- rules += ' ca';
62
- if (props.isEmpty) rules += ' _Vd';
63
- if (props.isEmpty) rules += ' _Uc';
64
- if (props.isEmpty) rules += ' oY';
65
- if (props.isEmpty) rules += ' nY';
66
- if (props.isEmpty) rules += ' _Sd';
54
+ rules += ' s1-ws1-c';
55
+ rules += ' s1-xs1-c';
56
+ rules += ' s1-us1-a';
57
+ rules += ' s1-vs1-a';
58
+ rules += ' s1-__ks1-a';
59
+ rules += ' s1-As1-a';
60
+ rules += ' s1-cs1-as1-___y';
61
+ rules += ' s1-cs1-a';
62
+ if (props.isEmpty) rules += ' s1-_Vs1-d';
63
+ if (props.isEmpty) rules += ' s1-_Us1-c';
64
+ if (props.isEmpty) rules += ' s1-os1-Y';
65
+ if (props.isEmpty) rules += ' s1-ns1-Y';
66
+ if (props.isEmpty) rules += ' s1-_Ss1-d';
67
67
  return rules;
68
68
  };
69
- function $9b0dbe0a88ecfa3f$var$TreeView(props, ref) {
69
+ const $9b0dbe0a88ecfa3f$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, ($parcel$interopDefault($6Q8R1$react))).forwardRef(function TreeView(props, ref) {
70
70
  let { children: children, selectionStyle: selectionStyle } = props;
71
71
  let renderer;
72
72
  if (typeof children === 'function') renderer = children;
@@ -86,102 +86,102 @@ function $9b0dbe0a88ecfa3f$var$TreeView(props, ref) {
86
86
  selectionBehavior: selectionBehavior,
87
87
  ref: domRef
88
88
  }, props.children));
89
- }
89
+ });
90
90
  const $9b0dbe0a88ecfa3f$var$treeRow = function anonymous(props) {
91
91
  let rules = "";
92
- rules += ' Xc';
93
- rules += ' _Sd';
94
- rules += ' nk';
95
- rules += ' oY';
96
- rules += ' __ka';
97
- rules += ' _6c';
98
- rules += ' _7d';
99
- rules += ' _9b';
100
- rules += ' a___K';
101
- rules += ' _Ea';
102
- if (props.isLink) rules += ' __Ec';
103
- else rules += ' __Eb';
104
- if (props.isSelected) rules += ' b-7vr0l1';
105
- else if (props.isPressed) rules += ' b-1t6gvb8';
106
- else if (props.isFocusVisibleWithin) rules += ' b-ml9cvk';
107
- else if (props.isHovered) rules += ' b-ml9cvk';
92
+ rules += ' s1-Xs1-c';
93
+ rules += ' s1-_Ss1-d';
94
+ rules += ' s1-ns1-k';
95
+ rules += ' s1-os1-Y';
96
+ rules += ' s1-__ks1-a';
97
+ rules += ' s1-6s1-c';
98
+ rules += ' s1-7s1-d';
99
+ rules += ' s1-9s1-b';
100
+ rules += ' s1-as1-___K';
101
+ rules += ' s1-_Es1-a';
102
+ if (props.isLink) rules += ' s1-__Es1-c';
103
+ else rules += ' s1-__Es1-b';
104
+ if (props.isSelected) rules += ' s1-b-7vr0l1';
105
+ else if (props.isPressed) rules += ' s1-b-1t6gvb8';
106
+ else if (props.isFocusVisibleWithin) rules += ' s1-b-ml9cvk';
107
+ else if (props.isHovered) rules += ' s1-b-ml9cvk';
108
108
  return rules;
109
109
  };
110
110
  const $9b0dbe0a88ecfa3f$var$treeCellGrid = function anonymous(props) {
111
111
  let rules = "";
112
- rules += ' _Sf';
113
- rules += ' oY';
114
- rules += ' _Uc';
115
- rules += ' __d-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2';
116
- rules += ' __e-375yi6';
117
- rules += ' __f-1qk85yo';
112
+ rules += ' s1-_Ss1-f';
113
+ rules += ' s1-os1-Y';
114
+ rules += ' s1-_Us1-c';
115
+ rules += ' s1-__d-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2';
116
+ rules += ' s1-__e-375yi6';
117
+ rules += ' s1-__f-1qk85yo';
118
118
  if (props.isDisabled) {
119
- rules += ' aa___F';
120
- rules += ' ai';
119
+ rules += ' s1-as1-as1-___F';
120
+ rules += ' s1-as1-i';
121
121
  }
122
122
  return rules;
123
123
  };
124
124
  // TODO: These styles lose against the spectrum class names, so I've did unsafe for the ones that get overridden
125
125
  const $9b0dbe0a88ecfa3f$var$treeCheckbox = function anonymous(props) {
126
126
  let rules = "";
127
- rules += ' __g-4wahvw';
128
- rules += ' _J-37nn5o';
129
- rules += ' Cd';
130
- rules += ' Da';
127
+ rules += ' s1-__g-4wahvw';
128
+ rules += ' s1-_J-37nn5o';
129
+ rules += ' s1-Cs1-d';
130
+ rules += ' s1-Ds1-a';
131
131
  return rules;
132
132
  };
133
133
  const $9b0dbe0a88ecfa3f$var$treeIcon = function anonymous(props) {
134
134
  let rules = "";
135
- rules += ' __g-ykjmzy';
136
- rules += ' Dc';
135
+ rules += ' s1-__g-ykjmzy';
136
+ rules += ' s1-Ds1-c';
137
137
  return rules;
138
138
  };
139
139
  const $9b0dbe0a88ecfa3f$var$treeContent = function anonymous(props) {
140
140
  let rules = "";
141
- rules += ' __g-1mod4sg';
142
- rules += ' _ga';
143
- rules += ' _kb';
144
- rules += ' __sb';
145
- rules += ' __tb';
141
+ rules += ' s1-__g-1mod4sg';
142
+ rules += ' s1-_gs1-a';
143
+ rules += ' s1-_ks1-b';
144
+ rules += ' s1-__ss1-b';
145
+ rules += ' s1-__ts1-b';
146
146
  return rules;
147
147
  };
148
148
  const $9b0dbe0a88ecfa3f$var$treeActions = function anonymous(props) {
149
149
  let rules = "";
150
- rules += ' __g-8ayfo6';
151
- rules += ' _3-3t1x';
152
- rules += ' _2-3t1x';
153
- rules += ' CF';
154
- rules += ' Db';
150
+ rules += ' s1-__g-8ayfo6';
151
+ rules += ' s1-_3-3t1x';
152
+ rules += ' s1-_2-3t1x';
153
+ rules += ' s1-Cs1-F';
154
+ rules += ' s1-Ds1-b';
155
155
  return rules;
156
156
  };
157
157
  const $9b0dbe0a88ecfa3f$var$treeActionMenu = function anonymous(props) {
158
158
  let rules = "";
159
- rules += ' __g-wit6hk';
160
- rules += ' oi';
159
+ rules += ' s1-__g-wit6hk';
160
+ rules += ' s1-os1-i';
161
161
  return rules;
162
162
  };
163
163
  const $9b0dbe0a88ecfa3f$var$treeRowOutline = function anonymous(props) {
164
164
  let rules = "";
165
- rules += ' _Sa';
166
- rules += ' Xa';
167
- rules += ' Ya';
168
- rules += ' Za';
165
+ rules += ' s1-_Ss1-a';
166
+ rules += ' s1-Xs1-a';
167
+ rules += ' s1-Ys1-a';
168
+ rules += ' s1-Zs1-a';
169
169
  if (props.isSelected) {
170
- if (props.isFocusVisible) rules += ' _0-yj8a3w';
171
- else rules += ' _0-yj899n';
172
- } else if (props.isFocusVisible) rules += ' _0-yj8a3w';
173
- else rules += ' _0a';
174
- rules += ' _2a';
175
- rules += ' __ya';
176
- rules += ' _tb';
170
+ if (props.isFocusVisible) rules += ' s1-0-yj8a3w';
171
+ else rules += ' s1-0-yj899n';
172
+ } else if (props.isFocusVisible) rules += ' s1-0-yj8a3w';
173
+ else rules += ' s1-0s1-a';
174
+ rules += ' s1-2s1-a';
175
+ rules += ' s1-__ys1-a';
176
+ rules += ' s1-_ts1-b';
177
177
  if (props.isSelected) {
178
- if (props.isFocusVisible) rules += ' _oa-4bhpmf';
179
- else rules += ' _oa-zlnqab';
180
- } else if (props.isFocusVisible) rules += ' _oa-4bhpmf';
178
+ if (props.isFocusVisible) rules += ' s1-_os1-a-4bhpmf';
179
+ else rules += ' s1-_os1-a-zlnqab';
180
+ } else if (props.isFocusVisible) rules += ' s1-_os1-a-4bhpmf';
181
181
  if (props.isSelected) {
182
- if (props.isFocusVisible) rules += ' _o-ba5uxf';
183
- else rules += ' _o-1ytnijz';
184
- } else if (props.isFocusVisible) rules += ' _o-ba5uxf';
182
+ if (props.isFocusVisible) rules += ' s1-_o-ba5uxf';
183
+ else rules += ' s1-_o-1ytnijz';
184
+ } else if (props.isFocusVisible) rules += ' s1-_o-ba5uxf';
185
185
  return rules;
186
186
  };
187
187
  const $9b0dbe0a88ecfa3f$export$6e77ea6719814e9c = (props)=>{
@@ -272,19 +272,19 @@ const $9b0dbe0a88ecfa3f$export$6e77ea6719814e9c = (props)=>{
272
272
  };
273
273
  const $9b0dbe0a88ecfa3f$var$expandButton = function anonymous(props) {
274
274
  let rules = "";
275
- rules += ' __g-pn4rxq';
276
- rules += ' nY';
277
- rules += ' _4b';
278
- rules += ' _Sd';
279
- rules += ' _0a';
280
- rules += ' _Tb';
281
- rules += ' _Vd';
282
- rules += ' _Ea';
275
+ rules += ' s1-__g-pn4rxq';
276
+ rules += ' s1-ns1-Y';
277
+ rules += ' s1-4s1-b';
278
+ rules += ' s1-_Ss1-d';
279
+ rules += ' s1-_0s1-a';
280
+ rules += ' s1-_Ts1-b';
281
+ rules += ' s1-_Vs1-d';
282
+ rules += ' s1-_Es1-a';
283
283
  if (props.isExpanded) {
284
- if (props.isRTL) rules += ' W-negfvv';
285
- else rules += ' W-10b8jr2';
284
+ if (props.isRTL) rules += ' s1-W-negfvv';
285
+ else rules += ' s1-W-10b8jr2';
286
286
  }
287
- rules += ' _H-1o2fh9e';
287
+ rules += ' s1-_H-1o2fh9e';
288
288
  return rules;
289
289
  };
290
290
  function $9b0dbe0a88ecfa3f$var$ExpandableRowChevron(props) {
@@ -312,9 +312,6 @@ function $9b0dbe0a88ecfa3f$var$ExpandableRowChevron(props) {
312
312
  })
313
313
  }, direction === 'ltr' ? /*#__PURE__*/ (0, ($parcel$interopDefault($6Q8R1$react))).createElement((0, ($parcel$interopDefault($6Q8R1$spectrumiconsuiChevronRightMedium))), null) : /*#__PURE__*/ (0, ($parcel$interopDefault($6Q8R1$react))).createElement((0, ($parcel$interopDefault($6Q8R1$spectrumiconsuiChevronLeftMedium))), null));
314
314
  }
315
- /**
316
- * A tree view provides users with a way to navigate nested hierarchical information.
317
- */ const $9b0dbe0a88ecfa3f$export$6940b0d9c820eca7 = /*#__PURE__*/ (0, ($parcel$interopDefault($6Q8R1$react))).forwardRef($9b0dbe0a88ecfa3f$var$TreeView);
318
315
 
319
316
 
320
317
  //# sourceMappingURL=TreeView.main.js.map