@cloudscape-design/components-themeable 3.0.1315 → 3.0.1316

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 (83) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/link/styles.scss +16 -0
  4. package/lib/internal/scss/side-navigation/styles.scss +221 -48
  5. package/lib/internal/scss/side-navigation/test-classes/styles.scss +4 -0
  6. package/lib/internal/scss/top-navigation/test-classes/styles.scss +8 -0
  7. package/lib/internal/template/file-token-group/file-token.d.ts.map +1 -1
  8. package/lib/internal/template/file-token-group/file-token.js +33 -27
  9. package/lib/internal/template/file-token-group/file-token.js.map +1 -1
  10. package/lib/internal/template/internal/base-component/styles.scoped.css +13 -1
  11. package/lib/internal/template/internal/breakpoints.d.ts +1 -1
  12. package/lib/internal/template/internal/breakpoints.d.ts.map +1 -1
  13. package/lib/internal/template/internal/breakpoints.js +25 -3
  14. package/lib/internal/template/internal/breakpoints.js.map +1 -1
  15. package/lib/internal/template/internal/environment.js +2 -2
  16. package/lib/internal/template/internal/environment.json +2 -2
  17. package/lib/internal/template/internal/generated/styles/tokens.d.ts +5 -0
  18. package/lib/internal/template/internal/generated/styles/tokens.js +5 -0
  19. package/lib/internal/template/internal/generated/theming/index.cjs +99 -0
  20. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +36 -0
  21. package/lib/internal/template/internal/generated/theming/index.d.ts +36 -0
  22. package/lib/internal/template/internal/generated/theming/index.js +99 -0
  23. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
  24. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.js +2 -1
  25. package/lib/internal/template/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
  26. package/lib/internal/template/link/internal.js +1 -1
  27. package/lib/internal/template/link/internal.js.map +1 -1
  28. package/lib/internal/template/link/styles.css.js +21 -21
  29. package/lib/internal/template/link/styles.scoped.css +118 -72
  30. package/lib/internal/template/link/styles.selectors.js +21 -21
  31. package/lib/internal/template/prompt-input/index.d.ts.map +1 -1
  32. package/lib/internal/template/prompt-input/index.js +3 -1
  33. package/lib/internal/template/prompt-input/index.js.map +1 -1
  34. package/lib/internal/template/side-navigation/implementation.d.ts +1 -1
  35. package/lib/internal/template/side-navigation/implementation.d.ts.map +1 -1
  36. package/lib/internal/template/side-navigation/implementation.js +4 -4
  37. package/lib/internal/template/side-navigation/implementation.js.map +1 -1
  38. package/lib/internal/template/side-navigation/index.d.ts +1 -1
  39. package/lib/internal/template/side-navigation/index.d.ts.map +1 -1
  40. package/lib/internal/template/side-navigation/index.js +5 -3
  41. package/lib/internal/template/side-navigation/index.js.map +1 -1
  42. package/lib/internal/template/side-navigation/interfaces.d.ts +20 -1
  43. package/lib/internal/template/side-navigation/interfaces.d.ts.map +1 -1
  44. package/lib/internal/template/side-navigation/interfaces.js.map +1 -1
  45. package/lib/internal/template/side-navigation/parts.d.ts +3 -2
  46. package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
  47. package/lib/internal/template/side-navigation/parts.js +147 -37
  48. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  49. package/lib/internal/template/side-navigation/styles.css.js +46 -30
  50. package/lib/internal/template/side-navigation/styles.scoped.css +223 -74
  51. package/lib/internal/template/side-navigation/styles.selectors.js +46 -30
  52. package/lib/internal/template/side-navigation/test-classes/styles.css.js +2 -1
  53. package/lib/internal/template/side-navigation/test-classes/styles.scoped.css +5 -1
  54. package/lib/internal/template/side-navigation/test-classes/styles.selectors.js +2 -1
  55. package/lib/internal/template/test-utils/dom/top-navigation/index.d.ts +2 -1
  56. package/lib/internal/template/test-utils/dom/top-navigation/index.js +4 -0
  57. package/lib/internal/template/test-utils/dom/top-navigation/index.js.map +1 -1
  58. package/lib/internal/template/test-utils/selectors/top-navigation/index.d.ts +1 -0
  59. package/lib/internal/template/test-utils/selectors/top-navigation/index.js +4 -0
  60. package/lib/internal/template/test-utils/selectors/top-navigation/index.js.map +1 -1
  61. package/lib/internal/template/token/internal.d.ts +18 -2
  62. package/lib/internal/template/token/internal.d.ts.map +1 -1
  63. package/lib/internal/template/token/internal.js +20 -9
  64. package/lib/internal/template/token/internal.js.map +1 -1
  65. package/lib/internal/template/top-navigation/index.d.ts +1 -1
  66. package/lib/internal/template/top-navigation/index.d.ts.map +1 -1
  67. package/lib/internal/template/top-navigation/index.js +2 -2
  68. package/lib/internal/template/top-navigation/index.js.map +1 -1
  69. package/lib/internal/template/top-navigation/interfaces.d.ts +14 -1
  70. package/lib/internal/template/top-navigation/interfaces.d.ts.map +1 -1
  71. package/lib/internal/template/top-navigation/interfaces.js.map +1 -1
  72. package/lib/internal/template/top-navigation/internal.d.ts +2 -2
  73. package/lib/internal/template/top-navigation/internal.d.ts.map +1 -1
  74. package/lib/internal/template/top-navigation/internal.js +42 -21
  75. package/lib/internal/template/top-navigation/internal.js.map +1 -1
  76. package/lib/internal/template/top-navigation/test-classes/styles.css.js +6 -0
  77. package/lib/internal/template/top-navigation/test-classes/styles.scoped.css +7 -0
  78. package/lib/internal/template/top-navigation/test-classes/styles.selectors.js +7 -0
  79. package/lib/internal/template/top-navigation/use-top-navigation.d.ts +5 -0
  80. package/lib/internal/template/top-navigation/use-top-navigation.d.ts.map +1 -1
  81. package/lib/internal/template/top-navigation/use-top-navigation.js +12 -5
  82. package/lib/internal/template/top-navigation/use-top-navigation.js.map +1 -1
  83. package/package.json +1 -1
package/lib/internal/template/link/styles.scoped.css CHANGED
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_link_4c84z_1c1ni_145:not(#\9) {
145
+ .awsui_link_4c84z_1kln3_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -189,30 +189,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
189
189
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
190
190
  }
191
191
  @media (prefers-reduced-motion: reduce) {
192
- .awsui_link_4c84z_1c1ni_145:not(#\9) {
192
+ .awsui_link_4c84z_1kln3_145:not(#\9) {
193
193
  animation: none;
194
194
  transition: none;
195
195
  }
196
196
  }
197
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145:not(#\9) {
197
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145:not(#\9) {
198
198
  animation: none;
199
199
  transition: none;
200
200
  }
201
- .awsui_link_4c84z_1c1ni_145:not(#\9):hover {
201
+ .awsui_link_4c84z_1kln3_145:not(#\9):hover {
202
202
  cursor: pointer;
203
203
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
204
204
  }
205
- .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
205
+ .awsui_link_4c84z_1kln3_145:not(#\9):focus {
206
206
  outline: none;
207
207
  }
208
- .awsui_link_4c84z_1c1ni_145:not(#\9):active {
208
+ .awsui_link_4c84z_1kln3_145:not(#\9):active {
209
209
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
210
210
  }
211
- .awsui_link_4c84z_1c1ni_145:not(#\9):active, .awsui_link_4c84z_1c1ni_145:not(#\9):focus, .awsui_link_4c84z_1c1ni_145:not(#\9):hover {
211
+ .awsui_link_4c84z_1kln3_145:not(#\9):active, .awsui_link_4c84z_1kln3_145:not(#\9):focus, .awsui_link_4c84z_1kln3_145:not(#\9):hover {
212
212
  text-decoration-line: underline;
213
213
  text-decoration-color: currentColor;
214
214
  }
215
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
215
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
216
216
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
217
217
  font-weight: var(--font-link-button-weight-bnpz8h, 400);
218
218
  letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
@@ -224,30 +224,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
225
225
  }
226
226
  @media (prefers-reduced-motion: reduce) {
227
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
227
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
228
228
  animation: none;
229
229
  transition: none;
230
230
  }
231
231
  }
232
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9) {
232
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9) {
233
233
  animation: none;
234
234
  transition: none;
235
235
  }
236
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):hover {
236
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
237
237
  cursor: pointer;
238
238
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
239
239
  }
240
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):focus {
240
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus {
241
241
  outline: none;
242
242
  }
243
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):active {
243
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active {
244
244
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
245
245
  }
246
- .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-recovery_4c84z_1c1ni_213:not(#\9):hover {
246
+ .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-recovery_4c84z_1kln3_213:not(#\9):hover {
247
247
  text-decoration-line: underline;
248
248
  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
249
249
  }
250
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
250
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
251
251
  -webkit-font-smoothing: inherit;
252
252
  -moz-osx-font-smoothing: inherit;
253
253
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
@@ -261,30 +261,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
261
261
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
262
262
  }
263
263
  @media (prefers-reduced-motion: reduce) {
264
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
264
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
265
265
  animation: none;
266
266
  transition: none;
267
267
  }
268
268
  }
269
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9) {
269
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9) {
270
270
  animation: none;
271
271
  transition: none;
272
272
  }
273
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):hover {
273
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
274
274
  cursor: pointer;
275
275
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
276
276
  }
277
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):focus {
277
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus {
278
278
  outline: none;
279
279
  }
280
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):active {
280
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active {
281
281
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
282
282
  }
283
- .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-secondary_4c84z_1c1ni_246:not(#\9):hover {
283
+ .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-secondary_4c84z_1kln3_246:not(#\9):hover {
284
284
  text-decoration-line: underline;
285
285
  text-decoration-color: currentColor;
286
286
  }
287
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
287
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
288
288
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
289
289
  font-weight: inherit;
290
290
  letter-spacing: normal;
@@ -296,30 +296,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
296
296
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
297
297
  }
298
298
  @media (prefers-reduced-motion: reduce) {
299
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
299
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
300
300
  animation: none;
301
301
  transition: none;
302
302
  }
303
303
  }
304
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9) {
304
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9) {
305
305
  animation: none;
306
306
  transition: none;
307
307
  }
308
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):hover {
308
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
309
309
  cursor: pointer;
310
310
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
311
311
  }
312
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):focus {
312
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus {
313
313
  outline: none;
314
314
  }
315
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):active {
315
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active {
316
316
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
317
317
  }
318
- .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-primary_4c84z_1c1ni_281:not(#\9):hover {
318
+ .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-primary_4c84z_1kln3_281:not(#\9):hover {
319
319
  text-decoration-line: underline;
320
320
  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
321
321
  }
322
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
322
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
323
323
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
324
324
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
325
325
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-info-default-09kbgu, #0073bb));
@@ -333,30 +333,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
333
333
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
334
334
  }
335
335
  @media (prefers-reduced-motion: reduce) {
336
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
336
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
337
337
  animation: none;
338
338
  transition: none;
339
339
  }
340
340
  }
341
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9) {
341
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9) {
342
342
  animation: none;
343
343
  transition: none;
344
344
  }
345
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):hover {
345
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
346
346
  cursor: pointer;
347
347
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
348
348
  }
349
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):focus {
349
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus {
350
350
  outline: none;
351
351
  }
352
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):active {
352
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active {
353
353
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-info-hover-tn4a8r, #0a4a74));
354
354
  }
355
- .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-info_4c84z_1c1ni_314:not(#\9):hover {
355
+ .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-info_4c84z_1kln3_314:not(#\9):hover {
356
356
  text-decoration-line: underline;
357
357
  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
358
358
  }
359
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
359
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
360
360
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
361
361
  font-weight: var(--font-weight-display-l-pgslj8, 700);
362
362
  text-decoration-line: underline;
@@ -367,30 +367,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
367
367
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
368
368
  }
369
369
  @media (prefers-reduced-motion: reduce) {
370
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
370
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
371
371
  animation: none;
372
372
  transition: none;
373
373
  }
374
374
  }
375
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9) {
375
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9) {
376
376
  animation: none;
377
377
  transition: none;
378
378
  }
379
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):hover {
379
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
380
380
  cursor: pointer;
381
381
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
382
382
  }
383
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):focus {
383
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus {
384
384
  outline: none;
385
385
  }
386
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):active {
386
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active {
387
387
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
388
388
  }
389
- .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-value-large_4c84z_1c1ni_349:not(#\9):hover {
389
+ .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-value-large_4c84z_1kln3_349:not(#\9):hover {
390
390
  text-decoration-line: underline;
391
391
  text-decoration-color: currentColor;
392
392
  }
393
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
393
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
394
394
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
395
395
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
396
396
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-interactive-default-qwoe3g, #545b64));
@@ -404,30 +404,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
404
404
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
405
405
  }
406
406
  @media (prefers-reduced-motion: reduce) {
407
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
407
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
408
408
  animation: none;
409
409
  transition: none;
410
410
  }
411
411
  }
412
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9) {
412
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9) {
413
413
  animation: none;
414
414
  transition: none;
415
415
  }
416
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):hover {
416
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
417
417
  cursor: pointer;
418
418
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-interactive-hover-bu4gls, #16191f));
419
419
  }
420
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):focus {
420
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus {
421
421
  outline: none;
422
422
  }
423
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):active {
423
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active {
424
424
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-interactive-active-c44vdq, #16191f));
425
425
  }
426
- .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_variant-top-navigation_4c84z_1c1ni_381:not(#\9):hover {
426
+ .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_variant-top-navigation_4c84z_1kln3_381:not(#\9):hover {
427
427
  text-decoration-line: underline;
428
428
  text-decoration-color: transparent;
429
429
  }
430
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
430
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
431
431
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
432
432
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
433
433
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-button-normal-default-dm02c2, #545b64));
@@ -441,40 +441,86 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
441
441
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
442
442
  }
443
443
  @media (prefers-reduced-motion: reduce) {
444
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
444
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
445
445
  animation: none;
446
446
  transition: none;
447
447
  }
448
448
  }
449
- .awsui-motion-disabled .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9) {
449
+ .awsui-motion-disabled .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
450
450
  animation: none;
451
451
  transition: none;
452
452
  }
453
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):hover {
453
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
454
454
  cursor: pointer;
455
455
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
456
456
  }
457
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):focus {
457
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
458
458
  outline: none;
459
459
  }
460
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):active {
460
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
461
461
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-button-normal-active-q28r86, #16191f));
462
462
  }
463
- .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):active, .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):focus, .awsui_link_4c84z_1c1ni_145.awsui_button_4c84z_1c1ni_416:not(#\9):hover {
463
+ .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
464
464
  text-decoration-line: underline;
465
465
  text-decoration-color: transparent;
466
466
  }
467
- .awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9) {
467
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
468
+ color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
469
+ font-weight: inherit;
470
+ letter-spacing: normal;
471
+ text-decoration-line: underline;
472
+ text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
473
+ transition-property: color, -webkit-text-decoration;
474
+ transition-property: color, text-decoration;
475
+ transition-property: color, text-decoration, -webkit-text-decoration;
476
+ transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
477
+ }
478
+ @media (prefers-reduced-motion: reduce) {
479
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
480
+ animation: none;
481
+ transition: none;
482
+ }
483
+ }
484
+ .awsui-motion-disabled .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9), .awsui-mode-entering .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
485
+ animation: none;
486
+ transition: none;
487
+ }
488
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
489
+ cursor: pointer;
490
+ color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
491
+ }
492
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus {
493
+ outline: none;
494
+ }
495
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active {
496
+ color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
497
+ }
498
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):active, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):focus, .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9):hover {
499
+ text-decoration-line: underline;
500
+ text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
501
+ }
502
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416:not(#\9) {
503
+ font-weight: inherit;
504
+ letter-spacing: normal;
505
+ }
506
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
507
+ color: var(--color-text-notification-default-fmebm4, #fafafa);
508
+ text-decoration-color: currentColor;
509
+ }
510
+ .awsui-one-theme .awsui_link_4c84z_1kln3_145.awsui_button_4c84z_1kln3_416.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
511
+ color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
512
+ }
513
+ .awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9) {
468
514
  color: var(--color-text-notification-default-fmebm4, #fafafa);
469
515
  }
470
- .awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9):not(.awsui_button_4c84z_1c1ni_416) {
516
+ .awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):not(.awsui_button_4c84z_1kln3_416) {
471
517
  text-decoration-line: underline;
472
518
  text-decoration-color: currentColor;
473
519
  }
474
- .awsui_link_4c84z_1c1ni_145.awsui_color-inverted_4c84z_1c1ni_451:not(#\9):hover {
520
+ .awsui_link_4c84z_1kln3_145.awsui_color-inverted_4c84z_1kln3_488:not(#\9):hover {
475
521
  color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
476
522
  }
477
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
523
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1kln3_145:not(#\9):focus {
478
524
  outline: thin dotted;
479
525
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
480
526
  outline-offset: 2px;
@@ -485,7 +531,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
485
531
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
486
532
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
487
533
  }
488
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-body-s_4c84z_1c1ni_472:not(#\9) {
534
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-body-s_4c84z_1kln3_516:not(#\9) {
489
535
  font-size: var(--font-size-body-s-psgqn2, 12px);
490
536
  line-height: var(--line-height-body-s-otgtsr, 16px);
491
537
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
@@ -493,14 +539,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
493
539
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
494
540
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
495
541
  }
496
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-body-m_4c84z_1c1ni_480:not(#\9) {
542
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-body-m_4c84z_1kln3_524:not(#\9) {
497
543
  font-size: var(--font-size-body-m-vv54cm, 14px);
498
544
  line-height: var(--line-height-body-m-bedeoh, 22px);
499
545
  text-underline-offset: 0.25em;
500
546
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
501
547
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
502
548
  }
503
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-xs_4c84z_1c1ni_487:not(#\9) {
549
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xs_4c84z_1kln3_531:not(#\9) {
504
550
  font-size: var(--font-size-heading-xs-c20ika, 16px);
505
551
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
506
552
  letter-spacing: var(--letter-spacing-heading-xs-tefhgo, normal);
@@ -508,7 +554,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
508
554
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
509
555
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
510
556
  }
511
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-s_4c84z_1c1ni_495:not(#\9) {
557
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-heading-s_4c84z_1kln3_539:not(#\9) {
512
558
  font-size: var(--font-size-heading-s-yde02v, 16px);
513
559
  line-height: var(--line-height-heading-s-j2axh8, 20px);
514
560
  letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
@@ -516,7 +562,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
516
562
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
517
563
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
518
564
  }
519
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-m_4c84z_1c1ni_503:not(#\9) {
565
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-heading-m_4c84z_1kln3_547:not(#\9) {
520
566
  font-size: var(--font-size-heading-m-56jjln, 18px);
521
567
  line-height: var(--line-height-heading-m-irezqt, 22px);
522
568
  letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
@@ -524,7 +570,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
524
570
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
525
571
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
526
572
  }
527
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-l_4c84z_1c1ni_511:not(#\9) {
573
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-heading-l_4c84z_1kln3_555:not(#\9) {
528
574
  font-size: var(--font-size-heading-l-qgg2za, 18px);
529
575
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
530
576
  letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
@@ -532,7 +578,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
532
578
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
533
579
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
534
580
  }
535
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-heading-xl_4c84z_1c1ni_519:not(#\9) {
581
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-heading-xl_4c84z_1kln3_563:not(#\9) {
536
582
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
537
583
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
538
584
  letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
@@ -540,7 +586,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
540
586
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
541
587
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
542
588
  }
543
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-display-l_4c84z_1c1ni_527:not(#\9) {
589
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-display-l_4c84z_1kln3_571:not(#\9) {
544
590
  font-size: var(--font-size-display-l-h1h1h9, 44px);
545
591
  line-height: var(--line-height-display-l-3zghmm, 56px);
546
592
  letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
@@ -548,7 +594,7 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
548
594
  text-decoration-thickness: var(--font-decoration-thickness-link-display-l-9lyghn, 2px);
549
595
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
550
596
  }
551
- .awsui_link_4c84z_1c1ni_145.awsui_font-size-inherit_4c84z_1c1ni_535:not(#\9) {
597
+ .awsui_link_4c84z_1kln3_145.awsui_font-size-inherit_4c84z_1kln3_579:not(#\9) {
552
598
  font-size: inherit;
553
599
  line-height: inherit;
554
600
  letter-spacing: inherit;
@@ -556,14 +602,14 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1c1ni_145:not(#\9):focus {
556
602
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
557
603
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
558
604
  }
559
- .awsui_link_4c84z_1c1ni_145.awsui_in-inline-token_4c84z_1c1ni_543:not(#\9) {
605
+ .awsui_link_4c84z_1kln3_145.awsui_in-inline-token_4c84z_1kln3_587:not(#\9) {
560
606
  text-underline-offset: 0.15em;
561
607
  }
562
608
 
563
- .awsui_icon-wrapper_4c84z_1c1ni_547:not(#\9) {
609
+ .awsui_icon-wrapper_4c84z_1kln3_591:not(#\9) {
564
610
  white-space: nowrap;
565
611
  }
566
612
 
567
- .awsui_icon_4c84z_1c1ni_547:not(#\9) {
613
+ .awsui_icon_4c84z_1kln3_591:not(#\9) {
568
614
  display: inline-block;
569
615
  }
package/lib/internal/template/link/styles.selectors.js CHANGED
@@ -2,26 +2,26 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "link": "awsui_link_4c84z_1c1ni_145",
6
- "variant-recovery": "awsui_variant-recovery_4c84z_1c1ni_213",
7
- "variant-secondary": "awsui_variant-secondary_4c84z_1c1ni_246",
8
- "variant-primary": "awsui_variant-primary_4c84z_1c1ni_281",
9
- "variant-info": "awsui_variant-info_4c84z_1c1ni_314",
10
- "variant-value-large": "awsui_variant-value-large_4c84z_1c1ni_349",
11
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1c1ni_381",
12
- "button": "awsui_button_4c84z_1c1ni_416",
13
- "color-inverted": "awsui_color-inverted_4c84z_1c1ni_451",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1c1ni_472",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1c1ni_480",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1c1ni_487",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1c1ni_495",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1c1ni_503",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1c1ni_511",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1c1ni_519",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1c1ni_527",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1c1ni_535",
23
- "in-inline-token": "awsui_in-inline-token_4c84z_1c1ni_543",
24
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1c1ni_547",
25
- "icon": "awsui_icon_4c84z_1c1ni_547"
5
+ "link": "awsui_link_4c84z_1kln3_145",
6
+ "variant-recovery": "awsui_variant-recovery_4c84z_1kln3_213",
7
+ "variant-secondary": "awsui_variant-secondary_4c84z_1kln3_246",
8
+ "variant-primary": "awsui_variant-primary_4c84z_1kln3_281",
9
+ "variant-info": "awsui_variant-info_4c84z_1kln3_314",
10
+ "variant-value-large": "awsui_variant-value-large_4c84z_1kln3_349",
11
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1kln3_381",
12
+ "button": "awsui_button_4c84z_1kln3_416",
13
+ "color-inverted": "awsui_color-inverted_4c84z_1kln3_488",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1kln3_516",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1kln3_524",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1kln3_531",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1kln3_539",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1kln3_547",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1kln3_555",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1kln3_563",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1kln3_571",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1kln3_579",
23
+ "in-inline-token": "awsui_in-inline-token_4c84z_1kln3_587",
24
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1kln3_591",
25
+ "icon": "awsui_icon_4c84z_1kln3_591"
26
26
  };
27
27
 
package/lib/internal/template/prompt-input/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,QAAA,MAAM,WAAW,wIA8ChB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,QAAA,MAAM,WAAW,wIAkDhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/lib/internal/template/prompt-input/index.js CHANGED
@@ -4,6 +4,7 @@
4
4
  import React from 'react';
5
5
  import useBaseComponent from '../internal/hooks/use-base-component';
6
6
  import { applyDisplayName } from '../internal/utils/apply-display-name';
7
+ import { supportsTokenMode } from './core/token-renderer';
7
8
  import InternalPromptInput from './internal';
8
9
  const PromptInput = React.forwardRef(({ autoComplete, autoFocus, disableBrowserAutocorrect, disableActionButton, spellcheck, readOnly, actionButtonIconName, minRows = 1, maxRows = 3, ...props }, ref) => {
9
10
  const baseComponentProps = useBaseComponent('PromptInput', {
@@ -19,7 +20,8 @@ const PromptInput = React.forwardRef(({ autoComplete, autoFocus, disableBrowserA
19
20
  maxRows,
20
21
  },
21
22
  });
22
- return (React.createElement(InternalPromptInput, { readOnly: readOnly, autoComplete: autoComplete, autoFocus: autoFocus, disableBrowserAutocorrect: disableBrowserAutocorrect, disableActionButton: disableActionButton, spellcheck: spellcheck, actionButtonIconName: actionButtonIconName, minRows: minRows, maxRows: maxRows, ...props, ...baseComponentProps, ref: ref }));
23
+ const isTokenMode = props.tokens !== undefined && supportsTokenMode;
24
+ return (React.createElement(InternalPromptInput, { key: isTokenMode ? 'token-mode' : 'string-mode', readOnly: readOnly, autoComplete: autoComplete, autoFocus: autoFocus, disableBrowserAutocorrect: disableBrowserAutocorrect, disableActionButton: disableActionButton, spellcheck: spellcheck, actionButtonIconName: actionButtonIconName, minRows: minRows, maxRows: maxRows, ...props, ...baseComponentProps, ref: ref }));
23
25
  });
24
26
  applyDisplayName(PromptInput, 'PromptInput');
25
27
  export default PromptInput;
package/lib/internal/template/prompt-input/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAI7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,YAAY,EACZ,SAAS,EACT,yBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,GAAG,KAAK,EACS,EACnB,GAA6E,EAC7E,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,QAAQ;YACR,YAAY;YACZ,SAAS;YACT,yBAAyB;YACzB,mBAAmB;YACnB,UAAU;YACV,oBAAoB;YACpB,OAAO;YACP,OAAO;SACR;KACF,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,mBAAmB,IAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,yBAAyB,EAAE,yBAAyB,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,KAAK,KACL,kBAAkB,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { PromptInputProps } from './interfaces';\nimport InternalPromptInput from './internal';\n\nexport { PromptInputProps };\n\nconst PromptInput = React.forwardRef(\n (\n {\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableActionButton,\n spellcheck,\n readOnly,\n actionButtonIconName,\n minRows = 1,\n maxRows = 3,\n ...props\n }: PromptInputProps,\n ref: React.Ref<PromptInputProps.Ref | HTMLTextAreaElement | HTMLInputElement>\n ) => {\n const baseComponentProps = useBaseComponent('PromptInput', {\n props: {\n readOnly,\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableActionButton,\n spellcheck,\n actionButtonIconName,\n minRows,\n maxRows,\n },\n });\n return (\n <InternalPromptInput\n readOnly={readOnly}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n disableActionButton={disableActionButton}\n spellcheck={spellcheck}\n actionButtonIconName={actionButtonIconName}\n minRows={minRows}\n maxRows={maxRows}\n {...props}\n {...baseComponentProps}\n ref={ref}\n />\n );\n }\n);\napplyDisplayName(PromptInput, 'PromptInput');\nexport default PromptInput;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/prompt-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,mBAAmB,MAAM,YAAY,CAAC;AAI7C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,YAAY,EACZ,SAAS,EACT,yBAAyB,EACzB,mBAAmB,EACnB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,GAAG,KAAK,EACS,EACnB,GAA6E,EAC7E,EAAE;IACF,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,aAAa,EAAE;QACzD,KAAK,EAAE;YACL,QAAQ;YACR,YAAY;YACZ,SAAS;YACT,yBAAyB;YACzB,mBAAmB;YACnB,UAAU;YACV,oBAAoB;YACpB,OAAO;YACP,OAAO;SACR;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS,IAAI,iBAAiB,CAAC;IAEpE,OAAO,CACL,oBAAC,mBAAmB,IAClB,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAC/C,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,yBAAyB,EAAE,yBAAyB,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,KACZ,KAAK,KACL,kBAAkB,EACtB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC7C,eAAe,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { supportsTokenMode } from './core/token-renderer';\nimport { PromptInputProps } from './interfaces';\nimport InternalPromptInput from './internal';\n\nexport { PromptInputProps };\n\nconst PromptInput = React.forwardRef(\n (\n {\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableActionButton,\n spellcheck,\n readOnly,\n actionButtonIconName,\n minRows = 1,\n maxRows = 3,\n ...props\n }: PromptInputProps,\n ref: React.Ref<PromptInputProps.Ref | HTMLTextAreaElement | HTMLInputElement>\n ) => {\n const baseComponentProps = useBaseComponent('PromptInput', {\n props: {\n readOnly,\n autoComplete,\n autoFocus,\n disableBrowserAutocorrect,\n disableActionButton,\n spellcheck,\n actionButtonIconName,\n minRows,\n maxRows,\n },\n });\n\n const isTokenMode = props.tokens !== undefined && supportsTokenMode;\n\n return (\n <InternalPromptInput\n key={isTokenMode ? 'token-mode' : 'string-mode'}\n readOnly={readOnly}\n autoComplete={autoComplete}\n autoFocus={autoFocus}\n disableBrowserAutocorrect={disableBrowserAutocorrect}\n disableActionButton={disableActionButton}\n spellcheck={spellcheck}\n actionButtonIconName={actionButtonIconName}\n minRows={minRows}\n maxRows={maxRows}\n {...props}\n {...baseComponentProps}\n ref={ref}\n />\n );\n }\n);\napplyDisplayName(PromptInput, 'PromptInput');\nexport default PromptInput;\n"]}
package/lib/internal/template/side-navigation/implementation.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
2
2
  import { SideNavigationProps } from './interfaces';
3
3
  type SideNavigationInternalProps = SideNavigationProps & InternalBaseComponentProps;
4
- export declare function SideNavigationImplementation({ header, itemsControl, activeHref, items, onFollow, onChange, __internalRootRef, ...props }: SideNavigationInternalProps): JSX.Element;
4
+ export declare function SideNavigationImplementation({ header, itemsControl, activeHref, items, onFollow, onChange, collapsed, __internalRootRef, ...props }: SideNavigationInternalProps): JSX.Element;
5
5
  export declare const createWidgetizedSideNavigation: (Loader?: typeof SideNavigationImplementation | undefined) => typeof SideNavigationImplementation;
6
6
  export {};
7
7
  //# sourceMappingURL=implementation.d.ts.map
package/lib/internal/template/side-navigation/implementation.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAEpF,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eAwD7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}
1
+ {"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/implementation.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAGlF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,KAAK,2BAA2B,GAAG,mBAAmB,GAAG,0BAA0B,CAAC;AAEpF,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,YAAY,EACZ,UAAU,EACV,KAAU,EACV,QAAQ,EACR,QAAQ,EACR,SAAiB,EACjB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,2BAA2B,eA+D7B;AAED,eAAO,MAAM,8BAA8B,mGAA0D,CAAC"}
package/lib/internal/template/side-navigation/implementation.js CHANGED
@@ -10,7 +10,7 @@ import { createWidgetizedComponent } from '../internal/widgets';
10
10
  import { Header, NavigationItemsList } from './parts';
11
11
  import { checkDuplicateHrefs, generateExpandableItemsMapping } from './util';
12
12
  import styles from './styles.css.js';
13
- export function SideNavigationImplementation({ header, itemsControl, activeHref, items = [], onFollow, onChange, __internalRootRef, ...props }) {
13
+ export function SideNavigationImplementation({ header, itemsControl, activeHref, items = [], onFollow, onChange, collapsed = false, __internalRootRef, ...props }) {
14
14
  const baseProps = getBaseProps(props);
15
15
  const isToolbar = useAppLayoutToolbarDesignEnabled();
16
16
  const parentMap = useMemo(() => generateExpandableItemsMapping(items), [items]);
@@ -27,10 +27,10 @@ export function SideNavigationImplementation({ header, itemsControl, activeHref,
27
27
  fireCancelableEvent(onFollow, item, sourceEvent);
28
28
  }, [onFollow]);
29
29
  return (React.createElement("div", { ...baseProps, className: clsx(styles.root, baseProps.className, isToolbar && styles['with-toolbar']), ref: __internalRootRef },
30
- header && (React.createElement(Header, { definition: header, activeHref: activeHref, fireChange: onChangeHandler, fireFollow: onFollowHandler })),
31
- itemsControl && React.createElement("div", { className: styles['items-control'] }, itemsControl),
30
+ header && (React.createElement(Header, { definition: header, activeHref: activeHref, fireChange: onChangeHandler, fireFollow: onFollowHandler, collapsed: collapsed })),
31
+ !collapsed && itemsControl && React.createElement("div", { className: styles['items-control'] }, itemsControl),
32
32
  items && (React.createElement("div", { className: styles['list-container'] },
33
- React.createElement(NavigationItemsList, { variant: "root", items: items, fireFollow: onFollowHandler, fireChange: onChangeHandler, activeHref: activeHref })))));
33
+ React.createElement(NavigationItemsList, { variant: "root", items: items, fireFollow: onFollowHandler, fireChange: onChangeHandler, activeHref: activeHref, collapsed: collapsed })))));
34
34
  }
35
35
  export const createWidgetizedSideNavigation = createWidgetizedComponent(SideNavigationImplementation);
36
36
  //# sourceMappingURL=implementation.js.map