@cloudscape-design/components 3.0.149 → 3.0.150
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/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +49 -49
- package/cards/styles.selectors.js +37 -37
- package/container/styles.css.js +16 -16
- package/container/styles.scoped.css +30 -30
- package/container/styles.selectors.js +16 -16
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +43 -43
- package/expandable-section/styles.selectors.js +21 -21
- package/internal/base-component/styles.scoped.css +5 -4
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.js +1 -1
- package/internal/generated/theming/index.cjs +13 -6
- package/internal/generated/theming/index.js +13 -6
- package/internal/manifest.json +1 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +41 -41
- package/modal/styles.selectors.js +22 -22
- package/package.json +1 -1
- package/table/body-cell/index.d.ts +3 -1
- package/table/body-cell/index.d.ts.map +1 -1
- package/table/body-cell/index.js +4 -2
- package/table/body-cell/index.js.map +1 -1
- package/table/body-cell/styles.css.js +12 -8
- package/table/body-cell/styles.scoped.css +56 -20
- package/table/body-cell/styles.selectors.js +12 -8
- package/table/header-cell/styles.css.js +18 -16
- package/table/header-cell/styles.scoped.css +54 -27
- package/table/header-cell/styles.selectors.js +18 -16
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +11 -9
- package/table/internal.js.map +1 -1
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +3 -5
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/styles.css.js +33 -34
- package/table/styles.scoped.css +63 -58
- package/table/styles.selectors.js +33 -34
- package/table/thead.d.ts +1 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +5 -3
- package/table/thead.js.map +1 -1
- package/table/use-sticky-header.d.ts.map +1 -1
- package/table/use-sticky-header.js +0 -13
- package/table/use-sticky-header.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
package/tabs/styles.scoped.css
CHANGED
|
@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
185
|
/* stylelint-disable selector-max-type */
|
|
186
|
-
.awsui_tabs-
|
|
186
|
+
.awsui_tabs-header_14rmt_1reve_186:not(#\9) {
|
|
187
187
|
margin: 0;
|
|
188
188
|
padding: 0;
|
|
189
189
|
display: flex;
|
|
190
190
|
}
|
|
191
191
|
|
|
192
|
-
.awsui_tabs-header-
|
|
192
|
+
.awsui_tabs-header-list_14rmt_1reve_192:not(#\9) {
|
|
193
193
|
margin: 0;
|
|
194
194
|
padding: 0;
|
|
195
195
|
display: flex;
|
|
@@ -200,42 +200,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
201
201
|
scrollbar-width: none; /* Firefox */
|
|
202
202
|
}
|
|
203
|
-
.awsui_tabs-header-
|
|
203
|
+
.awsui_tabs-header-list_14rmt_1reve_192:not(#\9)::-webkit-scrollbar {
|
|
204
204
|
display: none; /* Safari and Chrome */
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.awsui_pagination-
|
|
207
|
+
.awsui_pagination-button_14rmt_1reve_207:not(#\9) {
|
|
208
208
|
margin: var(--space-scaled-s-cu1hzn, 12px) 0;
|
|
209
209
|
padding: 0 var(--space-xxs-ynfts5, 4px);
|
|
210
210
|
display: flex;
|
|
211
211
|
}
|
|
212
|
-
.awsui_pagination-button-
|
|
212
|
+
.awsui_pagination-button-left_14rmt_1reve_212:not(#\9) {
|
|
213
213
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
|
|
214
214
|
}
|
|
215
|
-
.awsui_pagination-button-left-
|
|
215
|
+
.awsui_pagination-button-left-scrollable_14rmt_1reve_215:not(#\9) {
|
|
216
216
|
z-index: 1;
|
|
217
217
|
box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
|
|
218
218
|
}
|
|
219
|
-
.awsui_pagination-button-
|
|
219
|
+
.awsui_pagination-button-right_14rmt_1reve_219:not(#\9) {
|
|
220
220
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
|
|
221
221
|
}
|
|
222
|
-
.awsui_pagination-button-right-
|
|
222
|
+
.awsui_pagination-button-right-scrollable_14rmt_1reve_222:not(#\9) {
|
|
223
223
|
z-index: 1;
|
|
224
224
|
box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
.awsui_tabs-
|
|
227
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9) {
|
|
228
228
|
list-style: none;
|
|
229
229
|
padding: 0;
|
|
230
230
|
flex-shrink: 0;
|
|
231
231
|
display: flex;
|
|
232
232
|
max-width: calc(90% - var(--space-l-4vl6xu, 20px));
|
|
233
233
|
}
|
|
234
|
-
.awsui_tabs-
|
|
234
|
+
.awsui_tabs-tab_14rmt_1reve_227 > button:not(#\9) {
|
|
235
235
|
background-color: transparent;
|
|
236
236
|
}
|
|
237
237
|
|
|
238
|
-
.awsui_tabs-tab-
|
|
238
|
+
.awsui_tabs-tab-label_14rmt_1reve_238:not(#\9) {
|
|
239
239
|
display: flex;
|
|
240
240
|
align-items: center;
|
|
241
241
|
padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) var(--space-l-4vl6xu, 20px);
|
|
@@ -246,12 +246,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
246
246
|
word-break: break-word;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.awsui_tabs-
|
|
249
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_1reve_238, .awsui_tabs-tab_14rmt_1reve_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_1reve_238 {
|
|
250
250
|
margin-right: calc(-1 * var(--border-divider-section-width-4wm2it, 2px));
|
|
251
251
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.awsui_tabs-tab-
|
|
254
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9) {
|
|
255
255
|
position: relative;
|
|
256
256
|
display: flex;
|
|
257
257
|
align-items: stretch;
|
|
@@ -265,21 +265,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
265
265
|
font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
|
|
266
266
|
color: var(--color-text-interactive-default-eg5fsa, #414d5c);
|
|
267
267
|
}
|
|
268
|
-
.awsui_tabs-tab-
|
|
268
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):hover {
|
|
269
269
|
color: var(--color-text-accent-s1eqko, #0972d3);
|
|
270
270
|
}
|
|
271
|
-
.awsui_tabs-tab-
|
|
271
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):focus {
|
|
272
272
|
outline: none;
|
|
273
273
|
}
|
|
274
|
-
.awsui_tabs-tab-
|
|
274
|
+
.awsui_tabs-tab-link_14rmt_1reve_254[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
275
275
|
z-index: 1;
|
|
276
276
|
position: relative;
|
|
277
277
|
}
|
|
278
|
-
.awsui_tabs-tab-
|
|
278
|
+
.awsui_tabs-tab-link_14rmt_1reve_254[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
279
279
|
outline: 2px dotted transparent;
|
|
280
280
|
outline-offset: calc(var(--space-tabs-focus-outline-gutter-64zu5e, -8px) - 1px);
|
|
281
281
|
}
|
|
282
|
-
.awsui_tabs-tab-
|
|
282
|
+
.awsui_tabs-tab-link_14rmt_1reve_254[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
283
283
|
content: " ";
|
|
284
284
|
display: block;
|
|
285
285
|
position: absolute;
|
|
@@ -290,32 +290,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
290
290
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
291
291
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
292
292
|
}
|
|
293
|
-
.awsui_tabs-tab-
|
|
293
|
+
.awsui_tabs-tab-link_14rmt_1reve_254[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_1reve_238, .awsui_tabs-tab-link_14rmt_1reve_254[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_1reve_238 {
|
|
294
294
|
border-right-color: transparent;
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
.awsui_tabs-
|
|
297
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9):first-child {
|
|
298
298
|
margin-left: 1px;
|
|
299
299
|
}
|
|
300
|
-
.awsui_tabs-
|
|
300
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_1reve_238, .awsui_tabs-tab_14rmt_1reve_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_1reve_238 {
|
|
301
301
|
padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
|
|
302
302
|
}
|
|
303
303
|
|
|
304
|
-
.awsui_tabs-
|
|
304
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9):last-child {
|
|
305
305
|
margin-right: 1px;
|
|
306
306
|
}
|
|
307
|
-
.awsui_tabs-
|
|
307
|
+
.awsui_tabs-tab_14rmt_1reve_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_1reve_238, .awsui_tabs-tab_14rmt_1reve_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_1reve_238 {
|
|
308
308
|
padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.awsui_tabs-tab-
|
|
311
|
+
.awsui_tabs-tab-disabled_14rmt_1reve_311:not(#\9), .awsui_tabs-tab-disabled_14rmt_1reve_311:not(#\9):hover {
|
|
312
312
|
pointer-events: none;
|
|
313
313
|
cursor: default;
|
|
314
314
|
color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
|
|
315
315
|
font-weight: var(--font-tabs-disabled-weight-imwq16, 800);
|
|
316
316
|
}
|
|
317
317
|
|
|
318
|
-
.awsui_tabs-tab-
|
|
318
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311):after {
|
|
319
319
|
content: "";
|
|
320
320
|
position: absolute;
|
|
321
321
|
left: 0;
|
|
@@ -326,36 +326,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
326
326
|
background: var(--color-border-tabs-underline-9bcfzu, #0972d3);
|
|
327
327
|
opacity: 0;
|
|
328
328
|
}
|
|
329
|
-
.awsui_tabs-tab-
|
|
329
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311).awsui_refresh_14rmt_1reve_329:after {
|
|
330
330
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
331
331
|
}
|
|
332
332
|
@media (prefers-reduced-motion: reduce) {
|
|
333
|
-
.awsui_tabs-tab-
|
|
333
|
+
.awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311).awsui_refresh_14rmt_1reve_329:after {
|
|
334
334
|
animation: none;
|
|
335
335
|
transition: none;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
.awsui-motion-disabled .awsui_tabs-tab-
|
|
338
|
+
.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311).awsui_refresh_14rmt_1reve_329:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_1reve_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311).awsui_refresh_14rmt_1reve_329:after {
|
|
339
339
|
animation: none;
|
|
340
340
|
transition: none;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.awsui_tabs-tab-
|
|
343
|
+
.awsui_tabs-tab-active_14rmt_1reve_343:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311) {
|
|
344
344
|
color: var(--color-text-accent-s1eqko, #0972d3);
|
|
345
345
|
}
|
|
346
|
-
.awsui_tabs-tab-
|
|
346
|
+
.awsui_tabs-tab-active_14rmt_1reve_343:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1reve_311):after {
|
|
347
347
|
opacity: 1;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
.awsui_tabs-header-with-
|
|
350
|
+
.awsui_tabs-header-with-divider_14rmt_1reve_350:not(#\9) {
|
|
351
351
|
border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.
|
|
354
|
+
.awsui_root_14rmt_1reve_354:not(#\9) {
|
|
355
355
|
/* used in test-utils or tests */
|
|
356
356
|
}
|
|
357
357
|
|
|
358
|
-
.
|
|
358
|
+
.awsui_tabs_14rmt_1reve_186:not(#\9) {
|
|
359
359
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
360
360
|
border-collapse: separate;
|
|
361
361
|
border-spacing: 0;
|
|
@@ -394,24 +394,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
394
394
|
width: 100%;
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
-
.awsui_tabs-
|
|
397
|
+
.awsui_tabs-content_14rmt_1reve_371:not(#\9) {
|
|
398
398
|
display: none;
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.awsui_tabs-content-
|
|
401
|
+
.awsui_tabs-content-active_14rmt_1reve_375:not(#\9) {
|
|
402
402
|
display: block;
|
|
403
403
|
}
|
|
404
|
-
.awsui_tabs-content-
|
|
404
|
+
.awsui_tabs-content-active_14rmt_1reve_375[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
405
405
|
outline: 2px dotted transparent;
|
|
406
406
|
outline-offset: 2px;
|
|
407
407
|
border-radius: var(--border-radius-container-gh9ysk, 16px);
|
|
408
408
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
409
409
|
}
|
|
410
410
|
|
|
411
|
-
.awsui_tabs-content-
|
|
411
|
+
.awsui_tabs-content-wrapper_14rmt_1reve_385.awsui_with-paddings_14rmt_1reve_385 > .awsui_tabs-content_14rmt_1reve_371:not(#\9) {
|
|
412
412
|
padding: var(--space-scaled-m-pv0fmt, 16px) 0;
|
|
413
413
|
}
|
|
414
414
|
|
|
415
|
-
.awsui_tabs-container-content-
|
|
416
|
-
padding: var(--space-tabs-content-top-mn4c9x, 12px) var(--space-container-horizontal-
|
|
415
|
+
.awsui_tabs-container-content-wrapper_14rmt_1reve_389.awsui_with-paddings_14rmt_1reve_385 > .awsui_tabs-content_14rmt_1reve_371:not(#\9) {
|
|
416
|
+
padding: var(--space-tabs-content-top-mn4c9x, 12px) var(--space-container-horizontal-tlw03i, 20px) var(--space-scaled-l-t03y3z, 20px);
|
|
417
417
|
}
|
package/tabs/styles.selectors.js
CHANGED
|
@@ -2,26 +2,26 @@
|
|
|
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
|
-
"tabs-header-list": "awsui_tabs-header-
|
|
7
|
-
"pagination-button": "awsui_pagination-
|
|
8
|
-
"pagination-button-left": "awsui_pagination-button-
|
|
9
|
-
"pagination-button-left-scrollable": "awsui_pagination-button-left-
|
|
10
|
-
"pagination-button-right": "awsui_pagination-button-
|
|
11
|
-
"pagination-button-right-scrollable": "awsui_pagination-button-right-
|
|
12
|
-
"tabs-tab": "awsui_tabs-
|
|
13
|
-
"tabs-tab-label": "awsui_tabs-tab-
|
|
14
|
-
"tabs-tab-link": "awsui_tabs-tab-
|
|
15
|
-
"tabs-tab-disabled": "awsui_tabs-tab-
|
|
16
|
-
"refresh": "
|
|
17
|
-
"tabs-tab-active": "awsui_tabs-tab-
|
|
18
|
-
"tabs-header-with-divider": "awsui_tabs-header-with-
|
|
19
|
-
"root": "
|
|
20
|
-
"tabs": "
|
|
21
|
-
"tabs-content": "awsui_tabs-
|
|
22
|
-
"tabs-content-active": "awsui_tabs-content-
|
|
23
|
-
"tabs-content-wrapper": "awsui_tabs-content-
|
|
24
|
-
"with-paddings": "awsui_with-
|
|
25
|
-
"tabs-container-content-wrapper": "awsui_tabs-container-content-
|
|
5
|
+
"tabs-header": "awsui_tabs-header_14rmt_1reve_186",
|
|
6
|
+
"tabs-header-list": "awsui_tabs-header-list_14rmt_1reve_192",
|
|
7
|
+
"pagination-button": "awsui_pagination-button_14rmt_1reve_207",
|
|
8
|
+
"pagination-button-left": "awsui_pagination-button-left_14rmt_1reve_212",
|
|
9
|
+
"pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1reve_215",
|
|
10
|
+
"pagination-button-right": "awsui_pagination-button-right_14rmt_1reve_219",
|
|
11
|
+
"pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1reve_222",
|
|
12
|
+
"tabs-tab": "awsui_tabs-tab_14rmt_1reve_227",
|
|
13
|
+
"tabs-tab-label": "awsui_tabs-tab-label_14rmt_1reve_238",
|
|
14
|
+
"tabs-tab-link": "awsui_tabs-tab-link_14rmt_1reve_254",
|
|
15
|
+
"tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1reve_311",
|
|
16
|
+
"refresh": "awsui_refresh_14rmt_1reve_329",
|
|
17
|
+
"tabs-tab-active": "awsui_tabs-tab-active_14rmt_1reve_343",
|
|
18
|
+
"tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1reve_350",
|
|
19
|
+
"root": "awsui_root_14rmt_1reve_354",
|
|
20
|
+
"tabs": "awsui_tabs_14rmt_1reve_186",
|
|
21
|
+
"tabs-content": "awsui_tabs-content_14rmt_1reve_371",
|
|
22
|
+
"tabs-content-active": "awsui_tabs-content-active_14rmt_1reve_375",
|
|
23
|
+
"tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1reve_385",
|
|
24
|
+
"with-paddings": "awsui_with-paddings_14rmt_1reve_385",
|
|
25
|
+
"tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1reve_389"
|
|
26
26
|
};
|
|
27
27
|
|