@react-spectrum/table 3.12.9-nightly.4494 → 3.12.9-nightly.4502

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.
package/dist/import.mjs CHANGED
@@ -1,4 +1,3 @@
1
- import "./main.css";
2
1
  import $daf541512f75fd9b$exports from "./ar-AE.mjs";
3
2
  import $50819411ab066aa0$exports from "./bg-BG.mjs";
4
3
  import $4f747f794f1bcba7$exports from "./cs-CZ.mjs";
@@ -33,6 +32,7 @@ import $785ea1a5e7a35eb5$exports from "./tr-TR.mjs";
33
32
  import $2e46541801441421$exports from "./uk-UA.mjs";
34
33
  import $8de129c51e22709f$exports from "./zh-CN.mjs";
35
34
  import $e57af0887d00746b$exports from "./zh-TW.mjs";
35
+ import "./module.css";
36
36
  import {Column as $gyhAV$Column, TableHeader as $e668f3d0f378a712$re_export$TableHeader, TableBody as $e668f3d0f378a712$re_export$TableBody, Section as $e668f3d0f378a712$re_export$Section, Row as $e668f3d0f378a712$re_export$Row, Cell as $e668f3d0f378a712$re_export$Cell, useTableState as $gyhAV$useTableState, TableColumnLayout as $gyhAV$TableColumnLayout, UNSTABLE_useTreeGridState as $gyhAV$UNSTABLE_useTreeGridState} from "@react-stately/table";
37
37
  import $gyhAV$react, {useState as $gyhAV$useState, useContext as $gyhAV$useContext, useRef as $gyhAV$useRef, useEffect as $gyhAV$useEffect, useCallback as $gyhAV$useCallback, useMemo as $gyhAV$useMemo} from "react";
38
38
  import {tableNestedRows as $gyhAV$tableNestedRows} from "@react-stately/flags";
package/dist/main.css CHANGED
@@ -73,7 +73,6 @@
73
73
  .EfWbna_react-spectrum-Table-row-dragPreview.EfWbna_react-spectrum-Table-row-dragPreview--multiple:after {
74
74
  content: "";
75
75
  z-index: -1;
76
- top: 4px;
77
76
  border: 1px solid var(--spectrum-dropzone-border-color-selected-hover, var(--spectrum-global-color-blue-400));
78
77
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
79
78
  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
@@ -82,9 +81,10 @@
82
81
  height: 100%;
83
82
  display: block;
84
83
  position: absolute;
84
+ top: 4px;
85
85
  }
86
86
 
87
- .EfWbna_react-spectrum-Table-row-dragPreview.EfWbna_react-spectrum-Table-row-dragPreview--multiple: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))):after {
87
+ .EfWbna_react-spectrum-Table-row-dragPreview.EfWbna_react-spectrum-Table-row-dragPreview--multiple: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))):after {
88
88
  left: 4px;
89
89
  }
90
90
 
@@ -106,7 +106,6 @@
106
106
  padding: 0 var(--spectrum-global-dimension-size-100);
107
107
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
108
108
  margin-inline-end: var(--spectrum-global-dimension-size-100);
109
- height: -moz-fit-content;
110
109
  height: fit-content;
111
110
  margin-top: auto;
112
111
  margin-bottom: auto;
@@ -126,7 +125,7 @@
126
125
  position: absolute;
127
126
  }
128
127
 
129
- .EfWbna_react-spectrum-Table-InsertionIndicator: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))) {
128
+ .EfWbna_react-spectrum-Table-InsertionIndicator: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))) {
130
129
  left: var(--spectrum-table-dropindicator-circle-size);
131
130
  }
132
131
 
@@ -156,22 +155,7 @@
156
155
  right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);
157
156
  }
158
157
 
159
- .EfWbna_react-spectrum-Table-InsertionIndicator.EfWbna_react-spectrum-Table-InsertionIndicator--dropTarget:before {
160
- content: "";
161
- top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);
162
- width: var(--spectrum-table-dropindicator-circle-size);
163
- height: var(--spectrum-table-dropindicator-circle-size);
164
- border: var(--spectrum-table-dropindicator-border-size) solid;
165
- box-sizing: border-box;
166
- border-color: var(--spectrum-table-dropindicator-circle-border-color);
167
- background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
168
- z-index: 5;
169
- forced-color-adjust: none;
170
- border-radius: 50%;
171
- position: absolute;
172
- }
173
-
174
- .EfWbna_react-spectrum-Table-InsertionIndicator.EfWbna_react-spectrum-Table-InsertionIndicator--dropTarget:after {
158
+ .EfWbna_react-spectrum-Table-InsertionIndicator.EfWbna_react-spectrum-Table-InsertionIndicator--dropTarget:before, .EfWbna_react-spectrum-Table-InsertionIndicator.EfWbna_react-spectrum-Table-InsertionIndicator--dropTarget:after {
175
159
  content: "";
176
160
  top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);
177
161
  width: var(--spectrum-table-dropindicator-circle-size);
@@ -259,11 +243,7 @@
259
243
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
260
244
  }
261
245
 
262
- ._5uzlQq_i18nFontFamily:lang(zh-SG) {
263
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
264
- }
265
-
266
- ._5uzlQq_i18nFontFamily:lang(zh-CN) {
246
+ ._5uzlQq_i18nFontFamily:lang(zh-SG), ._5uzlQq_i18nFontFamily:lang(zh-CN) {
267
247
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
268
248
  }
269
249
 
@@ -291,13 +271,7 @@
291
271
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
292
272
  display: block;
293
273
  position: absolute;
294
- top: 0;
295
- bottom: 0;
296
- left: 0;
297
- right: 0;
298
- }
299
-
300
- ._5uzlQq_spectrum-FocusRing {
274
+ inset: 0;
301
275
  }
302
276
 
303
277
  ._5uzlQq_spectrum-FocusRing._5uzlQq_focus-ring:after {
@@ -342,8 +316,8 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
342
316
  box-sizing: content-box;
343
317
  z-index: 1;
344
318
  border-left-style: solid;
345
- border-right-style: solid;
346
319
  border-left-width: 1px;
320
+ border-right-style: solid;
347
321
  border-right-width: 1px;
348
322
  flex: none;
349
323
  margin-bottom: -1px;
@@ -375,12 +349,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
375
349
  cursor: default;
376
350
  }
377
351
 
378
- ._5uzlQq_spectrum-Table-headCell._5uzlQq_is-sorted-asc ._5uzlQq_spectrum-Table-sortedIcon {
379
- margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
380
- display: inline-block;
381
- }
382
-
383
- ._5uzlQq_spectrum-Table-headCell._5uzlQq_is-sorted-desc ._5uzlQq_spectrum-Table-sortedIcon {
352
+ ._5uzlQq_spectrum-Table-headCell._5uzlQq_is-sorted-asc ._5uzlQq_spectrum-Table-sortedIcon, ._5uzlQq_spectrum-Table-headCell._5uzlQq_is-sorted-desc ._5uzlQq_spectrum-Table-sortedIcon {
384
353
  margin-top: calc(var(--spectrum-global-dimension-size-25) * -1);
385
354
  display: inline-block;
386
355
  }
@@ -416,7 +385,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
416
385
  position: absolute;
417
386
  }
418
387
 
419
- ._5uzlQq_spectrum-Table-columnResizer: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))) {
388
+ ._5uzlQq_spectrum-Table-columnResizer: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))) {
420
389
  right: -10px;
421
390
  }
422
391
 
@@ -440,11 +409,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
440
409
  display: block;
441
410
  }
442
411
 
443
- ._5uzlQq_spectrum-Table-columnResizer:active {
444
- outline: none;
445
- }
446
-
447
- ._5uzlQq_spectrum-Table-columnResizer._5uzlQq_focus-ring {
412
+ ._5uzlQq_spectrum-Table-columnResizer:active, ._5uzlQq_spectrum-Table-columnResizer._5uzlQq_focus-ring {
448
413
  outline: none;
449
414
  }
450
415
 
@@ -477,10 +442,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
477
442
  content: "";
478
443
  z-index: 1;
479
444
  position: absolute;
480
- top: 0;
481
- bottom: 0;
482
- left: 0;
483
- right: 0;
445
+ inset: 0;
484
446
  }
485
447
 
486
448
  ._5uzlQq_spectrum-Table-body {
@@ -492,7 +454,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
492
454
  transform: translate3d(0, 0, 0);
493
455
  }
494
456
 
495
- ._5uzlQq_spectrum-Table-body._5uzlQq_spectrum-Table-body--resizerAtTableEdge: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))) {
457
+ ._5uzlQq_spectrum-Table-body._5uzlQq_spectrum-Table-body--resizerAtTableEdge: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))) {
496
458
  border-top-right-radius: 0;
497
459
  }
498
460
 
@@ -599,11 +561,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
599
561
  position: relative;
600
562
  }
601
563
 
602
- :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton):focus {
603
- outline: none;
604
- }
605
-
606
- :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring {
564
+ :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton):focus, :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring {
607
565
  outline: none;
608
566
  }
609
567
 
@@ -612,10 +570,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
612
570
  z-index: 1;
613
571
  border-radius: calc(var(--spectrum-table-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular)) - 1px);
614
572
  position: absolute;
615
- top: 0;
616
- bottom: 0;
617
- left: 0;
618
- right: 0;
573
+ inset: 0;
619
574
  }
620
575
 
621
576
  :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_is-focused {
@@ -627,10 +582,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
627
582
  z-index: 1;
628
583
  border-radius: calc(var(--spectrum-table-cell-border-radius-key-focus, var(--spectrum-alias-border-radius-regular)) - 1px);
629
584
  position: absolute;
630
- top: 0;
631
- bottom: 0;
632
- left: 0;
633
- right: 0;
585
+ inset: 0;
634
586
  }
635
587
 
636
588
  ._5uzlQq_spectrum-Table-headCellButton {
@@ -670,14 +622,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
670
622
  overflow: hidden;
671
623
  }
672
624
 
673
- :is(._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring:before {
674
- top: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
675
- right: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
676
- bottom: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
677
- left: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
678
- }
679
-
680
- :is(._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_is-focused:before {
625
+ :is(._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring:before, :is(._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_is-focused:before {
681
626
  top: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
682
627
  right: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
683
628
  bottom: var(--spectrum-table-border-size, var(--spectrum-alias-border-size-thin));
@@ -712,7 +657,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
712
657
  position: sticky;
713
658
  }
714
659
 
715
- ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring: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 {
660
+ ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring: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 {
716
661
  left: 0;
717
662
  }
718
663
 
@@ -733,7 +678,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
733
678
  display: inline-block;
734
679
  }
735
680
 
736
- ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--loadingMore):not(._5uzlQq_spectrum-Table--quiet) ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_spectrum-Table-row--isFlushBottom._5uzlQq_is-selected: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))):after {
681
+ ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--loadingMore):not(._5uzlQq_spectrum-Table--quiet) ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_spectrum-Table-row--isFlushBottom._5uzlQq_is-selected: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))):after {
737
682
  border-bottom-right-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
738
683
  border-bottom-left-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
739
684
  }
@@ -753,7 +698,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
753
698
  border-bottom-right-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
754
699
  }
755
700
 
756
- ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet) ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--firstRow._5uzlQq_is-selected: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))):after {
701
+ ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet) ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--firstRow._5uzlQq_is-selected: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))):after {
757
702
  border-top-left-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
758
703
  border-top-right-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
759
704
  }
@@ -773,7 +718,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
773
718
  border-top-left-radius: calc(var(--spectrum-table-border-radius, var(--spectrum-alias-border-radius-regular)) - 1px);
774
719
  }
775
720
 
776
- ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isVerticalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--firstRow._5uzlQq_is-selected: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))):after {
721
+ ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isVerticalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--firstRow._5uzlQq_is-selected: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))):after {
777
722
  border-top-right-radius: 0;
778
723
  }
779
724
 
@@ -789,7 +734,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
789
734
  border-top-left-radius: 0;
790
735
  }
791
736
 
792
- ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isVerticalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_is-selected._5uzlQq_is-selected: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))):after {
737
+ ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isVerticalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_is-selected._5uzlQq_is-selected: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))):after {
793
738
  border-bottom-right-radius: 0;
794
739
  }
795
740
 
@@ -805,7 +750,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
805
750
  border-bottom-left-radius: 0;
806
751
  }
807
752
 
808
- ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isHorizontalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_is-selected._5uzlQq_is-selected: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))):after {
753
+ ._5uzlQq_spectrum-Table:not(._5uzlQq_spectrum-Table--quiet)._5uzlQq_spectrum-Table--isHorizontalScrollbarVisible ._5uzlQq_spectrum-Table-row._5uzlQq_spectrum-Table-row--lastRow._5uzlQq_is-selected._5uzlQq_is-selected: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))):after {
809
754
  border-bottom-right-radius: 0;
810
755
  border-bottom-left-radius: 0;
811
756
  }
@@ -842,17 +787,13 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
842
787
  border-radius: var(--spectrum-table-quiet-border-radius, 0px);
843
788
  }
844
789
 
845
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-body._5uzlQq_is-drop-target:before {
846
- border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
847
- }
848
-
849
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-drop-target:before {
790
+ ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-body._5uzlQq_is-drop-target:before, ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-drop-target:before {
850
791
  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
851
792
  }
852
793
 
853
794
  ._5uzlQq_spectrum-Table-headCell._5uzlQq_spectrum-Table-checkboxCell, ._5uzlQq_spectrum-Table-cell._5uzlQq_spectrum-Table-checkboxCell {
854
- padding-inline-end: var(--spectrum-table-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
855
795
  vertical-align: var(--spectrum-table-cell-checkbox-vertical-alignment, middle);
796
+ padding-inline-end: var(--spectrum-table-cell-checkbox-padding-right, var(--spectrum-global-dimension-size-100));
856
797
  padding-top: 0;
857
798
  padding-bottom: 0;
858
799
  }
@@ -866,15 +807,15 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
866
807
  }
867
808
 
868
809
  ._5uzlQq_spectrum-Table-colResizeIndicator {
869
- top: 1px;
870
810
  pointer-events: none;
871
811
  width: 2px;
872
812
  height: 100%;
873
813
  display: none;
874
814
  position: absolute;
815
+ top: 1px;
875
816
  }
876
817
 
877
- ._5uzlQq_spectrum-Table-colResizeIndicator: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))) {
818
+ ._5uzlQq_spectrum-Table-colResizeIndicator: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))) {
878
819
  right: 0;
879
820
  }
880
821
 
@@ -896,14 +837,14 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
896
837
 
897
838
  ._5uzlQq_spectrum-Table-colResizeNubbin {
898
839
  pointer-events: none;
899
- top: -1px;
900
840
  width: 16px;
901
841
  height: 16px;
902
842
  display: none;
903
843
  position: absolute;
844
+ top: -1px;
904
845
  }
905
846
 
906
- ._5uzlQq_spectrum-Table-colResizeNubbin: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))) {
847
+ ._5uzlQq_spectrum-Table-colResizeNubbin: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))) {
907
848
  left: -7px;
908
849
  }
909
850
 
@@ -1035,12 +976,7 @@ svg._5uzlQq_spectrum-Table-sortedIcon {
1035
976
  background-color: var(--spectrum-alias-highlight-selected);
1036
977
  }
1037
978
 
1038
- :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring:before {
1039
- box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1040
- forced-color-adjust: none;
1041
- }
1042
-
1043
- :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_is-focused:before {
979
+ :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_focus-ring:before, :is(._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-headCell, ._5uzlQq_spectrum-Table-headCellButton)._5uzlQq_is-focused:before {
1044
980
  box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1045
981
  forced-color-adjust: none;
1046
982
  }
@@ -1102,15 +1038,7 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1102
1038
  background-color: var(--spectrum-table-background-color, var(--spectrum-global-color-gray-50));
1103
1039
  }
1104
1040
 
1105
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell {
1106
- background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1107
- }
1108
-
1109
- ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell {
1110
- background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1111
- }
1112
-
1113
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1041
+ ._5uzlQq_spectrum-Table-row._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-row._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1114
1042
  background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1115
1043
  }
1116
1044
 
@@ -1130,10 +1058,7 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1130
1058
  forced-color-adjust: none;
1131
1059
  display: block;
1132
1060
  position: absolute;
1133
- top: 0;
1134
- bottom: 0;
1135
- left: 0;
1136
- right: 0;
1061
+ inset: 0;
1137
1062
  }
1138
1063
 
1139
1064
  ._5uzlQq_spectrum-Table-row._5uzlQq_is-next-selected:after {
@@ -1144,19 +1069,11 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1144
1069
  background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
1145
1070
  }
1146
1071
 
1147
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell {
1148
- background-color: var(--spectrum-table-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
1149
- }
1150
-
1151
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-active ._5uzlQq_spectrum-Table-cell:not(._5uzlQq_is-disabled) {
1072
+ ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-active ._5uzlQq_spectrum-Table-cell:not(._5uzlQq_is-disabled) {
1152
1073
  background-color: var(--spectrum-table-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
1153
1074
  }
1154
1075
 
1155
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell {
1156
- background-color: var(--spectrum-table-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
1157
- }
1158
-
1159
- ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1076
+ ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1160
1077
  background-color: var(--spectrum-table-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
1161
1078
  }
1162
1079
 
@@ -1202,15 +1119,7 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1202
1119
  background-color: var(--spectrum-alias-background-color-default, var(--spectrum-global-color-gray-100));
1203
1120
  }
1204
1121
 
1205
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell {
1206
- background-color: var(--spectrum-table-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1207
- }
1208
-
1209
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell {
1210
- background-color: var(--spectrum-table-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1211
- }
1212
-
1213
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1122
+ ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-hovered ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1214
1123
  background-color: var(--spectrum-table-quiet-row-background-color-hover, var(--spectrum-alias-highlight-hover));
1215
1124
  }
1216
1125
 
@@ -1226,20 +1135,11 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1226
1135
  background-color: var(--spectrum-table-quiet-row-background-color-selected-hover, var(--spectrum-alias-highlight-selected-hover));
1227
1136
  }
1228
1137
 
1229
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell {
1138
+ ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_focus-ring ._5uzlQq_spectrum-Table-cell, ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1230
1139
  background-color: var(--spectrum-table-quiet-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
1231
1140
  }
1232
1141
 
1233
- ._5uzlQq_spectrum-Table--quiet ._5uzlQq_spectrum-Table-row._5uzlQq_is-selected._5uzlQq_is-focused ._5uzlQq_spectrum-Table-cell {
1234
- background-color: var(--spectrum-table-quiet-row-background-color-selected-key-focus, var(--spectrum-alias-highlight-selected-hover));
1235
- }
1236
-
1237
- ._5uzlQq_spectrum-Table--quiet tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row ._5uzlQq_spectrum-Table-cell:first-child {
1238
- border-left: none;
1239
- border-right: none;
1240
- }
1241
-
1242
- ._5uzlQq_spectrum-Table--quiet tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row ._5uzlQq_spectrum-Table-cell:last-child {
1142
+ ._5uzlQq_spectrum-Table--quiet tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row ._5uzlQq_spectrum-Table-cell:first-child, ._5uzlQq_spectrum-Table--quiet tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row ._5uzlQq_spectrum-Table-cell:last-child {
1243
1143
  border-left: none;
1244
1144
  border-right: none;
1245
1145
  }
@@ -1248,11 +1148,7 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1248
1148
  background-color: var(--spectrum-table-divider-border-color, var(--spectrum-alias-border-color-mid));
1249
1149
  }
1250
1150
 
1251
- ._5uzlQq_spectrum-Table-columnResizer:active:after {
1252
- background-color: unset;
1253
- }
1254
-
1255
- ._5uzlQq_spectrum-Table-columnResizer._5uzlQq_focus-ring:after {
1151
+ ._5uzlQq_spectrum-Table-columnResizer:active:after, ._5uzlQq_spectrum-Table-columnResizer._5uzlQq_focus-ring:after {
1256
1152
  background-color: unset;
1257
1153
  }
1258
1154
 
@@ -1299,5 +1195,4 @@ tbody._5uzlQq_spectrum-Table-body ._5uzlQq_spectrum-Table-row:last-child ._5uzlQ
1299
1195
  --spectrum-table-background-color: transparent;
1300
1196
  }
1301
1197
  }
1302
-
1303
1198
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/table/src/table.css","packages/@adobe/spectrum-css-temp/components/table/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 .react-spectrum-Table {\n --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color);\n\n --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n --spectrum-table-dropzone-border-color-selected-hover: var(--spectrum-dropzone-border-color-selected-hover);\n\n --spectrum-table-item-draghandle-border-color-key-focus: var(--spectrum-table-item-border-color-key-focus);\n }\n\n.react-spectrum-Table {\n user-select: none;\n display: flex;\n flex-direction: column;\n min-height: 0;\n min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n display: flex;\n align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n text-align: start;\n justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n text-align: center;\n justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n text-align: end;\n justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n width: var(--spectrum-global-dimension-size-2400);\n border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n border-radius: var(--spectrum-alias-border-radius-regular);\n background-color: var(--spectrum-table-background-color);\n\n /* forced-color-adjust: none, so that background-color style will render */\n forced-color-adjust: none;\n\n &::after {\n box-shadow: none;\n }\n\n .react-spectrum-Table-cell {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.react-spectrum-Table-row-dragPreview--multiple {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: -1;\n top: 4px;\n inset-inline-start: 4px;\n width: 100%;\n height: 100%;\n border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n border-radius: var(--spectrum-alias-border-radius-regular);\n background-color: var(--spectrum-table-background-color);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n }\n\n .react-spectrum-Table-row-badge {\n color: var(--spectrum-table-row-badge-text-color);\n background: var(--spectrum-table-row-badge-background-color);\n padding: 0 var(--spectrum-global-dimension-size-100);\n border-radius: var(--spectrum-alias-border-radius-regular);\n margin-inline-end: var(--spectrum-global-dimension-size-100);\n margin-top: auto;\n margin-bottom: auto;\n height: fit-content;\n }\n}\n\n.react-spectrum-Table-body {\n &.react-spectrum-Table-body--dropTarget {\n border-color: var(--spectrum-table-dropindicator-border-color);\n background-color: var(--spectrum-alias-highlight-selected);\n box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n z-index: 3;\n width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n position: absolute;\n outline: none;\n\n &.react-spectrum-Table-InsertionIndicator--dropTarget {\n background: var(--spectrum-table-dropindicator-border-color);\n border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n /* forced-color-adjust: none, so that background color\n will render border for insertion indicator. */\n forced-color-adjust: none;\n\n &:before {\n left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n }\n\n &:after {\n right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n }\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);\n width: var(--spectrum-table-dropindicator-circle-size);\n height: var(--spectrum-table-dropindicator-circle-size);\n border-radius: 50%;\n border: var(--spectrum-table-dropindicator-border-size) solid;\n box-sizing: border-box;\n border-color: var(--spectrum-table-dropindicator-circle-border-color);\n background-color: var(--spectrum-table-background-color);\n z-index: 5;\n\n /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n forced-color-adjust: none;\n }\n }\n}\n\n.react-spectrum-Table-headCell {\n &.react-spectrum-Table-dragButtonHeadCell {\n padding: 0;\n height: inherit;\n }\n}\n\n.react-spectrum-Table-cell {\n &.react-spectrum-Table-dragButtonCell {\n padding: var(--spectrum-global-dimension-size-40);\n\n .react-spectrum-Table-dragButton {\n border-radius: var(--spectrum-alias-border-radius-regular);\n padding: var(--spectrum-global-dimension-size-10);\n\n &:focus-visible {\n box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n outline: none;\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n\n svg {\n margin: auto 0;\n display: block;\n padding: var(--spectrum-global-dimension-size-40);\n }\n }\n }\n}\n\n.react-spectrum-Table-row {\n &.react-spectrum-Table-row--dropTarget {\n border: 1px var(--spectrum-table-dropindicator-border-color);\n box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n\n .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n background-color: var(--spectrum-table-droptarget-background-color);\n }\n}\n\n@media (forced-colors: active) {\n .react-spectrum-Table,\n .react-spectrum-Table-row {\n --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n --spectrum-table-dropindicator-border-color: Highlight;\n --spectrum-dropzone-border-color-selected-hover: Highlight;\n --spectrum-table-dropindicator-circle-border-color: Highlight;\n --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n --spectrum-table-row-badge-text-color: HighlightText;\n --spectrum-table-row-badge-background-color: Highlight;\n }\n}\n","/*\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"}
1
+ {"mappings":"ACYC;;;;;;;;;;;;;;;;AAqBA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAYC;;;;AAIA;;;;;;AAMA;;;;AAGE;;;;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAkBF;;;;;;;;;;;AAaA;;;;;;;AAUD;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOC;;;;;;AAQE;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAqBF;;;;;AAOA;;;;AAGE;;;;;AAIE;;;;;;AAQA;;;;;;AAUJ;;;;;;AAWA;;;;AAKD;EACC;;;;;;;;;;;ACpKF;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;AAUA;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;;;AAQA;;;;;;;;;;;;;AAYE;;;;AAME;;;;;AAQA;;;;AAIF;;;;AAEE;;;;;AAIA;;;;;;;AAWJ;;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;;;;;AAQA;;;;AAMF;;;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAOE;;;;;;;AAWF;;;;;;;;;AAWE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;AAQE;;;;;;;AAQF;;;;;;;;;;;AAgBA;;;;;;;;;;;AAWI;;;;AAGA;;;;AAMJ;;;;;AAKA;;;;AAIA;;;;AAKE;;;;AAQE;;;;;;;;AAJF;;;;AAIE;;;;;;;;AAiBJ;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAYI;;;;;;;AASJ;;;;AAIA;;;;;;AAKE;;;;AAIA;;;;AAME;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAWA;;;;;AAUE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAWR;;;;AAIA;;;;AAKE;;;;;AAKA;;;;AAOI;;;;AAON;;;;;;;AAQE;;;;AAKF;;;;AAIA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAQE;;;;AAKF;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUE;;;;AAKF;EAMM;;;;;;;;AAsBN;;;;;;;;;;AAUA;;;;;;AASA;;;;;;AAUI;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AAxBF;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAKF;;;;AAGE;;;;AASN;;;;;AAIE;;;;AAUE;;;;;AASJ;;;;;;AAMI;;;;;;;;;;AAWF;;;;;AAIE;;;;AASJ;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAUE;;;;AAKF;;;;AAYA;;;;;;;;;;;AAkBE;;;;AAMA;;;;AAIA;;;;AAKA;;;;AAMA;;;;AAUE;;;;AAOF;;;;;;AAUJ;;;;;AAKA;;;;;AAME;;;;;AAIE;;;;;AAIE;;;;AAOF;;;;AAIA;;;;AASA;;;;AAKE;;;;AAIA;;;;AAIA;;;;AAQF;;;;;AASF;;;;AAOE;;;;AAOF;;;;AAOE;;;;;AAIA;;;;;AAOJ;;;;AAIA;EACE;;;;;;;;;;;;;;;;EAkBI;;;;EASA","sources":["812d8806faa0111c","packages/@react-spectrum/table/src/table.css","packages/@adobe/spectrum-css-temp/components/table/vars.css"],"sourcesContent":["@import \"a7e3f331588cbe8d\";\n@import \"e47c2f6685a8b8f4\";\n","/*\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 .react-spectrum-Table {\n --spectrum-table-droptarget-background-color: var(--spectrum-alias-highlight-selected);\n --spectrum-table-dropindicator-border-color: var(--spectrum-dropzone-border-color-selected-hover);\n --spectrum-table-dropindicator-circle-border-color: var(--spectrum-dropindicator-circle-border-color);\n\n --spectrum-table-dropindicator-circle-size: var(--spectrum-dropindicator-circle-size);\n --spectrum-table-dropindicator-border-size: var(--spectrum-dropindicator-border-size);\n\n --spectrum-table-dropzone-border-color-selected-hover: var(--spectrum-dropzone-border-color-selected-hover);\n\n --spectrum-table-item-draghandle-border-color-key-focus: var(--spectrum-table-item-border-color-key-focus);\n }\n\n.react-spectrum-Table {\n user-select: none;\n display: flex;\n flex-direction: column;\n min-height: 0;\n min-width: 0;\n}\n\n.react-spectrum-Table-cell {\n display: flex;\n align-items: center;\n}\n\n.react-spectrum-Table-cellWrapper > .react-spectrum-Table-cell {\n height: 100%;\n}\n\n.react-spectrum-Table-cell--alignStart {\n text-align: start;\n justify-content: flex-start;\n}\n\n.react-spectrum-Table-cell--alignCenter {\n text-align: center;\n justify-content: center;\n}\n\n.react-spectrum-Table-cell--alignEnd {\n text-align: end;\n justify-content: flex-end;\n}\n\n.react-spectrum-Table-centeredWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n}\n\n.react-spectrum-Table-row-dragPreview {\n --spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);\n --spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);\n\n width: var(--spectrum-global-dimension-size-2400);\n border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n border-radius: var(--spectrum-alias-border-radius-regular);\n background-color: var(--spectrum-table-background-color);\n\n /* forced-color-adjust: none, so that background-color style will render */\n forced-color-adjust: none;\n\n &::after {\n box-shadow: none;\n }\n\n .react-spectrum-Table-cell {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n &.react-spectrum-Table-row-dragPreview--multiple {\n position: relative;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n z-index: -1;\n top: 4px;\n inset-inline-start: 4px;\n width: 100%;\n height: 100%;\n border: 1px solid var(--spectrum-dropzone-border-color-selected-hover);\n border-radius: var(--spectrum-alias-border-radius-regular);\n background-color: var(--spectrum-table-background-color);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n }\n\n .react-spectrum-Table-row-badge {\n color: var(--spectrum-table-row-badge-text-color);\n background: var(--spectrum-table-row-badge-background-color);\n padding: 0 var(--spectrum-global-dimension-size-100);\n border-radius: var(--spectrum-alias-border-radius-regular);\n margin-inline-end: var(--spectrum-global-dimension-size-100);\n margin-top: auto;\n margin-bottom: auto;\n height: fit-content;\n }\n}\n\n.react-spectrum-Table-body {\n &.react-spectrum-Table-body--dropTarget {\n border-color: var(--spectrum-table-dropindicator-border-color);\n background-color: var(--spectrum-alias-highlight-selected);\n box-shadow: inset 0 0 0 1px var(--spectrum-table-cell-border-color-key-focus);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n}\n\n.react-spectrum-Table-InsertionIndicator {\n z-index: 3;\n width: calc(100% - (2 * var(--spectrum-table-dropindicator-circle-size)));\n inset-inline-start: var(--spectrum-table-dropindicator-circle-size);\n position: absolute;\n outline: none;\n\n &.react-spectrum-Table-InsertionIndicator--dropTarget {\n background: var(--spectrum-table-dropindicator-border-color);\n border-bottom: 2px solid var(--spectrum-table-dropindicator-border-color);\n\n /* forced-color-adjust: none, so that background color\n will render border for insertion indicator. */\n forced-color-adjust: none;\n\n &:before {\n left: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n }\n\n &:after {\n right: calc(var(--spectrum-table-dropindicator-circle-size) * -1);\n }\n\n &:before,\n &:after {\n content: '';\n position: absolute;\n top: calc(var(--spectrum-table-dropindicator-circle-size) * -1 / 2 + var(--spectrum-table-dropindicator-border-size) / 2);\n width: var(--spectrum-table-dropindicator-circle-size);\n height: var(--spectrum-table-dropindicator-circle-size);\n border-radius: 50%;\n border: var(--spectrum-table-dropindicator-border-size) solid;\n box-sizing: border-box;\n border-color: var(--spectrum-table-dropindicator-circle-border-color);\n background-color: var(--spectrum-table-background-color);\n z-index: 5;\n\n /* forced-color-adjust: none, so that box-shadow and background-color styles will render */\n forced-color-adjust: none;\n }\n }\n}\n\n.react-spectrum-Table-headCell {\n &.react-spectrum-Table-dragButtonHeadCell {\n padding: 0;\n height: inherit;\n }\n}\n\n.react-spectrum-Table-cell {\n &.react-spectrum-Table-dragButtonCell {\n padding: var(--spectrum-global-dimension-size-40);\n\n .react-spectrum-Table-dragButton {\n border-radius: var(--spectrum-alias-border-radius-regular);\n padding: var(--spectrum-global-dimension-size-10);\n\n &:focus-visible {\n box-shadow: inset 0 0 0 2px var(--spectrum-table-cell-border-color-key-focus);\n outline: none;\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n\n svg {\n margin: auto 0;\n display: block;\n padding: var(--spectrum-global-dimension-size-40);\n }\n }\n }\n}\n\n.react-spectrum-Table-row {\n &.react-spectrum-Table-row--dropTarget {\n border: 1px var(--spectrum-table-dropindicator-border-color);\n box-shadow: inset 2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n inset -2px 0 0 0 var(--spectrum-table-dropindicator-border-color),\n inset 0 -3px 0 0 var(--spectrum-table-dropindicator-border-color),\n inset 0 2px 0 0 var(--spectrum-table-dropindicator-border-color);\n\n /* forced-color-adjust: none, so that box-shadow style will render */\n forced-color-adjust: none;\n }\n\n .react-spectrum-Table-cellWrapper.react-spectrum-Table-cellWrapper--dropTarget {\n background-color: var(--spectrum-table-droptarget-background-color);\n }\n}\n\n@media (forced-colors: active) {\n .react-spectrum-Table,\n .react-spectrum-Table-row {\n --spectrum-table-droptarget-background-color: var(--spectrum-alias-global-color-transparent);\n --spectrum-table-dropindicator-border-color: Highlight;\n --spectrum-dropzone-border-color-selected-hover: Highlight;\n --spectrum-table-dropindicator-circle-border-color: Highlight;\n --spectrum-table-dropzone-border-color-selected-hover: Highlight;\n --spectrum-table-row-badge-text-color: HighlightText;\n --spectrum-table-row-badge-background-color: Highlight;\n }\n}\n","/*\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/main.js CHANGED
@@ -1,4 +1,3 @@
1
- require("./main.css");
2
1
  var $aea5dbc70156d941$exports = require("./ar-AE.main.js");
3
2
  var $11f14c1e8be327ec$exports = require("./bg-BG.main.js");
4
3
  var $2ecdfa3a3f4780a9$exports = require("./cs-CZ.main.js");
@@ -33,6 +32,7 @@ var $d960f28e0cef8a8c$exports = require("./tr-TR.main.js");
33
32
  var $693364411fbb8580$exports = require("./uk-UA.main.js");
34
33
  var $85fd0a65720e1eb6$exports = require("./zh-CN.main.js");
35
34
  var $0624a686d9964a9c$exports = require("./zh-TW.main.js");
35
+ require("./main.css");
36
36
  var $3fpzo$reactstatelytable = require("@react-stately/table");
37
37
  var $3fpzo$react = require("react");
38
38
  var $3fpzo$reactstatelyflags = require("@react-stately/flags");