@cloudscape-design/components 3.0.1004 → 3.0.1005
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/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/index.js +10 -2
- package/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
- package/app-layout-toolbar/index.d.ts.map +1 -1
- package/app-layout-toolbar/index.js +1 -9
- package/app-layout-toolbar/index.js.map +1 -1
- package/button/interfaces.d.ts +12 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +39 -447
- package/collection-preferences/styles.selectors.js +38 -38
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.ar.js +1 -1
- package/i18n/messages/all.ar.json +1 -1
- package/i18n/messages/all.de.js +1 -1
- package/i18n/messages/all.de.json +1 -1
- package/i18n/messages/all.en-GB.js +1 -1
- package/i18n/messages/all.en-GB.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages/all.es.js +1 -1
- package/i18n/messages/all.es.json +1 -1
- package/i18n/messages/all.fr.js +1 -1
- package/i18n/messages/all.fr.json +1 -1
- package/i18n/messages/all.id.js +1 -1
- package/i18n/messages/all.id.json +1 -1
- package/i18n/messages/all.it.js +1 -1
- package/i18n/messages/all.it.json +1 -1
- package/i18n/messages/all.ja.js +1 -1
- package/i18n/messages/all.ja.json +1 -1
- package/i18n/messages/all.ko.js +1 -1
- package/i18n/messages/all.ko.json +1 -1
- package/i18n/messages/all.pt-BR.js +1 -1
- package/i18n/messages/all.pt-BR.json +1 -1
- package/i18n/messages/all.tr.js +1 -1
- package/i18n/messages/all.tr.json +1 -1
- package/i18n/messages/all.zh-CN.js +1 -1
- package/i18n/messages/all.zh-CN.json +1 -1
- package/i18n/messages/all.zh-TW.js +1 -1
- package/i18n/messages/all.zh-TW.json +1 -1
- package/i18n/messages-types.d.ts +10 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/styles.css.js +56 -56
- package/popover/styles.scoped.css +202 -746
- package/popover/styles.selectors.js +56 -56
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +30 -202
- package/progress-bar/styles.selectors.js +19 -19
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +51 -187
- package/tabs/styles.selectors.js +30 -30
- package/collection-preferences/content-display/styles.css.js +0 -16
- package/collection-preferences/content-display/styles.scoped.css +0 -380
- package/collection-preferences/content-display/styles.selectors.js +0 -17
package/tabs/styles.scoped.css
CHANGED
|
@@ -150,144 +150,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
/*
|
|
154
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
155
|
-
SPDX-License-Identifier: Apache-2.0
|
|
156
|
-
*/
|
|
157
|
-
/*
|
|
158
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
159
|
-
SPDX-License-Identifier: Apache-2.0
|
|
160
|
-
*/
|
|
161
|
-
/*
|
|
162
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
163
|
-
SPDX-License-Identifier: Apache-2.0
|
|
164
|
-
*/
|
|
165
|
-
/*
|
|
166
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
167
|
-
SPDX-License-Identifier: Apache-2.0
|
|
168
|
-
*/
|
|
169
|
-
/*
|
|
170
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
171
|
-
SPDX-License-Identifier: Apache-2.0
|
|
172
|
-
*/
|
|
173
|
-
/*
|
|
174
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
175
|
-
SPDX-License-Identifier: Apache-2.0
|
|
176
|
-
*/
|
|
177
|
-
/*
|
|
178
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
179
|
-
SPDX-License-Identifier: Apache-2.0
|
|
180
|
-
*/
|
|
181
|
-
/*
|
|
182
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
|
-
SPDX-License-Identifier: Apache-2.0
|
|
184
|
-
*/
|
|
185
|
-
/*
|
|
186
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
|
-
SPDX-License-Identifier: Apache-2.0
|
|
188
|
-
*/
|
|
189
|
-
/*
|
|
190
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
|
-
SPDX-License-Identifier: Apache-2.0
|
|
192
|
-
*/
|
|
193
|
-
/*
|
|
194
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
195
|
-
SPDX-License-Identifier: Apache-2.0
|
|
196
|
-
*/
|
|
197
|
-
/*
|
|
198
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
199
|
-
SPDX-License-Identifier: Apache-2.0
|
|
200
|
-
*/
|
|
201
|
-
/*
|
|
202
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
203
|
-
SPDX-License-Identifier: Apache-2.0
|
|
204
|
-
*/
|
|
205
|
-
/*
|
|
206
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
207
|
-
SPDX-License-Identifier: Apache-2.0
|
|
208
|
-
*/
|
|
209
|
-
/*
|
|
210
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
211
|
-
SPDX-License-Identifier: Apache-2.0
|
|
212
|
-
*/
|
|
213
|
-
/*
|
|
214
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
215
|
-
SPDX-License-Identifier: Apache-2.0
|
|
216
|
-
*/
|
|
217
|
-
/*
|
|
218
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
219
|
-
SPDX-License-Identifier: Apache-2.0
|
|
220
|
-
*/
|
|
221
|
-
/*
|
|
222
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
223
|
-
SPDX-License-Identifier: Apache-2.0
|
|
224
|
-
*/
|
|
225
|
-
/*
|
|
226
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
227
|
-
SPDX-License-Identifier: Apache-2.0
|
|
228
|
-
*/
|
|
229
|
-
/*
|
|
230
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
231
|
-
SPDX-License-Identifier: Apache-2.0
|
|
232
|
-
*/
|
|
233
|
-
/*
|
|
234
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
235
|
-
SPDX-License-Identifier: Apache-2.0
|
|
236
|
-
*/
|
|
237
|
-
/*
|
|
238
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
239
|
-
SPDX-License-Identifier: Apache-2.0
|
|
240
|
-
*/
|
|
241
|
-
/*
|
|
242
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
243
|
-
SPDX-License-Identifier: Apache-2.0
|
|
244
|
-
*/
|
|
245
|
-
/*
|
|
246
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
247
|
-
SPDX-License-Identifier: Apache-2.0
|
|
248
|
-
*/
|
|
249
|
-
/*
|
|
250
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
251
|
-
SPDX-License-Identifier: Apache-2.0
|
|
252
|
-
*/
|
|
253
|
-
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
254
|
-
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
255
|
-
/*
|
|
256
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
257
|
-
SPDX-License-Identifier: Apache-2.0
|
|
258
|
-
*/
|
|
259
|
-
/*
|
|
260
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
261
|
-
SPDX-License-Identifier: Apache-2.0
|
|
262
|
-
*/
|
|
263
|
-
/*
|
|
264
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
265
|
-
SPDX-License-Identifier: Apache-2.0
|
|
266
|
-
*/
|
|
267
|
-
/*
|
|
268
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
269
|
-
SPDX-License-Identifier: Apache-2.0
|
|
270
|
-
*/
|
|
271
|
-
/*
|
|
272
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
273
|
-
SPDX-License-Identifier: Apache-2.0
|
|
274
|
-
*/
|
|
275
|
-
/*
|
|
276
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
277
|
-
SPDX-License-Identifier: Apache-2.0
|
|
278
|
-
*/
|
|
279
|
-
/*
|
|
280
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
281
|
-
SPDX-License-Identifier: Apache-2.0
|
|
282
|
-
*/
|
|
283
|
-
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
284
|
-
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
285
|
-
/*
|
|
286
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
287
|
-
SPDX-License-Identifier: Apache-2.0
|
|
288
|
-
*/
|
|
289
153
|
/* stylelint-disable selector-max-type */
|
|
290
|
-
.awsui_tabs-
|
|
154
|
+
.awsui_tabs-header_14rmt_7y4gf_154:not(#\9) {
|
|
291
155
|
margin-block: 0;
|
|
292
156
|
margin-inline: 0;
|
|
293
157
|
padding-block: 0;
|
|
@@ -296,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
296
160
|
flex-wrap: wrap;
|
|
297
161
|
}
|
|
298
162
|
|
|
299
|
-
.awsui_tab-header-scroll-
|
|
163
|
+
.awsui_tab-header-scroll-container_14rmt_7y4gf_163:not(#\9) {
|
|
300
164
|
display: flex;
|
|
301
165
|
flex-grow: 1;
|
|
302
166
|
max-inline-size: 100%;
|
|
303
167
|
}
|
|
304
168
|
|
|
305
|
-
.awsui_tabs-header-
|
|
169
|
+
.awsui_tabs-header-list_14rmt_7y4gf_169:not(#\9) {
|
|
306
170
|
margin-block: 0;
|
|
307
171
|
margin-inline: 0;
|
|
308
172
|
padding-block: 0;
|
|
@@ -316,33 +180,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
316
180
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
317
181
|
scrollbar-width: none; /* Firefox */
|
|
318
182
|
}
|
|
319
|
-
.awsui_tabs-header-
|
|
183
|
+
.awsui_tabs-header-list_14rmt_7y4gf_169:not(#\9)::-webkit-scrollbar {
|
|
320
184
|
display: none; /* Safari and Chrome */
|
|
321
185
|
}
|
|
322
186
|
|
|
323
|
-
.awsui_pagination-
|
|
187
|
+
.awsui_pagination-button_14rmt_7y4gf_187:not(#\9) {
|
|
324
188
|
margin-block: var(--space-scaled-s-8ozaad, 12px);
|
|
325
189
|
margin-inline: 0;
|
|
326
190
|
padding-block: 0;
|
|
327
191
|
padding-inline: var(--space-xxs-hwfkai, 4px);
|
|
328
192
|
display: flex;
|
|
329
193
|
}
|
|
330
|
-
.awsui_pagination-button-
|
|
194
|
+
.awsui_pagination-button-left_14rmt_7y4gf_194:not(#\9) {
|
|
331
195
|
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
|
|
332
196
|
}
|
|
333
|
-
.awsui_pagination-button-left-
|
|
197
|
+
.awsui_pagination-button-left-scrollable_14rmt_7y4gf_197:not(#\9) {
|
|
334
198
|
z-index: 1;
|
|
335
199
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
|
|
336
200
|
}
|
|
337
|
-
.awsui_pagination-button-
|
|
201
|
+
.awsui_pagination-button-right_14rmt_7y4gf_201:not(#\9) {
|
|
338
202
|
border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-control-disabled-uj7t08, #dedee3);
|
|
339
203
|
}
|
|
340
|
-
.awsui_pagination-button-right-
|
|
204
|
+
.awsui_pagination-button-right-scrollable_14rmt_7y4gf_204:not(#\9) {
|
|
341
205
|
z-index: 1;
|
|
342
206
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-ugyo07, rgba(15, 20, 26, 0.12));
|
|
343
207
|
}
|
|
344
208
|
|
|
345
|
-
.awsui_actions-
|
|
209
|
+
.awsui_actions-container_14rmt_7y4gf_209:not(#\9) {
|
|
346
210
|
flex-shrink: 0;
|
|
347
211
|
align-self: center;
|
|
348
212
|
padding-block: var(--space-xs-ymlm0b, 8px);
|
|
@@ -350,7 +214,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
350
214
|
margin-inline-start: auto;
|
|
351
215
|
}
|
|
352
216
|
|
|
353
|
-
.awsui_tabs-
|
|
217
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9) {
|
|
354
218
|
list-style: none;
|
|
355
219
|
padding-block: 0;
|
|
356
220
|
padding-inline: 0;
|
|
@@ -360,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
360
224
|
scroll-snap-align: start;
|
|
361
225
|
}
|
|
362
226
|
|
|
363
|
-
.awsui_tabs-tab-
|
|
227
|
+
.awsui_tabs-tab-label_14rmt_7y4gf_227:not(#\9) {
|
|
364
228
|
display: flex;
|
|
365
229
|
align-items: center;
|
|
366
230
|
padding-inline: var(--space-xs-ymlm0b, 8px);
|
|
@@ -371,7 +235,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
371
235
|
word-break: break-word;
|
|
372
236
|
}
|
|
373
237
|
|
|
374
|
-
.awsui_tabs-tab-header-
|
|
238
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9) {
|
|
375
239
|
position: relative;
|
|
376
240
|
border-block: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
|
|
377
241
|
border-inline: var(--border-divider-section-width-uwo8my, 1px) solid transparent;
|
|
@@ -379,19 +243,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
379
243
|
display: flex;
|
|
380
244
|
align-items: stretch;
|
|
381
245
|
}
|
|
382
|
-
.awsui_tabs-tab-header-
|
|
246
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9), .awsui_tabs-tab-header-container_14rmt_7y4gf_238 > button:not(#\9) {
|
|
383
247
|
background-color: transparent;
|
|
384
248
|
}
|
|
385
|
-
.awsui_tabs-tab-header-
|
|
249
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238 > .awsui_tabs-tab-dismiss_14rmt_7y4gf_249:not(#\9), .awsui_tabs-tab-header-container_14rmt_7y4gf_238 > .awsui_tabs-tab-action_14rmt_7y4gf_249:not(#\9) {
|
|
386
250
|
position: relative;
|
|
387
251
|
display: flex;
|
|
388
252
|
align-items: center;
|
|
389
253
|
}
|
|
390
|
-
.awsui_tabs-tab-header-
|
|
254
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238.awsui_refresh_14rmt_7y4gf_254 > span:not(#\9):first-of-type {
|
|
391
255
|
margin-inline-start: calc(-1 * var(--space-scaled-xs-xwoogq, 8px));
|
|
392
256
|
}
|
|
393
257
|
|
|
394
|
-
.awsui_tabs-tab-header-
|
|
258
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258):after {
|
|
395
259
|
content: "";
|
|
396
260
|
position: absolute;
|
|
397
261
|
inset-inline-start: 0;
|
|
@@ -405,35 +269,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
405
269
|
background: var(--color-border-tabs-underline-gudemr, #006ce0);
|
|
406
270
|
opacity: 0;
|
|
407
271
|
}
|
|
408
|
-
.awsui_tabs-tab-header-
|
|
272
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258).awsui_refresh_14rmt_7y4gf_254:after {
|
|
409
273
|
transition: opacity var(--motion-duration-refresh-only-medium-5rbn3k, 165ms) var(--motion-easing-refresh-only-c-cxy2sk, cubic-bezier(0.84, 0, 0.16, 1));
|
|
410
274
|
}
|
|
411
275
|
@media (prefers-reduced-motion: reduce) {
|
|
412
|
-
.awsui_tabs-tab-header-
|
|
276
|
+
.awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258).awsui_refresh_14rmt_7y4gf_254:after {
|
|
413
277
|
animation: none;
|
|
414
278
|
transition: none;
|
|
415
279
|
}
|
|
416
280
|
}
|
|
417
|
-
.awsui-motion-disabled .awsui_tabs-tab-header-
|
|
281
|
+
.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258).awsui_refresh_14rmt_7y4gf_254:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_7y4gf_238:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258).awsui_refresh_14rmt_7y4gf_254:after {
|
|
418
282
|
animation: none;
|
|
419
283
|
transition: none;
|
|
420
284
|
}
|
|
421
285
|
|
|
422
|
-
.awsui_tabs-
|
|
286
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7y4gf_238 {
|
|
423
287
|
margin-inline-end: calc(-1 * var(--border-divider-section-width-uwo8my, 1px));
|
|
424
288
|
}
|
|
425
|
-
.awsui_tabs-
|
|
289
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7y4gf_238:before {
|
|
426
290
|
content: "";
|
|
427
291
|
position: absolute;
|
|
428
292
|
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-tabs-divider-f5t9va, #c6c6cd);
|
|
429
293
|
inset: var(--space-scaled-s-8ozaad, 12px) 0;
|
|
430
294
|
opacity: 1;
|
|
431
295
|
}
|
|
432
|
-
.awsui_tabs-
|
|
296
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_7y4gf_238.awsui_refresh_14rmt_7y4gf_254:before {
|
|
433
297
|
inset: calc(var(--space-static-s-t763lu, 12px) - var(--border-active-width-axzm24, 4px)) 0;
|
|
434
298
|
}
|
|
435
299
|
|
|
436
|
-
.awsui_tabs-tab-
|
|
300
|
+
.awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9) {
|
|
437
301
|
position: relative;
|
|
438
302
|
display: flex;
|
|
439
303
|
align-items: stretch;
|
|
@@ -454,27 +318,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
454
318
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
455
319
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
456
320
|
}
|
|
457
|
-
.awsui_tabs-tab-
|
|
321
|
+
.awsui_tabs-tab-link_14rmt_7y4gf_300.awsui_refresh_14rmt_7y4gf_254:not(#\9) {
|
|
458
322
|
padding-block-start: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
|
|
459
323
|
padding-block-end: calc(var(--space-static-xs-gnm0mz, 8px) - 1px);
|
|
460
324
|
margin-block-start: 0;
|
|
461
325
|
}
|
|
462
|
-
.awsui_tabs-tab-
|
|
326
|
+
.awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9):hover {
|
|
463
327
|
color: var(--color-text-accent-n1kmht, #006ce0);
|
|
464
328
|
}
|
|
465
|
-
.awsui_tabs-tab-
|
|
329
|
+
.awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9):focus {
|
|
466
330
|
outline: none;
|
|
467
331
|
}
|
|
468
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
332
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9):focus {
|
|
469
333
|
z-index: 1;
|
|
470
334
|
border-inline-end-color: transparent;
|
|
471
335
|
position: relative;
|
|
472
336
|
}
|
|
473
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
337
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9):focus {
|
|
474
338
|
outline: 2px dotted transparent;
|
|
475
339
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-eerrg4, -8px) - 1px);
|
|
476
340
|
}
|
|
477
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-tab-
|
|
341
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_7y4gf_300:not(#\9):focus::before {
|
|
478
342
|
content: " ";
|
|
479
343
|
display: block;
|
|
480
344
|
position: absolute;
|
|
@@ -489,48 +353,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_nmfdw_436:not(#\9
|
|
|
489
353
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
490
354
|
}
|
|
491
355
|
|
|
492
|
-
.awsui_tabs-
|
|
356
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):first-child {
|
|
493
357
|
margin-inline-start: 1px;
|
|
494
358
|
scroll-margin-inline-start: 1px;
|
|
495
359
|
}
|
|
496
|
-
.awsui_tabs-
|
|
360
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_7y4gf_238 {
|
|
497
361
|
padding-inline-start: calc(var(--space-xs-ymlm0b, 8px) - 1px);
|
|
498
362
|
}
|
|
499
363
|
|
|
500
|
-
.awsui_tabs-
|
|
364
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):last-child {
|
|
501
365
|
margin-inline-end: 1px;
|
|
502
366
|
scroll-margin-inline-end: 1px;
|
|
503
367
|
}
|
|
504
|
-
.awsui_tabs-
|
|
368
|
+
.awsui_tabs-tab_14rmt_7y4gf_217:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_7y4gf_238 {
|
|
505
369
|
padding-inline-end: calc(var(--space-xs-ymlm0b, 8px) - 1px);
|
|
506
370
|
}
|
|
507
371
|
|
|
508
|
-
.awsui_tabs-tab-
|
|
372
|
+
.awsui_tabs-tab-disabled_14rmt_7y4gf_258:not(#\9), .awsui_tabs-tab-disabled_14rmt_7y4gf_258:not(#\9):hover {
|
|
509
373
|
cursor: default;
|
|
510
374
|
color: var(--color-text-interactive-disabled-1bqmrl, #b4b4bb);
|
|
511
375
|
font-weight: var(--font-tabs-disabled-weight-e3lt4d, 700);
|
|
512
376
|
}
|
|
513
377
|
|
|
514
|
-
.awsui_tabs-tab-
|
|
378
|
+
.awsui_tabs-tab-active_14rmt_7y4gf_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258) {
|
|
515
379
|
color: var(--color-text-accent-n1kmht, #006ce0);
|
|
516
380
|
}
|
|
517
|
-
.awsui_tabs-tab-
|
|
381
|
+
.awsui_tabs-tab-active_14rmt_7y4gf_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_7y4gf_258):after {
|
|
518
382
|
opacity: 1;
|
|
519
383
|
}
|
|
520
384
|
|
|
521
|
-
.awsui_tabs-header-with-
|
|
385
|
+
.awsui_tabs-header-with-divider_14rmt_7y4gf_385:not(#\9) {
|
|
522
386
|
border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-tabs-divider-f5t9va, #c6c6cd);
|
|
523
387
|
}
|
|
524
388
|
|
|
525
|
-
.awsui_tabs-tab-
|
|
389
|
+
.awsui_tabs-tab-focusable_14rmt_7y4gf_389:not(#\9) {
|
|
526
390
|
/* used to manage focusable logic */
|
|
527
391
|
}
|
|
528
392
|
|
|
529
|
-
.
|
|
393
|
+
.awsui_root_14rmt_7y4gf_393:not(#\9) {
|
|
530
394
|
/* used in test-utils or tests */
|
|
531
395
|
}
|
|
532
396
|
|
|
533
|
-
.
|
|
397
|
+
.awsui_tabs_14rmt_7y4gf_154:not(#\9) {
|
|
534
398
|
border-collapse: separate;
|
|
535
399
|
border-spacing: 0;
|
|
536
400
|
box-sizing: border-box;
|
|
@@ -564,21 +428,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_nmfdw_436:not(#\9
|
|
|
564
428
|
inline-size: 100%;
|
|
565
429
|
}
|
|
566
430
|
|
|
567
|
-
.awsui_tabs-
|
|
431
|
+
.awsui_tabs-content_14rmt_7y4gf_431:not(#\9) {
|
|
568
432
|
display: none;
|
|
569
433
|
}
|
|
570
434
|
|
|
571
|
-
.awsui_fit-
|
|
435
|
+
.awsui_fit-height_14rmt_7y4gf_435:not(#\9) {
|
|
572
436
|
display: flex;
|
|
573
437
|
flex-direction: column;
|
|
574
438
|
block-size: 100%;
|
|
575
439
|
}
|
|
576
440
|
|
|
577
|
-
.awsui_tabs-content-
|
|
441
|
+
.awsui_tabs-content-active_14rmt_7y4gf_441:not(#\9) {
|
|
578
442
|
display: block;
|
|
579
443
|
flex: 1;
|
|
580
444
|
}
|
|
581
|
-
body[data-awsui-focus-visible=true] .awsui_tabs-content-
|
|
445
|
+
body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_7y4gf_441:not(#\9):focus {
|
|
582
446
|
outline: 2px dotted transparent;
|
|
583
447
|
outline-offset: 2px;
|
|
584
448
|
border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
|
|
@@ -588,32 +452,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_nmfdw_577:n
|
|
|
588
452
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
589
453
|
}
|
|
590
454
|
|
|
591
|
-
.awsui_tabs-content-
|
|
455
|
+
.awsui_tabs-content-wrapper_14rmt_7y4gf_455.awsui_with-paddings_14rmt_7y4gf_455 > .awsui_tabs-content_14rmt_7y4gf_431:not(#\9) {
|
|
592
456
|
padding-block: var(--space-scaled-m-m892r9, 16px);
|
|
593
457
|
padding-inline: 0;
|
|
594
458
|
}
|
|
595
|
-
.awsui_fit-
|
|
459
|
+
.awsui_fit-height_14rmt_7y4gf_435 > .awsui_tabs-content-wrapper_14rmt_7y4gf_455:not(#\9) {
|
|
596
460
|
flex: 1;
|
|
597
461
|
display: flex;
|
|
598
462
|
flex-direction: column;
|
|
599
463
|
overflow: auto;
|
|
600
464
|
}
|
|
601
465
|
|
|
602
|
-
.awsui_fit-
|
|
466
|
+
.awsui_fit-height_14rmt_7y4gf_435 > .awsui_tabs-content-wrapper_14rmt_7y4gf_455 > .awsui_tabs-container-content-wrapper_14rmt_7y4gf_466:not(#\9) {
|
|
603
467
|
block-size: 100%;
|
|
604
468
|
display: flex;
|
|
605
469
|
flex-direction: column;
|
|
606
470
|
}
|
|
607
|
-
.awsui_tabs-container-content-
|
|
471
|
+
.awsui_tabs-container-content-wrapper_14rmt_7y4gf_466.awsui_with-paddings_14rmt_7y4gf_455 > .awsui_tabs-content_14rmt_7y4gf_431:not(#\9) {
|
|
608
472
|
padding-block-start: var(--space-tabs-content-top-ju6qox, 12px);
|
|
609
473
|
padding-block-end: var(--space-scaled-l-sej05l, 20px);
|
|
610
474
|
padding-inline: var(--space-container-horizontal-nqrzyh, 20px);
|
|
611
475
|
}
|
|
612
476
|
|
|
613
|
-
.awsui_disabled-reason-
|
|
477
|
+
.awsui_disabled-reason-tooltip_14rmt_7y4gf_477:not(#\9) {
|
|
614
478
|
/* used in test-utils or tests */
|
|
615
479
|
}
|
|
616
480
|
|
|
617
|
-
.awsui_tabs-tab-
|
|
481
|
+
.awsui_tabs-tab-focused_14rmt_7y4gf_481:not(#\9) {
|
|
618
482
|
/* used to manage focusable state for disabled with reason tabs */
|
|
619
483
|
}
|
package/tabs/styles.selectors.js
CHANGED
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"tabs-header": "awsui_tabs-
|
|
6
|
-
"tab-header-scroll-container": "awsui_tab-header-scroll-
|
|
7
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
8
|
-
"pagination-button": "awsui_pagination-
|
|
9
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
10
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
11
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
12
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
13
|
-
"actions-container": "awsui_actions-
|
|
14
|
-
"tabs-tab": "awsui_tabs-
|
|
15
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
16
|
-
"tabs-tab-header-container": "awsui_tabs-tab-header-
|
|
17
|
-
"tabs-tab-dismiss": "awsui_tabs-tab-
|
|
18
|
-
"tabs-tab-action": "awsui_tabs-tab-
|
|
19
|
-
"refresh": "
|
|
20
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
21
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
22
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
23
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
24
|
-
"tabs-tab-focusable": "awsui_tabs-tab-
|
|
25
|
-
"root": "
|
|
26
|
-
"tabs": "
|
|
27
|
-
"tabs-content": "awsui_tabs-
|
|
28
|
-
"fit-height": "awsui_fit-
|
|
29
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
30
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
31
|
-
"with-paddings": "awsui_with-
|
|
32
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
33
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
34
|
-
"tabs-tab-focused": "awsui_tabs-tab-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_7y4gf_154",
|
|
6
|
+
"tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_7y4gf_163",
|
|
7
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_7y4gf_169",
|
|
8
|
+
"pagination-button": "awsui_pagination-button_14rmt_7y4gf_187",
|
|
9
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_7y4gf_194",
|
|
10
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_7y4gf_197",
|
|
11
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_7y4gf_201",
|
|
12
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_7y4gf_204",
|
|
13
|
+
"actions-container": "awsui_actions-container_14rmt_7y4gf_209",
|
|
14
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_7y4gf_217",
|
|
15
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_7y4gf_227",
|
|
16
|
+
"tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_7y4gf_238",
|
|
17
|
+
"tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_7y4gf_249",
|
|
18
|
+
"tabs-tab-action": "awsui_tabs-tab-action_14rmt_7y4gf_249",
|
|
19
|
+
"refresh": "awsui_refresh_14rmt_7y4gf_254",
|
|
20
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_7y4gf_258",
|
|
21
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_7y4gf_300",
|
|
22
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_7y4gf_378",
|
|
23
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_7y4gf_385",
|
|
24
|
+
"tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_7y4gf_389",
|
|
25
|
+
"root": "awsui_root_14rmt_7y4gf_393",
|
|
26
|
+
"tabs": "awsui_tabs_14rmt_7y4gf_154",
|
|
27
|
+
"tabs-content": "awsui_tabs-content_14rmt_7y4gf_431",
|
|
28
|
+
"fit-height": "awsui_fit-height_14rmt_7y4gf_435",
|
|
29
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_7y4gf_441",
|
|
30
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_7y4gf_455",
|
|
31
|
+
"with-paddings": "awsui_with-paddings_14rmt_7y4gf_455",
|
|
32
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_7y4gf_466",
|
|
33
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_7y4gf_477",
|
|
34
|
+
"tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_7y4gf_481"
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import './styles.scoped.css';
|
|
3
|
-
export default {
|
|
4
|
-
"content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_gb1c3_289",
|
|
5
|
-
"content-display-option-content": "awsui_content-display-option-content_1f3h0_gb1c3_293",
|
|
6
|
-
"content-display-option": "awsui_content-display-option_1f3h0_gb1c3_289",
|
|
7
|
-
"content-display-option-label": "awsui_content-display-option-label_1f3h0_gb1c3_341",
|
|
8
|
-
"drag-handle-wrapper": "awsui_drag-handle-wrapper_1f3h0_gb1c3_348",
|
|
9
|
-
"content-display": "awsui_content-display_1f3h0_gb1c3_289",
|
|
10
|
-
"content-display-text-filter": "awsui_content-display-text-filter_1f3h0_gb1c3_353",
|
|
11
|
-
"content-display-no-match": "awsui_content-display-no-match_1f3h0_gb1c3_354",
|
|
12
|
-
"content-display-title": "awsui_content-display-title_1f3h0_gb1c3_358",
|
|
13
|
-
"content-display-description": "awsui_content-display-description_1f3h0_gb1c3_367",
|
|
14
|
-
"content-display-option-list": "awsui_content-display-option-list_1f3h0_gb1c3_375"
|
|
15
|
-
};
|
|
16
|
-
|