@react-spectrum/tabs 3.8.30 → 3.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,606 +0,0 @@
1
- .W5avvq_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- .W5avvq_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- .W5avvq_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- .W5avvq_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .W5avvq_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- .W5avvq_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- .W5avvq_i18nFontFamily:lang(zh-SG), .W5avvq_i18nFontFamily:lang(zh-CN) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .W5avvq_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .W5avvq_i18nFontFamily:lang(ja) {
35
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
- }
37
-
38
- .W5avvq_spectrum-FocusRing-ring {
39
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
- --spectrum-focus-ring-border-size: 0px;
43
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
- }
45
-
46
- .W5avvq_spectrum-FocusRing-ring:after {
47
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
- content: "";
49
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
- pointer-events: none;
51
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
- display: block;
53
- position: absolute;
54
- inset: 0;
55
- }
56
-
57
- .W5avvq_spectrum-FocusRing.W5avvq_focus-ring:after {
58
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
- }
61
-
62
- .W5avvq_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .W5avvq_spectrum-FocusRing--quiet.W5avvq_focus-ring:after {
67
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
- }
70
-
71
- @media (forced-colors: active) {
72
- .W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.W5avvq_spectrum-FocusRing, .W5avvq_spectrum-FocusRing-ring, .W5avvq_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .W5avvq_spectrum-TabsPanel {
82
- width: 100%;
83
- display: flex;
84
- }
85
-
86
- .W5avvq_spectrum-TabsPanel--horizontal {
87
- flex-direction: column;
88
- }
89
-
90
- .W5avvq_spectrum-TabsPanel--vertical {
91
- flex-direction: row;
92
- }
93
-
94
- .W5avvq_spectrum-Tabs {
95
- z-index: 0;
96
- vertical-align: top;
97
- -webkit-user-select: none;
98
- user-select: none;
99
- outline: none;
100
- margin: 0;
101
- padding: 0;
102
- display: flex;
103
- position: relative;
104
- }
105
-
106
- .W5avvq_spectrum-Tabs-item {
107
- box-sizing: border-box;
108
- block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
109
- line-height: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
110
- z-index: 1;
111
- white-space: nowrap;
112
- transition: color var(--spectrum-global-animation-duration-100, .13s) ease-out;
113
- cursor: default;
114
- outline: none;
115
- text-decoration: none;
116
- position: relative;
117
- }
118
-
119
- .W5avvq_spectrum-Tabs-item[href] {
120
- cursor: pointer;
121
- }
122
-
123
- .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled {
124
- cursor: default;
125
- }
126
-
127
- .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
128
- block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
129
- transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-out;
130
- transform: translate3d(0, 0, 0);
131
- }
132
-
133
- .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon + .W5avvq_spectrum-Tabs-itemLabel {
134
- margin-inline-start: var(--spectrum-tabs-icon-gap, var(--spectrum-global-dimension-size-100));
135
- }
136
-
137
- .W5avvq_spectrum-Tabs-item:before {
138
- content: "";
139
- box-sizing: border-box;
140
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
141
- border-radius: var(--spectrum-tabs-focus-ring-border-radius);
142
- pointer-events: none;
143
- position: absolute;
144
- top: 0;
145
- bottom: 0;
146
- }
147
-
148
- .W5avvq_spectrum-Tabs-item: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 {
149
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
150
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
151
- }
152
-
153
- .W5avvq_spectrum-Tabs-item: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 {
154
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
155
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
156
- }
157
-
158
- .W5avvq_spectrum-Tabs-item:-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 {
159
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
160
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
161
- }
162
-
163
- .W5avvq_spectrum-Tabs-item: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 {
164
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
165
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
166
- }
167
-
168
- .W5avvq_spectrum-Tabs-itemLabel {
169
- vertical-align: top;
170
- font-size: var(--spectrum-tabs-text-size, var(--spectrum-alias-font-size-default));
171
- font-weight: var(--spectrum-tabs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
172
- display: inline-block;
173
- }
174
-
175
- .W5avvq_spectrum-Tabs-itemLabel:empty {
176
- display: none;
177
- }
178
-
179
- .W5avvq_spectrum-Tabs-selectionIndicator {
180
- z-index: 0;
181
- transform-origin: 0 0;
182
- position: absolute;
183
- }
184
-
185
- .W5avvq_spectrum-Tabs-selectionIndicator: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))) {
186
- left: 0;
187
- }
188
-
189
- .W5avvq_spectrum-Tabs-selectionIndicator: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))) {
190
- left: 0;
191
- }
192
-
193
- .W5avvq_spectrum-Tabs-selectionIndicator:-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)) {
194
- right: 0;
195
- }
196
-
197
- .W5avvq_spectrum-Tabs-selectionIndicator: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)) {
198
- right: 0;
199
- }
200
-
201
- [dir="ltr"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
202
- transform: translateX(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
203
- }
204
-
205
- [dir="rtl"] .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
206
- transform: translateX(calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1));
207
- }
208
-
209
- .W5avvq_spectrum-Tabs-selectionIndicator {
210
- border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10));
211
- }
212
-
213
- .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item {
214
- block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
215
- line-height: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
216
- }
217
-
218
- .W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
219
- block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
220
- }
221
-
222
- .W5avvq_spectrum-Tabs--horizontal {
223
- border-block-end: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) solid;
224
- align-items: center;
225
- }
226
-
227
- .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item {
228
- vertical-align: top;
229
- }
230
-
231
- .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item + :not(.W5avvq_spectrum-Tabs-selectionIndicator) {
232
- margin-inline-start: var(--spectrum-tabs-item-gap, var(--spectrum-global-dimension-size-300));
233
- }
234
-
235
- .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-item:before {
236
- top: 50%;
237
- bottom: unset;
238
- block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
239
- margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
240
- }
241
-
242
- .W5avvq_spectrum-Tabs--horizontal .W5avvq_spectrum-Tabs-selectionIndicator {
243
- block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick));
244
- transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, width var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
245
- bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1);
246
- position: absolute;
247
- }
248
-
249
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed {
250
- block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
251
- }
252
-
253
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed: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))) {
254
- left: 0;
255
- }
256
-
257
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed: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))) {
258
- left: 0;
259
- }
260
-
261
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed:-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)) {
262
- right: 0;
263
- }
264
-
265
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed: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)) {
266
- right: 0;
267
- }
268
-
269
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:before {
270
- content: "";
271
- box-sizing: border-box;
272
- block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
273
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
274
- border-radius: var(--spectrum-tabs-focus-ring-border-radius);
275
- pointer-events: none;
276
- margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2) + calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) / 2));
277
- position: absolute;
278
- top: 50%;
279
- }
280
-
281
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button: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 {
282
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
283
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
284
- }
285
-
286
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button: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 {
287
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
288
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
289
- }
290
-
291
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button:-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 {
292
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
293
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
294
- }
295
-
296
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed button: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 {
297
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
298
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
299
- }
300
-
301
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--isCollapsed.W5avvq_spectrum-Tabs--compact button {
302
- height: calc(calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick))));
303
- }
304
-
305
- .W5avvq_spectrum-Tabs--horizontal.W5avvq_spectrum-Tabs--compact {
306
- box-sizing: content-box;
307
- block-size: calc(var(--spectrum-tabs-quiet-compact-height, var(--spectrum-global-dimension-size-400)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
308
- align-items: end;
309
- }
310
-
311
- .W5avvq_spectrum-Tabs--quiet {
312
- display: inline-flex;
313
- }
314
-
315
- .W5avvq_spectrum-Tabs--vertical {
316
- border-inline-start: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) solid;
317
- flex-direction: column;
318
- padding: 0;
319
- display: inline-flex;
320
- }
321
-
322
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item {
323
- block-size: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
324
- padding: 0 var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100));
325
- margin-block-end: var(--spectrum-tabs-vertical-item-gap, var(--spectrum-global-dimension-size-50));
326
- margin-inline-start: calc(var(--spectrum-tabs-vertical-item-margin-left, var(--spectrum-global-dimension-size-150)) - var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
327
- }
328
-
329
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item: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 {
330
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
331
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
332
- }
333
-
334
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item: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 {
335
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
336
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
337
- }
338
-
339
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item:-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 {
340
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
341
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
342
- }
343
-
344
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-item: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 {
345
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
346
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
347
- }
348
-
349
- .W5avvq_spectrum-Tabs--vertical:not(.W5avvq_spectrum-Tabs--compact) .W5avvq_spectrum-Tabs-item {
350
- white-space: normal;
351
- block-size: auto;
352
- min-height: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
353
- align-items: center;
354
- line-height: normal;
355
- display: flex;
356
- }
357
-
358
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item {
359
- block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
360
- line-height: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
361
- margin-block-end: var(--spectrum-tabs-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
362
- }
363
-
364
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
365
- block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
366
- }
367
-
368
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator {
369
- inline-size: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick));
370
- transition: transform var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out, height var(--spectrum-tabs-selection-indicator-animation-duration, var(--spectrum-global-animation-duration-100)) ease-in-out;
371
- position: absolute;
372
- }
373
-
374
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator: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))) {
375
- left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
376
- }
377
-
378
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator: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))) {
379
- left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
380
- }
381
-
382
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator:-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)) {
383
- right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
384
- }
385
-
386
- .W5avvq_spectrum-Tabs--vertical .W5avvq_spectrum-Tabs-selectionIndicator: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)) {
387
- right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
388
- }
389
-
390
- .W5avvq_spectrum-TabsPanel-collapseWrapper {
391
- display: flex;
392
- position: relative;
393
- }
394
-
395
- .W5avvq_spectrum-TabsPanel-tabs {
396
- flex-grow: 1;
397
- flex-shrink: 0;
398
- }
399
-
400
- .W5avvq_spectrum-TabsPanel-tabs.W5avvq_spectrum-Tabs--vertical {
401
- flex-grow: 0;
402
- min-width: min-content;
403
- }
404
-
405
- .W5avvq_spectrum-TabsPanel-tabpanel {
406
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
407
- flex-grow: 1;
408
- }
409
-
410
- .W5avvq_spectrum-TabsPanel--vertical .W5avvq_spectrum-Tabs {
411
- padding-right: var(--spectrum-global-dimension-size-160);
412
- }
413
-
414
- .W5avvq_spectrum-Tabs {
415
- border-block-end-color: var(--spectrum-global-color-gray-300);
416
- }
417
-
418
- .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_spectrum-Tabs-picker {
419
- width: auto;
420
- }
421
-
422
- .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:after {
423
- box-shadow: none;
424
- }
425
-
426
- .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring:before {
427
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
428
- }
429
-
430
- .W5avvq_spectrum-Tabs--vertical {
431
- border-inline-start-color: var(--spectrum-global-color-gray-300);
432
- }
433
-
434
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
435
- background-color: var(--spectrum-accent-color-900);
436
- }
437
-
438
- .W5avvq_spectrum-Tabs-selectionIndicator {
439
- background-color: var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900));
440
- }
441
-
442
- .W5avvq_spectrum-Tabs-item {
443
- color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
444
- }
445
-
446
- .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon {
447
- fill: var(--spectrum-tabs-icon-color, var(--spectrum-alias-icon-color));
448
- }
449
-
450
- .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered {
451
- color: var(--spectrum-tabs-text-color-hover, var(--spectrum-alias-text-color-hover));
452
- }
453
-
454
- .W5avvq_spectrum-Tabs-item.W5avvq_is-hovered .W5avvq_spectrum-Icon {
455
- fill: var(--spectrum-tabs-icon-color-hover, var(--spectrum-alias-icon-color-hover));
456
- }
457
-
458
- .W5avvq_spectrum-Tabs-item.W5avvq_is-selected {
459
- color: var(--spectrum-tabs-text-color-selected, var(--spectrum-global-color-gray-900));
460
- }
461
-
462
- .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon {
463
- fill: var(--spectrum-tabs-icon-color-selected, var(--spectrum-global-color-gray-900));
464
- }
465
-
466
- .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring {
467
- color: var(--spectrum-tabs-text-color-key-focus, var(--spectrum-alias-text-color-hover));
468
- }
469
-
470
- .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring:before {
471
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
472
- }
473
-
474
- .W5avvq_spectrum-Tabs-item.W5avvq_focus-ring .W5avvq_spectrum-Icon {
475
- fill: var(--spectrum-tabs-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
476
- }
477
-
478
- .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled {
479
- color: var(--spectrum-tabs-text-color-disabled, var(--spectrum-alias-text-color-disabled));
480
- }
481
-
482
- .W5avvq_spectrum-Tabs-item.W5avvq_is-disabled .W5avvq_spectrum-Icon {
483
- fill: var(--spectrum-tabs-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
484
- }
485
-
486
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected {
487
- color: var(--spectrum-accent-color-900);
488
- }
489
-
490
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected .W5avvq_spectrum-Icon {
491
- fill: var(--spectrum-accent-color-900);
492
- }
493
-
494
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring {
495
- color: var(--spectrum-accent-color-900);
496
- }
497
-
498
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring:before {
499
- border-color: var(--spectrum-blue-900);
500
- }
501
-
502
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_focus-ring .W5avvq_spectrum-Icon {
503
- fill: var(--spectrum-accent-color-900);
504
- }
505
-
506
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered {
507
- color: var(--spectrum-accent-color-1000);
508
- }
509
-
510
- .W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-item.W5avvq_is-selected.W5avvq_is-hovered .W5avvq_spectrum-Icon {
511
- fill: var(--spectrum-accent-color-1000);
512
- }
513
-
514
- .W5avvq_spectrum-Tabs--quiet {
515
- border-block-end-color: var(--spectrum-tabs-quiet-rule-color, var(--spectrum-alias-border-color-transparent));
516
- }
517
-
518
- .W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator {
519
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
520
- }
521
-
522
- .W5avvq_spectrum-Tabs--quiet.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
523
- background-color: var(--spectrum-accent-color-900);
524
- }
525
-
526
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet {
527
- border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
528
- }
529
-
530
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--quiet .W5avvq_spectrum-Tabs-selectionIndicator {
531
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
532
- }
533
-
534
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact {
535
- border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
536
- }
537
-
538
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--compact .W5avvq_spectrum-Tabs-selectionIndicator {
539
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
540
- }
541
-
542
- .W5avvq_spectrum-Tabs--vertical.W5avvq_spectrum-Tabs--emphasized .W5avvq_spectrum-Tabs-selectionIndicator {
543
- background-color: var(--spectrum-accent-color-900);
544
- }
545
-
546
- .W5avvq_spectrum-TabsPanel-tabpanel:focus {
547
- outline: none;
548
- }
549
-
550
- .W5avvq_spectrum-TabsPanel-tabpanel.W5avvq_focus-ring {
551
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
552
- }
553
-
554
- @media (forced-colors: active) {
555
- .W5avvq_spectrum-Tabs {
556
- forced-color-adjust: none;
557
- --spectrum-tabs-focus-ring-color: ButtonText;
558
- --spectrum-tabs-icon-color: ButtonText;
559
- --spectrum-tabs-icon-color-disabled: GrayText;
560
- --spectrum-tabs-icon-color-hover: ButtonText;
561
- --spectrum-tabs-icon-color-key-focus: ButtonText;
562
- --spectrum-tabs-icon-color-selected: HighlightText;
563
- --spectrum-tabs-quiet-rule-color: transparent;
564
- --spectrum-tabs-quiet-selection-indicator-color: transparent;
565
- --spectrum-tabs-quiet-vertical-rule-color: transparent;
566
- --spectrum-tabs-rule-color: transparent;
567
- --spectrum-tabs-selection-indicator-color: transparent;
568
- --spectrum-tabs-text-color: ButtonText;
569
- --spectrum-tabs-text-color-disabled: GrayText;
570
- --spectrum-tabs-text-color-hover: ButtonText;
571
- --spectrum-tabs-text-color-key-focus: ButtonText;
572
- --spectrum-tabs-text-color-selected: HighlightText;
573
- --spectrum-tabs-vertical-rule-color: transparent;
574
- }
575
-
576
- .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item:before {
577
- background-color: buttonface;
578
- }
579
-
580
- .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Icon, .W5avvq_spectrum-Tabs .W5avvq_spectrum-Tabs-item .W5avvq_spectrum-Tabs-itemLabel {
581
- z-index: 1;
582
- position: relative;
583
- }
584
-
585
- .W5avvq_spectrum-Tabs .W5avvq_is-selected {
586
- color: highlighttext;
587
- }
588
-
589
- .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Icon {
590
- fill: highlighttext;
591
- }
592
-
593
- .W5avvq_spectrum-Tabs .W5avvq_is-selected:before {
594
- color: highlighttext;
595
- background-color: highlight;
596
- }
597
-
598
- .W5avvq_spectrum-Tabs .W5avvq_is-selected .W5avvq_spectrum-Tabs-itemLabel {
599
- color: highlighttext;
600
- }
601
-
602
- .W5avvq_spectrum-Tabs.W5avvq_spectrum-Tabs--isCollapsed .W5avvq_focus-ring {
603
- outline: none;
604
- }
605
- }
606
- /*# sourceMappingURL=tabs.a87f78a9.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAmBE;;;;AAIA;;;;AAIA;;;;;;AAOE;;;;AAKF;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAiBF;;;;;;;AAOE;;;;AAMF;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASE;;;;AAIA;;;;AAIc;;;;AAId;;;;;AAIE;;;;AAOJ;;;;;AAKE;;;;AAIE;;;;AAIA;;;;;;;AAQF;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMI;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAmBA;;;;AAMJ;;;;;;AAUF;;;;AAIA;;;;;;;AAME;;;;;;;AAOE;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAUF;;;;;;;;;AAUE;;;;;;AAKE;;;;AAOJ;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASF;;;;;AAKA;;;;;AAIE;;;;;AAMF;;;;;AAME;;;;AAiBF;;;;AAKI;;;;AAME;;;;AAIA;;;;AAON;;;;AAKE;;;;AAKF;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQA;;;;AAGE;;;;AAIA;;;;AAGE;;;;AAIA;;;;AAKF;;;;AAGE;;;;AAQR;;;;AAGE;;;;AAKE;;;;AAOF;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAMA;;;;AAOF;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;;;;;;;;;;EAoBI;;;;EAGA;;;;;EASF;;;;EAEE;;;;EAGA;;;;;EAIA;;;;EAKA","sources":["packages/@adobe/spectrum-css-temp/components/tabs/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":"tabs.a87f78a9.css.map"}