@cloudscape-design/components 3.0.1345 → 3.0.1346

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/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  2. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +90 -87
  3. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  4. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  5. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +11 -11
  6. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  7. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  8. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +60 -60
  9. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  10. package/app-layout-toolbar/index.d.ts.map +1 -1
  11. package/app-layout-toolbar/index.js +1 -0
  12. package/app-layout-toolbar/index.js.map +1 -1
  13. package/expandable-section/expandable-section-container.d.ts +0 -2
  14. package/expandable-section/expandable-section-container.d.ts.map +1 -1
  15. package/expandable-section/expandable-section-container.js +2 -2
  16. package/expandable-section/expandable-section-container.js.map +1 -1
  17. package/expandable-section/expandable-section-header.d.ts +3 -1
  18. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  19. package/expandable-section/expandable-section-header.js +4 -4
  20. package/expandable-section/expandable-section-header.js.map +1 -1
  21. package/expandable-section/internal.d.ts +8 -2
  22. package/expandable-section/internal.d.ts.map +1 -1
  23. package/expandable-section/internal.js +24 -10
  24. package/expandable-section/internal.js.map +1 -1
  25. package/expandable-section/styles.css.js +43 -42
  26. package/expandable-section/styles.scoped.css +198 -143
  27. package/expandable-section/styles.selectors.js +43 -42
  28. package/flashbar/styles.css.js +50 -50
  29. package/flashbar/styles.scoped.css +153 -153
  30. package/flashbar/styles.selectors.js +50 -50
  31. package/internal/base-component/styles.scoped.css +16 -6
  32. package/internal/components/transition/index.d.ts +7 -7
  33. package/internal/components/transition/index.d.ts.map +1 -1
  34. package/internal/components/transition/index.js +4 -4
  35. package/internal/components/transition/index.js.map +1 -1
  36. package/internal/environment.js +2 -2
  37. package/internal/environment.json +2 -2
  38. package/internal/generated/styles/tokens.d.ts +9 -0
  39. package/internal/generated/styles/tokens.js +10 -1
  40. package/internal/generated/theming/index.cjs +106 -15
  41. package/internal/generated/theming/index.cjs.d.ts +18 -0
  42. package/internal/generated/theming/index.d.ts +18 -0
  43. package/internal/generated/theming/index.js +106 -15
  44. package/internal/manifest.json +1 -1
  45. package/manifest.json +2 -2
  46. package/package.json +1 -1
  47. package/side-navigation/implementation.d.ts.map +1 -1
  48. package/side-navigation/implementation.js +6 -3
  49. package/side-navigation/implementation.js.map +1 -1
  50. package/side-navigation/parts.d.ts +2 -0
  51. package/side-navigation/parts.d.ts.map +1 -1
  52. package/side-navigation/parts.js +86 -76
  53. package/side-navigation/parts.js.map +1 -1
  54. package/side-navigation/styles.css.js +64 -50
  55. package/side-navigation/styles.scoped.css +552 -106
  56. package/side-navigation/styles.selectors.js +64 -50
  57. package/side-navigation/util.d.ts +10 -0
  58. package/side-navigation/util.d.ts.map +1 -1
  59. package/side-navigation/util.js +48 -0
  60. package/side-navigation/util.js.map +1 -1
@@ -143,7 +143,7 @@
143
143
  */
144
144
  /* Style used for links in slots/components that are text heavy, to help links stand out among
145
145
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
146
- .awsui_root_l0dv0_euf7q_146:not(#\9) {
146
+ .awsui_root_l0dv0_1sgp9_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -177,11 +177,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
177
  word-break: break-word;
178
178
  }
179
179
 
180
- .awsui_with-toolbar_l0dv0_euf7q_180:not(#\9) {
180
+ .awsui_with-toolbar_l0dv0_1sgp9_180:not(#\9) {
181
181
  /* Structural class — parent context for toolbar margin resets. */
182
182
  }
183
183
 
184
- .awsui_header_l0dv0_euf7q_184:not(#\9) {
184
+ .awsui_header_l0dv0_1sgp9_184:not(#\9) {
185
185
  font-size: var(--font-panel-header-size-33h9j8, 18px);
186
186
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
187
187
  line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -194,8 +194,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
194
  padding-inline-start: var(--space-panel-nav-left-wn0n7h, 28px);
195
195
  padding-inline-end: calc(var(--space-scaled-xxl-6wgq96, 32px) + var(--space-xl-jfy3x4, 24px));
196
196
  }
197
+ .awsui_root_l0dv0_1sgp9_146:not(#\9):has(.awsui_list--with-icons_l0dv0_1sgp9_197) > .awsui_header_l0dv0_1sgp9_184 {
198
+ padding-inline-start: var(--space-scaled-l-sej05l, 20px);
199
+ }
197
200
 
198
- .awsui_header-link_l0dv0_euf7q_198:not(#\9) {
201
+ .awsui_header-link_l0dv0_1sgp9_201:not(#\9) {
199
202
  font-size: var(--font-panel-header-size-33h9j8, 18px);
200
203
  letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
201
204
  line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -206,45 +209,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
209
  min-block-size: var(--font-panel-header-line-height-8xb2qj, 22px);
207
210
  display: flex;
208
211
  }
209
- .awsui_header-link--has-logo_l0dv0_euf7q_209 > .awsui_header-link-text_l0dv0_euf7q_209:not(#\9) {
212
+ .awsui_header-link--has-logo_l0dv0_1sgp9_212 > .awsui_header-link-text_l0dv0_1sgp9_212:not(#\9) {
210
213
  font-weight: var(--font-weight-normal-cxw1m3, 400);
211
214
  align-self: center;
212
215
  }
213
216
 
214
- .awsui_header-logo_l0dv0_euf7q_214:not(#\9) {
217
+ .awsui_header-logo_l0dv0_1sgp9_217:not(#\9) {
215
218
  margin-inline-end: var(--space-s-tvghoh, 12px);
216
219
  margin-block-start: var(--space-xxxs-pajhad, 2px);
217
220
  max-inline-size: calc(1.25 * var(--size-icon-big-7pq9l3, 32px));
218
221
  align-self: flex-start;
219
222
  }
220
- .awsui_header-logo--stretched_l0dv0_euf7q_220:not(#\9) {
223
+ .awsui_header-logo--stretched_l0dv0_1sgp9_223:not(#\9) {
221
224
  max-inline-size: 100%;
222
225
  margin-inline-end: 0;
223
226
  }
224
227
 
225
- .awsui_items-control_l0dv0_euf7q_225:not(#\9) {
228
+ .awsui_items-control_l0dv0_1sgp9_228:not(#\9) {
226
229
  padding-inline: var(--space-l-2ud1p3, 20px);
227
230
  padding-block-start: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);
228
231
  }
229
232
 
230
- .awsui_list-container_l0dv0_euf7q_230:not(#\9) {
233
+ .awsui_list-container_l0dv0_1sgp9_233:not(#\9) {
231
234
  margin-block-end: var(--space-panel-content-bottom-24c6lu, 40px);
232
235
  }
233
236
 
234
- .awsui_items-control_l0dv0_euf7q_225:not(#\9),
235
- .awsui_list-container_l0dv0_euf7q_230:not(#\9) {
237
+ .awsui_items-control_l0dv0_1sgp9_228:not(#\9),
238
+ .awsui_list-container_l0dv0_1sgp9_233:not(#\9) {
236
239
  margin-block-start: calc(var(--space-panel-content-top-qvd1dr, 20px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
237
240
  }
238
- .awsui_root--collapsed_l0dv0_euf7q_238 > .awsui_items-control_l0dv0_euf7q_225:not(#\9),
239
- .awsui_root--collapsed_l0dv0_euf7q_238 > .awsui_list-container_l0dv0_euf7q_230:not(#\9) {
240
- margin-block-start: var(--space-xs-ymlm0b, 8px);
241
- }
242
- .awsui_with-toolbar_l0dv0_euf7q_180 > .awsui_divider-header_l0dv0_euf7q_242 + .awsui_items-control_l0dv0_euf7q_225:not(#\9),
243
- .awsui_with-toolbar_l0dv0_euf7q_180 > .awsui_divider-header_l0dv0_euf7q_242 + .awsui_list-container_l0dv0_euf7q_230:not(#\9) {
241
+ .awsui_with-toolbar_l0dv0_1sgp9_180 > .awsui_divider-header_l0dv0_1sgp9_241 + .awsui_items-control_l0dv0_1sgp9_228:not(#\9),
242
+ .awsui_with-toolbar_l0dv0_1sgp9_180 > .awsui_divider-header_l0dv0_1sgp9_241 + .awsui_list-container_l0dv0_1sgp9_233:not(#\9) {
244
243
  margin-block-start: calc(-1 * calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
245
244
  }
245
+ .awsui_with-toolbar_l0dv0_1sgp9_180.awsui_root--collapsed_l0dv0_1sgp9_245 > .awsui_items-control_l0dv0_1sgp9_228:not(#\9),
246
+ .awsui_with-toolbar_l0dv0_1sgp9_180.awsui_root--collapsed_l0dv0_1sgp9_245 > .awsui_list-container_l0dv0_1sgp9_233:not(#\9) {
247
+ margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
248
+ }
246
249
 
247
- .awsui_list_l0dv0_euf7q_230:not(#\9) {
250
+ .awsui_list_l0dv0_1sgp9_197:not(#\9) {
248
251
  margin-block: 0;
249
252
  margin-inline: 0;
250
253
  padding-block: 0;
@@ -252,103 +255,204 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
252
255
  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
253
256
  }
254
257
 
255
- .awsui_list-variant-root_l0dv0_euf7q_255:not(#\9) {
258
+ .awsui_list-variant-root_l0dv0_1sgp9_258:not(#\9) {
256
259
  margin-block: 0;
257
260
  margin-inline: 0;
258
261
  padding-block: 0;
259
262
  padding-inline-start: calc(var(--space-panel-nav-left-wn0n7h, 28px) - var(--space-xs-ymlm0b, 8px));
260
263
  padding-inline-end: calc(var(--space-panel-side-right-8wwirc, 24px) - var(--space-xs-ymlm0b, 8px));
261
264
  }
262
- .awsui_list-variant-root--first_l0dv0_euf7q_262:not(#\9) {
265
+ .awsui_list-variant-root--first_l0dv0_1sgp9_265:not(#\9) {
263
266
  margin-block-start: 0;
264
267
  }
265
- .awsui_list-variant-root--collapsed_l0dv0_euf7q_265:not(#\9) {
266
- padding-inline-start: 0;
267
- padding-inline-end: 0;
268
+ .awsui_list-variant-root--collapsed_l0dv0_1sgp9_268:not(#\9) {
269
+ padding-inline: calc((var(--awsui-navigation-collapsed-width-esndbs, var(--size-side-navigation-collapsed-width-3gq7nn, 52px)) - var(--size-side-navigation-item-collapsed-oesjea, 30px)) / 2);
268
270
  }
269
- .awsui_list-variant-root_l0dv0_euf7q_255.awsui_list--with-icons_l0dv0_euf7q_269:not(#\9):not(.awsui_list-variant-root--collapsed_l0dv0_euf7q_265) {
270
- padding-inline-start: calc(var(--space-panel-side-right-8wwirc, 24px) - var(--space-xs-ymlm0b, 8px));
271
+ .awsui_list-variant-root_l0dv0_1sgp9_258.awsui_list--with-icons_l0dv0_1sgp9_197:not(#\9):not(.awsui_list-variant-root--collapsed_l0dv0_1sgp9_268) {
272
+ padding-inline: calc(var(--space-scaled-l-sej05l, 20px) - var(--space-xs-ymlm0b, 8px));
271
273
  }
272
274
 
273
- .awsui_list-variant-expandable-link-group_l0dv0_euf7q_273:not(#\9) {
275
+ .awsui_list-variant-expandable-link-group_l0dv0_1sgp9_275:not(#\9) {
274
276
  padding-inline-start: calc(calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px)) + var(--space-l-2ud1p3, 20px));
275
277
  }
276
- .awsui_list-variant-expandable-link-group_l0dv0_euf7q_273.awsui_list--with-icons_l0dv0_euf7q_269:not(#\9) {
278
+ .awsui_list-variant-expandable-link-group_l0dv0_1sgp9_275.awsui_list--with-icons_l0dv0_1sgp9_197:not(#\9) {
277
279
  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
278
280
  }
281
+ .awsui_list-variant-expandable-link-group--collapsed_l0dv0_1sgp9_281:not(#\9) {
282
+ padding-inline-start: 0;
283
+ }
279
284
 
280
- .awsui_list-variant-section_l0dv0_euf7q_280:not(#\9) {
285
+ .awsui_list-variant-section_l0dv0_1sgp9_285:not(#\9) {
281
286
  padding-inline-start: calc(var(--space-l-2ud1p3, 20px) - var(--space-xs-ymlm0b, 8px));
282
287
  }
283
- .awsui_list-variant-section_l0dv0_euf7q_280.awsui_list--with-icons_l0dv0_euf7q_269:not(#\9) {
288
+ .awsui_list-variant-section_l0dv0_1sgp9_285.awsui_list--with-icons_l0dv0_1sgp9_197:not(#\9):not(.awsui_list-variant-section--collapsed_l0dv0_1sgp9_288) {
284
289
  padding-inline-start: 0;
285
290
  margin-inline-start: calc(-1 * var(--space-xs-ymlm0b, 8px));
286
291
  }
292
+ .awsui_list-variant-section--collapsed_l0dv0_1sgp9_288:not(#\9) {
293
+ padding-inline-start: 0;
294
+ margin-inline-start: 0;
295
+ }
287
296
 
288
- .awsui_list-variant-link-group_l0dv0_euf7q_288:not(#\9) {
297
+ .awsui_list-variant-link-group_l0dv0_1sgp9_297:not(#\9) {
289
298
  padding-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px) - var(--space-xs-ymlm0b, 8px));
290
299
  }
300
+ .awsui-one-theme .awsui_list-variant-link-group_l0dv0_1sgp9_297:not(#\9) {
301
+ transition: padding-inline-start var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
302
+ }
303
+ @media (prefers-reduced-motion: reduce) {
304
+ .awsui-one-theme .awsui_list-variant-link-group_l0dv0_1sgp9_297:not(#\9) {
305
+ animation: none;
306
+ transition: none;
307
+ }
308
+ }
309
+ .awsui-motion-disabled .awsui-one-theme .awsui_list-variant-link-group_l0dv0_1sgp9_297:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_list-variant-link-group_l0dv0_1sgp9_297:not(#\9) {
310
+ animation: none;
311
+ transition: none;
312
+ }
313
+ .awsui_list-variant-link-group--collapsed_l0dv0_1sgp9_313:not(#\9) {
314
+ padding-inline-start: 0;
315
+ }
316
+ .awsui-one-theme .awsui_list-variant-link-group--collapsed_l0dv0_1sgp9_313:not(#\9) {
317
+ transition: padding-inline-start var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
318
+ }
319
+ @media (prefers-reduced-motion: reduce) {
320
+ .awsui-one-theme .awsui_list-variant-link-group--collapsed_l0dv0_1sgp9_313:not(#\9) {
321
+ animation: none;
322
+ transition: none;
323
+ }
324
+ }
325
+ .awsui-motion-disabled .awsui-one-theme .awsui_list-variant-link-group--collapsed_l0dv0_1sgp9_313:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_list-variant-link-group--collapsed_l0dv0_1sgp9_313:not(#\9) {
326
+ animation: none;
327
+ transition: none;
328
+ }
329
+
330
+ .awsui_link-group-children_l0dv0_1sgp9_330:not(#\9) {
331
+ display: grid;
332
+ grid-template-rows: 1fr;
333
+ }
334
+ .awsui-one-theme .awsui_link-group-children_l0dv0_1sgp9_330:not(#\9) {
335
+ transition: grid-template-rows var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
336
+ }
337
+ @media (prefers-reduced-motion: reduce) {
338
+ .awsui-one-theme .awsui_link-group-children_l0dv0_1sgp9_330:not(#\9) {
339
+ animation: none;
340
+ transition: none;
341
+ }
342
+ }
343
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-group-children_l0dv0_1sgp9_330:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-group-children_l0dv0_1sgp9_330:not(#\9) {
344
+ animation: none;
345
+ transition: none;
346
+ }
347
+ .awsui_link-group-children--collapsed_l0dv0_1sgp9_347:not(#\9) {
348
+ grid-template-rows: 0fr;
349
+ }
350
+ .awsui-one-theme .awsui_link-group-children--collapsed_l0dv0_1sgp9_347:not(#\9) {
351
+ transition: grid-template-rows var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
352
+ }
353
+ @media (prefers-reduced-motion: reduce) {
354
+ .awsui-one-theme .awsui_link-group-children--collapsed_l0dv0_1sgp9_347:not(#\9) {
355
+ animation: none;
356
+ transition: none;
357
+ }
358
+ }
359
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-group-children--collapsed_l0dv0_1sgp9_347:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-group-children--collapsed_l0dv0_1sgp9_347:not(#\9) {
360
+ animation: none;
361
+ transition: none;
362
+ }
291
363
 
292
- .awsui_list-variant-section-group_l0dv0_euf7q_292:not(#\9) {
364
+ .awsui_link-group-children-inner_l0dv0_1sgp9_364:not(#\9) {
365
+ overflow-y: clip;
366
+ overflow-x: visible;
367
+ min-block-size: 0;
368
+ opacity: 0;
369
+ }
370
+ .awsui-one-theme .awsui_link-group-children-inner_l0dv0_1sgp9_364:not(#\9) {
371
+ transition: opacity var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
372
+ }
373
+ @media (prefers-reduced-motion: reduce) {
374
+ .awsui-one-theme .awsui_link-group-children-inner_l0dv0_1sgp9_364:not(#\9) {
375
+ animation: none;
376
+ transition: none;
377
+ }
378
+ }
379
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-group-children-inner_l0dv0_1sgp9_364:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-group-children-inner_l0dv0_1sgp9_364:not(#\9) {
380
+ animation: none;
381
+ transition: none;
382
+ }
383
+ .awsui_link-group-children-inner--expanded_l0dv0_1sgp9_383:not(#\9) {
384
+ opacity: 1;
385
+ }
386
+ .awsui-one-theme .awsui_link-group-children-inner--expanded_l0dv0_1sgp9_383:not(#\9) {
387
+ transition: opacity var(--motion-duration-side-navigation-content-enter-fade-9is49e, 0ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 4);
388
+ }
389
+ @media (prefers-reduced-motion: reduce) {
390
+ .awsui-one-theme .awsui_link-group-children-inner--expanded_l0dv0_1sgp9_383:not(#\9) {
391
+ animation: none;
392
+ transition: none;
393
+ }
394
+ }
395
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-group-children-inner--expanded_l0dv0_1sgp9_383:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-group-children-inner--expanded_l0dv0_1sgp9_383:not(#\9) {
396
+ animation: none;
397
+ transition: none;
398
+ }
399
+ .awsui_link-group-children-inner--settled_l0dv0_1sgp9_399:not(#\9) {
400
+ overflow-y: visible;
401
+ }
402
+
403
+ .awsui_list-variant-section-group_l0dv0_1sgp9_403:not(#\9) {
293
404
  margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
294
405
  margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
295
406
  padding-block: 0;
296
407
  padding-inline: 0;
297
408
  }
409
+ .awsui_list-variant-section-group--collapsed_l0dv0_1sgp9_409:not(#\9) {
410
+ margin-inline: 0;
411
+ }
298
412
 
299
- .awsui_list-item_l0dv0_euf7q_299:not(#\9) {
413
+ .awsui_list-item_l0dv0_1sgp9_413:not(#\9) {
300
414
  margin-inline: 0;
301
415
  margin-block: var(--space-side-navigation-item-default-gap-a1luyq, 0px);
302
416
  padding-block: 0;
303
417
  padding-inline: var(--space-xs-ymlm0b, 8px);
304
418
  list-style: none;
305
419
  }
306
- .awsui_list--with-icons_l0dv0_euf7q_269 > .awsui_list-item_l0dv0_euf7q_299:not(#\9) {
420
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item_l0dv0_1sgp9_413:not(#\9) {
307
421
  margin-block: var(--space-side-navigation-item-icon-gap-h45akr, 4px);
308
422
  }
309
- .awsui_list-variant-root--first_l0dv0_euf7q_262 > .awsui_list-item_l0dv0_euf7q_299:not(#\9):first-child {
423
+ .awsui_list-variant-root--first_l0dv0_1sgp9_265 > .awsui_list-item_l0dv0_1sgp9_413:not(#\9):first-child {
310
424
  margin-block-start: 0px;
311
425
  }
312
- .awsui_list-item--collapsed_l0dv0_euf7q_312:not(#\9) {
426
+ .awsui_list-item--collapsed_l0dv0_1sgp9_426:not(#\9) {
427
+ inline-size: -moz-fit-content;
428
+ inline-size: fit-content;
313
429
  margin-block: var(--space-side-navigation-item-icon-gap-h45akr, 4px);
314
- display: flex;
315
- justify-content: center;
316
430
  padding-block: 0;
317
431
  padding-inline: 0;
318
432
  }
319
- .awsui_list-item--group_l0dv0_euf7q_319:not(#\9) {
320
- padding-inline: 0;
321
- padding-block: var(--space-scaled-s-8ozaad, 12px);
322
- list-style: none;
323
- }
324
- .awsui_list-item--group-no-padding-start_l0dv0_euf7q_324:not(#\9) {
325
- padding-block-start: 0;
326
- }
327
- .awsui_list-item--group-no-padding-end_l0dv0_euf7q_327:not(#\9) {
328
- padding-block-end: 0;
329
- }
330
- .awsui_list-item--link-with-info_l0dv0_euf7q_330:not(#\9) {
433
+ .awsui_list-item--link-with-info_l0dv0_1sgp9_432:not(#\9) {
331
434
  display: flex;
332
435
  align-items: baseline;
333
436
  }
334
437
 
335
- .awsui_list--collapsed-group_l0dv0_euf7q_335:not(#\9) {
336
- margin-block: 0;
337
- margin-inline: 0;
338
- padding-block: 0;
339
- padding-inline: 0;
340
- list-style: none;
438
+ .awsui_list-item--collapsed_l0dv0_1sgp9_426.awsui_list-item--group_l0dv0_1sgp9_437:not(#\9):not(:first-child):has(> .awsui_section_l0dv0_1sgp9_437),
439
+ .awsui_list-item--collapsed_l0dv0_1sgp9_426.awsui_list-item--group_l0dv0_1sgp9_437:not(#\9):not(:first-child):has(> .awsui_section-group_l0dv0_1sgp9_438) {
440
+ margin-block-start: var(--space-scaled-xl-dunxp5, 24px);
341
441
  }
342
442
 
343
- .awsui_section_l0dv0_euf7q_343:not(#\9),
344
- .awsui_expandable-link-group_l0dv0_euf7q_344:not(#\9) {
443
+ .awsui_section_l0dv0_1sgp9_437:not(#\9),
444
+ .awsui_expandable-link-group_l0dv0_1sgp9_443:not(#\9) {
345
445
  margin-inline-start: calc(-1 * var(--space-l-2ud1p3, 20px));
346
446
  }
347
- .awsui_section--no-ident_l0dv0_euf7q_347:not(#\9), .awsui_section--expand-icon-end_l0dv0_euf7q_347:not(#\9), .awsui_expandable-link-group--no-ident_l0dv0_euf7q_348:not(#\9), .awsui_expandable-link-group--expand-icon-end_l0dv0_euf7q_349:not(#\9) {
447
+ .awsui_section--no-ident_l0dv0_1sgp9_446:not(#\9), .awsui_section--expand-icon-end_l0dv0_1sgp9_446:not(#\9), .awsui_expandable-link-group--no-ident_l0dv0_1sgp9_447:not(#\9), .awsui_expandable-link-group--expand-icon-end_l0dv0_1sgp9_448:not(#\9) {
448
+ margin-inline-start: 0;
449
+ }
450
+ .awsui_section--collapsed_l0dv0_1sgp9_451:not(#\9),
451
+ .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9) {
348
452
  margin-inline-start: 0;
349
453
  }
350
454
 
351
- .awsui_expandable-link-group_l0dv0_euf7q_344 > div:not(#\9):first-child {
455
+ .awsui_expandable-link-group_l0dv0_1sgp9_443 > div:not(#\9):first-child {
352
456
  border-start-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
353
457
  border-start-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
354
458
  border-end-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
@@ -359,47 +463,178 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
359
463
  box-sizing: content-box;
360
464
  }
361
465
 
362
- .awsui_expandable-link-group--active_l0dv0_euf7q_364 > div:not(#\9):first-child {
466
+ .awsui_expandable-link-group--active_l0dv0_1sgp9_467 > div:not(#\9):first-child {
363
467
  background-color: var(--color-background-side-navigation-item-active-adfprg, transparent);
364
468
  }
365
469
 
366
- .awsui_section_l0dv0_euf7q_343:not(#\9) {
470
+ .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471) {
471
+ overflow-x: visible;
472
+ overflow-y: visible;
473
+ inline-size: var(--size-side-navigation-item-collapsed-oesjea, 30px);
474
+ }
475
+ .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471) {
476
+ transition: inline-size 0s linear var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms);
477
+ }
478
+ @media (prefers-reduced-motion: reduce) {
479
+ .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471) {
480
+ animation: none;
481
+ transition: none;
482
+ }
483
+ }
484
+ .awsui-motion-disabled .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471), .awsui-mode-entering .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471) {
485
+ animation: none;
486
+ transition: none;
487
+ }
488
+ .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
489
+ overflow: hidden;
490
+ inline-size: 0;
491
+ block-size: 0;
492
+ padding-block: 0;
493
+ margin-block: 0;
494
+ }
495
+ .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
496
+ transition: overflow 0s linear var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms), inline-size 0s linear var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms), block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), padding-block var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
497
+ }
498
+ @media (prefers-reduced-motion: reduce) {
499
+ .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
500
+ animation: none;
501
+ transition: none;
502
+ }
503
+ }
504
+ .awsui-motion-disabled .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)), .awsui-mode-entering .awsui-one-theme .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
505
+ animation: none;
506
+ transition: none;
507
+ }
508
+ .awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452 > :not(#\9):first-child {
509
+ padding-inline: 0;
510
+ margin-inline: 0;
511
+ }
512
+
513
+ .awsui_section_l0dv0_1sgp9_437:not(#\9) {
367
514
  margin-block: calc(var(--space-scaled-2x-l-u5ida5, 20px) - var(--border-divider-section-width-uwo8my, 1px));
515
+ min-block-size: 0;
368
516
  }
369
- .awsui_section_l0dv0_euf7q_343.awsui_refresh_l0dv0_euf7q_371:not(#\9) {
517
+ .awsui_section_l0dv0_1sgp9_437.awsui_refresh_l0dv0_1sgp9_518:not(#\9) {
370
518
  margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - var(--border-divider-section-width-uwo8my, 1px));
371
519
  }
372
- .awsui_list-variant-root--first_l0dv0_euf7q_262 > .awsui_list-item_l0dv0_euf7q_299:not(#\9):first-child > .awsui_section_l0dv0_euf7q_343 {
520
+ .awsui_list-variant-root--first_l0dv0_1sgp9_265 > .awsui_list-item_l0dv0_1sgp9_413:not(#\9):first-child > .awsui_section_l0dv0_1sgp9_437 {
373
521
  margin-block-start: 0px;
374
522
  }
523
+ .awsui-one-theme .awsui_list-variant-section_l0dv0_1sgp9_285 > .awsui_list-item_l0dv0_1sgp9_413:not(#\9):last-child > .awsui_section_l0dv0_1sgp9_437 {
524
+ margin-block-end: 0px;
525
+ }
526
+
527
+ .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child {
528
+ display: grid;
529
+ grid-template-rows: 1fr;
530
+ opacity: 1;
531
+ }
532
+ .awsui-one-theme .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child {
533
+ transition: grid-template-rows var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out), padding-block var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out), opacity var(--motion-duration-side-navigation-content-enter-fade-9is49e, 0ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 4);
534
+ }
535
+ @media (prefers-reduced-motion: reduce) {
536
+ .awsui-one-theme .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child {
537
+ animation: none;
538
+ transition: none;
539
+ }
540
+ }
541
+ .awsui-motion-disabled .awsui-one-theme .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child, .awsui-mode-entering .awsui-one-theme .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child {
542
+ animation: none;
543
+ transition: none;
544
+ }
545
+ .awsui_section--collapsed_l0dv0_1sgp9_451:not(#\9) {
546
+ margin-block: 0;
547
+ }
548
+ .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child {
549
+ grid-template-rows: 0fr;
550
+ overflow: hidden;
551
+ padding-block: 0;
552
+ opacity: 0;
553
+ }
554
+ .awsui-one-theme .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child {
555
+ transition: grid-template-rows var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), padding-block var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), opacity var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
556
+ }
557
+ @media (prefers-reduced-motion: reduce) {
558
+ .awsui-one-theme .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child {
559
+ animation: none;
560
+ transition: none;
561
+ }
562
+ }
563
+ .awsui-motion-disabled .awsui-one-theme .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child, .awsui-mode-entering .awsui-one-theme .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child {
564
+ animation: none;
565
+ transition: none;
566
+ }
375
567
 
376
- .awsui_section-header_l0dv0_euf7q_378:not(#\9) {
568
+ .awsui_section-header_l0dv0_1sgp9_569:not(#\9) {
377
569
  display: contents;
378
570
  font-size: var(--font-side-navigation-section-header-size-cnrduv, inherit);
379
571
  font-weight: var(--font-side-navigation-section-header-weight-h807bs, inherit);
380
572
  }
381
573
 
382
- .awsui_section-group_l0dv0_euf7q_384:not(#\9) {
574
+ .awsui_section-group_l0dv0_1sgp9_438:not(#\9) {
383
575
  margin-block: calc(var(--space-scaled-xs-xwoogq, 8px) - var(--border-divider-section-width-uwo8my, 1px));
384
576
  margin-inline: 0;
577
+ min-block-size: 0;
385
578
  }
386
- .awsui_list-variant-root--first_l0dv0_euf7q_262 > .awsui_list-item_l0dv0_euf7q_299:not(#\9):first-child > .awsui_section-group_l0dv0_euf7q_384 {
579
+ .awsui_list-variant-root--first_l0dv0_1sgp9_265 > .awsui_list-item_l0dv0_1sgp9_413:not(#\9):first-child > .awsui_section-group_l0dv0_1sgp9_438 {
387
580
  margin-block-start: 0px;
388
581
  }
389
582
 
390
- .awsui_section-group-title_l0dv0_euf7q_392:not(#\9) {
391
- display: flex;
583
+ .awsui_section-group-title_l0dv0_1sgp9_584:not(#\9) {
584
+ display: grid;
585
+ grid-template-columns: 1fr;
392
586
  align-items: center;
587
+ overflow: hidden;
588
+ min-inline-size: 0;
589
+ margin-block: 0;
590
+ }
591
+ .awsui-one-theme .awsui_section-group-title_l0dv0_1sgp9_584:not(#\9) {
592
+ transition: grid-template-columns 0s, block-size var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out), padding-block var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
593
+ }
594
+ @media (prefers-reduced-motion: reduce) {
595
+ .awsui-one-theme .awsui_section-group-title_l0dv0_1sgp9_584:not(#\9) {
596
+ animation: none;
597
+ transition: none;
598
+ }
599
+ }
600
+ .awsui-motion-disabled .awsui-one-theme .awsui_section-group-title_l0dv0_1sgp9_584:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_section-group-title_l0dv0_1sgp9_584:not(#\9) {
601
+ animation: none;
602
+ transition: none;
603
+ }
604
+ .awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9) {
605
+ grid-template-columns: 0fr;
606
+ block-size: 0;
607
+ padding-block: 0;
393
608
  margin-block: 0;
394
609
  }
610
+ .awsui-one-theme .awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9) {
611
+ transition: grid-template-columns 0s var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms), block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), padding-block var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
612
+ }
613
+ @media (prefers-reduced-motion: reduce) {
614
+ .awsui-one-theme .awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9) {
615
+ animation: none;
616
+ transition: none;
617
+ }
618
+ }
619
+ .awsui-motion-disabled .awsui-one-theme .awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9) {
620
+ animation: none;
621
+ transition: none;
622
+ }
395
623
 
396
- .awsui_link_l0dv0_euf7q_398:not(#\9) {
624
+ .awsui_section-group-title_l0dv0_1sgp9_584.awsui_section-group-title--collapsed_l0dv0_1sgp9_605:not(#\9) {
625
+ padding-block: 0;
626
+ }
627
+
628
+ .awsui_link_l0dv0_1sgp9_330:not(#\9) {
397
629
  font-size: var(--font-size-body-m-a7nh2n, 14px);
398
630
  line-height: var(--line-height-body-m-2mh3ke, 20px);
399
631
  color: var(--color-text-side-navigation-item-default-u0ig7c, #424650);
400
632
  display: flex;
633
+ overflow: hidden;
634
+ box-sizing: border-box;
635
+ min-block-size: var(--size-side-navigation-item-height-lokap3, 28px);
401
636
  padding-block: calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2);
402
- min-inline-size: var(--size-side-navigation-item-height-lokap3, 28px);
637
+ min-inline-size: var(--size-side-navigation-item-collapsed-oesjea, 30px);
403
638
  padding-inline: var(--space-xs-ymlm0b, 8px);
404
639
  margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
405
640
  align-items: flex-start;
@@ -411,48 +646,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
411
646
  -webkit-font-smoothing: auto;
412
647
  -moz-osx-font-smoothing: auto;
413
648
  }
414
- .awsui_link-active_l0dv0_euf7q_416:not(#\9) {
649
+ .awsui-one-theme .awsui_link_l0dv0_1sgp9_330:not(#\9) {
650
+ transition: block-size var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out), background-color var(--motion-duration-responsive-mehora, 115ms) ease-in-out;
651
+ }
652
+ @media (prefers-reduced-motion: reduce) {
653
+ .awsui-one-theme .awsui_link_l0dv0_1sgp9_330:not(#\9) {
654
+ animation: none;
655
+ transition: none;
656
+ }
657
+ }
658
+ .awsui-motion-disabled .awsui-one-theme .awsui_link_l0dv0_1sgp9_330:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link_l0dv0_1sgp9_330:not(#\9) {
659
+ animation: none;
660
+ transition: none;
661
+ }
662
+ .awsui_link-active_l0dv0_1sgp9_663:not(#\9) {
415
663
  font-weight: var(--font-wayfinding-link-active-weight-ny4hup, 700);
416
664
  -webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
417
665
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
418
666
  color: var(--color-text-side-navigation-item-active-40gvpw, #006ce0);
419
667
  background-color: var(--color-background-side-navigation-item-active-adfprg, transparent);
420
668
  }
421
- .awsui_link-active_l0dv0_euf7q_416.awsui_link--collapsed_l0dv0_euf7q_423:not(#\9) {
669
+ .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9) {
422
670
  color: var(--color-text-side-navigation-item-active-collapsed-621hfg, #ffffff);
423
671
  background-color: var(--color-background-side-navigation-item-active-collapsed-jczh49, #006ce0);
424
672
  }
425
- .awsui_link-active_l0dv0_euf7q_416.awsui_link--collapsed_l0dv0_euf7q_423:not(#\9):hover {
673
+ .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):hover {
426
674
  color: var(--color-text-side-navigation-item-active-collapsed-621hfg, #ffffff);
427
675
  }
428
- .awsui_link--collapsed_l0dv0_euf7q_423:not(#\9) {
429
- padding-inline: 0;
430
- margin-inline: 0;
676
+ .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
677
+ background-color: transparent;
678
+ }
679
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9) {
680
+ transition: color var(--motion-duration-responsive-mehora, 115ms) ease-in-out, background-color var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) ease-in-out, block-size var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
681
+ }
682
+ @media (prefers-reduced-motion: reduce) {
683
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9) {
684
+ animation: none;
685
+ transition: none;
686
+ }
687
+ }
688
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9) {
689
+ animation: none;
690
+ transition: none;
691
+ }
692
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
693
+ transition: color var(--motion-duration-responsive-mehora, 115ms) ease-in-out, background-color 0ms linear var(--motion-duration-expandable-content-enter-kqyuuj, 180ms), block-size var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out);
694
+ }
695
+ @media (prefers-reduced-motion: reduce) {
696
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
697
+ animation: none;
698
+ transition: none;
699
+ }
700
+ }
701
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)), .awsui-mode-entering .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
702
+ animation: none;
703
+ transition: none;
704
+ }
705
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)).awsui_link--collapsed_l0dv0_1sgp9_670 {
706
+ transition: background-color 0ms linear, block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), min-block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
707
+ }
708
+ @media (prefers-reduced-motion: reduce) {
709
+ .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)).awsui_link--collapsed_l0dv0_1sgp9_670 {
710
+ animation: none;
711
+ transition: none;
712
+ }
713
+ }
714
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)).awsui_link--collapsed_l0dv0_1sgp9_670, .awsui-mode-entering .awsui-one-theme .awsui_link-active_l0dv0_1sgp9_663:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)).awsui_link--collapsed_l0dv0_1sgp9_670 {
715
+ animation: none;
716
+ transition: none;
717
+ }
718
+ .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9) {
431
719
  justify-content: center;
432
720
  align-items: center;
721
+ overflow: hidden;
722
+ margin-inline: 0;
433
723
  border-start-start-radius: var(--border-radius-side-navigation-item-collapsed-e8960w, 50%);
434
724
  border-start-end-radius: var(--border-radius-side-navigation-item-collapsed-e8960w, 50%);
435
725
  border-end-start-radius: var(--border-radius-side-navigation-item-collapsed-e8960w, 50%);
436
726
  border-end-end-radius: var(--border-radius-side-navigation-item-collapsed-e8960w, 50%);
437
727
  }
728
+ .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):has(.awsui_item-icon_l0dv0_1sgp9_471) {
729
+ justify-content: flex-start;
730
+ padding-inline-start: calc((var(--size-side-navigation-item-collapsed-oesjea, 30px) - var(--size-icon-normal-levt08, 16px)) / 2);
731
+ padding-inline-end: 0;
732
+ min-block-size: var(--size-side-navigation-item-collapsed-oesjea, 30px);
733
+ max-block-size: var(--size-side-navigation-item-collapsed-oesjea, 30px);
734
+ max-inline-size: -moz-fit-content;
735
+ max-inline-size: fit-content;
736
+ box-sizing: border-box;
737
+ }
738
+ .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
739
+ inline-size: 0;
740
+ min-inline-size: 0;
741
+ padding-inline: 0;
742
+ block-size: 0;
743
+ min-block-size: 0;
744
+ padding-block: 0;
745
+ margin-block: 0;
746
+ }
747
+ .awsui-one-theme .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
748
+ transition: block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out), min-block-size var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
749
+ }
750
+ @media (prefers-reduced-motion: reduce) {
751
+ .awsui-one-theme .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
752
+ animation: none;
753
+ transition: none;
754
+ }
755
+ }
756
+ .awsui-motion-disabled .awsui-one-theme .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)), .awsui-mode-entering .awsui-one-theme .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(:has(.awsui_item-icon_l0dv0_1sgp9_471)) {
757
+ animation: none;
758
+ transition: none;
759
+ }
438
760
 
439
- .awsui_header-link_l0dv0_euf7q_198:not(#\9),
440
- .awsui_link_l0dv0_euf7q_398:not(#\9) {
761
+ .awsui_header-link_l0dv0_1sgp9_201:not(#\9),
762
+ .awsui_link_l0dv0_1sgp9_330:not(#\9) {
441
763
  text-decoration: none;
442
764
  }
443
- .awsui_header-link_l0dv0_euf7q_198:not(#\9):hover,
444
- .awsui_link_l0dv0_euf7q_398:not(#\9):hover {
765
+ .awsui_header-link_l0dv0_1sgp9_201:not(#\9):hover,
766
+ .awsui_link_l0dv0_1sgp9_330:not(#\9):hover {
445
767
  color: var(--color-text-side-navigation-item-active-40gvpw, #006ce0);
446
768
  }
447
- .awsui_header-link_l0dv0_euf7q_198:not(#\9):focus,
448
- .awsui_link_l0dv0_euf7q_398:not(#\9):focus {
769
+ .awsui_header-link_l0dv0_1sgp9_201:not(#\9):focus,
770
+ .awsui_link_l0dv0_1sgp9_330:not(#\9):focus {
449
771
  outline: none;
450
772
  }
451
- .awsui_header-link_l0dv0_euf7q_198:not(#\9):hover, .awsui_header-link_l0dv0_euf7q_198:not(#\9):focus, .awsui_link_l0dv0_euf7q_398:not(#\9):hover, .awsui_link_l0dv0_euf7q_398:not(#\9):focus {
773
+ .awsui_header-link_l0dv0_1sgp9_201:not(#\9):hover, .awsui_header-link_l0dv0_1sgp9_201:not(#\9):focus, .awsui_link_l0dv0_1sgp9_330:not(#\9):hover, .awsui_link_l0dv0_1sgp9_330:not(#\9):focus {
452
774
  text-decoration: none;
453
775
  }
454
- body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_euf7q_198:not(#\9):focus,
455
- body[data-awsui-focus-visible=true] .awsui_link_l0dv0_euf7q_398:not(#\9):focus {
776
+ body[data-awsui-focus-visible=true] .awsui_header-link_l0dv0_1sgp9_201:not(#\9):focus,
777
+ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_1sgp9_330:not(#\9):focus {
456
778
  outline: thin dotted;
457
779
  outline: var(--border-link-focus-ring-outline-1p0hnu, 0);
458
780
  outline-offset: 2px;
@@ -463,68 +785,192 @@ body[data-awsui-focus-visible=true] .awsui_link_l0dv0_euf7q_398:not(#\9):focus {
463
785
  border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
464
786
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-39uvxr, 2px) var(--color-border-item-focused-ditkrb, #006ce0);
465
787
  }
788
+ .awsui_header-link-active_l0dv0_1sgp9_790.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9),
789
+ .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9) {
790
+ overflow: visible;
791
+ }
792
+ body[data-awsui-focus-visible=true] .awsui_header-link-active_l0dv0_1sgp9_790.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus,
793
+ body[data-awsui-focus-visible=true] .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus {
794
+ position: relative;
795
+ }
796
+ body[data-awsui-focus-visible=true] .awsui_header-link-active_l0dv0_1sgp9_790.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus,
797
+ body[data-awsui-focus-visible=true] .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus {
798
+ outline: 2px dotted transparent;
799
+ outline-offset: calc(4px - 1px);
800
+ }
801
+ body[data-awsui-focus-visible=true] .awsui_header-link-active_l0dv0_1sgp9_790.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus::before,
802
+ body[data-awsui-focus-visible=true] .awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):focus::before {
803
+ content: " ";
804
+ display: block;
805
+ position: absolute;
806
+ inset-inline-start: calc(-1 * 4px);
807
+ inset-block-start: calc(-1 * 4px);
808
+ inline-size: calc(100% + 4px + 4px);
809
+ block-size: calc(100% + 4px + 4px);
810
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
811
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
812
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
813
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
814
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
815
+ }
816
+
817
+ .awsui_link-text-wrapper-content_l0dv0_1sgp9_819:not(#\9) {
818
+ white-space: normal;
819
+ overflow: visible;
820
+ text-overflow: clip;
821
+ min-inline-size: 0;
822
+ }
823
+
824
+ .awsui_link-text-wrapper_l0dv0_1sgp9_819:not(#\9) {
825
+ display: grid;
826
+ grid-template-columns: 1fr;
827
+ overflow: hidden;
828
+ min-inline-size: 0;
829
+ opacity: 1;
830
+ }
831
+ .awsui-one-theme .awsui_link-text-wrapper_l0dv0_1sgp9_819:not(#\9) {
832
+ transition: grid-template-columns 0s, opacity var(--motion-duration-side-navigation-content-enter-fade-9is49e, 0ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 4);
833
+ }
834
+ @media (prefers-reduced-motion: reduce) {
835
+ .awsui-one-theme .awsui_link-text-wrapper_l0dv0_1sgp9_819:not(#\9) {
836
+ animation: none;
837
+ transition: none;
838
+ }
839
+ }
840
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-text-wrapper_l0dv0_1sgp9_819:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-text-wrapper_l0dv0_1sgp9_819:not(#\9) {
841
+ animation: none;
842
+ transition: none;
843
+ }
844
+ .awsui_link-text-wrapper--collapsed_l0dv0_1sgp9_846:not(#\9) {
845
+ grid-template-columns: 0fr;
846
+ opacity: 0;
847
+ }
848
+ .awsui-one-theme .awsui_link-text-wrapper--collapsed_l0dv0_1sgp9_846:not(#\9) {
849
+ transition: grid-template-columns 0s var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms), opacity var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
850
+ }
851
+ @media (prefers-reduced-motion: reduce) {
852
+ .awsui-one-theme .awsui_link-text-wrapper--collapsed_l0dv0_1sgp9_846:not(#\9) {
853
+ animation: none;
854
+ transition: none;
855
+ }
856
+ }
857
+ .awsui-motion-disabled .awsui-one-theme .awsui_link-text-wrapper--collapsed_l0dv0_1sgp9_846:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link-text-wrapper--collapsed_l0dv0_1sgp9_846:not(#\9) {
858
+ animation: none;
859
+ transition: none;
860
+ }
466
861
 
467
- .awsui_link-text-wrapper_l0dv0_euf7q_471:not(#\9) {
862
+ .awsui_label-text_l0dv0_1sgp9_864:not(#\9) {
863
+ opacity: 1;
864
+ white-space: normal;
865
+ overflow: visible;
866
+ text-overflow: clip;
468
867
  min-inline-size: 0;
469
868
  }
869
+ .awsui-one-theme .awsui_label-text_l0dv0_1sgp9_864:not(#\9) {
870
+ transition: opacity var(--motion-duration-side-navigation-content-enter-fade-9is49e, 0ms) var(--motion-easing-expandable-content-enter-5fw5v8, ease-out) calc(var(--motion-duration-expandable-content-enter-kqyuuj, 180ms) / 4);
871
+ }
872
+ @media (prefers-reduced-motion: reduce) {
873
+ .awsui-one-theme .awsui_label-text_l0dv0_1sgp9_864:not(#\9) {
874
+ animation: none;
875
+ transition: none;
876
+ }
877
+ }
878
+ .awsui-motion-disabled .awsui-one-theme .awsui_label-text_l0dv0_1sgp9_864:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_label-text_l0dv0_1sgp9_864:not(#\9) {
879
+ animation: none;
880
+ transition: none;
881
+ }
882
+ .awsui_label-text--collapsed_l0dv0_1sgp9_884:not(#\9) {
883
+ opacity: 0;
884
+ overflow: hidden;
885
+ white-space: nowrap;
886
+ }
887
+ .awsui-one-theme .awsui_label-text--collapsed_l0dv0_1sgp9_884:not(#\9) {
888
+ transition: opacity var(--motion-duration-side-navigation-content-exit-fade-ydl422, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
889
+ }
890
+ @media (prefers-reduced-motion: reduce) {
891
+ .awsui-one-theme .awsui_label-text--collapsed_l0dv0_1sgp9_884:not(#\9) {
892
+ animation: none;
893
+ transition: none;
894
+ }
895
+ }
896
+ .awsui-motion-disabled .awsui-one-theme .awsui_label-text--collapsed_l0dv0_1sgp9_884:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_label-text--collapsed_l0dv0_1sgp9_884:not(#\9) {
897
+ animation: none;
898
+ transition: none;
899
+ }
470
900
 
471
- .awsui_info_l0dv0_euf7q_475:not(#\9) {
901
+ .awsui_info_l0dv0_1sgp9_903:not(#\9) {
472
902
  margin-inline-start: var(--space-s-tvghoh, 12px);
473
903
  flex-shrink: 0;
474
904
  }
475
905
 
476
- .awsui_item-icon_l0dv0_euf7q_480:not(#\9) {
906
+ .awsui_item-icon_l0dv0_1sgp9_471:not(#\9) {
477
907
  display: inline-flex;
478
908
  flex-shrink: 0;
479
909
  }
480
- .awsui_item-icon_l0dv0_euf7q_480:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_euf7q_484) {
910
+ .awsui-one-theme .awsui_item-icon_l0dv0_1sgp9_471:not(#\9) {
911
+ transition: color var(--motion-duration-responsive-mehora, 115ms) var(--motion-easing-responsive-hjj3ai, cubic-bezier(0, 0, 0, 1)), margin-inline-end var(--motion-duration-side-navigation-content-exit-6sbfiy, 0ms) var(--motion-easing-side-navigation-content-exit-v820ow, ease-out);
912
+ }
913
+ @media (prefers-reduced-motion: reduce) {
914
+ .awsui-one-theme .awsui_item-icon_l0dv0_1sgp9_471:not(#\9) {
915
+ animation: none;
916
+ transition: none;
917
+ }
918
+ }
919
+ .awsui-motion-disabled .awsui-one-theme .awsui_item-icon_l0dv0_1sgp9_471:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_item-icon_l0dv0_1sgp9_471:not(#\9) {
920
+ animation: none;
921
+ transition: none;
922
+ }
923
+ .awsui_item-icon_l0dv0_1sgp9_471:not(#\9):not(.awsui_item-icon--collapsed_l0dv0_1sgp9_925) {
481
924
  margin-inline-end: var(--space-xs-ymlm0b, 8px);
482
925
  }
483
926
 
484
- .awsui_external-icon_l0dv0_euf7q_488:not(#\9) {
927
+ .awsui_external-icon_l0dv0_1sgp9_929:not(#\9) {
485
928
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
486
929
  }
487
930
 
488
- .awsui_divider_l0dv0_euf7q_242:not(#\9) {
931
+ .awsui_divider_l0dv0_1sgp9_241:not(#\9) {
489
932
  border-block: none;
490
933
  border-inline: none;
491
934
  }
492
- .awsui_divider-default_l0dv0_euf7q_496:not(#\9) {
935
+ .awsui_divider-default_l0dv0_1sgp9_937:not(#\9) {
493
936
  margin-block: calc(var(--space-scaled-2x-xl-he48nr, 24px) - calc((var(--size-side-navigation-item-height-lokap3, 28px) - var(--line-height-body-m-2mh3ke, 20px)) / 2));
494
937
  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
495
938
  }
496
- .awsui_divider-default_l0dv0_euf7q_496.awsui_divider--collapsed_l0dv0_euf7q_500:not(#\9) {
939
+ .awsui_divider-default_l0dv0_1sgp9_937.awsui_divider--collapsed_l0dv0_1sgp9_941:not(#\9) {
497
940
  margin-block: var(--space-scaled-2x-m-4euqsk, 16px);
498
- margin-inline: var(--space-xs-ymlm0b, 8px);
499
941
  }
500
- .awsui_divider-header_l0dv0_euf7q_242:not(#\9) {
942
+ .awsui_divider-header_l0dv0_1sgp9_241:not(#\9) {
501
943
  margin-block: 0;
502
944
  border-block-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-panel-header-j4pvsn, #c6c6cd);
503
945
  }
504
- .awsui_with-toolbar_l0dv0_euf7q_180 > .awsui_divider-header_l0dv0_euf7q_242:not(#\9) {
946
+ .awsui_with-toolbar_l0dv0_1sgp9_180 > .awsui_divider-header_l0dv0_1sgp9_241:not(#\9) {
505
947
  border-color: transparent;
506
948
  }
507
949
 
508
- .awsui_list--with-icons_l0dv0_euf7q_269 > .awsui_list-item_l0dv0_euf7q_299 > .awsui_link_l0dv0_euf7q_398:not(#\9):not(.awsui_link-active_l0dv0_euf7q_416.awsui_link--collapsed_l0dv0_euf7q_423):hover {
509
- background-color: var(--color-background-side-navigation-item-icon-hover-c8r9nb, #f0fbff);
950
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item_l0dv0_1sgp9_413 > .awsui_link_l0dv0_1sgp9_330:not(#\9):not(.awsui_link-active_l0dv0_1sgp9_663.awsui_link--collapsed_l0dv0_1sgp9_670):hover {
951
+ background-color: var(--color-background-side-navigation-item-icon-hover-e5eh06, #f0fbff);
510
952
  }
511
- .awsui_list--with-icons_l0dv0_euf7q_269 > .awsui_list-item_l0dv0_euf7q_299 > .awsui_expandable-link-group_l0dv0_euf7q_344 > div:not(#\9):first-child:hover {
512
- background-color: var(--color-background-side-navigation-item-icon-hover-c8r9nb, #f0fbff);
953
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item_l0dv0_1sgp9_413 > .awsui_expandable-link-group_l0dv0_1sgp9_443:not(#\9):not(.awsui_expandable-link-group--collapsed_l0dv0_1sgp9_452) > div:first-child:hover {
954
+ background-color: var(--color-background-side-navigation-item-icon-hover-e5eh06, #f0fbff);
513
955
  }
514
- .awsui_list--with-icons_l0dv0_euf7q_269 > .awsui_list-item_l0dv0_euf7q_299 > .awsui_section_l0dv0_euf7q_343 > :not(#\9):first-child {
956
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item_l0dv0_1sgp9_413 > .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child {
515
957
  border-start-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
516
958
  border-start-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
517
959
  border-end-start-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
518
960
  border-end-end-radius: var(--border-radius-side-navigation-item-okro0s, 8px);
519
- display: flex;
961
+ display: grid;
520
962
  padding-inline: var(--space-xs-ymlm0b, 8px);
521
963
  margin-inline: calc(-1 * var(--space-xs-ymlm0b, 8px));
522
964
  box-sizing: content-box;
523
965
  }
524
- .awsui_list--with-icons_l0dv0_euf7q_269 > .awsui_list-item_l0dv0_euf7q_299 > .awsui_section_l0dv0_euf7q_343 > :not(#\9):first-child:hover {
525
- background-color: var(--color-background-side-navigation-item-icon-hover-c8r9nb, #f0fbff);
966
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item_l0dv0_1sgp9_413 > .awsui_section_l0dv0_1sgp9_437 > :not(#\9):first-child:hover {
967
+ background-color: var(--color-background-side-navigation-item-icon-hover-e5eh06, #f0fbff);
968
+ }
969
+ .awsui_list--with-icons_l0dv0_1sgp9_197 > .awsui_list-item--collapsed_l0dv0_1sgp9_426 > .awsui_section--collapsed_l0dv0_1sgp9_451 > :not(#\9):first-child {
970
+ padding-inline: 0;
971
+ margin-inline: 0;
526
972
  }
527
973
 
528
- .awsui_link--collapsed_l0dv0_euf7q_423:not(#\9):not(.awsui_link-active_l0dv0_euf7q_416):hover {
529
- background-color: var(--color-background-side-navigation-item-icon-hover-c8r9nb, #f0fbff);
974
+ .awsui_link--collapsed_l0dv0_1sgp9_670:not(#\9):not(.awsui_link-active_l0dv0_1sgp9_663):hover {
975
+ background-color: var(--color-background-side-navigation-item-icon-hover-e5eh06, #f0fbff);
530
976
  }