@react-spectrum/tabs 3.8.9-nightly.4555 → 3.8.9-nightly.4558

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/module.css DELETED
@@ -1,590 +0,0 @@
1
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_i18nFontFamily:lang(zh-SG), .FzVSrW_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
- .FzVSrW_i18nFontFamily:lang(ko) {
31
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
- }
33
-
34
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_spectrum-FocusRing.FzVSrW_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
- .FzVSrW_spectrum-FocusRing--quiet:after {
63
- border-radius: 0;
64
- }
65
-
66
- .FzVSrW_spectrum-FocusRing--quiet.FzVSrW_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
- .FzVSrW_spectrum-FocusRing, .FzVSrW_spectrum-FocusRing-ring, .FzVSrW_spectrum-FocusRing--quiet {
73
- --spectrum-high-contrast-focus-ring-color: Highlight;
74
- }
75
-
76
- :is(.FzVSrW_spectrum-FocusRing, .FzVSrW_spectrum-FocusRing-ring, .FzVSrW_spectrum-FocusRing--quiet):after {
77
- forced-color-adjust: none;
78
- }
79
- }
80
-
81
- .FzVSrW_spectrum-TabsPanel {
82
- width: 100%;
83
- display: flex;
84
- }
85
-
86
- .FzVSrW_spectrum-TabsPanel--horizontal {
87
- flex-direction: column;
88
- }
89
-
90
- .FzVSrW_spectrum-TabsPanel--vertical {
91
- flex-direction: row;
92
- }
93
-
94
- .FzVSrW_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
- .FzVSrW_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
- .FzVSrW_spectrum-Tabs-item[href] {
120
- cursor: pointer;
121
- }
122
-
123
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled {
124
- cursor: default;
125
- }
126
-
127
- .FzVSrW_spectrum-Tabs-item .FzVSrW_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
- .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon + .FzVSrW_spectrum-Tabs-itemLabel {
134
- margin-inline-start: var(--spectrum-tabs-icon-gap, var(--spectrum-global-dimension-size-100));
135
- }
136
-
137
- .FzVSrW_spectrum-Tabs-item:before {
138
- content: "";
139
- box-sizing: border-box;
140
- block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
141
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
142
- border-radius: var(--spectrum-tabs-focus-ring-border-radius);
143
- pointer-events: none;
144
- 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));
145
- position: absolute;
146
- top: 50%;
147
- }
148
-
149
- .FzVSrW_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 {
150
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
151
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
152
- }
153
-
154
- .FzVSrW_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 {
155
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
156
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
157
- }
158
-
159
- .FzVSrW_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 {
160
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
161
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
162
- }
163
-
164
- .FzVSrW_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 {
165
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
166
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
167
- }
168
-
169
- .FzVSrW_spectrum-Tabs-itemLabel {
170
- vertical-align: top;
171
- font-size: var(--spectrum-tabs-text-size, var(--spectrum-alias-font-size-default));
172
- font-weight: var(--spectrum-tabs-text-font-weight, var(--spectrum-alias-body-text-font-weight));
173
- display: inline-block;
174
- }
175
-
176
- .FzVSrW_spectrum-Tabs-itemLabel:empty {
177
- display: none;
178
- }
179
-
180
- .FzVSrW_spectrum-Tabs-selectionIndicator {
181
- z-index: 0;
182
- transform-origin: 0 0;
183
- border-radius: var(--spectrum-tabs-rule-border-radius, var(--spectrum-global-dimension-static-size-10));
184
- position: absolute;
185
- }
186
-
187
- .FzVSrW_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))) {
188
- left: 0;
189
- }
190
-
191
- .FzVSrW_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))) {
192
- left: 0;
193
- }
194
-
195
- .FzVSrW_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)) {
196
- right: 0;
197
- }
198
-
199
- .FzVSrW_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)) {
200
- right: 0;
201
- }
202
-
203
- [dir="ltr"] .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
204
- transform: translateX(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)));
205
- }
206
-
207
- [dir="rtl"] .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
208
- transform: translateX(calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1));
209
- }
210
-
211
- .FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item {
212
- 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)));
213
- 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)));
214
- }
215
-
216
- .FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
217
- 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)));
218
- }
219
-
220
- .FzVSrW_spectrum-Tabs--horizontal {
221
- border-block-end: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) solid;
222
- align-items: center;
223
- }
224
-
225
- .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-item {
226
- vertical-align: top;
227
- }
228
-
229
- .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-item + :not(.FzVSrW_spectrum-Tabs-selectionIndicator) {
230
- margin-inline-start: var(--spectrum-tabs-item-gap, var(--spectrum-global-dimension-size-300));
231
- }
232
-
233
- .FzVSrW_spectrum-Tabs--horizontal .FzVSrW_spectrum-Tabs-selectionIndicator {
234
- block-size: var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick));
235
- 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;
236
- bottom: calc(var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)) * -1);
237
- position: absolute;
238
- }
239
-
240
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed {
241
- block-size: calc(var(--spectrum-tabs-height, var(--spectrum-global-dimension-size-600)) - var(--spectrum-tabs-rule-height, var(--spectrum-alias-border-size-thick)));
242
- }
243
-
244
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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))) {
245
- left: 0;
246
- }
247
-
248
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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))) {
249
- left: 0;
250
- }
251
-
252
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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)) {
253
- right: 0;
254
- }
255
-
256
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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)) {
257
- right: 0;
258
- }
259
-
260
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed button:before {
261
- content: "";
262
- box-sizing: border-box;
263
- block-size: var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height));
264
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
265
- border-radius: var(--spectrum-tabs-focus-ring-border-radius);
266
- pointer-events: none;
267
- 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));
268
- position: absolute;
269
- top: 50%;
270
- }
271
-
272
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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 {
273
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
274
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
275
- }
276
-
277
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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 {
278
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
279
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
280
- }
281
-
282
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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 {
283
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
284
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
285
- }
286
-
287
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_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 {
288
- right: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
289
- left: calc(var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100)) * -1);
290
- }
291
-
292
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--isCollapsed.FzVSrW_spectrum-Tabs--compact button {
293
- 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))));
294
- }
295
-
296
- .FzVSrW_spectrum-Tabs--horizontal.FzVSrW_spectrum-Tabs--compact {
297
- box-sizing: content-box;
298
- 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)));
299
- align-items: end;
300
- }
301
-
302
- .FzVSrW_spectrum-Tabs--quiet {
303
- display: inline-flex;
304
- }
305
-
306
- .FzVSrW_spectrum-Tabs--vertical {
307
- border-inline-start: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) solid;
308
- flex-direction: column;
309
- padding: 0;
310
- display: inline-flex;
311
- }
312
-
313
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item {
314
- block-size: var(--spectrum-tabs-vertical-item-height, var(--spectrum-global-dimension-size-550));
315
- padding: 0 var(--spectrum-tabs-focus-ring-padding-x, var(--spectrum-global-dimension-size-100));
316
- margin-block-end: var(--spectrum-tabs-vertical-item-gap, var(--spectrum-global-dimension-size-50));
317
- 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)));
318
- }
319
-
320
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-item:before {
321
- margin-block-start: calc(calc(var(--spectrum-tabs-focus-ring-height, var(--spectrum-alias-single-line-height)) / -2));
322
- }
323
-
324
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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 {
325
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
326
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
327
- }
328
-
329
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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 {
335
- right: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
336
- left: calc(var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) * -1);
337
- }
338
-
339
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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 {
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
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item {
345
- block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
346
- line-height: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
347
- margin-block-end: var(--spectrum-tabs-compact-vertical-item-gap, var(--spectrum-global-dimension-size-50));
348
- }
349
-
350
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
351
- block-size: var(--spectrum-tabs-compact-vertical-item-height, var(--spectrum-global-dimension-size-400));
352
- }
353
-
354
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_spectrum-Tabs-selectionIndicator {
355
- inline-size: var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick));
356
- 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;
357
- position: absolute;
358
- }
359
-
360
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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))) {
361
- left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
362
- }
363
-
364
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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))) {
365
- left: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
366
- }
367
-
368
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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)) {
369
- right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
370
- }
371
-
372
- .FzVSrW_spectrum-Tabs--vertical .FzVSrW_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)) {
373
- right: calc(var(--spectrum-tabs-vertical-rule-width, var(--spectrum-alias-border-size-thick)) * -1);
374
- }
375
-
376
- .FzVSrW_spectrum-TabsPanel-collapseWrapper {
377
- display: flex;
378
- position: relative;
379
- }
380
-
381
- .FzVSrW_spectrum-TabsPanel-tabs {
382
- flex: 1 0;
383
- }
384
-
385
- .FzVSrW_spectrum-TabsPanel-tabs.FzVSrW_spectrum-Tabs--vertical {
386
- flex-grow: 0;
387
- }
388
-
389
- .FzVSrW_spectrum-TabsPanel-tabpanel {
390
- border: var(--spectrum-tabs-focus-ring-size, var(--spectrum-alias-border-size-thick)) solid transparent;
391
- flex-grow: 1;
392
- }
393
-
394
- .FzVSrW_spectrum-TabsPanel--vertical .FzVSrW_spectrum-Tabs {
395
- padding-right: var(--spectrum-global-dimension-size-160);
396
- }
397
-
398
- .FzVSrW_spectrum-Tabs {
399
- border-block-end-color: var(--spectrum-global-color-gray-300);
400
- }
401
-
402
- .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_spectrum-Tabs-picker {
403
- width: auto;
404
- }
405
-
406
- .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring:after {
407
- box-shadow: none;
408
- }
409
-
410
- .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring:before {
411
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
412
- }
413
-
414
- .FzVSrW_spectrum-Tabs--vertical {
415
- border-inline-start-color: var(--spectrum-global-color-gray-300);
416
- }
417
-
418
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
419
- background-color: var(--spectrum-accent-color-900);
420
- }
421
-
422
- .FzVSrW_spectrum-Tabs-selectionIndicator {
423
- background-color: var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900));
424
- }
425
-
426
- .FzVSrW_spectrum-Tabs-item {
427
- color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
428
- }
429
-
430
- .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon {
431
- fill: var(--spectrum-tabs-icon-color, var(--spectrum-alias-icon-color));
432
- }
433
-
434
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-hovered {
435
- color: var(--spectrum-tabs-text-color-hover, var(--spectrum-alias-text-color-hover));
436
- }
437
-
438
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-hovered .FzVSrW_spectrum-Icon {
439
- fill: var(--spectrum-tabs-icon-color-hover, var(--spectrum-alias-icon-color-hover));
440
- }
441
-
442
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected {
443
- color: var(--spectrum-tabs-text-color-selected, var(--spectrum-global-color-gray-900));
444
- }
445
-
446
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected .FzVSrW_spectrum-Icon {
447
- fill: var(--spectrum-tabs-icon-color-selected, var(--spectrum-global-color-gray-900));
448
- }
449
-
450
- .FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring {
451
- color: var(--spectrum-tabs-text-color-key-focus, var(--spectrum-alias-text-color-hover));
452
- }
453
-
454
- .FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring:before {
455
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
456
- }
457
-
458
- .FzVSrW_spectrum-Tabs-item.FzVSrW_focus-ring .FzVSrW_spectrum-Icon {
459
- fill: var(--spectrum-tabs-icon-color-key-focus, var(--spectrum-alias-icon-color-focus));
460
- }
461
-
462
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled {
463
- color: var(--spectrum-tabs-text-color-disabled, var(--spectrum-alias-text-color-disabled));
464
- }
465
-
466
- .FzVSrW_spectrum-Tabs-item.FzVSrW_is-disabled .FzVSrW_spectrum-Icon {
467
- fill: var(--spectrum-tabs-icon-color-disabled, var(--spectrum-alias-icon-color-disabled));
468
- }
469
-
470
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected {
471
- color: var(--spectrum-accent-color-900);
472
- }
473
-
474
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected .FzVSrW_spectrum-Icon {
475
- fill: var(--spectrum-accent-color-900);
476
- }
477
-
478
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring {
479
- color: var(--spectrum-accent-color-900);
480
- }
481
-
482
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring:before {
483
- border-color: var(--spectrum-blue-900);
484
- }
485
-
486
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_focus-ring .FzVSrW_spectrum-Icon {
487
- fill: var(--spectrum-accent-color-900);
488
- }
489
-
490
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_is-hovered {
491
- color: var(--spectrum-accent-color-1000);
492
- }
493
-
494
- .FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-item.FzVSrW_is-selected.FzVSrW_is-hovered .FzVSrW_spectrum-Icon {
495
- fill: var(--spectrum-accent-color-1000);
496
- }
497
-
498
- .FzVSrW_spectrum-Tabs--quiet {
499
- border-block-end-color: var(--spectrum-tabs-quiet-rule-color, var(--spectrum-alias-border-color-transparent));
500
- }
501
-
502
- .FzVSrW_spectrum-Tabs--quiet .FzVSrW_spectrum-Tabs-selectionIndicator {
503
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
504
- }
505
-
506
- .FzVSrW_spectrum-Tabs--quiet.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
507
- background-color: var(--spectrum-accent-color-900);
508
- }
509
-
510
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--quiet {
511
- border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
512
- }
513
-
514
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--quiet .FzVSrW_spectrum-Tabs-selectionIndicator {
515
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
516
- }
517
-
518
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact {
519
- border-inline-start-color: var(--spectrum-tabs-quiet-vertical-rule-color, var(--spectrum-alias-border-color-transparent));
520
- }
521
-
522
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--compact .FzVSrW_spectrum-Tabs-selectionIndicator {
523
- background-color: var(--spectrum-tabs-quiet-selection-indicator-color, var(--spectrum-global-color-gray-900));
524
- }
525
-
526
- .FzVSrW_spectrum-Tabs--vertical.FzVSrW_spectrum-Tabs--emphasized .FzVSrW_spectrum-Tabs-selectionIndicator {
527
- background-color: var(--spectrum-accent-color-900);
528
- }
529
-
530
- .FzVSrW_spectrum-TabsPanel-tabpanel:focus {
531
- outline: none;
532
- }
533
-
534
- .FzVSrW_spectrum-TabsPanel-tabpanel.FzVSrW_focus-ring {
535
- border-color: var(--spectrum-tabs-focus-ring-color, var(--spectrum-alias-border-color-focus));
536
- }
537
-
538
- @media (forced-colors: active) {
539
- .FzVSrW_spectrum-Tabs {
540
- forced-color-adjust: none;
541
- --spectrum-tabs-focus-ring-color: ButtonText;
542
- --spectrum-tabs-icon-color: ButtonText;
543
- --spectrum-tabs-icon-color-disabled: GrayText;
544
- --spectrum-tabs-icon-color-hover: ButtonText;
545
- --spectrum-tabs-icon-color-key-focus: ButtonText;
546
- --spectrum-tabs-icon-color-selected: HighlightText;
547
- --spectrum-tabs-quiet-rule-color: transparent;
548
- --spectrum-tabs-quiet-selection-indicator-color: transparent;
549
- --spectrum-tabs-quiet-vertical-rule-color: transparent;
550
- --spectrum-tabs-rule-color: transparent;
551
- --spectrum-tabs-selection-indicator-color: transparent;
552
- --spectrum-tabs-text-color: ButtonText;
553
- --spectrum-tabs-text-color-disabled: GrayText;
554
- --spectrum-tabs-text-color-hover: ButtonText;
555
- --spectrum-tabs-text-color-key-focus: ButtonText;
556
- --spectrum-tabs-text-color-selected: HighlightText;
557
- --spectrum-tabs-vertical-rule-color: transparent;
558
- }
559
-
560
- .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item:before {
561
- background-color: buttonface;
562
- }
563
-
564
- .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Icon, .FzVSrW_spectrum-Tabs .FzVSrW_spectrum-Tabs-item .FzVSrW_spectrum-Tabs-itemLabel {
565
- z-index: 1;
566
- position: relative;
567
- }
568
-
569
- .FzVSrW_spectrum-Tabs .FzVSrW_is-selected {
570
- color: highlighttext;
571
- }
572
-
573
- .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Icon {
574
- fill: highlighttext;
575
- }
576
-
577
- .FzVSrW_spectrum-Tabs .FzVSrW_is-selected:before {
578
- color: highlighttext;
579
- background-color: highlight;
580
- }
581
-
582
- .FzVSrW_spectrum-Tabs .FzVSrW_is-selected .FzVSrW_spectrum-Tabs-itemLabel {
583
- color: highlighttext;
584
- }
585
-
586
- .FzVSrW_spectrum-Tabs.FzVSrW_spectrum-Tabs--isCollapsed .FzVSrW_focus-ring {
587
- outline: none;
588
- }
589
- }
590
- /*# sourceMappingURL=module.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;;;;;AAkBF;;;;;;;AAOE;;;;AAMF;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASE;;;;AAIA;;;;AAQA;;;;;AAIE;;;;AAOJ;;;;;AAKE;;;;AAIE;;;;AAKF;;;;;;;AAQA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAMI;;;;;;;;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAmBA;;;;AAMJ;;;;;;AAUF;;;;AAIA;;;;;;;AAME;;;;;;;AAOE;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AAAA;;;;;AASA;;;;;;AAKE;;;;AAOJ;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASF;;;;;AAKA;;;;AAKE;;;;AAKF;;;;;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":"module.css.map"}