@cloudscape-design/components 3.0.617 → 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.
Files changed (60) hide show
  1. package/app-layout/classic.d.ts +5 -5
  2. package/app-layout/classic.d.ts.map +1 -1
  3. package/app-layout/classic.js +17 -16
  4. package/app-layout/classic.js.map +1 -1
  5. package/app-layout/implementation.d.ts +5 -5
  6. package/app-layout/interfaces.d.ts +5 -5
  7. package/app-layout/interfaces.d.ts.map +1 -1
  8. package/app-layout/interfaces.js.map +1 -1
  9. package/app-layout/internal.d.ts +5 -5
  10. package/app-layout/utils/use-app-layout-placement.d.ts +5 -5
  11. package/app-layout/utils/use-app-layout-placement.d.ts.map +1 -1
  12. package/app-layout/utils/use-app-layout-placement.js +10 -5
  13. package/app-layout/utils/use-app-layout-placement.js.map +1 -1
  14. package/app-layout/utils/use-keyboard-events.d.ts +1 -1
  15. package/app-layout/utils/use-keyboard-events.d.ts.map +1 -1
  16. package/app-layout/utils/use-keyboard-events.js +24 -29
  17. package/app-layout/utils/use-keyboard-events.js.map +1 -1
  18. package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  19. package/app-layout/utils/use-pointer-events.js +6 -5
  20. package/app-layout/utils/use-pointer-events.js.map +1 -1
  21. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  22. package/app-layout/visual-refresh/context.js +10 -9
  23. package/app-layout/visual-refresh/context.js.map +1 -1
  24. package/app-layout/visual-refresh/index.d.ts +5 -5
  25. package/app-layout/visual-refresh/styles.css.js +81 -81
  26. package/app-layout/visual-refresh/styles.scoped.css +170 -167
  27. package/app-layout/visual-refresh/styles.selectors.js +81 -81
  28. package/internal/direction.d.ts +8 -1
  29. package/internal/direction.d.ts.map +1 -1
  30. package/internal/direction.js +17 -4
  31. package/internal/direction.js.map +1 -1
  32. package/internal/environment.js +1 -1
  33. package/internal/environment.json +1 -1
  34. package/internal/manifest.json +1 -1
  35. package/internal/utils/handle-key.d.ts +2 -1
  36. package/internal/utils/handle-key.d.ts.map +1 -1
  37. package/internal/utils/handle-key.js +7 -4
  38. package/internal/utils/handle-key.js.map +1 -1
  39. package/package.json +1 -1
  40. package/split-panel/bottom.js +4 -4
  41. package/split-panel/bottom.js.map +1 -1
  42. package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  43. package/split-panel/icons/bottom-icon-refresh.js +1 -1
  44. package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  45. package/split-panel/icons/bottom-icon.d.ts.map +1 -1
  46. package/split-panel/icons/bottom-icon.js +1 -1
  47. package/split-panel/icons/bottom-icon.js.map +1 -1
  48. package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  49. package/split-panel/icons/side-position-refresh.js +1 -1
  50. package/split-panel/icons/side-position-refresh.js.map +1 -1
  51. package/split-panel/icons/side-position.d.ts.map +1 -1
  52. package/split-panel/icons/side-position.js +1 -1
  53. package/split-panel/icons/side-position.js.map +1 -1
  54. package/split-panel/styles.css.js +57 -55
  55. package/split-panel/styles.scoped.css +171 -75
  56. package/split-panel/styles.selectors.js +57 -55
  57. package/table/resizer/index.js +2 -2
  58. package/table/resizer/index.js.map +1 -1
  59. package/tabs/scroll-utils.js +2 -2
  60. 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
- .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201:not(#\9) {
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
- .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201:not(#\9) {
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 .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201:not(#\9) {
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
- .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201.awsui_animating_1r9lg_5jcsd_215:not(#\9) {
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
- .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201.awsui_animating_1r9lg_5jcsd_215:not(#\9) {
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 .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201.awsui_animating_1r9lg_5jcsd_215:not(#\9), .awsui-mode-entering .awsui_drawer_1r9lg_5jcsd_201.awsui_refresh_1r9lg_5jcsd_201.awsui_animating_1r9lg_5jcsd_215:not(#\9) {
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
- .awsui_preference-icon--layout-border_1r9lg_5jcsd_238:not(#\9) {
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-background_1r9lg_5jcsd_242:not(#\9) {
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-header_1r9lg_5jcsd_245:not(#\9) {
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--border_1r9lg_5jcsd_248:not(#\9) {
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-button_1r9lg_5jcsd_252:not(#\9) {
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--secondary_1r9lg_5jcsd_255:not(#\9) {
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-element_1r9lg_5jcsd_258:not(#\9) {
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--separator_1r9lg_5jcsd_261:not(#\9) {
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-text_1r9lg_5jcsd_264:not(#\9) {
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--layout-top_1r9lg_5jcsd_268:not(#\9) {
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-main_1r9lg_5jcsd_271:not(#\9) {
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--primary_1r9lg_5jcsd_274:not(#\9) {
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--disabled_1r9lg_5jcsd_277:not(#\9) {
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-header_1r9lg_5jcsd_280:not(#\9) {
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--window_1r9lg_5jcsd_283:not(#\9) {
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--secondary_1r9lg_5jcsd_287:not(#\9) {
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--default_1r9lg_5jcsd_290:not(#\9) {
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--separator_1r9lg_5jcsd_293:not(#\9) {
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-default_1r9lg_5jcsd_296:not(#\9) {
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--heading_1r9lg_5jcsd_299:not(#\9) {
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
- .awsui_root_1r9lg_5jcsd_303:not(#\9) {
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-button_1r9lg_5jcsd_338:not(#\9) {
435
+ .awsui_preferences-button_1r9lg_19mex_434:not(#\9) {
340
436
  /* used in test-utils */
341
437
  }
342
438
 
343
- .awsui_close-button_1r9lg_5jcsd_342:not(#\9) {
439
+ .awsui_close-button_1r9lg_19mex_438:not(#\9) {
344
440
  /* used in test-utils */
345
441
  }
346
442
 
347
- .awsui_drawer_1r9lg_5jcsd_201:not(#\9) {
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-closed_1r9lg_5jcsd_354:not(#\9) {
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-side_1r9lg_5jcsd_359:not(#\9) {
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-closed_1r9lg_5jcsd_354 > .awsui_drawer-content-side_1r9lg_5jcsd_359:not(#\9) {
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-closed_1r9lg_5jcsd_354 > .awsui_drawer-content-side_1r9lg_5jcsd_359:not(#\9):hover {
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-side_1r9lg_5jcsd_359 > [aria-hidden=true]:not(#\9) {
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-closed_1r9lg_5jcsd_354) > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 {
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-bottom_1r9lg_5jcsd_381:not(#\9) {
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-bottom_1r9lg_5jcsd_381:not(#\9):not(.awsui_refresh_1r9lg_5jcsd_201) {
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-bottom_1r9lg_5jcsd_381.awsui_drawer-closed_1r9lg_5jcsd_354:not(#\9) {
492
+ .awsui_position-bottom_1r9lg_19mex_477.awsui_drawer-closed_1r9lg_19mex_450:not(#\9) {
397
493
  overflow: hidden;
398
494
  }
399
- .awsui_position-bottom_1r9lg_5jcsd_381.awsui_drawer-closed_1r9lg_5jcsd_354:not(#\9):hover {
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-bottom_1r9lg_5jcsd_381 > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > [aria-hidden=true]:not(#\9) {
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-bottom_1r9lg_5jcsd_381.awsui_refresh_1r9lg_5jcsd_201:not(#\9) {
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-side_1r9lg_5jcsd_408:not(#\9) {
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
- .awsui_slider_1r9lg_5jcsd_414:not(#\9) {
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
- .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus {
521
+ .awsui_slider_1r9lg_19mex_510:not(#\9):focus {
426
522
  outline: none;
427
523
  }
428
- body[data-awsui-focus-visible=true] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus {
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] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus {
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] .awsui_slider_1r9lg_5jcsd_414:not(#\9):focus::before {
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-side_1r9lg_5jcsd_449:not(#\9) {
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-bottom_1r9lg_5jcsd_456:not(#\9) {
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-side_1r9lg_5jcsd_467:not(#\9) {
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-button_1r9lg_5jcsd_478:not(#\9) {
575
+ .awsui_open-button_1r9lg_19mex_574:not(#\9) {
480
576
  /* used in test-utils */
481
577
  }
482
578
 
483
- .awsui_open-button-side_1r9lg_5jcsd_482:not(#\9) {
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-icon_1r9lg_5jcsd_491:not(#\9) {
588
+ .awsui_slider-icon_1r9lg_19mex_587:not(#\9) {
493
589
  stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
494
590
  }
495
- .awsui_slider-icon_1r9lg_5jcsd_491:not(#\9):hover {
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-bottom_1r9lg_5jcsd_497:not(#\9) {
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-side_1r9lg_5jcsd_501:not(#\9) {
598
+ .awsui_slider-icon-side_1r9lg_19mex_597:not(#\9) {
503
599
  transform: rotate(90deg);
504
600
  }
505
601
 
506
- .awsui_pane-header-wrapper-bottom_1r9lg_5jcsd_505:not(#\9) {
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-mobile_1r9lg_5jcsd_516 > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > .awsui_pane-header-wrapper-bottom_1r9lg_5jcsd_505:not(#\9) {
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-paddings_1r9lg_5jcsd_520 > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > .awsui_pane-header-wrapper-bottom_1r9lg_5jcsd_505:not(#\9) {
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-closed_1r9lg_5jcsd_354) > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > .awsui_pane-header-wrapper-bottom_1r9lg_5jcsd_505 {
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-bottom_1r9lg_5jcsd_529:not(#\9) {
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-mobile_1r9lg_5jcsd_516 > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > .awsui_content-bottom_1r9lg_5jcsd_529:not(#\9) {
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-paddings_1r9lg_5jcsd_520 > .awsui_drawer-content-bottom_1r9lg_5jcsd_375 > .awsui_content-bottom_1r9lg_5jcsd_529:not(#\9) {
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-align_1r9lg_5jcsd_545:not(#\9) {
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-padding_1r9lg_5jcsd_550:not(#\9) {
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-padding_1r9lg_5jcsd_554:not(#\9) {
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-width_1r9lg_5jcsd_558:not(#\9) {
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-side_1r9lg_5jcsd_563:not(#\9) {
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-side_1r9lg_5jcsd_563 > .awsui_pane-header-wrapper-side_1r9lg_5jcsd_573:not(#\9) {
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-side_1r9lg_5jcsd_563 > .awsui_pane-content-wrapper-side_1r9lg_5jcsd_579:not(#\9) {
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
- .awsui_header_1r9lg_5jcsd_586:not(#\9) {
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-text_1r9lg_5jcsd_596:not(#\9) {
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-actions_1r9lg_5jcsd_609:not(#\9) {
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
- .awsui_divider_1r9lg_5jcsd_617:not(#\9) {
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);