@cloudscape-design/components 3.0.616 → 3.0.618
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/classic.d.ts +5 -5
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +17 -16
- package/app-layout/classic.js.map +1 -1
- package/app-layout/implementation.d.ts +5 -5
- package/app-layout/interfaces.d.ts +5 -5
- package/app-layout/interfaces.d.ts.map +1 -1
- package/app-layout/interfaces.js.map +1 -1
- package/app-layout/internal.d.ts +5 -5
- package/app-layout/utils/use-app-layout-placement.d.ts +5 -5
- package/app-layout/utils/use-app-layout-placement.d.ts.map +1 -1
- package/app-layout/utils/use-app-layout-placement.js +10 -5
- package/app-layout/utils/use-app-layout-placement.js.map +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts +1 -1
- package/app-layout/utils/use-keyboard-events.d.ts.map +1 -1
- package/app-layout/utils/use-keyboard-events.js +24 -29
- package/app-layout/utils/use-keyboard-events.js.map +1 -1
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/app-layout/utils/use-pointer-events.js +6 -5
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +10 -9
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/index.d.ts +5 -5
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +170 -167
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/internal/direction.d.ts +8 -1
- package/internal/direction.d.ts.map +1 -1
- package/internal/direction.js +17 -4
- package/internal/direction.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +346 -1
- package/internal/generated/styles/tokens.js +346 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/handle-key.d.ts +2 -1
- package/internal/utils/handle-key.d.ts.map +1 -1
- package/internal/utils/handle-key.js +7 -4
- package/internal/utils/handle-key.js.map +1 -1
- package/package.json +1 -1
- package/split-panel/bottom.js +4 -4
- package/split-panel/bottom.js.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon-refresh.js +1 -1
- package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
- package/split-panel/icons/bottom-icon.d.ts.map +1 -1
- package/split-panel/icons/bottom-icon.js +1 -1
- package/split-panel/icons/bottom-icon.js.map +1 -1
- package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
- package/split-panel/icons/side-position-refresh.js +1 -1
- package/split-panel/icons/side-position-refresh.js.map +1 -1
- package/split-panel/icons/side-position.d.ts.map +1 -1
- package/split-panel/icons/side-position.js +1 -1
- package/split-panel/icons/side-position.js.map +1 -1
- package/split-panel/styles.css.js +57 -55
- package/split-panel/styles.scoped.css +171 -75
- package/split-panel/styles.selectors.js +57 -55
- package/table/resizer/index.js +2 -2
- package/table/resizer/index.js.map +1 -1
- package/tabs/scroll-utils.js +2 -2
- package/tabs/scroll-utils.js.map +1 -1
|
@@ -198,35 +198,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
198
198
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
199
199
|
SPDX-License-Identifier: Apache-2.0
|
|
200
200
|
*/
|
|
201
|
-
.
|
|
201
|
+
.awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
|
|
202
202
|
transition-duration: var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
203
203
|
transition-property: none;
|
|
204
204
|
}
|
|
205
205
|
@media (prefers-reduced-motion: reduce) {
|
|
206
|
-
.
|
|
206
|
+
.awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
|
|
207
207
|
animation: none;
|
|
208
208
|
transition: none;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
.awsui-motion-disabled .
|
|
211
|
+
.awsui-motion-disabled .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201:not(#\9) {
|
|
212
212
|
animation: none;
|
|
213
213
|
transition: none;
|
|
214
214
|
}
|
|
215
|
-
.
|
|
215
|
+
.awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
|
|
216
216
|
transition-property: transform;
|
|
217
217
|
transition-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
|
|
218
218
|
}
|
|
219
219
|
@media (prefers-reduced-motion: reduce) {
|
|
220
|
-
.
|
|
220
|
+
.awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
|
|
221
221
|
animation: none;
|
|
222
222
|
transition: none;
|
|
223
223
|
}
|
|
224
224
|
}
|
|
225
|
-
.awsui-motion-disabled .
|
|
225
|
+
.awsui-motion-disabled .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_19mex_201.awsui_refresh_1r9lg_19mex_201.awsui_animating_1r9lg_19mex_215:not(#\9) {
|
|
226
226
|
animation: none;
|
|
227
227
|
transition: none;
|
|
228
228
|
}
|
|
229
229
|
|
|
230
|
+
/*
|
|
231
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
232
|
+
SPDX-License-Identifier: Apache-2.0
|
|
233
|
+
*/
|
|
234
|
+
/* stylelint-disable plugin/no-unsupported-browser-features */
|
|
235
|
+
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
236
|
+
/*
|
|
237
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
238
|
+
SPDX-License-Identifier: Apache-2.0
|
|
239
|
+
*/
|
|
240
|
+
/*
|
|
241
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
242
|
+
SPDX-License-Identifier: Apache-2.0
|
|
243
|
+
*/
|
|
244
|
+
/*
|
|
245
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
246
|
+
SPDX-License-Identifier: Apache-2.0
|
|
247
|
+
*/
|
|
248
|
+
/*
|
|
249
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
250
|
+
SPDX-License-Identifier: Apache-2.0
|
|
251
|
+
*/
|
|
252
|
+
/*
|
|
253
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
254
|
+
SPDX-License-Identifier: Apache-2.0
|
|
255
|
+
*/
|
|
256
|
+
/*
|
|
257
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
258
|
+
SPDX-License-Identifier: Apache-2.0
|
|
259
|
+
*/
|
|
260
|
+
/*
|
|
261
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
262
|
+
SPDX-License-Identifier: Apache-2.0
|
|
263
|
+
*/
|
|
264
|
+
/*
|
|
265
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
266
|
+
SPDX-License-Identifier: Apache-2.0
|
|
267
|
+
*/
|
|
268
|
+
/*
|
|
269
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
270
|
+
SPDX-License-Identifier: Apache-2.0
|
|
271
|
+
*/
|
|
272
|
+
/*
|
|
273
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
274
|
+
SPDX-License-Identifier: Apache-2.0
|
|
275
|
+
*/
|
|
230
276
|
/*
|
|
231
277
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
232
278
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -235,72 +281,122 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
235
281
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
236
282
|
SPDX-License-Identifier: Apache-2.0
|
|
237
283
|
*/
|
|
238
|
-
|
|
284
|
+
/*
|
|
285
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
286
|
+
SPDX-License-Identifier: Apache-2.0
|
|
287
|
+
*/
|
|
288
|
+
/*
|
|
289
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
290
|
+
SPDX-License-Identifier: Apache-2.0
|
|
291
|
+
*/
|
|
292
|
+
/*
|
|
293
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
294
|
+
SPDX-License-Identifier: Apache-2.0
|
|
295
|
+
*/
|
|
296
|
+
/*
|
|
297
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
298
|
+
SPDX-License-Identifier: Apache-2.0
|
|
299
|
+
*/
|
|
300
|
+
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
301
|
+
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
302
|
+
/*
|
|
303
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
304
|
+
SPDX-License-Identifier: Apache-2.0
|
|
305
|
+
*/
|
|
306
|
+
/*
|
|
307
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
308
|
+
SPDX-License-Identifier: Apache-2.0
|
|
309
|
+
*/
|
|
310
|
+
/*
|
|
311
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
312
|
+
SPDX-License-Identifier: Apache-2.0
|
|
313
|
+
*/
|
|
314
|
+
/*
|
|
315
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
316
|
+
SPDX-License-Identifier: Apache-2.0
|
|
317
|
+
*/
|
|
318
|
+
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
319
|
+
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
320
|
+
/*
|
|
321
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
322
|
+
SPDX-License-Identifier: Apache-2.0
|
|
323
|
+
*/
|
|
324
|
+
/*
|
|
325
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
326
|
+
SPDX-License-Identifier: Apache-2.0
|
|
327
|
+
*/
|
|
328
|
+
.awsui_preference-icon--svg_1r9lg_19mex_328:not(#\9):dir(rtl) {
|
|
329
|
+
transform: scaleX(-1);
|
|
330
|
+
}
|
|
331
|
+
.awsui_preference-icon--layout-border_1r9lg_19mex_331:not(#\9) {
|
|
239
332
|
stroke: var(--color-background-home-header-2rudu7, #000716);
|
|
240
333
|
fill: var(--color-background-container-content-4un1ap, #ffffff);
|
|
241
334
|
}
|
|
242
|
-
.awsui_preference-icon--layout-
|
|
335
|
+
.awsui_preference-icon--layout-background_1r9lg_19mex_335:not(#\9) {
|
|
243
336
|
fill: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
244
337
|
}
|
|
245
|
-
.awsui_preference-icon--layout-
|
|
338
|
+
.awsui_preference-icon--layout-header_1r9lg_19mex_338:not(#\9) {
|
|
246
339
|
fill: var(--color-background-home-header-2rudu7, #000716);
|
|
247
340
|
}
|
|
248
|
-
.awsui_preference-icon--
|
|
341
|
+
.awsui_preference-icon--border_1r9lg_19mex_341:not(#\9) {
|
|
249
342
|
stroke: var(--color-text-group-label-jpw8sm, #414d5c);
|
|
250
343
|
fill: var(--color-background-container-content-4un1ap, #ffffff);
|
|
251
344
|
}
|
|
252
|
-
.awsui_preference-icon--primary-
|
|
345
|
+
.awsui_preference-icon--primary-button_1r9lg_19mex_345:not(#\9) {
|
|
253
346
|
fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
|
|
254
347
|
}
|
|
255
|
-
.awsui_preference-icon--
|
|
348
|
+
.awsui_preference-icon--secondary_1r9lg_19mex_348:not(#\9) {
|
|
256
349
|
fill: var(--color-text-group-label-jpw8sm, #414d5c);
|
|
257
350
|
}
|
|
258
|
-
.awsui_preference-icon--disabled-
|
|
351
|
+
.awsui_preference-icon--disabled-element_1r9lg_19mex_351:not(#\9) {
|
|
259
352
|
fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
260
353
|
}
|
|
261
|
-
.awsui_preference-icon--
|
|
354
|
+
.awsui_preference-icon--separator_1r9lg_19mex_354:not(#\9) {
|
|
262
355
|
stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
263
356
|
}
|
|
264
|
-
.awsui_preference-icon--focus-
|
|
357
|
+
.awsui_preference-icon--focus-text_1r9lg_19mex_357:not(#\9) {
|
|
265
358
|
fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
266
359
|
}
|
|
267
360
|
|
|
268
|
-
.awsui_preference-icon-refresh--
|
|
361
|
+
.awsui_preference-icon-refresh--svg_1r9lg_19mex_361:not(#\9):dir(rtl) {
|
|
362
|
+
transform: scaleX(-1);
|
|
363
|
+
}
|
|
364
|
+
.awsui_preference-icon-refresh--layout-top_1r9lg_19mex_364:not(#\9) {
|
|
269
365
|
fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
|
|
270
366
|
}
|
|
271
|
-
.awsui_preference-icon-refresh--layout-
|
|
367
|
+
.awsui_preference-icon-refresh--layout-main_1r9lg_19mex_367:not(#\9) {
|
|
272
368
|
fill: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
273
369
|
}
|
|
274
|
-
.awsui_preference-icon-refresh--
|
|
370
|
+
.awsui_preference-icon-refresh--primary_1r9lg_19mex_370:not(#\9) {
|
|
275
371
|
fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
|
|
276
372
|
}
|
|
277
|
-
.awsui_preference-icon-refresh--
|
|
373
|
+
.awsui_preference-icon-refresh--disabled_1r9lg_19mex_373:not(#\9) {
|
|
278
374
|
fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
279
375
|
}
|
|
280
|
-
.awsui_preference-icon-refresh--column-
|
|
376
|
+
.awsui_preference-icon-refresh--column-header_1r9lg_19mex_376:not(#\9) {
|
|
281
377
|
fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
|
|
282
378
|
}
|
|
283
|
-
.awsui_preference-icon-refresh--
|
|
379
|
+
.awsui_preference-icon-refresh--window_1r9lg_19mex_379:not(#\9) {
|
|
284
380
|
stroke: var(--color-background-home-header-2rudu7, #000716);
|
|
285
381
|
fill: var(--color-background-container-content-4un1ap, #ffffff);
|
|
286
382
|
}
|
|
287
|
-
.awsui_preference-icon-refresh--
|
|
383
|
+
.awsui_preference-icon-refresh--secondary_1r9lg_19mex_383:not(#\9) {
|
|
288
384
|
fill: var(--color-text-body-secondary-w9jvno, #414d5c);
|
|
289
385
|
}
|
|
290
|
-
.awsui_preference-icon-refresh--
|
|
386
|
+
.awsui_preference-icon-refresh--default_1r9lg_19mex_386:not(#\9) {
|
|
291
387
|
fill: var(--color-text-body-default-at06ol, #000716);
|
|
292
388
|
}
|
|
293
|
-
.awsui_preference-icon-refresh--
|
|
389
|
+
.awsui_preference-icon-refresh--separator_1r9lg_19mex_389:not(#\9) {
|
|
294
390
|
stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
295
391
|
}
|
|
296
|
-
.awsui_preference-icon-refresh--input-
|
|
392
|
+
.awsui_preference-icon-refresh--input-default_1r9lg_19mex_392:not(#\9) {
|
|
297
393
|
fill: var(--color-border-input-default-1zl7hq, #7d8998);
|
|
298
394
|
}
|
|
299
|
-
.awsui_preference-icon-refresh--
|
|
395
|
+
.awsui_preference-icon-refresh--heading_1r9lg_19mex_395:not(#\9) {
|
|
300
396
|
fill: var(--color-text-heading-default-lstrpn, #000716);
|
|
301
397
|
}
|
|
302
398
|
|
|
303
|
-
.
|
|
399
|
+
.awsui_root_1r9lg_19mex_399:not(#\9) {
|
|
304
400
|
border-collapse: separate;
|
|
305
401
|
border-spacing: 0;
|
|
306
402
|
box-sizing: border-box;
|
|
@@ -336,15 +432,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
336
432
|
-moz-osx-font-smoothing: auto;
|
|
337
433
|
}
|
|
338
434
|
|
|
339
|
-
.awsui_preferences-
|
|
435
|
+
.awsui_preferences-button_1r9lg_19mex_434:not(#\9) {
|
|
340
436
|
/* used in test-utils */
|
|
341
437
|
}
|
|
342
438
|
|
|
343
|
-
.awsui_close-
|
|
439
|
+
.awsui_close-button_1r9lg_19mex_438:not(#\9) {
|
|
344
440
|
/* used in test-utils */
|
|
345
441
|
}
|
|
346
442
|
|
|
347
|
-
.
|
|
443
|
+
.awsui_drawer_1r9lg_19mex_201:not(#\9) {
|
|
348
444
|
flex-shrink: 0;
|
|
349
445
|
position: relative;
|
|
350
446
|
min-inline-size: 0;
|
|
@@ -352,34 +448,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
352
448
|
background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
|
|
353
449
|
z-index: 840;
|
|
354
450
|
}
|
|
355
|
-
.awsui_drawer-
|
|
451
|
+
.awsui_drawer-closed_1r9lg_19mex_450:not(#\9) {
|
|
356
452
|
cursor: pointer;
|
|
357
453
|
min-inline-size: 40px;
|
|
358
454
|
}
|
|
359
455
|
|
|
360
|
-
.awsui_drawer-content-
|
|
456
|
+
.awsui_drawer-content-side_1r9lg_19mex_455:not(#\9) {
|
|
361
457
|
display: flex;
|
|
362
458
|
align-items: center;
|
|
363
459
|
block-size: 100%;
|
|
364
460
|
overflow: auto;
|
|
365
461
|
}
|
|
366
|
-
.awsui_drawer-
|
|
462
|
+
.awsui_drawer-closed_1r9lg_19mex_450 > .awsui_drawer-content-side_1r9lg_19mex_455:not(#\9) {
|
|
367
463
|
inline-size: 40px;
|
|
368
464
|
}
|
|
369
|
-
.awsui_drawer-
|
|
465
|
+
.awsui_drawer-closed_1r9lg_19mex_450 > .awsui_drawer-content-side_1r9lg_19mex_455:not(#\9):hover {
|
|
370
466
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
371
467
|
}
|
|
372
|
-
.awsui_drawer-content-
|
|
468
|
+
.awsui_drawer-content-side_1r9lg_19mex_455 > [aria-hidden=true]:not(#\9) {
|
|
373
469
|
display: none;
|
|
374
470
|
}
|
|
375
471
|
|
|
376
|
-
:not(#\9):not(.awsui_drawer-
|
|
472
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_19mex_450) > .awsui_drawer-content-bottom_1r9lg_19mex_471 {
|
|
377
473
|
overflow-y: auto;
|
|
378
474
|
position: absolute;
|
|
379
475
|
inset: 0;
|
|
380
476
|
}
|
|
381
477
|
|
|
382
|
-
.awsui_position-
|
|
478
|
+
.awsui_position-bottom_1r9lg_19mex_477:not(#\9) {
|
|
383
479
|
position: fixed;
|
|
384
480
|
overflow-y: auto;
|
|
385
481
|
border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
@@ -388,31 +484,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
388
484
|
SplitPanel is no longer in fixed position in the DOM.
|
|
389
485
|
*/
|
|
390
486
|
}
|
|
391
|
-
.awsui_position-
|
|
487
|
+
.awsui_position-bottom_1r9lg_19mex_477:not(#\9):not(.awsui_refresh_1r9lg_19mex_201) {
|
|
392
488
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
393
489
|
border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
394
490
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
|
|
395
491
|
}
|
|
396
|
-
.awsui_position-
|
|
492
|
+
.awsui_position-bottom_1r9lg_19mex_477.awsui_drawer-closed_1r9lg_19mex_450:not(#\9) {
|
|
397
493
|
overflow: hidden;
|
|
398
494
|
}
|
|
399
|
-
.awsui_position-
|
|
495
|
+
.awsui_position-bottom_1r9lg_19mex_477.awsui_drawer-closed_1r9lg_19mex_450:not(#\9):hover {
|
|
400
496
|
background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
|
|
401
497
|
}
|
|
402
|
-
.awsui_position-
|
|
498
|
+
.awsui_position-bottom_1r9lg_19mex_477 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > [aria-hidden=true]:not(#\9) {
|
|
403
499
|
display: none;
|
|
404
500
|
}
|
|
405
|
-
.awsui_position-
|
|
501
|
+
.awsui_position-bottom_1r9lg_19mex_477.awsui_refresh_1r9lg_19mex_201:not(#\9) {
|
|
406
502
|
position: relative;
|
|
407
503
|
}
|
|
408
504
|
|
|
409
|
-
.awsui_position-
|
|
505
|
+
.awsui_position-side_1r9lg_19mex_504:not(#\9) {
|
|
410
506
|
border-block-start: none;
|
|
411
507
|
box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
|
|
412
508
|
block-size: 100%;
|
|
413
509
|
}
|
|
414
510
|
|
|
415
|
-
.
|
|
511
|
+
.awsui_slider_1r9lg_19mex_510:not(#\9) {
|
|
416
512
|
padding-block: 0;
|
|
417
513
|
padding-inline: 0;
|
|
418
514
|
cursor: ns-resize;
|
|
@@ -422,17 +518,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
422
518
|
block-size: 16px;
|
|
423
519
|
touch-action: none;
|
|
424
520
|
}
|
|
425
|
-
.
|
|
521
|
+
.awsui_slider_1r9lg_19mex_510:not(#\9):focus {
|
|
426
522
|
outline: none;
|
|
427
523
|
}
|
|
428
|
-
body[data-awsui-focus-visible=true] .
|
|
524
|
+
body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus {
|
|
429
525
|
position: relative;
|
|
430
526
|
}
|
|
431
|
-
body[data-awsui-focus-visible=true] .
|
|
527
|
+
body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus {
|
|
432
528
|
outline: 2px dotted transparent;
|
|
433
529
|
outline-offset: calc(0px - 1px);
|
|
434
530
|
}
|
|
435
|
-
body[data-awsui-focus-visible=true] .
|
|
531
|
+
body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_19mex_510:not(#\9):focus::before {
|
|
436
532
|
content: " ";
|
|
437
533
|
display: block;
|
|
438
534
|
position: absolute;
|
|
@@ -447,14 +543,14 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
447
543
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
448
544
|
}
|
|
449
545
|
|
|
450
|
-
.awsui_slider-
|
|
546
|
+
.awsui_slider-side_1r9lg_19mex_545:not(#\9) {
|
|
451
547
|
cursor: ew-resize;
|
|
452
548
|
margin-block: 0;
|
|
453
549
|
margin-inline-start: 2px;
|
|
454
550
|
margin-inline-end: 0;
|
|
455
551
|
}
|
|
456
552
|
|
|
457
|
-
.awsui_slider-wrapper-
|
|
553
|
+
.awsui_slider-wrapper-bottom_1r9lg_19mex_552:not(#\9) {
|
|
458
554
|
position: absolute;
|
|
459
555
|
inset-block-start: 0;
|
|
460
556
|
inset-inline-start: 0;
|
|
@@ -465,7 +561,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
465
561
|
z-index: 2;
|
|
466
562
|
}
|
|
467
563
|
|
|
468
|
-
.awsui_slider-wrapper-
|
|
564
|
+
.awsui_slider-wrapper-side_1r9lg_19mex_563:not(#\9) {
|
|
469
565
|
position: absolute;
|
|
470
566
|
inset-inline-start: 0;
|
|
471
567
|
inset-block-start: 0;
|
|
@@ -476,11 +572,11 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
476
572
|
z-index: 1;
|
|
477
573
|
}
|
|
478
574
|
|
|
479
|
-
.awsui_open-
|
|
575
|
+
.awsui_open-button_1r9lg_19mex_574:not(#\9) {
|
|
480
576
|
/* used in test-utils */
|
|
481
577
|
}
|
|
482
578
|
|
|
483
|
-
.awsui_open-button-
|
|
579
|
+
.awsui_open-button-side_1r9lg_19mex_578:not(#\9) {
|
|
484
580
|
flex: 0 0 auto;
|
|
485
581
|
align-self: flex-start;
|
|
486
582
|
box-sizing: border-box;
|
|
@@ -489,21 +585,21 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
489
585
|
margin-inline: auto;
|
|
490
586
|
}
|
|
491
587
|
|
|
492
|
-
.awsui_slider-
|
|
588
|
+
.awsui_slider-icon_1r9lg_19mex_587:not(#\9) {
|
|
493
589
|
stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
494
590
|
}
|
|
495
|
-
.awsui_slider-
|
|
591
|
+
.awsui_slider-icon_1r9lg_19mex_587:not(#\9):hover {
|
|
496
592
|
stroke: var(--color-text-interactive-hover-mj8add, #000716);
|
|
497
593
|
}
|
|
498
|
-
.awsui_slider-icon-
|
|
594
|
+
.awsui_slider-icon-bottom_1r9lg_19mex_593:not(#\9) {
|
|
499
595
|
margin-block: auto;
|
|
500
596
|
margin-inline: auto;
|
|
501
597
|
}
|
|
502
|
-
.awsui_slider-icon-
|
|
598
|
+
.awsui_slider-icon-side_1r9lg_19mex_597:not(#\9) {
|
|
503
599
|
transform: rotate(90deg);
|
|
504
600
|
}
|
|
505
601
|
|
|
506
|
-
.awsui_pane-header-wrapper-
|
|
602
|
+
.awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
|
|
507
603
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
508
604
|
position: sticky;
|
|
509
605
|
inset-block-start: 0;
|
|
@@ -514,54 +610,54 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
514
610
|
padding-block: 0;
|
|
515
611
|
padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
612
|
}
|
|
517
|
-
.awsui_drawer-
|
|
613
|
+
.awsui_drawer-mobile_1r9lg_19mex_612 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
|
|
518
614
|
padding-block: 0;
|
|
519
615
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
520
616
|
}
|
|
521
|
-
.awsui_drawer-disable-content-
|
|
617
|
+
.awsui_drawer-disable-content-paddings_1r9lg_19mex_616 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601:not(#\9) {
|
|
522
618
|
padding-block: 0;
|
|
523
619
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
524
620
|
}
|
|
525
|
-
:not(#\9):not(.awsui_drawer-
|
|
621
|
+
:not(#\9):not(.awsui_drawer-closed_1r9lg_19mex_450) > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_pane-header-wrapper-bottom_1r9lg_19mex_601 {
|
|
526
622
|
background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
|
|
527
623
|
border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
528
624
|
}
|
|
529
625
|
|
|
530
|
-
.awsui_content-
|
|
626
|
+
.awsui_content-bottom_1r9lg_19mex_625:not(#\9) {
|
|
531
627
|
padding-block: 0;
|
|
532
628
|
padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
533
629
|
margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
|
|
534
630
|
position: relative;
|
|
535
631
|
z-index: 0;
|
|
536
632
|
}
|
|
537
|
-
.awsui_drawer-
|
|
633
|
+
.awsui_drawer-mobile_1r9lg_19mex_612 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_content-bottom_1r9lg_19mex_625:not(#\9) {
|
|
538
634
|
padding-block: 0;
|
|
539
635
|
padding-inline: var(--space-l-t419sm, 20px);
|
|
540
636
|
}
|
|
541
|
-
.awsui_drawer-disable-content-
|
|
637
|
+
.awsui_drawer-disable-content-paddings_1r9lg_19mex_616 > .awsui_drawer-content-bottom_1r9lg_19mex_471 > .awsui_content-bottom_1r9lg_19mex_625:not(#\9) {
|
|
542
638
|
padding-block: 0;
|
|
543
639
|
padding-inline: 0;
|
|
544
640
|
}
|
|
545
641
|
|
|
546
|
-
.awsui_pane-bottom-center-
|
|
642
|
+
.awsui_pane-bottom-center-align_1r9lg_19mex_641:not(#\9) {
|
|
547
643
|
display: flex;
|
|
548
644
|
justify-content: center;
|
|
549
645
|
}
|
|
550
646
|
|
|
551
|
-
.awsui_pane-bottom-content-nav-
|
|
647
|
+
.awsui_pane-bottom-content-nav-padding_1r9lg_19mex_646:not(#\9) {
|
|
552
648
|
padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
|
|
553
649
|
}
|
|
554
650
|
|
|
555
|
-
.awsui_pane-bottom-content-tools-
|
|
651
|
+
.awsui_pane-bottom-content-tools-padding_1r9lg_19mex_650:not(#\9) {
|
|
556
652
|
padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
|
|
557
653
|
}
|
|
558
654
|
|
|
559
|
-
.awsui_content-bottom-max-
|
|
655
|
+
.awsui_content-bottom-max-width_1r9lg_19mex_654:not(#\9) {
|
|
560
656
|
flex-grow: 1;
|
|
561
657
|
max-inline-size: 100%;
|
|
562
658
|
}
|
|
563
659
|
|
|
564
|
-
.awsui_content-
|
|
660
|
+
.awsui_content-side_1r9lg_19mex_659:not(#\9) {
|
|
565
661
|
flex: auto;
|
|
566
662
|
align-self: flex-start;
|
|
567
663
|
box-sizing: border-box;
|
|
@@ -571,20 +667,20 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
571
667
|
inset-inline: 0;
|
|
572
668
|
block-size: 100%;
|
|
573
669
|
}
|
|
574
|
-
.awsui_content-
|
|
670
|
+
.awsui_content-side_1r9lg_19mex_659 > .awsui_pane-header-wrapper-side_1r9lg_19mex_669:not(#\9) {
|
|
575
671
|
padding-block: 0;
|
|
576
672
|
padding-inline-end: var(--space-m-udix3p, 16px);
|
|
577
673
|
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
578
674
|
border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
579
675
|
}
|
|
580
|
-
.awsui_content-
|
|
676
|
+
.awsui_content-side_1r9lg_19mex_659 > .awsui_pane-content-wrapper-side_1r9lg_19mex_675:not(#\9) {
|
|
581
677
|
padding-block: 0;
|
|
582
678
|
padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
|
|
583
679
|
padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
|
|
584
680
|
margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
|
|
585
681
|
}
|
|
586
682
|
|
|
587
|
-
.
|
|
683
|
+
.awsui_header_1r9lg_19mex_682:not(#\9) {
|
|
588
684
|
display: flex;
|
|
589
685
|
flex: auto;
|
|
590
686
|
flex-direction: row;
|
|
@@ -594,7 +690,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
594
690
|
margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
595
691
|
margin-inline: 0;
|
|
596
692
|
}
|
|
597
|
-
.awsui_header-
|
|
693
|
+
.awsui_header-text_1r9lg_19mex_692:not(#\9) {
|
|
598
694
|
font-size: var(--font-panel-header-size-edjz3l, 18px);
|
|
599
695
|
line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
|
|
600
696
|
font-weight: var(--font-weight-heading-l-f8711v, 700);
|
|
@@ -607,7 +703,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
607
703
|
margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
|
|
608
704
|
}
|
|
609
705
|
|
|
610
|
-
.awsui_header-
|
|
706
|
+
.awsui_header-actions_1r9lg_19mex_705:not(#\9) {
|
|
611
707
|
display: flex;
|
|
612
708
|
flex-direction: row;
|
|
613
709
|
justify-content: space-between;
|
|
@@ -615,7 +711,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus
|
|
|
615
711
|
margin-inline-start: var(--space-xs-zb16t3, 8px);
|
|
616
712
|
}
|
|
617
713
|
|
|
618
|
-
.
|
|
714
|
+
.awsui_divider_1r9lg_19mex_713:not(#\9) {
|
|
619
715
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
620
716
|
margin-block: var(--space-scaled-xxs-7597g1, 4px);
|
|
621
717
|
margin-inline: var(--space-scaled-xs-26e2du, 8px);
|