@react-spectrum/card 3.0.0-nightly.4491 → 3.0.0-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 $6cb102354c06de53$exports from "./ar-AE.mjs";
3
2
  import $17b8c838d83f13fc$exports from "./bg-BG.mjs";
4
3
  import $1ddb4e1a3e8b15a5$exports from "./cs-CZ.mjs";
@@ -33,6 +32,7 @@ import $334510787f8a69f9$exports from "./tr-TR.mjs";
33
32
  import $1b8fd2890c177825$exports from "./uk-UA.mjs";
34
33
  import $88c83d794a7a062b$exports from "./zh-CN.mjs";
35
34
  import $b7e2865acb74a940$exports from "./zh-TW.mjs";
35
+ import "./module.css";
36
36
  import {useStyleProps as $8EWFi$useStyleProps, useDOMRef as $8EWFi$useDOMRef, classNames as $8EWFi$classNames, useUnwrapDOMRef as $8EWFi$useUnwrapDOMRef, useHasChild as $8EWFi$useHasChild, SlotProvider as $8EWFi$SlotProvider} from "@react-spectrum/utils";
37
37
  import {GridCollection as $8EWFi$GridCollection, useGridState as $8EWFi$useGridState} from "@react-stately/grid";
38
38
  import {mergeProps as $8EWFi$mergeProps, useResizeObserver as $8EWFi$useResizeObserver, useLayoutEffect as $8EWFi$useLayoutEffect, filterDOMProps as $8EWFi$filterDOMProps, useSlotId as $8EWFi$useSlotId} from "@react-aria/utils";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .dqWSla_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .dqWSla_i18nFontFamily:lang(zh-CN) {
26
+ .dqWSla_i18nFontFamily:lang(zh-SG), .dqWSla_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .dqWSla_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .dqWSla_spectrum-FocusRing.dqWSla_focus-ring:after {
@@ -101,12 +91,12 @@
101
91
  block-size: var(--spectrum-quickactions-height, var(--spectrum-global-dimension-size-500));
102
92
  border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
103
93
  visibility: hidden;
94
+ top: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
104
95
  display: grid;
105
96
  position: absolute;
106
- top: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
107
97
  }
108
98
 
109
- .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper: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))) {
99
+ .dqWSla_spectrum-Card .dqWSla_spectrum-Card-checkboxWrapper: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))) {
110
100
  left: var(--spectrum-card-checkbox-margin, var(--spectrum-global-dimension-size-200));
111
101
  }
112
102
 
@@ -126,19 +116,7 @@
126
116
  padding: 4px calc(50% - calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2)) 4px calc(50% - calc(var(--spectrum-checkbox-box-size, var(--spectrum-global-dimension-size-175)) / 2));
127
117
  }
128
118
 
129
- .dqWSla_spectrum-Card.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper {
130
- visibility: visible;
131
- opacity: 1;
132
- pointer-events: all;
133
- }
134
-
135
- .dqWSla_spectrum-Card.dqWSla_focus-ring .dqWSla_spectrum-Card-checkboxWrapper {
136
- visibility: visible;
137
- opacity: 1;
138
- pointer-events: all;
139
- }
140
-
141
- .dqWSla_spectrum-Card.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
119
+ .dqWSla_spectrum-Card.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card.dqWSla_focus-ring .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
142
120
  visibility: visible;
143
121
  opacity: 1;
144
122
  pointer-events: all;
@@ -148,11 +126,7 @@
148
126
  position: relative;
149
127
  }
150
128
 
151
- .dqWSla_spectrum-Card-grid:after {
152
- pointer-events: none;
153
- }
154
-
155
- .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
129
+ .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
156
130
  pointer-events: none;
157
131
  }
158
132
 
@@ -224,7 +198,7 @@
224
198
  top: 0;
225
199
  }
226
200
 
227
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default: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 {
201
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default: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 {
228
202
  left: 0;
229
203
  }
230
204
 
@@ -249,7 +223,7 @@
249
223
  top: 0;
250
224
  }
251
225
 
252
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default: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 {
226
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default: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 {
253
227
  left: 0;
254
228
  }
255
229
 
@@ -284,7 +258,7 @@
284
258
  inline-size: 100%;
285
259
  }
286
260
 
287
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid: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 {
261
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-grid: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 {
288
262
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
289
263
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
290
264
  }
@@ -326,7 +300,7 @@
326
300
  inline-size: 100%;
327
301
  }
328
302
 
329
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
303
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
330
304
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
331
305
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
332
306
  }
@@ -354,7 +328,7 @@
354
328
  inline-size: 100%;
355
329
  }
356
330
 
357
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
331
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
358
332
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
359
333
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
360
334
  }
@@ -385,7 +359,7 @@
385
359
  bottom: -10px;
386
360
  }
387
361
 
388
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
362
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
389
363
  left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
390
364
  }
391
365
 
@@ -445,7 +419,7 @@
445
419
  top: 0;
446
420
  }
447
421
 
448
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default: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 {
422
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default: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 {
449
423
  left: 0;
450
424
  }
451
425
 
@@ -470,7 +444,7 @@
470
444
  top: 0;
471
445
  }
472
446
 
473
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default: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 {
447
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default: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 {
474
448
  left: 0;
475
449
  }
476
450
 
@@ -505,7 +479,7 @@
505
479
  inline-size: 100%;
506
480
  }
507
481
 
508
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid: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 {
482
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid: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 {
509
483
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
510
484
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
511
485
  }
@@ -548,7 +522,7 @@
548
522
  inline-size: 100%;
549
523
  }
550
524
 
551
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
525
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
552
526
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
553
527
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
554
528
  }
@@ -576,7 +550,7 @@
576
550
  inline-size: 100%;
577
551
  }
578
552
 
579
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
553
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
580
554
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
581
555
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
582
556
  }
@@ -607,7 +581,7 @@
607
581
  bottom: -10px;
608
582
  }
609
583
 
610
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
584
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
611
585
  left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
612
586
  }
613
587
 
@@ -669,7 +643,7 @@
669
643
  top: 0;
670
644
  }
671
645
 
672
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default: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 {
646
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default: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 {
673
647
  left: 0;
674
648
  }
675
649
 
@@ -694,7 +668,7 @@
694
668
  top: 0;
695
669
  }
696
670
 
697
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default: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 {
671
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default: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 {
698
672
  left: 0;
699
673
  }
700
674
 
@@ -728,7 +702,7 @@
728
702
  inline-size: 100%;
729
703
  }
730
704
 
731
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid: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 {
705
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default:not(.dqWSla_spectrum-Card--noPreview) .dqWSla_spectrum-Card-grid: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 {
732
706
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
733
707
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
734
708
  }
@@ -770,7 +744,7 @@
770
744
  inline-size: 100%;
771
745
  }
772
746
 
773
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
747
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image: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))) {
774
748
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
775
749
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
776
750
  }
@@ -798,7 +772,7 @@
798
772
  inline-size: 100%;
799
773
  }
800
774
 
801
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
775
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration: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))) {
802
776
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
803
777
  border-top-right-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
804
778
  }
@@ -831,7 +805,7 @@
831
805
  bottom: -10px;
832
806
  }
833
807
 
834
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
808
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-avatar: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))) {
835
809
  left: var(--spectrum-card-body-padding-left, var(--spectrum-global-dimension-size-300));
836
810
  }
837
811
 
@@ -905,10 +879,7 @@
905
879
  border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
906
880
  grid-area: dqWSla_preview;
907
881
  position: absolute;
908
- top: 0;
909
- bottom: 0;
910
- left: 0;
911
- right: 0;
882
+ inset: 0;
912
883
  }
913
884
 
914
885
  .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
@@ -919,15 +890,7 @@
919
890
  display: block;
920
891
  }
921
892
 
922
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image {
923
- border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
924
- place-self: center;
925
- block-size: 100%;
926
- inline-size: 100%;
927
- min-inline-size: 100%;
928
- }
929
-
930
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
893
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
931
894
  border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
932
895
  place-self: center;
933
896
  block-size: 100%;
@@ -944,15 +907,7 @@
944
907
  display: none;
945
908
  }
946
909
 
947
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading {
948
- white-space: nowrap;
949
- text-overflow: ellipsis;
950
- align-self: baseline;
951
- margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
952
- overflow: hidden;
953
- }
954
-
955
- .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
910
+ .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--waterfall.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
956
911
  white-space: nowrap;
957
912
  text-overflow: ellipsis;
958
913
  align-self: baseline;
@@ -1003,10 +958,7 @@
1003
958
  border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
1004
959
  grid-area: dqWSla_preview;
1005
960
  position: absolute;
1006
- top: 0;
1007
- bottom: 0;
1008
- left: 0;
1009
- right: 0;
961
+ inset: 0;
1010
962
  }
1011
963
 
1012
964
  .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
@@ -1052,15 +1004,7 @@
1052
1004
  display: none;
1053
1005
  }
1054
1006
 
1055
- .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading {
1056
- white-space: nowrap;
1057
- text-overflow: ellipsis;
1058
- align-self: baseline;
1059
- margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1060
- overflow: hidden;
1061
- }
1062
-
1063
- .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1007
+ .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--gallery.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1064
1008
  white-space: nowrap;
1065
1009
  text-overflow: ellipsis;
1066
1010
  align-self: baseline;
@@ -1118,10 +1062,7 @@
1118
1062
  border-radius: calc(var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular)) + var(--spectrum-alias-focus-ring-gap, var(--spectrum-global-dimension-static-size-25)));
1119
1063
  grid-area: dqWSla_preview;
1120
1064
  position: absolute;
1121
- top: 0;
1122
- bottom: 0;
1123
- left: 0;
1124
- right: 0;
1065
+ inset: 0;
1125
1066
  }
1126
1067
 
1127
1068
  .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
@@ -1132,15 +1073,7 @@
1132
1073
  display: block;
1133
1074
  }
1134
1075
 
1135
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image {
1136
- box-sizing: border-box;
1137
- place-self: center;
1138
- block-size: 100%;
1139
- inline-size: 100%;
1140
- min-inline-size: 100%;
1141
- }
1142
-
1143
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1076
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1144
1077
  box-sizing: border-box;
1145
1078
  place-self: center;
1146
1079
  block-size: 100%;
@@ -1162,15 +1095,7 @@
1162
1095
  display: none;
1163
1096
  }
1164
1097
 
1165
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading {
1166
- white-space: nowrap;
1167
- text-overflow: ellipsis;
1168
- align-self: baseline;
1169
- margin-inline-end: var(--spectrum-card-title-padding-right, var(--spectrum-global-dimension-size-100));
1170
- overflow: hidden;
1171
- }
1172
-
1173
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1098
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-heading, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-detail {
1174
1099
  white-space: nowrap;
1175
1100
  text-overflow: ellipsis;
1176
1101
  align-self: baseline;
@@ -1226,10 +1151,7 @@
1226
1151
  background-clip: content-box;
1227
1152
  grid-area: dqWSla_preview;
1228
1153
  position: absolute;
1229
- top: 0;
1230
- bottom: 0;
1231
- left: 0;
1232
- right: 0;
1154
+ inset: 0;
1233
1155
  }
1234
1156
 
1235
1157
  .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-grid .dqWSla_spectrum-Card-decoration {
@@ -1240,13 +1162,7 @@
1240
1162
  display: block;
1241
1163
  }
1242
1164
 
1243
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image {
1244
- border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1245
- place-self: center;
1246
- display: flex;
1247
- }
1248
-
1249
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1165
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--isQuiet .dqWSla_spectrum-Card-illustration {
1250
1166
  border-radius: var(--spectrum-card-quiet-border-radius, var(--spectrum-alias-border-radius-regular));
1251
1167
  place-self: center;
1252
1168
  display: flex;
@@ -1290,19 +1206,7 @@
1290
1206
  z-index: 2;
1291
1207
  }
1292
1208
 
1293
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper {
1294
- display: none;
1295
- }
1296
-
1297
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper {
1298
- display: none;
1299
- }
1300
-
1301
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper {
1302
- display: none;
1303
- }
1304
-
1305
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1209
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1306
1210
  display: none;
1307
1211
  }
1308
1212
 
@@ -1332,7 +1236,7 @@
1332
1236
  block-size: 100%;
1333
1237
  }
1334
1238
 
1335
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image: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))) {
1239
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image: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))) {
1336
1240
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1337
1241
  border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1338
1242
  }
@@ -1360,7 +1264,7 @@
1360
1264
  block-size: 100%;
1361
1265
  }
1362
1266
 
1363
- .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration: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))) {
1267
+ .dqWSla_spectrum-Card--grid.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration: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))) {
1364
1268
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1365
1269
  border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1366
1270
  }
@@ -1420,19 +1324,7 @@
1420
1324
  z-index: 2;
1421
1325
  }
1422
1326
 
1423
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper {
1424
- display: none;
1425
- }
1426
-
1427
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper {
1428
- display: none;
1429
- }
1430
-
1431
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper {
1432
- display: none;
1433
- }
1434
-
1435
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1327
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-focused .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-checkboxWrapper, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal.dqWSla_is-hovered .dqWSla_spectrum-Card-checkboxWrapper {
1436
1328
  display: none;
1437
1329
  }
1438
1330
 
@@ -1448,15 +1340,7 @@
1448
1340
  position: relative;
1449
1341
  }
1450
1342
 
1451
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:before {
1452
- content: " ";
1453
- border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1454
- block-size: 100%;
1455
- inline-size: 100%;
1456
- position: absolute;
1457
- }
1458
-
1459
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1343
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:before, .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-grid:after {
1460
1344
  content: " ";
1461
1345
  border-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1462
1346
  block-size: 100%;
@@ -1472,7 +1356,7 @@
1472
1356
  block-size: 100%;
1473
1357
  }
1474
1358
 
1475
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image: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))) {
1359
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image: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))) {
1476
1360
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1477
1361
  border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1478
1362
  }
@@ -1500,7 +1384,7 @@
1500
1384
  block-size: 100%;
1501
1385
  }
1502
1386
 
1503
- .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration: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))) {
1387
+ .dqWSla_spectrum-Card--noLayout.dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration: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))) {
1504
1388
  border-top-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1505
1389
  border-bottom-left-radius: var(--spectrum-card-border-radius, var(--spectrum-alias-border-radius-regular));
1506
1390
  }
@@ -1602,10 +1486,6 @@
1602
1486
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1603
1487
  }
1604
1488
 
1605
- .dqWSla_spectrum-Card--default.dqWSla_is-selected {
1606
- border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1607
- }
1608
-
1609
1489
  .dqWSla_spectrum-Card--default.dqWSla_is-selected:before {
1610
1490
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1611
1491
  }
@@ -1666,11 +1546,7 @@
1666
1546
  background-color: var(--spectrum-card-quiet-preview-background-color, var(--spectrum-global-color-gray-200));
1667
1547
  }
1668
1548
 
1669
- .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image {
1670
- border-block-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1671
- }
1672
-
1673
- .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
1549
+ .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--default .dqWSla_spectrum-Card-illustration {
1674
1550
  border-block-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1675
1551
  }
1676
1552
 
@@ -1688,19 +1564,11 @@
1688
1564
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1689
1565
  }
1690
1566
 
1691
- .dqWSla_spectrum-Card--isQuiet.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1567
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card--isQuiet.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1692
1568
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1693
1569
  }
1694
1570
 
1695
- .dqWSla_spectrum-Card--isQuiet.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1696
- box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1697
- }
1698
-
1699
- .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring .dqWSla_spectrum-Card-grid:after {
1700
- box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1701
- }
1702
-
1703
- .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1571
+ .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring .dqWSla_spectrum-Card-grid:after, .dqWSla_spectrum-Card--isQuiet.dqWSla_focus-ring.dqWSla_is-hovered.dqWSla_is-selected .dqWSla_spectrum-Card-grid:after {
1704
1572
  box-shadow: 0 0 0 2px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1705
1573
  }
1706
1574
 
@@ -1736,10 +1604,6 @@
1736
1604
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-hover, var(--spectrum-global-color-gray-400));
1737
1605
  }
1738
1606
 
1739
- .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected {
1740
- border-color: var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1741
- }
1742
-
1743
1607
  .dqWSla_spectrum-Card--horizontal.dqWSla_is-selected .dqWSla_spectrum-Card-grid:before {
1744
1608
  box-shadow: 0 0 0 1px var(--spectrum-card-border-color-key-focus, var(--spectrum-alias-border-color-focus));
1745
1609
  }
@@ -1791,12 +1655,7 @@
1791
1655
  opacity: 0;
1792
1656
  }
1793
1657
 
1794
- .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image {
1658
+ .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-image, .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1795
1659
  border-inline-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1796
1660
  }
1797
-
1798
- .dqWSla_spectrum-Card--horizontal .dqWSla_spectrum-Card-illustration {
1799
- border-inline-end-color: var(--spectrum-card-coverphoto-border-color, var(--spectrum-global-color-gray-200));
1800
- }
1801
-
1802
1661
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@adobe/spectrum-css-temp/components/card/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAyFJ;;;;;;;;;;AASE;;;;AAIA;;;;AAGA;;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;AAaE;;;;;;AASJ;;;;AAKE;;;;AAMF;;;;AAEE;;;;;AAMF;;;;AAEE;;;;;AAMF;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;AAQA;;;;;;;AACE;;;;AAGA;;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;;;;AAaE;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAUF;;;;;;;;;;AAWE;;;;AAKF;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAeA;;;;;AAKA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;;;;;AAOA;;;;;;;AAMA;;;;AAOF;;;;;;;AACE;;;;AAGA;;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;;;;AAaE;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAUF;;;;;;;;;;;AAYE;;;;AAIF;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAgBA;;;;;AAKA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;;;;;AAOA;;;;;;;AAMA;;;;;;AASF;;;;;;;AACE;;;;AAGA;;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAUA;;;;;;;;;;;AAYE;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAUF;;;;;;;;;;AAcE;;;;AAIF;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAgBA;;;;;;;AAOA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMA;;;;;;;;AAOA;;;;;;;AAMA;;;;AAWF;;;;AACE;;;;AAGA;;;;AAGA;;;;AAKA;;;;;;;;;;;AAWE;;;;;;AAOA;;;;;;;;;AAYA;;;;;;;;AASF;;;;;;;;AAUA;;;;;AAKA;;;;AAGA;;;;;;;;AAcA;;;;AASF;;;;AACE;;;;AAGA;;;;AAGA;;;;AAKA;;;;;;;;;;;AAWE;;;;;;AAOA;;;;;;;;;AAYA;;;;;;;;AASF;;;;;;;;AASE;;;;;AATF;;;;;;;;AASE;;;;;AAMF;;;;;AAKA;;;;AAGA;;;;;;;;AAcA;;;;;;AASF;;;;AACE;;;;AAGA;;;;AAGA;;;;AAKA;;;;;;;;;;;;AAYE;;;;;;;;;;AAaA;;;;;;;;;AAYA;;;;;;;;AASF;;;;;;;;AAUA;;;;;AAMA;;;;;AAKA;;;;AAGA;;;;;;;;AAcA;;;;;;AASF;;;;AACE;;;;AAGA;;;;AAGA;;;;AAKA;;;;;;;;;;;;AAYE;;;;;;AAOA;;;;;;;;;;;AAcA;;;;;;;;AASF;;;;;;AAWA;;;;;;;AAOA;;;;AAGA;;;;;AAIA;;;;;;;;AAOA;;;;AAgBF;;;;;;AACE;;;;AAMA;;;;AAWA;;;;;;;;;;AAUE;;;;;;;;AASF;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAkBA;;;;;AAMA;;;;AAGA;;;;;;;;AAOA;;;;AAIA;;;;;;;;;AAaF;;;;;;AACE;;;;AAMA;;;;AAWA;;;;;;;;;;;;AAYE;;;;;;;;AAgBF;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAkBA;;;;;AAMA;;;;AAGA;;;;;;;;AAOA;;;;AAIA;;;;;;;;;AAeF;;;;AAGE;;;;;;;;AAOA;;;;;AAoBA;;;;;;AAMC;;;;AAID;;;;AAcF;;;;AAIA;;;;AAiBA;;;;;AAIE;;;;AAEE;;;;AAOA;;;;AAQF;;;;AAEE;;;;AAQF;;;;AAEE;;;;AAKF;;;;AAEE;;;;AAKF;;;;AAEE;;;;;AAIA;;;;AAEE;;;;;AAMJ;;;;AAGA;;;;;AAME;;;;;AAMF;;;;AAcA;;;;AASF;;;;;AAKM;;;;;AAUA;;;;AAsBA;;;;AAgBA;;;;AAME;;;;AAQJ;;;;;AAwBF;;;;;;AAQF;;;;;AAGE;;;;AAGI;;;;AASA;;;;AASJ;;;;AAGI;;;;AASJ;;;;AAGI;;;;AAMJ;;;;AAGI;;;;AAMJ;;;;AAGI;;;;;AAKF;;;;AAGI;;;;;AASJ;;;;;AAMF","sources":["packages/@adobe/spectrum-css-temp/components/card/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -1,4 +1,3 @@
1
- require("./main.css");
2
1
  var $b0d49dbc72f937a2$exports = require("./ar-AE.main.js");
3
2
  var $ce0dd82398fba411$exports = require("./bg-BG.main.js");
4
3
  var $1086444b40892e5d$exports = require("./cs-CZ.main.js");
@@ -33,6 +32,7 @@ var $523e0ad61eab5c5d$exports = require("./tr-TR.main.js");
33
32
  var $a58cff5745fe89a6$exports = require("./uk-UA.main.js");
34
33
  var $2c1c50c48e046fcb$exports = require("./zh-CN.main.js");
35
34
  var $d20ec5c21f83badd$exports = require("./zh-TW.main.js");
35
+ require("./main.css");
36
36
  var $jpY3B$reactspectrumutils = require("@react-spectrum/utils");
37
37
  var $jpY3B$reactstatelygrid = require("@react-stately/grid");
38
38
  var $jpY3B$reactariautils = require("@react-aria/utils");