@react-spectrum/tree 3.0.0-nightly.5042 → 3.0.0

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.
@@ -1,315 +1,343 @@
1
+ @layer s1-a, s1-b;
2
+
1
3
  @layer a {
2
- .wc {
4
+ .s1-_Es1-b {
5
+ outline-style: solid;
6
+ }
7
+
8
+ .s1-ds1-___I {
9
+ outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
10
+ }
11
+
12
+ .s1-_Gs1-c {
13
+ outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
14
+ }
15
+
16
+ .s1-_F-yj8a3w {
17
+ outline-offset: -2px;
18
+ }
19
+
20
+ .s1-ws1-c {
3
21
  border-top-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
4
22
  }
5
23
 
6
- .xc {
24
+ .s1-xs1-c {
7
25
  border-bottom-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
8
26
  }
9
27
 
10
- .ua {
28
+ .s1-us1-a {
11
29
  border-inline-start-width: 0;
12
30
  }
13
31
 
14
- .va {
32
+ .s1-vs1-a {
15
33
  border-inline-end-width: 0;
16
34
  }
17
35
 
18
- .Aa {
36
+ .s1-As1-a {
19
37
  border-style: solid;
20
38
  }
21
39
 
22
- .ca {
40
+ .s1-cs1-a {
23
41
  border-color: #0000;
24
42
  }
25
43
 
26
- .Xc {
44
+ .s1-__ss1-a {
45
+ overflow-x: auto;
46
+ }
47
+
48
+ .s1-__ts1-a {
49
+ overflow-y: auto;
50
+ }
51
+
52
+ .s1-Xs1-c {
27
53
  position: relative;
28
54
  }
29
55
 
30
- .nk {
56
+ .s1-ns1-k {
31
57
  height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
32
58
  }
33
59
 
34
- .__ka {
60
+ .s1-__ks1-a {
35
61
  box-sizing: border-box;
36
62
  }
37
63
 
38
- ._6c {
64
+ .s1-6s1-c {
39
65
  font-size: var(--spectrum-global-dimension-font-size-100);
40
66
  }
41
67
 
42
- ._7d {
68
+ .s1-7s1-d {
43
69
  font-weight: 400;
44
70
  }
45
71
 
46
- ._9b {
72
+ .s1-9s1-b {
47
73
  line-height: var(--spectrum-global-font-line-height-medium, 1.5);
48
74
  }
49
75
 
50
- .a___K {
76
+ .s1-as1-___K {
51
77
  color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
52
78
  }
53
79
 
54
- .__Eb {
80
+ .s1-__Es1-b {
55
81
  cursor: default;
56
82
  }
57
83
 
58
- .__Ec {
84
+ .s1-__Es1-c {
59
85
  cursor: pointer;
60
86
  }
61
87
 
62
- .b-ml9cvk {
88
+ .s1-b-ml9cvk {
63
89
  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
64
90
  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
65
91
  }
66
92
 
67
- .b-1t6gvb8 {
93
+ .s1-b-1t6gvb8 {
68
94
  background-color: var(--spectrum-table-row-background-color-down, var(--spectrum-alias-highlight-active));
69
95
  }
70
96
 
71
- .b-7vr0l1 {
97
+ .s1-b-7vr0l1 {
72
98
  background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
73
99
  }
74
100
 
75
- ._Sf {
101
+ .s1-_Ss1-f {
76
102
  display: grid;
77
103
  }
78
104
 
79
- .oY {
105
+ .s1-os1-Y {
80
106
  width: 100%;
81
107
  }
82
108
 
83
- ._Uc {
109
+ .s1-_Us1-c {
84
110
  align-items: center;
85
111
  }
86
112
 
87
- .__d-1nxidkl-1nxidkl-1nxidkl-1nxidkl-1nxidkl-375yi6-1nxidkl-ykdwf2 {
88
- grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr minmax(0, auto) auto;
113
+ .s1-__d-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2 {
114
+ grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 2.5rem minmax(0, auto) 1fr minmax(0, auto) auto;
89
115
  }
90
116
 
91
- .__e-375yi6 {
117
+ .s1-__e-375yi6 {
92
118
  grid-template-rows: 1fr;
93
119
  }
94
120
 
95
- .__f-1qk85yo {
121
+ .s1-__f-1qk85yo {
96
122
  grid-template-areas: "drag-handle checkbox level-padding expand-button icon content actions actionmenu";
97
123
  }
98
124
 
99
- .ai {
125
+ .s1-as1-i {
100
126
  color: var(--spectrum-gray-400);
101
127
  }
102
128
 
103
- .__g-4wahvw {
129
+ .s1-__g-4wahvw {
104
130
  grid-area: checkbox;
105
131
  }
106
132
 
107
- ._J-37nn5o {
133
+ .s1-_J-37nn5o {
108
134
  transition-duration: .16s;
109
135
  }
110
136
 
111
- .Cd {
137
+ .s1-Cs1-d {
112
138
  margin-inline-start: .75rem;
113
139
  }
114
140
 
115
- .Da {
141
+ .s1-Ds1-a {
116
142
  margin-inline-end: 0;
117
143
  }
118
144
 
119
- .__g-ykjmzy {
145
+ .s1-__g-ykjmzy {
120
146
  grid-area: icon;
121
147
  }
122
148
 
123
- .Dc {
149
+ .s1-Ds1-c {
124
150
  margin-inline-end: .5rem;
125
151
  }
126
152
 
127
- .__g-1mod4sg {
153
+ .s1-__g-1mod4sg {
128
154
  grid-area: content;
129
155
  }
130
156
 
131
- ._ga {
157
+ .s1-_gs1-a {
132
158
  text-overflow: ellipsis;
133
159
  }
134
160
 
135
- ._kb {
161
+ .s1-_ks1-b {
136
162
  white-space: nowrap;
137
163
  }
138
164
 
139
- .__sb {
165
+ .s1-__ss1-b {
140
166
  overflow-x: hidden;
141
167
  }
142
168
 
143
- .__tb {
169
+ .s1-__ts1-b {
144
170
  overflow-y: hidden;
145
171
  }
146
172
 
147
- .__g-8ayfo6 {
173
+ .s1-__g-8ayfo6 {
148
174
  grid-area: actions;
149
175
  }
150
176
 
151
- ._3-3t1x {
177
+ .s1-_3-3t1x {
152
178
  flex-grow: 0;
153
179
  }
154
180
 
155
- ._2-3t1x {
181
+ .s1-_2-3t1x {
156
182
  flex-shrink: 0;
157
183
  }
158
184
 
159
- .CF {
185
+ .s1-Cs1-F {
160
186
  margin-inline-start: .125rem;
161
187
  }
162
188
 
163
- .Db {
189
+ .s1-Ds1-b {
164
190
  margin-inline-end: .25rem;
165
191
  }
166
192
 
167
- .__g-wit6hk {
193
+ .s1-__g-wit6hk {
168
194
  grid-area: actionmenu;
169
195
  }
170
196
 
171
- .oi {
197
+ .s1-os1-i {
172
198
  width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
173
199
  }
174
200
 
175
- ._Sa {
201
+ .s1-_Ss1-a {
176
202
  display: block;
177
203
  }
178
204
 
179
- .Xa {
205
+ .s1-Xs1-a {
180
206
  position: absolute;
181
207
  }
182
208
 
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))) {
209
+ .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
210
  left: 0;
185
211
  }
186
212
 
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))) {
213
+ .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
214
  left: 0;
189
215
  }
190
216
 
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)) {
217
+ .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
218
  right: 0;
193
219
  }
194
220
 
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)) {
221
+ .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
222
  right: 0;
197
223
  }
198
224
 
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))) {
225
+ .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
226
  right: 0;
201
227
  }
202
228
 
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))) {
229
+ .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
230
  right: 0;
205
231
  }
206
232
 
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)) {
233
+ .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
234
  left: 0;
209
235
  }
210
236
 
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)) {
237
+ .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
238
  left: 0;
213
239
  }
214
240
 
215
- ._0a {
216
- top: 0;
217
- }
218
-
219
- ._0-yj899n {
241
+ .s1-0-yj899n {
220
242
  top: -1px;
221
243
  }
222
244
 
223
- ._0-yj8a3w {
245
+ .s1-0-yj8a3w {
224
246
  top: -2px;
225
247
  }
226
248
 
227
- ._2a {
249
+ .s1-0s1-a {
250
+ top: 0;
251
+ }
252
+
253
+ .s1-2s1-a {
228
254
  bottom: 0;
229
255
  }
230
256
 
231
- .__ya {
257
+ .s1-__ys1-a {
232
258
  pointer-events: none;
233
259
  }
234
260
 
235
- ._tb {
261
+ .s1-_ts1-b {
236
262
  forced-color-adjust: none;
237
263
  }
238
264
 
239
- ._o-1ytnijz {
265
+ .s1-_o-1ytnijz {
240
266
  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
267
  }
242
268
 
243
- ._o-ba5uxf {
269
+ .s1-_o-ba5uxf {
244
270
  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
271
  }
246
272
 
247
- .__g-pn4rxq {
273
+ .s1-__g-pn4rxq {
248
274
  grid-area: expand-button;
249
275
  }
250
276
 
251
- .nY {
277
+ .s1-ns1-Y {
252
278
  height: 100%;
253
279
  }
254
280
 
255
- ._4b {
281
+ .s1-4s1-b {
256
282
  aspect-ratio: 1;
257
283
  }
258
284
 
259
- ._Sd {
285
+ .s1-_Ss1-d {
260
286
  display: flex;
261
287
  }
262
288
 
263
- ._0a {
289
+ .s1-_0s1-a {
264
290
  flex-wrap: wrap;
265
291
  }
266
292
 
267
- ._Tb {
293
+ .s1-_Ts1-b {
268
294
  align-content: center;
269
295
  }
270
296
 
271
- ._Vd {
297
+ .s1-_Vs1-d {
272
298
  justify-content: center;
273
299
  }
274
300
 
275
- ._Ea {
301
+ .s1-_Es1-a {
276
302
  outline-style: none;
277
303
  }
278
304
 
279
- .W-10b8jr2 {
305
+ .s1-W-10b8jr2 {
280
306
  transform: rotate(90deg);
281
307
  }
282
308
 
283
- .W-negfvv {
309
+ .s1-W-negfvv {
284
310
  transform: rotate(-90deg);
285
311
  }
286
312
 
287
- ._H-1o2fh9e {
313
+ .s1-_H-1o2fh9e {
288
314
  transition-property: transform ease var(--spectrum-global-animation-duration-100, .13s);
289
315
  transition-duration: .15s;
290
316
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
291
317
  }
292
318
  }
293
319
 
294
- @layer b;
295
-
296
- @layer b.a {
320
+ @layer s1-b.s1-a {
297
321
  @media (forced-colors: active) {
298
- .ca___y {
322
+ .s1-ds1-as1-___D {
323
+ outline-color: highlight;
324
+ }
325
+
326
+ .s1-cs1-as1-___y {
299
327
  border-color: background;
300
328
  }
301
329
 
302
- .aa___F {
330
+ .s1-as1-as1-___F {
303
331
  color: graytext;
304
332
  }
305
333
 
306
- ._oa-zlnqab {
334
+ .s1-_os1-a-zlnqab {
307
335
  box-shadow: inset 1px 0 highlight, inset -1px 0 highlight, inset 0 -1px highlight, inset 0 1px highlight;
308
336
  }
309
337
 
310
- ._oa-4bhpmf {
338
+ .s1-_os1-a-4bhpmf {
311
339
  box-shadow: inset 2px 0 highlight, inset -2px 0 highlight, inset 0 -2px highlight, inset 0 2px highlight;
312
340
  }
313
341
  }
314
342
  }
315
- /*# sourceMappingURL=TreeView.fdfdaa1c.css.map */
343
+ /*# sourceMappingURL=TreeView.a32d8337.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"ACAA;;AAEA;EAOE;;;;EAMA;;;;EAcA;;;;EAMA;;;;EAkBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EAgCA;;;;EAMA;;;;EA5HA;;;;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;;;;EAkBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EApFA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;;;;AA3CF;EACE;IACE;;;;IA0EA;;;;IAlDA;;;;IAoDA;;;;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-_Es1-a {\n outline-style: none;\n }\n}\n\n@layer a {\n .s1-_Es1-b {\n outline-style: solid;\n }\n}\n\n@layer a {\n .s1-ds1-___I {\n outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));\n }\n}\n\n@layer s1-b.s1-a {\n @media (forced-colors: active) {\n .s1-ds1-as1-___D {\n outline-color: Highlight;\n }\n }\n}\n\n@layer a {\n .s1-_Gs1-c {\n outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n }\n}\n\n@layer a {\n .s1-_F-yj8a3w {\n outline-offset: -2px;\n }\n}\n\n@layer a {\n .s1-ns1-Y {\n height: 100%;\n }\n}\n\n@layer a {\n .s1-os1-Y {\n width: 100%;\n }\n}\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-_Ss1-d {\n display: flex;\n }\n}\n\n@layer a {\n .s1-__ss1-a {\n overflow-x: auto;\n }\n}\n\n@layer a {\n .s1-__ts1-a {\n overflow-y: auto;\n }\n}\n\n"],"names":[],"version":3,"file":"TreeView.a32d8337.css.map"}