@cloudscape-design/components 3.0.637 → 3.0.638

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.
Files changed (52) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +31 -31
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/notifications/styles.css.js +3 -3
  5. package/app-layout/notifications/styles.scoped.css +7 -7
  6. package/app-layout/notifications/styles.selectors.js +3 -3
  7. package/app-layout/skeleton/index.d.ts +4 -0
  8. package/app-layout/skeleton/index.d.ts.map +1 -0
  9. package/app-layout/skeleton/index.js +10 -0
  10. package/app-layout/skeleton/index.js.map +1 -0
  11. package/app-layout/skeleton/layout.d.ts +8 -0
  12. package/app-layout/skeleton/layout.d.ts.map +1 -0
  13. package/app-layout/skeleton/layout.js +27 -0
  14. package/app-layout/skeleton/layout.js.map +1 -0
  15. package/app-layout/skeleton/styles.css.js +16 -0
  16. package/app-layout/skeleton/styles.scoped.css +180 -0
  17. package/app-layout/skeleton/styles.selectors.js +17 -0
  18. package/app-layout/visual-refresh/styles.css.js +81 -81
  19. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  20. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  21. package/flashbar/styles.css.js +47 -47
  22. package/flashbar/styles.scoped.css +171 -171
  23. package/flashbar/styles.selectors.js +47 -47
  24. package/internal/base-component/styles.scoped.css +3 -0
  25. package/internal/components/dropdown/styles.css.js +20 -20
  26. package/internal/components/dropdown/styles.scoped.css +41 -41
  27. package/internal/components/dropdown/styles.selectors.js +20 -20
  28. package/internal/environment.js +1 -1
  29. package/internal/environment.json +1 -1
  30. package/internal/generated/custom-css-properties/index.js +51 -51
  31. package/internal/generated/custom-css-properties/index.js.map +1 -1
  32. package/internal/generated/styles/tokens.d.ts +1 -0
  33. package/internal/generated/styles/tokens.js +1 -0
  34. package/internal/generated/theming/index.cjs +11 -0
  35. package/internal/generated/theming/index.js +11 -0
  36. package/internal/hooks/use-performance-marks.d.ts.map +1 -1
  37. package/internal/hooks/use-performance-marks.js +4 -2
  38. package/internal/hooks/use-performance-marks.js.map +1 -1
  39. package/internal/manifest.json +1 -1
  40. package/internal/utils/dom.d.ts.map +1 -1
  41. package/internal/utils/dom.js +3 -1
  42. package/internal/utils/dom.js.map +1 -1
  43. package/package.json +1 -1
  44. package/slider/styles.css.js +25 -25
  45. package/slider/styles.scoped.css +71 -71
  46. package/slider/styles.selectors.js +25 -25
  47. package/spinner/styles.css.js +13 -13
  48. package/spinner/styles.scoped.css +39 -39
  49. package/spinner/styles.selectors.js +13 -13
  50. package/split-panel/styles.css.js +57 -57
  51. package/split-panel/styles.scoped.css +78 -77
  52. package/split-panel/styles.selectors.js +57 -57
@@ -198,31 +198,31 @@ 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
- .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
201
+ .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_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
- .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
206
+ .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
207
207
  animation: none;
208
208
  transition: none;
209
209
  }
210
210
  }
211
- .awsui-motion-disabled .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
211
+ .awsui-motion-disabled .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
- .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9) {
215
+ .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_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
- .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9) {
220
+ .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9) {
221
221
  animation: none;
222
222
  transition: none;
223
223
  }
224
224
  }
225
- .awsui-motion-disabled .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1y4zq_201.awsui_refresh_1r9lg_1y4zq_201.awsui_animating_1r9lg_1y4zq_215:not(#\9) {
225
+ .awsui-motion-disabled .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_1csb3_201.awsui_refresh_1r9lg_1csb3_201.awsui_animating_1r9lg_1csb3_215:not(#\9) {
226
226
  animation: none;
227
227
  transition: none;
228
228
  }
@@ -325,78 +325,78 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
325
325
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
326
326
  SPDX-License-Identifier: Apache-2.0
327
327
  */
328
- .awsui_preference-icon--svg_1r9lg_1y4zq_328:not(#\9):dir(rtl) {
328
+ .awsui_preference-icon--svg_1r9lg_1csb3_328:not(#\9):dir(rtl) {
329
329
  transform: scaleX(-1);
330
330
  }
331
- .awsui_preference-icon--layout-border_1r9lg_1y4zq_331:not(#\9) {
331
+ .awsui_preference-icon--layout-border_1r9lg_1csb3_331:not(#\9) {
332
332
  stroke: var(--color-background-home-header-2rudu7, #000716);
333
333
  fill: var(--color-background-container-content-4un1ap, #ffffff);
334
334
  }
335
- .awsui_preference-icon--layout-background_1r9lg_1y4zq_335:not(#\9) {
335
+ .awsui_preference-icon--layout-background_1r9lg_1csb3_335:not(#\9) {
336
336
  fill: var(--color-background-layout-main-nx09lr, #ffffff);
337
337
  }
338
- .awsui_preference-icon--layout-header_1r9lg_1y4zq_338:not(#\9) {
338
+ .awsui_preference-icon--layout-header_1r9lg_1csb3_338:not(#\9) {
339
339
  fill: var(--color-background-home-header-2rudu7, #000716);
340
340
  }
341
- .awsui_preference-icon--border_1r9lg_1y4zq_341:not(#\9) {
341
+ .awsui_preference-icon--border_1r9lg_1csb3_341:not(#\9) {
342
342
  stroke: var(--color-text-group-label-jpw8sm, #414d5c);
343
343
  fill: var(--color-background-container-content-4un1ap, #ffffff);
344
344
  }
345
- .awsui_preference-icon--primary-button_1r9lg_1y4zq_345:not(#\9) {
345
+ .awsui_preference-icon--primary-button_1r9lg_1csb3_345:not(#\9) {
346
346
  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
347
347
  }
348
- .awsui_preference-icon--secondary_1r9lg_1y4zq_348:not(#\9) {
348
+ .awsui_preference-icon--secondary_1r9lg_1csb3_348:not(#\9) {
349
349
  fill: var(--color-text-group-label-jpw8sm, #414d5c);
350
350
  }
351
- .awsui_preference-icon--disabled-element_1r9lg_1y4zq_351:not(#\9) {
351
+ .awsui_preference-icon--disabled-element_1r9lg_1csb3_351:not(#\9) {
352
352
  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
353
353
  }
354
- .awsui_preference-icon--separator_1r9lg_1y4zq_354:not(#\9) {
354
+ .awsui_preference-icon--separator_1r9lg_1csb3_354:not(#\9) {
355
355
  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
356
356
  }
357
- .awsui_preference-icon--focus-text_1r9lg_1y4zq_357:not(#\9) {
357
+ .awsui_preference-icon--focus-text_1r9lg_1csb3_357:not(#\9) {
358
358
  fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
359
359
  }
360
360
 
361
- .awsui_preference-icon-refresh--svg_1r9lg_1y4zq_361:not(#\9):dir(rtl) {
361
+ .awsui_preference-icon-refresh--svg_1r9lg_1csb3_361:not(#\9):dir(rtl) {
362
362
  transform: scaleX(-1);
363
363
  }
364
- .awsui_preference-icon-refresh--layout-top_1r9lg_1y4zq_364:not(#\9) {
364
+ .awsui_preference-icon-refresh--layout-top_1r9lg_1csb3_364:not(#\9) {
365
365
  fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
366
366
  }
367
- .awsui_preference-icon-refresh--layout-main_1r9lg_1y4zq_367:not(#\9) {
367
+ .awsui_preference-icon-refresh--layout-main_1r9lg_1csb3_367:not(#\9) {
368
368
  fill: var(--color-background-layout-main-nx09lr, #ffffff);
369
369
  }
370
- .awsui_preference-icon-refresh--primary_1r9lg_1y4zq_370:not(#\9) {
370
+ .awsui_preference-icon-refresh--primary_1r9lg_1csb3_370:not(#\9) {
371
371
  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
372
372
  }
373
- .awsui_preference-icon-refresh--disabled_1r9lg_1y4zq_373:not(#\9) {
373
+ .awsui_preference-icon-refresh--disabled_1r9lg_1csb3_373:not(#\9) {
374
374
  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
375
375
  }
376
- .awsui_preference-icon-refresh--column-header_1r9lg_1y4zq_376:not(#\9) {
376
+ .awsui_preference-icon-refresh--column-header_1r9lg_1csb3_376:not(#\9) {
377
377
  fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
378
378
  }
379
- .awsui_preference-icon-refresh--window_1r9lg_1y4zq_379:not(#\9) {
379
+ .awsui_preference-icon-refresh--window_1r9lg_1csb3_379:not(#\9) {
380
380
  stroke: var(--color-background-home-header-2rudu7, #000716);
381
381
  fill: var(--color-background-container-content-4un1ap, #ffffff);
382
382
  }
383
- .awsui_preference-icon-refresh--secondary_1r9lg_1y4zq_383:not(#\9) {
383
+ .awsui_preference-icon-refresh--secondary_1r9lg_1csb3_383:not(#\9) {
384
384
  fill: var(--color-text-body-secondary-w9jvno, #414d5c);
385
385
  }
386
- .awsui_preference-icon-refresh--default_1r9lg_1y4zq_386:not(#\9) {
386
+ .awsui_preference-icon-refresh--default_1r9lg_1csb3_386:not(#\9) {
387
387
  fill: var(--color-text-body-default-at06ol, #000716);
388
388
  }
389
- .awsui_preference-icon-refresh--separator_1r9lg_1y4zq_389:not(#\9) {
389
+ .awsui_preference-icon-refresh--separator_1r9lg_1csb3_389:not(#\9) {
390
390
  stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
391
391
  }
392
- .awsui_preference-icon-refresh--input-default_1r9lg_1y4zq_392:not(#\9) {
392
+ .awsui_preference-icon-refresh--input-default_1r9lg_1csb3_392:not(#\9) {
393
393
  fill: var(--color-border-input-default-1zl7hq, #7d8998);
394
394
  }
395
- .awsui_preference-icon-refresh--heading_1r9lg_1y4zq_395:not(#\9) {
395
+ .awsui_preference-icon-refresh--heading_1r9lg_1csb3_395:not(#\9) {
396
396
  fill: var(--color-text-heading-default-lstrpn, #000716);
397
397
  }
398
398
 
399
- .awsui_root_1r9lg_1y4zq_399:not(#\9) {
399
+ .awsui_root_1r9lg_1csb3_399:not(#\9) {
400
400
  border-collapse: separate;
401
401
  border-spacing: 0;
402
402
  box-sizing: border-box;
@@ -432,15 +432,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
432
432
  -moz-osx-font-smoothing: auto;
433
433
  }
434
434
 
435
- .awsui_preferences-button_1r9lg_1y4zq_434:not(#\9) {
435
+ .awsui_preferences-button_1r9lg_1csb3_434:not(#\9) {
436
436
  /* used in test-utils */
437
437
  }
438
438
 
439
- .awsui_close-button_1r9lg_1y4zq_438:not(#\9) {
439
+ .awsui_close-button_1r9lg_1csb3_438:not(#\9) {
440
440
  /* used in test-utils */
441
441
  }
442
442
 
443
- .awsui_drawer_1r9lg_1y4zq_201:not(#\9) {
443
+ .awsui_drawer_1r9lg_1csb3_201:not(#\9) {
444
444
  flex-shrink: 0;
445
445
  position: relative;
446
446
  min-inline-size: 0;
@@ -448,35 +448,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
448
448
  background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
449
449
  z-index: 840;
450
450
  }
451
- .awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9) {
451
+ .awsui_drawer-closed_1r9lg_1csb3_450:not(#\9) {
452
452
  cursor: pointer;
453
453
  min-inline-size: 40px;
454
454
  }
455
455
 
456
- .awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9) {
456
+ .awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9) {
457
457
  display: flex;
458
458
  align-items: center;
459
459
  block-size: 100%;
460
460
  overflow: auto;
461
461
  }
462
- .awsui_drawer-closed_1r9lg_1y4zq_450 > .awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9) {
462
+ .awsui_drawer-closed_1r9lg_1csb3_450 > .awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9) {
463
463
  inline-size: 40px;
464
464
  }
465
- .awsui_drawer-closed_1r9lg_1y4zq_450 > .awsui_drawer-content-side_1r9lg_1y4zq_455:not(#\9):hover {
465
+ .awsui_drawer-closed_1r9lg_1csb3_450 > .awsui_drawer-content-side_1r9lg_1csb3_455:not(#\9):hover {
466
466
  background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
467
467
  }
468
- .awsui_drawer-content-side_1r9lg_1y4zq_455 > [aria-hidden=true]:not(#\9) {
468
+ .awsui_drawer-content-side_1r9lg_1csb3_455 > [aria-hidden=true]:not(#\9) {
469
469
  display: none;
470
470
  }
471
471
 
472
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1y4zq_450) > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 {
472
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_1csb3_450) > .awsui_drawer-content-bottom_1r9lg_1csb3_471 {
473
473
  overflow-y: auto;
474
474
  position: absolute;
475
475
  inset: 0;
476
476
  clip-path: border-box;
477
477
  }
478
478
 
479
- .awsui_position-bottom_1r9lg_1y4zq_478:not(#\9) {
479
+ .awsui_position-bottom_1r9lg_1csb3_478:not(#\9) {
480
480
  position: fixed;
481
481
  overflow-y: auto;
482
482
  border-block-start: var(--border-panel-top-width-7uc0w9, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
@@ -485,31 +485,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
485
485
  SplitPanel is no longer in fixed position in the DOM.
486
486
  */
487
487
  }
488
- .awsui_position-bottom_1r9lg_1y4zq_478:not(#\9):not(.awsui_refresh_1r9lg_1y4zq_201) {
488
+ .awsui_position-bottom_1r9lg_1csb3_478:not(#\9):not(.awsui_refresh_1r9lg_1csb3_201) {
489
489
  box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
490
490
  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
491
491
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-bottom-dwyqvg, #b6bec9);
492
492
  }
493
- .awsui_position-bottom_1r9lg_1y4zq_478.awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9) {
493
+ .awsui_position-bottom_1r9lg_1csb3_478.awsui_drawer-closed_1r9lg_1csb3_450:not(#\9) {
494
494
  overflow: hidden;
495
495
  }
496
- .awsui_position-bottom_1r9lg_1y4zq_478.awsui_drawer-closed_1r9lg_1y4zq_450:not(#\9):hover {
496
+ .awsui_position-bottom_1r9lg_1csb3_478.awsui_drawer-closed_1r9lg_1csb3_450:not(#\9):hover {
497
497
  background: var(--color-background-layout-panel-hover-n9apd3, #e9ebed);
498
498
  }
499
- .awsui_position-bottom_1r9lg_1y4zq_478 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > [aria-hidden=true]:not(#\9) {
499
+ .awsui_position-bottom_1r9lg_1csb3_478 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > [aria-hidden=true]:not(#\9) {
500
500
  display: none;
501
501
  }
502
- .awsui_position-bottom_1r9lg_1y4zq_478.awsui_refresh_1r9lg_1y4zq_201:not(#\9) {
502
+ .awsui_position-bottom_1r9lg_1csb3_478.awsui_refresh_1r9lg_1csb3_201:not(#\9) {
503
503
  position: relative;
504
504
  }
505
505
 
506
- .awsui_position-side_1r9lg_1y4zq_505:not(#\9) {
506
+ .awsui_position-side_1r9lg_1csb3_505:not(#\9) {
507
507
  border-block-start: none;
508
508
  box-shadow: var(--shadow-split-side-ggdtnk, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
509
509
  block-size: 100%;
510
510
  }
511
511
 
512
- .awsui_slider_1r9lg_1y4zq_511:not(#\9) {
512
+ .awsui_slider_1r9lg_1csb3_511:not(#\9) {
513
513
  padding-block: 0;
514
514
  padding-inline: 0;
515
515
  cursor: ns-resize;
@@ -519,17 +519,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
519
519
  block-size: 16px;
520
520
  touch-action: none;
521
521
  }
522
- .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
522
+ .awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
523
523
  outline: none;
524
524
  }
525
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
525
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
526
526
  position: relative;
527
527
  }
528
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus {
528
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus {
529
529
  outline: 2px dotted transparent;
530
530
  outline-offset: calc(0px - 1px);
531
531
  }
532
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus::before {
532
+ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1csb3_511:not(#\9):focus::before {
533
533
  content: " ";
534
534
  display: block;
535
535
  position: absolute;
@@ -544,14 +544,14 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
544
544
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
545
545
  }
546
546
 
547
- .awsui_slider-side_1r9lg_1y4zq_546:not(#\9) {
547
+ .awsui_slider-side_1r9lg_1csb3_546:not(#\9) {
548
548
  cursor: ew-resize;
549
549
  margin-block: 0;
550
550
  margin-inline-start: 2px;
551
551
  margin-inline-end: 0;
552
552
  }
553
553
 
554
- .awsui_slider-wrapper-bottom_1r9lg_1y4zq_553:not(#\9) {
554
+ .awsui_slider-wrapper-bottom_1r9lg_1csb3_553:not(#\9) {
555
555
  position: absolute;
556
556
  inset-block-start: 0;
557
557
  inset-inline-start: 0;
@@ -562,7 +562,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
562
562
  z-index: 2;
563
563
  }
564
564
 
565
- .awsui_slider-wrapper-side_1r9lg_1y4zq_564:not(#\9) {
565
+ .awsui_slider-wrapper-side_1r9lg_1csb3_564:not(#\9) {
566
566
  position: absolute;
567
567
  inset-inline-start: 0;
568
568
  inset-block-start: 0;
@@ -573,11 +573,11 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
573
573
  z-index: 1;
574
574
  }
575
575
 
576
- .awsui_open-button_1r9lg_1y4zq_575:not(#\9) {
576
+ .awsui_open-button_1r9lg_1csb3_575:not(#\9) {
577
577
  /* used in test-utils */
578
578
  }
579
579
 
580
- .awsui_open-button-side_1r9lg_1y4zq_579:not(#\9) {
580
+ .awsui_open-button-side_1r9lg_1csb3_579:not(#\9) {
581
581
  flex: 0 0 auto;
582
582
  align-self: flex-start;
583
583
  box-sizing: border-box;
@@ -586,21 +586,21 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
586
586
  margin-inline: auto;
587
587
  }
588
588
 
589
- .awsui_slider-icon_1r9lg_1y4zq_588:not(#\9) {
589
+ .awsui_slider-icon_1r9lg_1csb3_588:not(#\9) {
590
590
  stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
591
591
  }
592
- .awsui_slider-icon_1r9lg_1y4zq_588:not(#\9):hover {
592
+ .awsui_slider-icon_1r9lg_1csb3_588:not(#\9):hover {
593
593
  stroke: var(--color-text-interactive-hover-mj8add, #000716);
594
594
  }
595
- .awsui_slider-icon-bottom_1r9lg_1y4zq_594:not(#\9) {
595
+ .awsui_slider-icon-bottom_1r9lg_1csb3_594:not(#\9) {
596
596
  margin-block: auto;
597
597
  margin-inline: auto;
598
598
  }
599
- .awsui_slider-icon-side_1r9lg_1y4zq_598:not(#\9) {
599
+ .awsui_slider-icon-side_1r9lg_1csb3_598:not(#\9) {
600
600
  transform: rotate(90deg);
601
601
  }
602
602
 
603
- .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
603
+ .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
604
604
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
605
605
  position: sticky;
606
606
  inset-block-start: 0;
@@ -611,54 +611,54 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
611
611
  padding-block: 0;
612
612
  padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
613
613
  }
614
- .awsui_drawer-mobile_1r9lg_1y4zq_613 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
614
+ .awsui_drawer-mobile_1r9lg_1csb3_613 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
615
615
  padding-block: 0;
616
616
  padding-inline: var(--space-l-t419sm, 20px);
617
617
  }
618
- .awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602:not(#\9) {
618
+ .awsui_drawer-disable-content-paddings_1r9lg_1csb3_617 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602:not(#\9) {
619
619
  padding-block: 0;
620
620
  padding-inline: var(--space-l-t419sm, 20px);
621
621
  }
622
- :not(#\9):not(.awsui_drawer-closed_1r9lg_1y4zq_450) > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602 {
622
+ :not(#\9):not(.awsui_drawer-closed_1r9lg_1csb3_450) > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602 {
623
623
  background-color: var(--color-background-layout-panel-content-t82vgh, #ffffff);
624
624
  border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
625
625
  }
626
626
 
627
- .awsui_content-bottom_1r9lg_1y4zq_626:not(#\9) {
627
+ .awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
628
628
  padding-block: 0;
629
629
  padding-inline: var(--space-layout-content-horizontal-7l52k3, 24px);
630
630
  margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
631
631
  position: relative;
632
632
  z-index: 0;
633
633
  }
634
- .awsui_drawer-mobile_1r9lg_1y4zq_613 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_content-bottom_1r9lg_1y4zq_626:not(#\9) {
634
+ .awsui_drawer-mobile_1r9lg_1csb3_613 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
635
635
  padding-block: 0;
636
636
  padding-inline: var(--space-l-t419sm, 20px);
637
637
  }
638
- .awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617 > .awsui_drawer-content-bottom_1r9lg_1y4zq_471 > .awsui_content-bottom_1r9lg_1y4zq_626:not(#\9) {
638
+ .awsui_drawer-disable-content-paddings_1r9lg_1csb3_617 > .awsui_drawer-content-bottom_1r9lg_1csb3_471 > .awsui_content-bottom_1r9lg_1csb3_626:not(#\9) {
639
639
  padding-block: 0;
640
640
  padding-inline: 0;
641
641
  }
642
642
 
643
- .awsui_pane-bottom-center-align_1r9lg_1y4zq_642:not(#\9) {
643
+ .awsui_pane-bottom-center-align_1r9lg_1csb3_642:not(#\9) {
644
644
  display: flex;
645
645
  justify-content: center;
646
646
  }
647
647
 
648
- .awsui_pane-bottom-content-nav-padding_1r9lg_1y4zq_647:not(#\9) {
648
+ .awsui_pane-bottom-content-nav-padding_1r9lg_1csb3_647:not(#\9) {
649
649
  padding-inline-start: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
650
650
  }
651
651
 
652
- .awsui_pane-bottom-content-tools-padding_1r9lg_1y4zq_651:not(#\9) {
652
+ .awsui_pane-bottom-content-tools-padding_1r9lg_1csb3_651:not(#\9) {
653
653
  padding-inline-end: calc(var(--space-layout-toggle-diameter-hb85rk, 36px) + 2 * var(--space-layout-toggle-padding-lcu6qi, 12px));
654
654
  }
655
655
 
656
- .awsui_content-bottom-max-width_1r9lg_1y4zq_655:not(#\9) {
656
+ .awsui_content-bottom-max-width_1r9lg_1csb3_655:not(#\9) {
657
657
  flex-grow: 1;
658
658
  max-inline-size: 100%;
659
659
  }
660
660
 
661
- .awsui_content-side_1r9lg_1y4zq_660:not(#\9) {
661
+ .awsui_content-side_1r9lg_1csb3_660:not(#\9) {
662
662
  flex: auto;
663
663
  align-self: flex-start;
664
664
  box-sizing: border-box;
@@ -668,20 +668,21 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
668
668
  inset-inline: 0;
669
669
  block-size: 100%;
670
670
  }
671
- .awsui_content-side_1r9lg_1y4zq_660 > .awsui_pane-header-wrapper-side_1r9lg_1y4zq_670:not(#\9) {
671
+ .awsui_content-side_1r9lg_1csb3_660 > .awsui_pane-header-wrapper-side_1r9lg_1csb3_670:not(#\9) {
672
672
  padding-block: 0;
673
673
  padding-inline-end: var(--space-m-udix3p, 16px);
674
674
  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
675
675
  border-block-end: var(--border-panel-header-width-3w1py7, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
676
676
  }
677
- .awsui_content-side_1r9lg_1y4zq_660 > .awsui_pane-content-wrapper-side_1r9lg_1y4zq_676:not(#\9) {
677
+ .awsui_content-side_1r9lg_1csb3_660 > .awsui_pane-content-wrapper-side_1r9lg_1csb3_676:not(#\9) {
678
678
  padding-block: 0;
679
679
  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
680
680
  padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
681
681
  margin-block-start: var(--space-panel-split-top-q1pux4, 20px);
682
+ margin-block-end: var(--space-panel-split-bottom-qwdduf, 20px);
682
683
  }
683
684
 
684
- .awsui_header_1r9lg_1y4zq_683:not(#\9) {
685
+ .awsui_header_1r9lg_1csb3_684:not(#\9) {
685
686
  display: flex;
686
687
  flex: auto;
687
688
  flex-direction: row;
@@ -691,7 +692,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
691
692
  margin-block: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
692
693
  margin-inline: 0;
693
694
  }
694
- .awsui_header-text_1r9lg_1y4zq_693:not(#\9) {
695
+ .awsui_header-text_1r9lg_1csb3_694:not(#\9) {
695
696
  font-size: var(--font-panel-header-size-edjz3l, 18px);
696
697
  line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
697
698
  font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -704,7 +705,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
704
705
  margin-block-start: calc(var(--space-scaled-xxs-7597g1, 4px) + 1px);
705
706
  }
706
707
 
707
- .awsui_header-actions_1r9lg_1y4zq_706:not(#\9) {
708
+ .awsui_header-actions_1r9lg_1csb3_707:not(#\9) {
708
709
  display: flex;
709
710
  flex-direction: row;
710
711
  justify-content: space-between;
@@ -712,7 +713,7 @@ body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_1y4zq_511:not(#\9):focus
712
713
  margin-inline-start: var(--space-xs-zb16t3, 8px);
713
714
  }
714
715
 
715
- .awsui_divider_1r9lg_1y4zq_714:not(#\9) {
716
+ .awsui_divider_1r9lg_1csb3_715:not(#\9) {
716
717
  border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
717
718
  margin-block: var(--space-scaled-xxs-7597g1, 4px);
718
719
  margin-inline: var(--space-scaled-xs-26e2du, 8px);
@@ -2,62 +2,62 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "drawer": "awsui_drawer_1r9lg_1y4zq_201",
6
- "refresh": "awsui_refresh_1r9lg_1y4zq_201",
7
- "animating": "awsui_animating_1r9lg_1y4zq_215",
8
- "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_1y4zq_328",
9
- "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1y4zq_331",
10
- "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1y4zq_335",
11
- "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1y4zq_338",
12
- "preference-icon--border": "awsui_preference-icon--border_1r9lg_1y4zq_341",
13
- "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1y4zq_345",
14
- "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1y4zq_348",
15
- "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1y4zq_351",
16
- "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1y4zq_354",
17
- "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1y4zq_357",
18
- "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_1y4zq_361",
19
- "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1y4zq_364",
20
- "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1y4zq_367",
21
- "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1y4zq_370",
22
- "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1y4zq_373",
23
- "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1y4zq_376",
24
- "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1y4zq_379",
25
- "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1y4zq_383",
26
- "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1y4zq_386",
27
- "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1y4zq_389",
28
- "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1y4zq_392",
29
- "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1y4zq_395",
30
- "root": "awsui_root_1r9lg_1y4zq_399",
31
- "preferences-button": "awsui_preferences-button_1r9lg_1y4zq_434",
32
- "close-button": "awsui_close-button_1r9lg_1y4zq_438",
33
- "drawer-closed": "awsui_drawer-closed_1r9lg_1y4zq_450",
34
- "drawer-content-side": "awsui_drawer-content-side_1r9lg_1y4zq_455",
35
- "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1y4zq_471",
36
- "position-bottom": "awsui_position-bottom_1r9lg_1y4zq_478",
37
- "position-side": "awsui_position-side_1r9lg_1y4zq_505",
38
- "slider": "awsui_slider_1r9lg_1y4zq_511",
39
- "slider-side": "awsui_slider-side_1r9lg_1y4zq_546",
40
- "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1y4zq_553",
41
- "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1y4zq_564",
42
- "open-button": "awsui_open-button_1r9lg_1y4zq_575",
43
- "open-button-side": "awsui_open-button-side_1r9lg_1y4zq_579",
44
- "slider-icon": "awsui_slider-icon_1r9lg_1y4zq_588",
45
- "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1y4zq_594",
46
- "slider-icon-side": "awsui_slider-icon-side_1r9lg_1y4zq_598",
47
- "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1y4zq_602",
48
- "drawer-mobile": "awsui_drawer-mobile_1r9lg_1y4zq_613",
49
- "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1y4zq_617",
50
- "content-bottom": "awsui_content-bottom_1r9lg_1y4zq_626",
51
- "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1y4zq_642",
52
- "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1y4zq_647",
53
- "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1y4zq_651",
54
- "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1y4zq_655",
55
- "content-side": "awsui_content-side_1r9lg_1y4zq_660",
56
- "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1y4zq_670",
57
- "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1y4zq_676",
58
- "header": "awsui_header_1r9lg_1y4zq_683",
59
- "header-text": "awsui_header-text_1r9lg_1y4zq_693",
60
- "header-actions": "awsui_header-actions_1r9lg_1y4zq_706",
61
- "divider": "awsui_divider_1r9lg_1y4zq_714"
5
+ "drawer": "awsui_drawer_1r9lg_1csb3_201",
6
+ "refresh": "awsui_refresh_1r9lg_1csb3_201",
7
+ "animating": "awsui_animating_1r9lg_1csb3_215",
8
+ "preference-icon--svg": "awsui_preference-icon--svg_1r9lg_1csb3_328",
9
+ "preference-icon--layout-border": "awsui_preference-icon--layout-border_1r9lg_1csb3_331",
10
+ "preference-icon--layout-background": "awsui_preference-icon--layout-background_1r9lg_1csb3_335",
11
+ "preference-icon--layout-header": "awsui_preference-icon--layout-header_1r9lg_1csb3_338",
12
+ "preference-icon--border": "awsui_preference-icon--border_1r9lg_1csb3_341",
13
+ "preference-icon--primary-button": "awsui_preference-icon--primary-button_1r9lg_1csb3_345",
14
+ "preference-icon--secondary": "awsui_preference-icon--secondary_1r9lg_1csb3_348",
15
+ "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_1r9lg_1csb3_351",
16
+ "preference-icon--separator": "awsui_preference-icon--separator_1r9lg_1csb3_354",
17
+ "preference-icon--focus-text": "awsui_preference-icon--focus-text_1r9lg_1csb3_357",
18
+ "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_1r9lg_1csb3_361",
19
+ "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_1r9lg_1csb3_364",
20
+ "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_1r9lg_1csb3_367",
21
+ "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_1r9lg_1csb3_370",
22
+ "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_1r9lg_1csb3_373",
23
+ "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_1r9lg_1csb3_376",
24
+ "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_1r9lg_1csb3_379",
25
+ "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_1r9lg_1csb3_383",
26
+ "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_1r9lg_1csb3_386",
27
+ "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_1r9lg_1csb3_389",
28
+ "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_1r9lg_1csb3_392",
29
+ "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_1r9lg_1csb3_395",
30
+ "root": "awsui_root_1r9lg_1csb3_399",
31
+ "preferences-button": "awsui_preferences-button_1r9lg_1csb3_434",
32
+ "close-button": "awsui_close-button_1r9lg_1csb3_438",
33
+ "drawer-closed": "awsui_drawer-closed_1r9lg_1csb3_450",
34
+ "drawer-content-side": "awsui_drawer-content-side_1r9lg_1csb3_455",
35
+ "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1csb3_471",
36
+ "position-bottom": "awsui_position-bottom_1r9lg_1csb3_478",
37
+ "position-side": "awsui_position-side_1r9lg_1csb3_505",
38
+ "slider": "awsui_slider_1r9lg_1csb3_511",
39
+ "slider-side": "awsui_slider-side_1r9lg_1csb3_546",
40
+ "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1csb3_553",
41
+ "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1csb3_564",
42
+ "open-button": "awsui_open-button_1r9lg_1csb3_575",
43
+ "open-button-side": "awsui_open-button-side_1r9lg_1csb3_579",
44
+ "slider-icon": "awsui_slider-icon_1r9lg_1csb3_588",
45
+ "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_1csb3_594",
46
+ "slider-icon-side": "awsui_slider-icon-side_1r9lg_1csb3_598",
47
+ "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1csb3_602",
48
+ "drawer-mobile": "awsui_drawer-mobile_1r9lg_1csb3_613",
49
+ "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1csb3_617",
50
+ "content-bottom": "awsui_content-bottom_1r9lg_1csb3_626",
51
+ "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1csb3_642",
52
+ "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1csb3_647",
53
+ "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1csb3_651",
54
+ "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1csb3_655",
55
+ "content-side": "awsui_content-side_1r9lg_1csb3_660",
56
+ "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1csb3_670",
57
+ "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1csb3_676",
58
+ "header": "awsui_header_1r9lg_1csb3_684",
59
+ "header-text": "awsui_header-text_1r9lg_1csb3_694",
60
+ "header-actions": "awsui_header-actions_1r9lg_1csb3_707",
61
+ "divider": "awsui_divider_1r9lg_1csb3_715"
62
62
  };
63
63