@cloudscape-design/components 3.0.813 → 3.0.815
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/drawer/styles.css.js +10 -10
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +13 -13
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/drawer/implementation.js +1 -1
- package/drawer/implementation.js.map +1 -1
- package/drawer/styles.css.js +5 -4
- package/drawer/styles.scoped.css +16 -20
- package/drawer/styles.selectors.js +5 -4
- package/help-panel/implementation.d.ts.map +1 -1
- package/help-panel/implementation.js +4 -2
- package/help-panel/implementation.js.map +1 -1
- package/help-panel/styles.css.js +6 -5
- package/help-panel/styles.scoped.css +75 -80
- package/help-panel/styles.selectors.js +6 -5
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +41 -41
- package/prompt-input/styles.selectors.js +14 -14
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +65 -48
- package/side-navigation/styles.selectors.js +30 -30
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +45 -45
- package/split-panel/styles.selectors.js +26 -26
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
*/
|
|
140
140
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
141
141
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
142
|
-
.
|
|
142
|
+
.awsui_root_55fkh_c7gg9_142:not(#\9) {
|
|
143
143
|
border-collapse: separate;
|
|
144
144
|
border-spacing: 0;
|
|
145
145
|
box-sizing: border-box;
|
|
@@ -182,12 +182,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
183
183
|
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-default-l7v83d, #8c8c94);
|
|
184
184
|
}
|
|
185
|
-
.
|
|
185
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-readonly_55fkh_c7gg9_184:not(#\9) {
|
|
186
186
|
background-color: var(--color-background-input-default-u56ls1, #ffffff);
|
|
187
187
|
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
188
188
|
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
189
189
|
}
|
|
190
|
-
.
|
|
190
|
+
.awsui_root_55fkh_c7gg9_142.awsui_disabled_55fkh_c7gg9_189:not(#\9) {
|
|
191
191
|
background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
|
|
192
192
|
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
193
193
|
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
@@ -195,57 +195,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
195
195
|
cursor: auto;
|
|
196
196
|
cursor: default;
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9) {
|
|
199
199
|
color: var(--color-text-status-error-5676bj, #db0000);
|
|
200
200
|
border-color: var(--color-text-status-error-5676bj, #db0000);
|
|
201
201
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
202
202
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus {
|
|
205
205
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9) {
|
|
208
208
|
padding-inline-start: 0;
|
|
209
209
|
}
|
|
210
|
-
.
|
|
210
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus-within, .awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus {
|
|
211
211
|
color: var(--color-text-status-error-5676bj, #db0000);
|
|
212
212
|
border-color: var(--color-text-status-error-5676bj, #db0000);
|
|
213
213
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
214
214
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
215
215
|
}
|
|
216
|
-
.
|
|
216
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus-within:focus, .awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus:focus {
|
|
217
217
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus-within, .awsui_root_55fkh_c7gg9_142.awsui_textarea-invalid_55fkh_c7gg9_197:not(#\9):focus {
|
|
220
220
|
padding-inline-start: 0;
|
|
221
221
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
222
222
|
}
|
|
223
|
-
.
|
|
223
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9) {
|
|
224
224
|
color: var(--color-text-status-warning-csaw41, #855900);
|
|
225
225
|
border-color: var(--color-text-status-warning-csaw41, #855900);
|
|
226
226
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
227
227
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus {
|
|
230
230
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
231
231
|
}
|
|
232
|
-
.
|
|
232
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9) {
|
|
233
233
|
padding-inline-start: 0;
|
|
234
234
|
}
|
|
235
|
-
.
|
|
235
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus-within, .awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus {
|
|
236
236
|
color: var(--color-text-status-warning-csaw41, #855900);
|
|
237
237
|
border-color: var(--color-text-status-warning-csaw41, #855900);
|
|
238
238
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
239
239
|
border-inline-start-width: var(--border-invalid-width-5ktjp2, 8px);
|
|
240
240
|
}
|
|
241
|
-
.
|
|
241
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus-within:focus, .awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus:focus {
|
|
242
242
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
243
243
|
}
|
|
244
|
-
.
|
|
244
|
+
.awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus-within, .awsui_root_55fkh_c7gg9_142.awsui_textarea-warning_55fkh_c7gg9_222:not(#\9):focus {
|
|
245
245
|
padding-inline-start: 0;
|
|
246
246
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-fhmbjn, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_root_55fkh_c7gg9_142:not(#\9):focus-within, .awsui_root_55fkh_c7gg9_142:not(#\9):focus {
|
|
249
249
|
outline: 2px dotted transparent;
|
|
250
250
|
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
251
251
|
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-focused-c6w5i5, #002b66);
|
|
@@ -256,7 +256,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
256
256
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
257
257
|
}
|
|
258
258
|
|
|
259
|
-
.
|
|
259
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9) {
|
|
260
260
|
border-collapse: separate;
|
|
261
261
|
border-spacing: 0;
|
|
262
262
|
box-sizing: border-box;
|
|
@@ -309,25 +309,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
309
309
|
box-sizing: border-box;
|
|
310
310
|
border: 0;
|
|
311
311
|
}
|
|
312
|
-
.
|
|
312
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9)::placeholder {
|
|
313
313
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
314
314
|
font-style: italic;
|
|
315
315
|
opacity: 1;
|
|
316
316
|
}
|
|
317
|
-
.
|
|
317
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):-ms-input-placeholder {
|
|
318
318
|
color: var(--color-text-input-placeholder-f3x213, #656871);
|
|
319
319
|
font-style: italic;
|
|
320
320
|
}
|
|
321
|
-
.
|
|
321
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):focus {
|
|
322
322
|
outline: none;
|
|
323
323
|
}
|
|
324
|
-
.
|
|
324
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):invalid {
|
|
325
325
|
box-shadow: none;
|
|
326
326
|
}
|
|
327
|
-
.
|
|
327
|
+
.awsui_textarea_55fkh_c7gg9_184.awsui_invalid_55fkh_c7gg9_325:not(#\9), .awsui_textarea_55fkh_c7gg9_184.awsui_warning_55fkh_c7gg9_325:not(#\9) {
|
|
328
328
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):disabled {
|
|
331
331
|
background-color: var(--color-background-input-disabled-gvxsk4, #ebebf0);
|
|
332
332
|
border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
333
333
|
border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-input-disabled-lb7zn3, #ebebf0);
|
|
@@ -336,33 +336,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
336
336
|
border: 0;
|
|
337
337
|
cursor: default;
|
|
338
338
|
}
|
|
339
|
-
.
|
|
339
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):disabled::placeholder {
|
|
340
340
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
341
341
|
opacity: 1;
|
|
342
342
|
}
|
|
343
|
-
.
|
|
343
|
+
.awsui_textarea_55fkh_c7gg9_184:not(#\9):disabled:-ms-input-placeholder {
|
|
344
344
|
color: var(--color-text-input-placeholder-disabled-7v2f7f, #b4b4bb);
|
|
345
345
|
}
|
|
346
|
-
.awsui_textarea-
|
|
346
|
+
.awsui_textarea-wrapper_55fkh_c7gg9_344:not(#\9) {
|
|
347
347
|
display: flex;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
-
.
|
|
350
|
+
.awsui_button_55fkh_c7gg9_348:not(#\9) {
|
|
351
351
|
align-self: flex-end;
|
|
352
352
|
padding-inline: calc(var(--space-field-horizontal-gg19kw, 12px) / 2);
|
|
353
353
|
padding-block-end: var(--space-scaled-xxxs-27y4hv, 2px);
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_button_55fkh_c7gg9_348 > .awsui_action-button_55fkh_c7gg9_353:not(#\9) {
|
|
356
356
|
padding: 0;
|
|
357
357
|
}
|
|
358
|
-
body[data-awsui-focus-visible=true] .
|
|
358
|
+
body[data-awsui-focus-visible=true] .awsui_button_55fkh_c7gg9_348 > .awsui_action-button_55fkh_c7gg9_353:not(#\9):focus {
|
|
359
359
|
position: relative;
|
|
360
360
|
}
|
|
361
|
-
body[data-awsui-focus-visible=true] .
|
|
361
|
+
body[data-awsui-focus-visible=true] .awsui_button_55fkh_c7gg9_348 > .awsui_action-button_55fkh_c7gg9_353:not(#\9):focus {
|
|
362
362
|
outline: 2px dotted transparent;
|
|
363
363
|
outline-offset: calc(calc((var(--space-xxxs-zbmxqb, 2px)) - 1px) - 1px);
|
|
364
364
|
}
|
|
365
|
-
body[data-awsui-focus-visible=true] .
|
|
365
|
+
body[data-awsui-focus-visible=true] .awsui_button_55fkh_c7gg9_348 > .awsui_action-button_55fkh_c7gg9_353:not(#\9):focus::before {
|
|
366
366
|
content: " ";
|
|
367
367
|
display: block;
|
|
368
368
|
position: absolute;
|
|
@@ -377,7 +377,7 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_actio
|
|
|
377
377
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
378
378
|
}
|
|
379
379
|
|
|
380
|
-
.awsui_secondary-
|
|
380
|
+
.awsui_secondary-content_55fkh_c7gg9_378:not(#\9) {
|
|
381
381
|
border-collapse: separate;
|
|
382
382
|
border-spacing: 0;
|
|
383
383
|
box-sizing: border-box;
|
|
@@ -416,17 +416,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_actio
|
|
|
416
416
|
border-end-start-radius: var(--border-radius-input-plgbrq, 8px);
|
|
417
417
|
border-end-end-radius: var(--border-radius-input-plgbrq, 8px);
|
|
418
418
|
}
|
|
419
|
-
.awsui_secondary-
|
|
420
|
-
padding-block-start: var(--space-scaled-
|
|
419
|
+
.awsui_secondary-content_55fkh_c7gg9_378.awsui_with-paddings_55fkh_c7gg9_416:not(#\9) {
|
|
420
|
+
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
421
421
|
padding-block-end: var(--space-scaled-s-aqzyko, 12px);
|
|
422
422
|
padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
|
|
423
|
-
padding-inline-end:
|
|
423
|
+
padding-inline-end: var(--space-field-horizontal-gg19kw, 12px);
|
|
424
424
|
}
|
|
425
|
-
.awsui_secondary-
|
|
425
|
+
.awsui_secondary-content_55fkh_c7gg9_378.awsui_with-paddings_55fkh_c7gg9_416.awsui_invalid_55fkh_c7gg9_325:not(#\9), .awsui_secondary-content_55fkh_c7gg9_378.awsui_with-paddings_55fkh_c7gg9_416.awsui_warning_55fkh_c7gg9_325:not(#\9) {
|
|
426
426
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
427
427
|
}
|
|
428
428
|
|
|
429
|
-
.awsui_secondary-
|
|
429
|
+
.awsui_secondary-actions_55fkh_c7gg9_426:not(#\9) {
|
|
430
430
|
border-collapse: separate;
|
|
431
431
|
border-spacing: 0;
|
|
432
432
|
box-sizing: border-box;
|
|
@@ -468,17 +468,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_1vvqx_348 > .awsui_actio
|
|
|
468
468
|
justify-content: space-between;
|
|
469
469
|
align-items: flex-end;
|
|
470
470
|
}
|
|
471
|
-
.awsui_secondary-
|
|
471
|
+
.awsui_secondary-actions_55fkh_c7gg9_426.awsui_with-paddings_55fkh_c7gg9_416:not(#\9) {
|
|
472
472
|
padding-inline-start: var(--space-field-horizontal-gg19kw, 12px);
|
|
473
473
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
474
474
|
padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
|
|
475
475
|
}
|
|
476
|
-
.awsui_secondary-
|
|
476
|
+
.awsui_secondary-actions_55fkh_c7gg9_426.awsui_with-paddings_55fkh_c7gg9_416.awsui_invalid_55fkh_c7gg9_325:not(#\9), .awsui_secondary-actions_55fkh_c7gg9_426.awsui_with-paddings_55fkh_c7gg9_416.awsui_warning_55fkh_c7gg9_325:not(#\9) {
|
|
477
477
|
padding-inline-start: calc(var(--space-field-horizontal-gg19kw, 12px) - (var(--border-invalid-width-5ktjp2, 8px) - var(--border-field-width-09w7vk, 2px)));
|
|
478
478
|
}
|
|
479
|
-
.awsui_secondary-
|
|
479
|
+
.awsui_secondary-actions_55fkh_c7gg9_426.awsui_with-paddings_55fkh_c7gg9_416 > .awsui_button_55fkh_c7gg9_348:not(#\9) {
|
|
480
480
|
padding-block-end: 0;
|
|
481
481
|
}
|
|
482
|
-
.awsui_secondary-
|
|
482
|
+
.awsui_secondary-actions_55fkh_c7gg9_426 > .awsui_button_55fkh_c7gg9_348:not(#\9) {
|
|
483
483
|
padding-block-end: var(--space-scaled-xxs-7597g1, 4px);
|
|
484
484
|
}
|
|
@@ -2,19 +2,19 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"textarea-readonly": "awsui_textarea-
|
|
7
|
-
"disabled": "
|
|
8
|
-
"textarea-invalid": "awsui_textarea-
|
|
9
|
-
"textarea-warning": "awsui_textarea-
|
|
10
|
-
"textarea": "
|
|
11
|
-
"invalid": "
|
|
12
|
-
"warning": "
|
|
13
|
-
"textarea-wrapper": "awsui_textarea-
|
|
14
|
-
"button": "
|
|
15
|
-
"action-button": "awsui_action-
|
|
16
|
-
"secondary-content": "awsui_secondary-
|
|
17
|
-
"with-paddings": "awsui_with-
|
|
18
|
-
"secondary-actions": "awsui_secondary-
|
|
5
|
+
"root": "awsui_root_55fkh_c7gg9_142",
|
|
6
|
+
"textarea-readonly": "awsui_textarea-readonly_55fkh_c7gg9_184",
|
|
7
|
+
"disabled": "awsui_disabled_55fkh_c7gg9_189",
|
|
8
|
+
"textarea-invalid": "awsui_textarea-invalid_55fkh_c7gg9_197",
|
|
9
|
+
"textarea-warning": "awsui_textarea-warning_55fkh_c7gg9_222",
|
|
10
|
+
"textarea": "awsui_textarea_55fkh_c7gg9_184",
|
|
11
|
+
"invalid": "awsui_invalid_55fkh_c7gg9_325",
|
|
12
|
+
"warning": "awsui_warning_55fkh_c7gg9_325",
|
|
13
|
+
"textarea-wrapper": "awsui_textarea-wrapper_55fkh_c7gg9_344",
|
|
14
|
+
"button": "awsui_button_55fkh_c7gg9_348",
|
|
15
|
+
"action-button": "awsui_action-button_55fkh_c7gg9_353",
|
|
16
|
+
"secondary-content": "awsui_secondary-content_55fkh_c7gg9_378",
|
|
17
|
+
"with-paddings": "awsui_with-paddings_55fkh_c7gg9_416",
|
|
18
|
+
"secondary-actions": "awsui_secondary-actions_55fkh_c7gg9_426"
|
|
19
19
|
};
|
|
20
20
|
|
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header": "
|
|
6
|
-
"
|
|
7
|
-
"header-link": "awsui_header-
|
|
8
|
-
"header-link
|
|
9
|
-
"header-
|
|
10
|
-
"header-logo": "awsui_header-
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"list
|
|
16
|
-
"list-variant-root
|
|
17
|
-
"list-variant-
|
|
18
|
-
"list-
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"expandable-link-group
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"section-group": "
|
|
26
|
-
"section-group
|
|
27
|
-
"
|
|
28
|
-
"link
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"divider-default": "awsui_divider-
|
|
33
|
-
"divider-header": "awsui_divider-
|
|
4
|
+
"root": "awsui_root_l0dv0_f34m1_141",
|
|
5
|
+
"header": "awsui_header_l0dv0_f34m1_178",
|
|
6
|
+
"header-link": "awsui_header-link_l0dv0_f34m1_191",
|
|
7
|
+
"header-link--has-logo": "awsui_header-link--has-logo_l0dv0_f34m1_201",
|
|
8
|
+
"header-link-text": "awsui_header-link-text_l0dv0_f34m1_201",
|
|
9
|
+
"header-logo": "awsui_header-logo_l0dv0_f34m1_206",
|
|
10
|
+
"header-logo--stretched": "awsui_header-logo--stretched_l0dv0_f34m1_212",
|
|
11
|
+
"items-control": "awsui_items-control_l0dv0_f34m1_217",
|
|
12
|
+
"list-container": "awsui_list-container_l0dv0_f34m1_221",
|
|
13
|
+
"with-toolbar": "awsui_with-toolbar_l0dv0_f34m1_224",
|
|
14
|
+
"divider": "awsui_divider_l0dv0_f34m1_224",
|
|
15
|
+
"list": "awsui_list_l0dv0_f34m1_221",
|
|
16
|
+
"list-variant-root": "awsui_list-variant-root_l0dv0_f34m1_236",
|
|
17
|
+
"list-variant-root--last": "awsui_list-variant-root--last_l0dv0_f34m1_243",
|
|
18
|
+
"list-variant-expandable-link-group": "awsui_list-variant-expandable-link-group_l0dv0_f34m1_247",
|
|
19
|
+
"list-item": "awsui_list-item_l0dv0_f34m1_251",
|
|
20
|
+
"section": "awsui_section_l0dv0_f34m1_263",
|
|
21
|
+
"refresh": "awsui_refresh_l0dv0_f34m1_263",
|
|
22
|
+
"expandable-link-group": "awsui_expandable-link-group_l0dv0_f34m1_275",
|
|
23
|
+
"section--no-ident": "awsui_section--no-ident_l0dv0_f34m1_278",
|
|
24
|
+
"expandable-link-group--no-ident": "awsui_expandable-link-group--no-ident_l0dv0_f34m1_279",
|
|
25
|
+
"list-variant-section-group": "awsui_list-variant-section-group_l0dv0_f34m1_299",
|
|
26
|
+
"section-group": "awsui_section-group_l0dv0_f34m1_306",
|
|
27
|
+
"section-group-title": "awsui_section-group-title_l0dv0_f34m1_317",
|
|
28
|
+
"link": "awsui_link_l0dv0_f34m1_321",
|
|
29
|
+
"link-active": "awsui_link-active_l0dv0_f34m1_330",
|
|
30
|
+
"info": "awsui_info_l0dv0_f34m1_367",
|
|
31
|
+
"external-icon": "awsui_external-icon_l0dv0_f34m1_371",
|
|
32
|
+
"divider-default": "awsui_divider-default_l0dv0_f34m1_380",
|
|
33
|
+
"divider-header": "awsui_divider-header_l0dv0_f34m1_386"
|
|
34
34
|
};
|
|
35
35
|
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
*/
|
|
139
139
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
140
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.
|
|
141
|
+
.awsui_root_l0dv0_f34m1_141:not(#\9) {
|
|
142
142
|
border-collapse: separate;
|
|
143
143
|
border-spacing: 0;
|
|
144
144
|
box-sizing: border-box;
|
|
@@ -176,7 +176,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
176
176
|
word-break: break-word;
|
|
177
177
|
}
|
|
178
178
|
|
|
179
|
-
.
|
|
179
|
+
.awsui_header_l0dv0_f34m1_178:not(#\9) {
|
|
180
180
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
181
181
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
182
182
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -188,11 +188,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
188
|
padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
|
|
189
189
|
padding-inline-end: calc(var(--space-scaled-xxl-wbot5q, 32px) + var(--space-xl-lmui9r, 24px));
|
|
190
190
|
}
|
|
191
|
-
.awsui_with-toolbar_l0dv0_ihdoe_190 > .awsui_header_l0dv0_ihdoe_178:not(#\9) {
|
|
192
|
-
padding-block: var(--space-static-m-lrhgl2, 16px);
|
|
193
|
-
}
|
|
194
191
|
|
|
195
|
-
.awsui_header-
|
|
192
|
+
.awsui_header-link_l0dv0_f34m1_191:not(#\9) {
|
|
196
193
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
197
194
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
198
195
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -202,35 +199,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
202
199
|
min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
203
200
|
display: flex;
|
|
204
201
|
}
|
|
205
|
-
.awsui_header-link--has-
|
|
202
|
+
.awsui_header-link--has-logo_l0dv0_f34m1_201 > .awsui_header-link-text_l0dv0_f34m1_201:not(#\9) {
|
|
206
203
|
font-weight: 400;
|
|
207
204
|
align-self: center;
|
|
208
205
|
}
|
|
209
206
|
|
|
210
|
-
.awsui_header-
|
|
207
|
+
.awsui_header-logo_l0dv0_f34m1_206:not(#\9) {
|
|
211
208
|
margin-inline-end: var(--space-s-34lx8l, 12px);
|
|
212
209
|
margin-block-start: var(--space-xxxs-zbmxqb, 2px);
|
|
213
210
|
max-inline-size: calc(1.25 * var(--size-icon-big-zkdryd, 32px));
|
|
214
211
|
align-self: flex-start;
|
|
215
212
|
}
|
|
216
|
-
.awsui_header-logo--
|
|
213
|
+
.awsui_header-logo--stretched_l0dv0_f34m1_212:not(#\9) {
|
|
217
214
|
max-inline-size: 100%;
|
|
218
215
|
margin-inline-end: 0;
|
|
219
216
|
}
|
|
220
217
|
|
|
221
|
-
.awsui_items-
|
|
222
|
-
margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
|
|
218
|
+
.awsui_items-control_l0dv0_f34m1_217:not(#\9) {
|
|
223
219
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
224
220
|
}
|
|
225
221
|
|
|
226
|
-
.awsui_list-
|
|
222
|
+
.awsui_list-container_l0dv0_f34m1_221:not(#\9) {
|
|
227
223
|
margin-block-start: var(--space-panel-content-top-wac3yp, 20px);
|
|
228
224
|
}
|
|
229
|
-
.awsui_with-
|
|
230
|
-
margin-block-start:
|
|
225
|
+
.awsui_with-toolbar_l0dv0_f34m1_224 > .awsui_divider_l0dv0_f34m1_224 + .awsui_list-container_l0dv0_f34m1_221:not(#\9) {
|
|
226
|
+
margin-block-start: 0;
|
|
231
227
|
}
|
|
232
228
|
|
|
233
|
-
.
|
|
229
|
+
.awsui_list_l0dv0_f34m1_221:not(#\9) {
|
|
234
230
|
margin-block: 0;
|
|
235
231
|
margin-inline: 0;
|
|
236
232
|
padding-block: 0;
|
|
@@ -238,58 +234,77 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
238
234
|
padding-inline-start: var(--space-l-t419sm, 20px);
|
|
239
235
|
}
|
|
240
236
|
|
|
241
|
-
.awsui_list-variant-
|
|
237
|
+
.awsui_list-variant-root_l0dv0_f34m1_236:not(#\9) {
|
|
242
238
|
margin-block: 0;
|
|
243
239
|
margin-inline: 0;
|
|
244
240
|
padding-block: 0;
|
|
245
241
|
padding-inline-start: var(--space-panel-nav-left-b1g0mt, 28px);
|
|
246
242
|
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
247
243
|
}
|
|
248
|
-
.awsui_list-variant-root--
|
|
244
|
+
.awsui_list-variant-root--last_l0dv0_f34m1_243:not(#\9) {
|
|
249
245
|
margin-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
|
|
250
246
|
}
|
|
251
247
|
|
|
252
|
-
.awsui_list-variant-expandable-link-
|
|
248
|
+
.awsui_list-variant-expandable-link-group_l0dv0_f34m1_247:not(#\9) {
|
|
253
249
|
padding-inline-start: var(--space-xxxl-4x2gki, 40px);
|
|
254
250
|
}
|
|
255
251
|
|
|
256
|
-
.awsui_list-
|
|
252
|
+
.awsui_list-item_l0dv0_f34m1_251:not(#\9) {
|
|
257
253
|
margin-block: var(--space-scaled-xs-26e2du, 8px);
|
|
258
254
|
margin-inline: 0;
|
|
259
255
|
padding-block: 0;
|
|
260
256
|
padding-inline: 0;
|
|
261
257
|
list-style: none;
|
|
262
258
|
}
|
|
259
|
+
@supports selector(:has(*)) {
|
|
260
|
+
.awsui_list-item_l0dv0_f34m1_251:not(#\9) {
|
|
261
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
262
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
263
|
+
}
|
|
264
|
+
.awsui_list-item_l0dv0_f34m1_251:not(#\9):has(> .awsui_section_l0dv0_f34m1_263:not(.awsui_refresh_l0dv0_f34m1_263)) {
|
|
265
|
+
margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
|
|
266
|
+
}
|
|
267
|
+
.awsui_list-item_l0dv0_f34m1_251:not(#\9):has(> .awsui_section_l0dv0_f34m1_263.awsui_refresh_l0dv0_f34m1_263) {
|
|
268
|
+
margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
.awsui_list-variant-root_l0dv0_f34m1_236 > .awsui_list-item_l0dv0_f34m1_251:not(#\9):first-child {
|
|
272
|
+
margin-block-start: 0px;
|
|
273
|
+
}
|
|
263
274
|
|
|
264
|
-
.
|
|
265
|
-
.awsui_expandable-link-
|
|
275
|
+
.awsui_section_l0dv0_f34m1_263:not(#\9),
|
|
276
|
+
.awsui_expandable-link-group_l0dv0_f34m1_275:not(#\9) {
|
|
266
277
|
margin-inline-start: calc(-1 * var(--space-l-t419sm, 20px));
|
|
267
278
|
}
|
|
268
|
-
.awsui_section--no-
|
|
269
|
-
.awsui_expandable-link-group--no-
|
|
279
|
+
.awsui_section--no-ident_l0dv0_f34m1_278:not(#\9),
|
|
280
|
+
.awsui_expandable-link-group--no-ident_l0dv0_f34m1_279:not(#\9) {
|
|
270
281
|
margin-inline-start: 0;
|
|
271
282
|
}
|
|
272
283
|
|
|
273
|
-
.
|
|
274
|
-
margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
|
|
284
|
+
.awsui_section_l0dv0_f34m1_263:not(#\9) {
|
|
275
285
|
/* stylelint-disable-next-line selector-max-type */
|
|
276
286
|
}
|
|
277
|
-
|
|
278
|
-
|
|
287
|
+
@supports not selector(:has(*)) {
|
|
288
|
+
.awsui_section_l0dv0_f34m1_263:not(#\9) {
|
|
289
|
+
margin-block: calc(var(--space-scaled-2x-l-ujnz41, 20px) - var(--border-divider-section-width-1061zr, 1px));
|
|
290
|
+
}
|
|
291
|
+
.awsui_section_l0dv0_f34m1_263.awsui_refresh_l0dv0_f34m1_263:not(#\9) {
|
|
292
|
+
margin-block: calc(var(--space-scaled-2x-m-owtj1o, 16px) - var(--border-divider-section-width-1061zr, 1px));
|
|
293
|
+
}
|
|
279
294
|
}
|
|
280
|
-
.
|
|
295
|
+
.awsui_section_l0dv0_f34m1_263 > div:not(#\9) {
|
|
281
296
|
padding-block: 0;
|
|
282
297
|
padding-inline: 0;
|
|
283
298
|
}
|
|
284
299
|
|
|
285
|
-
.awsui_list-variant-section-
|
|
300
|
+
.awsui_list-variant-section-group_l0dv0_f34m1_299:not(#\9) {
|
|
286
301
|
margin-block: 0;
|
|
287
302
|
margin-inline: 0;
|
|
288
303
|
padding-block: 0;
|
|
289
304
|
padding-inline: 0;
|
|
290
305
|
}
|
|
291
306
|
|
|
292
|
-
.awsui_section-
|
|
307
|
+
.awsui_section-group_l0dv0_f34m1_306:not(#\9) {
|
|
293
308
|
font-size: var(--font-size-heading-m-sjd256, 18px);
|
|
294
309
|
line-height: var(--line-height-heading-m-50evfk, 22px);
|
|
295
310
|
letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
|
|
@@ -300,11 +315,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
300
315
|
margin-inline: 0;
|
|
301
316
|
}
|
|
302
317
|
|
|
303
|
-
.awsui_section-group-
|
|
318
|
+
.awsui_section-group-title_l0dv0_f34m1_317:not(#\9) {
|
|
304
319
|
/* used in test-utils */
|
|
305
320
|
}
|
|
306
321
|
|
|
307
|
-
.
|
|
322
|
+
.awsui_link_l0dv0_f34m1_321:not(#\9) {
|
|
308
323
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
309
324
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
310
325
|
color: var(--color-text-body-secondary-cwla8d, #424650);
|
|
@@ -313,30 +328,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
313
328
|
-moz-osx-font-smoothing: auto;
|
|
314
329
|
}
|
|
315
330
|
|
|
316
|
-
.awsui_link-
|
|
331
|
+
.awsui_link-active_l0dv0_f34m1_330:not(#\9) {
|
|
317
332
|
font-weight: var(--font-wayfinding-link-active-weight-rbmzei, 700);
|
|
318
333
|
-webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
|
|
319
334
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
|
|
320
335
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
321
336
|
}
|
|
322
337
|
|
|
323
|
-
.awsui_header-
|
|
324
|
-
.
|
|
338
|
+
.awsui_header-link_l0dv0_f34m1_191:not(#\9),
|
|
339
|
+
.awsui_link_l0dv0_f34m1_321:not(#\9) {
|
|
325
340
|
text-decoration: none;
|
|
326
341
|
}
|
|
327
|
-
.awsui_header-
|
|
328
|
-
.
|
|
342
|
+
.awsui_header-link_l0dv0_f34m1_191:not(#\9):hover,
|
|
343
|
+
.awsui_link_l0dv0_f34m1_321:not(#\9):hover {
|
|
329
344
|
color: var(--color-text-accent-fptgkc, #006ce0);
|
|
330
345
|
}
|
|
331
|
-
.awsui_header-
|
|
332
|
-
.
|
|
346
|
+
.awsui_header-link_l0dv0_f34m1_191:not(#\9):focus,
|
|
347
|
+
.awsui_link_l0dv0_f34m1_321:not(#\9):focus {
|
|
333
348
|
outline: none;
|
|
334
349
|
}
|
|
335
|
-
.awsui_header-
|
|
350
|
+
.awsui_header-link_l0dv0_f34m1_191:not(#\9):hover, .awsui_header-link_l0dv0_f34m1_191:not(#\9):focus, .awsui_link_l0dv0_f34m1_321:not(#\9):hover, .awsui_link_l0dv0_f34m1_321:not(#\9):focus {
|
|
336
351
|
text-decoration: none;
|
|
337
352
|
}
|
|
338
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
339
|
-
body[data-awsui-focus-visible=true] .
|
|
353
|
+
body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_f34m1_191:not(#\9):focus,
|
|
354
|
+
body[data-awsui-focus-visible=true] .awsui_link_l0dv0_f34m1_321:not(#\9):focus {
|
|
340
355
|
outline: thin dotted;
|
|
341
356
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
342
357
|
outline-offset: 2px;
|
|
@@ -348,29 +363,31 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_ihdoe_306:not(#\9):focus {
|
|
|
348
363
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
349
364
|
}
|
|
350
365
|
|
|
351
|
-
.
|
|
366
|
+
.awsui_info_l0dv0_f34m1_367:not(#\9) {
|
|
352
367
|
margin-inline-start: var(--space-xs-zb16t3, 8px);
|
|
353
368
|
}
|
|
354
369
|
|
|
355
|
-
.awsui_external-
|
|
370
|
+
.awsui_external-icon_l0dv0_f34m1_371:not(#\9) {
|
|
356
371
|
margin-inline-start: var(--space-xxs-p8yyaw, 4px);
|
|
357
372
|
}
|
|
358
373
|
|
|
359
|
-
.
|
|
374
|
+
.awsui_divider_l0dv0_f34m1_224:not(#\9) {
|
|
360
375
|
border-block: none;
|
|
361
376
|
border-inline: none;
|
|
362
377
|
}
|
|
363
378
|
|
|
364
|
-
.awsui_divider-
|
|
379
|
+
.awsui_divider-default_l0dv0_f34m1_380:not(#\9) {
|
|
365
380
|
margin-block: var(--space-scaled-2x-xl-udij7m, 24px);
|
|
366
381
|
margin-inline: calc(-1 * var(--space-panel-divider-margin-horizontal-sbik1z, 8px));
|
|
367
382
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
368
383
|
}
|
|
369
384
|
|
|
370
|
-
.awsui_divider-
|
|
385
|
+
.awsui_divider-header_l0dv0_f34m1_386:not(#\9) {
|
|
371
386
|
margin-block-start: 0;
|
|
387
|
+
margin-block-end: var(--space-panel-content-top-wac3yp, 20px);
|
|
372
388
|
border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
|
|
373
389
|
}
|
|
374
|
-
.awsui_with-
|
|
390
|
+
.awsui_with-toolbar_l0dv0_f34m1_224 > .awsui_divider-header_l0dv0_f34m1_386:not(#\9) {
|
|
375
391
|
border-color: transparent;
|
|
392
|
+
margin-block-end: 0;
|
|
376
393
|
}
|