@cloudscape-design/components-themeable 3.0.1221 → 3.0.1223

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 (126) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +142 -140
  3. package/lib/internal/scss/modal/styles.scss +43 -1
  4. package/lib/internal/scss/table/styles.scss +1 -3
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +50 -50
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  11. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  13. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  26. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  27. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  28. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  29. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  30. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  31. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +256 -256
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  36. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  37. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  38. package/lib/internal/template/checkbox/styles.css.js +3 -3
  39. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  40. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  41. package/lib/internal/template/content-layout/styles.css.js +14 -14
  42. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  43. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  44. package/lib/internal/template/flashbar/styles.css.js +50 -50
  45. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  46. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  47. package/lib/internal/template/help-panel/styles.css.js +6 -6
  48. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  49. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  50. package/lib/internal/template/input/styles.css.js +13 -13
  51. package/lib/internal/template/input/styles.scoped.css +74 -74
  52. package/lib/internal/template/input/styles.selectors.js +13 -13
  53. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  54. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  55. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  56. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  57. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  58. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
  59. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  60. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  61. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  62. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  63. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  64. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  65. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  66. package/lib/internal/template/internal/environment.js +2 -2
  67. package/lib/internal/template/internal/environment.json +2 -2
  68. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +2 -0
  69. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  70. package/lib/internal/template/internal/generated/custom-css-properties/index.js +141 -139
  71. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  72. package/lib/internal/template/link/styles.css.js +20 -20
  73. package/lib/internal/template/link/styles.scoped.css +103 -103
  74. package/lib/internal/template/link/styles.selectors.js +20 -20
  75. package/lib/internal/template/modal/index.d.ts +1 -1
  76. package/lib/internal/template/modal/index.d.ts.map +1 -1
  77. package/lib/internal/template/modal/index.js +6 -3
  78. package/lib/internal/template/modal/index.js.map +1 -1
  79. package/lib/internal/template/modal/interfaces.d.ts +28 -3
  80. package/lib/internal/template/modal/interfaces.d.ts.map +1 -1
  81. package/lib/internal/template/modal/interfaces.js.map +1 -1
  82. package/lib/internal/template/modal/internal.d.ts +2 -0
  83. package/lib/internal/template/modal/internal.d.ts.map +1 -1
  84. package/lib/internal/template/modal/internal.js +20 -14
  85. package/lib/internal/template/modal/internal.js.map +1 -1
  86. package/lib/internal/template/modal/styles.css.js +31 -23
  87. package/lib/internal/template/modal/styles.scoped.css +70 -39
  88. package/lib/internal/template/modal/styles.selectors.js +31 -23
  89. package/lib/internal/template/modal/use-modal-dimensions.d.ts +17 -0
  90. package/lib/internal/template/modal/use-modal-dimensions.d.ts.map +1 -0
  91. package/lib/internal/template/modal/use-modal-dimensions.js +37 -0
  92. package/lib/internal/template/modal/use-modal-dimensions.js.map +1 -0
  93. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  94. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  95. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  96. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  97. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  98. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  99. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  100. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  101. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  102. package/lib/internal/template/slider/styles.css.js +26 -26
  103. package/lib/internal/template/slider/styles.scoped.css +165 -165
  104. package/lib/internal/template/slider/styles.selectors.js +26 -26
  105. package/lib/internal/template/spinner/styles.css.js +13 -13
  106. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  107. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  108. package/lib/internal/template/table/styles.css.js +34 -34
  109. package/lib/internal/template/table/styles.scoped.css +42 -44
  110. package/lib/internal/template/table/styles.selectors.js +34 -34
  111. package/lib/internal/template/tabs/styles.css.js +30 -30
  112. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  113. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  114. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  115. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  116. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  117. package/lib/internal/template/text-content/styles.css.js +1 -1
  118. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  119. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  120. package/lib/internal/template/textarea/styles.css.js +5 -5
  121. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  122. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  123. package/lib/internal/template/toggle/styles.css.js +10 -10
  124. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  125. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  126. 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_1grqn_145:not(#\9) {
145
+ .awsui_link_4c84z_1jvg2_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -174,10 +174,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
174
174
  -moz-osx-font-smoothing: auto;
175
175
  display: inline;
176
176
  white-space: inherit;
177
- --awsui-style-focus-ring-box-shadow-c5ek4l: 0 0 0 var(--awsui-style-focus-ring-border-width-c5ek4l, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-r5f6xl, #0073bb));
177
+ --awsui-style-focus-ring-box-shadow-n6lfw8: 0 0 0 var(--awsui-style-focus-ring-border-width-n6lfw8, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-n6lfw8, var(--color-border-item-focused-r5f6xl, #0073bb));
178
178
  text-underline-offset: 0.25em;
179
179
  text-decoration-thickness: 1px;
180
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
180
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
181
181
  font-weight: inherit;
182
182
  letter-spacing: normal;
183
183
  text-decoration-line: none;
@@ -188,33 +188,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
188
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
189
189
  }
190
190
  @media (prefers-reduced-motion: reduce) {
191
- .awsui_link_4c84z_1grqn_145:not(#\9) {
191
+ .awsui_link_4c84z_1jvg2_145:not(#\9) {
192
192
  animation: none;
193
193
  transition: none;
194
194
  }
195
195
  }
196
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145:not(#\9) {
196
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
- .awsui_link_4c84z_1grqn_145:not(#\9):hover {
200
+ .awsui_link_4c84z_1jvg2_145:not(#\9):hover {
201
201
  cursor: pointer;
202
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
202
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
203
203
  }
204
- .awsui_link_4c84z_1grqn_145:not(#\9):focus {
204
+ .awsui_link_4c84z_1jvg2_145:not(#\9):focus {
205
205
  outline: none;
206
206
  }
207
- .awsui_link_4c84z_1grqn_145:not(#\9):active {
208
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
207
+ .awsui_link_4c84z_1jvg2_145:not(#\9):active {
208
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
209
209
  }
210
- .awsui_link_4c84z_1grqn_145:not(#\9):active, .awsui_link_4c84z_1grqn_145:not(#\9):focus, .awsui_link_4c84z_1grqn_145:not(#\9):hover {
210
+ .awsui_link_4c84z_1jvg2_145:not(#\9):active, .awsui_link_4c84z_1jvg2_145:not(#\9):focus, .awsui_link_4c84z_1jvg2_145:not(#\9):hover {
211
211
  text-decoration-line: underline;
212
212
  text-decoration-color: currentColor;
213
213
  }
214
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
214
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
215
215
  -webkit-font-smoothing: inherit;
216
216
  -moz-osx-font-smoothing: inherit;
217
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
217
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
218
218
  font-weight: inherit;
219
219
  letter-spacing: normal;
220
220
  text-decoration-line: none;
@@ -225,31 +225,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
225
225
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
226
226
  }
227
227
  @media (prefers-reduced-motion: reduce) {
228
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
228
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
229
229
  animation: none;
230
230
  transition: none;
231
231
  }
232
232
  }
233
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9) {
233
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9) {
234
234
  animation: none;
235
235
  transition: none;
236
236
  }
237
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):hover {
237
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):hover {
238
238
  cursor: pointer;
239
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
239
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
240
240
  }
241
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):focus {
241
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):focus {
242
242
  outline: none;
243
243
  }
244
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):active {
245
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
244
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):active {
245
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
246
246
  }
247
- .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-secondary_4c84z_1grqn_212:not(#\9):hover {
247
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-secondary_4c84z_1jvg2_212:not(#\9):hover {
248
248
  text-decoration-line: underline;
249
249
  text-decoration-color: currentColor;
250
250
  }
251
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
252
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
251
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
252
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
253
253
  font-weight: inherit;
254
254
  letter-spacing: normal;
255
255
  text-decoration-line: underline;
@@ -260,33 +260,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
260
260
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
261
261
  }
262
262
  @media (prefers-reduced-motion: reduce) {
263
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
263
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9) {
268
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):hover {
272
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):hover {
273
273
  cursor: pointer;
274
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
274
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
275
275
  }
276
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):focus {
276
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):focus {
277
277
  outline: none;
278
278
  }
279
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):active {
280
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
279
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):active {
280
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
281
281
  }
282
- .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-primary_4c84z_1grqn_247:not(#\9):hover {
282
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-primary_4c84z_1jvg2_247:not(#\9):hover {
283
283
  text-decoration-line: underline;
284
284
  text-decoration-color: currentColor;
285
285
  }
286
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
286
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
287
287
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
288
288
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
289
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
289
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
290
290
  font-weight: 700;
291
291
  letter-spacing: 0.005em;
292
292
  text-decoration-line: none;
@@ -297,31 +297,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
297
297
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
298
298
  }
299
299
  @media (prefers-reduced-motion: reduce) {
300
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
300
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
301
301
  animation: none;
302
302
  transition: none;
303
303
  }
304
304
  }
305
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9) {
305
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9) {
306
306
  animation: none;
307
307
  transition: none;
308
308
  }
309
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):hover {
309
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):hover {
310
310
  cursor: pointer;
311
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
311
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
312
312
  }
313
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):focus {
313
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):focus {
314
314
  outline: none;
315
315
  }
316
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):active {
317
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
316
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):active {
317
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
318
318
  }
319
- .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-info_4c84z_1grqn_280:not(#\9):hover {
319
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-info_4c84z_1jvg2_280:not(#\9):hover {
320
320
  text-decoration-line: underline;
321
321
  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
322
322
  }
323
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
324
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
323
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
324
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
325
325
  font-weight: var(--font-box-value-large-weight-zc1blz, 300);
326
326
  text-decoration-line: underline;
327
327
  text-decoration-color: currentColor;
@@ -331,33 +331,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
331
331
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
332
332
  }
333
333
  @media (prefers-reduced-motion: reduce) {
334
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
334
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
335
335
  animation: none;
336
336
  transition: none;
337
337
  }
338
338
  }
339
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9) {
339
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9) {
340
340
  animation: none;
341
341
  transition: none;
342
342
  }
343
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):hover {
343
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):hover {
344
344
  cursor: pointer;
345
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
345
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
346
346
  }
347
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):focus {
347
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):focus {
348
348
  outline: none;
349
349
  }
350
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):active {
351
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
350
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):active {
351
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
352
352
  }
353
- .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-value-large_4c84z_1grqn_315:not(#\9):hover {
353
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-value-large_4c84z_1jvg2_315:not(#\9):hover {
354
354
  text-decoration-line: underline;
355
355
  text-decoration-color: currentColor;
356
356
  }
357
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
357
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
358
358
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
359
359
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
360
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-interactive-default-qwoe3g, #545b64));
360
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-interactive-default-qwoe3g, #545b64));
361
361
  font-weight: 700;
362
362
  letter-spacing: 0.005em;
363
363
  text-decoration-line: none;
@@ -368,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
368
368
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
369
369
  }
370
370
  @media (prefers-reduced-motion: reduce) {
371
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
371
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
372
372
  animation: none;
373
373
  transition: none;
374
374
  }
375
375
  }
376
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9) {
376
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9) {
377
377
  animation: none;
378
378
  transition: none;
379
379
  }
380
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):hover {
380
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):hover {
381
381
  cursor: pointer;
382
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-interactive-hover-bu4gls, #16191f));
382
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-interactive-hover-bu4gls, #16191f));
383
383
  }
384
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):focus {
384
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):focus {
385
385
  outline: none;
386
386
  }
387
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):active {
388
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-interactive-active-c44vdq, #16191f));
387
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):active {
388
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-interactive-active-c44vdq, #16191f));
389
389
  }
390
- .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-top-navigation_4c84z_1grqn_347:not(#\9):hover {
390
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-top-navigation_4c84z_1jvg2_347:not(#\9):hover {
391
391
  text-decoration-line: underline;
392
392
  text-decoration-color: transparent;
393
393
  }
394
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
395
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-default-z7zuy8, #0073bb));
394
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
395
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-default-z7zuy8, #0073bb));
396
396
  font-weight: var(--font-link-button-weight-bnpz8h, 400);
397
397
  letter-spacing: var(--font-link-button-letter-spacing-yobz7z, normal);
398
398
  text-decoration-line: underline;
@@ -403,33 +403,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
403
403
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
404
404
  }
405
405
  @media (prefers-reduced-motion: reduce) {
406
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
406
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
407
407
  animation: none;
408
408
  transition: none;
409
409
  }
410
410
  }
411
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9) {
411
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9) {
412
412
  animation: none;
413
413
  transition: none;
414
414
  }
415
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):hover {
415
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):hover {
416
416
  cursor: pointer;
417
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
417
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
418
418
  }
419
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):focus {
419
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):focus {
420
420
  outline: none;
421
421
  }
422
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):active {
423
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-hover-pqxtsy, #0a4a74));
422
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):active {
423
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-hover-pqxtsy, #0a4a74));
424
424
  }
425
- .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_variant-recovery_4c84z_1grqn_382:not(#\9):hover {
425
+ .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_variant-recovery_4c84z_1jvg2_382:not(#\9):hover {
426
426
  text-decoration-line: underline;
427
427
  text-decoration-color: var(--color-text-link-button-underline-hover-s0fj6r, currentColor);
428
428
  }
429
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
429
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
430
430
  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
431
431
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
432
- color: var(--awsui-style-color-default-c5ek4l, var(--color-text-link-button-normal-default-dm02c2, #545b64));
432
+ color: var(--awsui-style-color-default-n6lfw8, var(--color-text-link-button-normal-default-dm02c2, #545b64));
433
433
  font-weight: 700;
434
434
  letter-spacing: var(--font-button-letter-spacing-9h7rbb, 0.25px);
435
435
  text-decoration-line: none;
@@ -440,105 +440,105 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
440
440
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
441
441
  }
442
442
  @media (prefers-reduced-motion: reduce) {
443
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
443
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
444
444
  animation: none;
445
445
  transition: none;
446
446
  }
447
447
  }
448
- .awsui-motion-disabled .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9) {
448
+ .awsui-motion-disabled .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9) {
449
449
  animation: none;
450
450
  transition: none;
451
451
  }
452
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):hover {
452
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):hover {
453
453
  cursor: pointer;
454
- color: var(--awsui-style-color-hover-c5ek4l, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
454
+ color: var(--awsui-style-color-hover-n6lfw8, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
455
455
  }
456
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):focus {
456
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):focus {
457
457
  outline: none;
458
458
  }
459
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):active {
460
- color: var(--awsui-style-color-active-c5ek4l, var(--color-text-link-button-normal-active-q28r86, #16191f));
459
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):active {
460
+ color: var(--awsui-style-color-active-n6lfw8, var(--color-text-link-button-normal-active-q28r86, #16191f));
461
461
  }
462
- .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):active, .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):focus, .awsui_link_4c84z_1grqn_145.awsui_button_4c84z_1grqn_415:not(#\9):hover {
462
+ .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):active, .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):focus, .awsui_link_4c84z_1jvg2_145.awsui_button_4c84z_1jvg2_415:not(#\9):hover {
463
463
  text-decoration-line: underline;
464
464
  text-decoration-color: transparent;
465
465
  }
466
- .awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9) {
466
+ .awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9) {
467
467
  color: var(--color-text-notification-default-fmebm4, #fafafa);
468
468
  }
469
- .awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9):not(.awsui_button_4c84z_1grqn_415) {
469
+ .awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9):not(.awsui_button_4c84z_1jvg2_415) {
470
470
  text-decoration-line: underline;
471
471
  text-decoration-color: currentColor;
472
472
  }
473
- .awsui_link_4c84z_1grqn_145.awsui_color-inverted_4c84z_1grqn_450:not(#\9):hover {
473
+ .awsui_link_4c84z_1jvg2_145.awsui_color-inverted_4c84z_1jvg2_450:not(#\9):hover {
474
474
  color: var(--color-text-link-inverted-hover-7jk1d1, #fafafa);
475
475
  }
476
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_1grqn_145:not(#\9):focus {
476
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1jvg2_145:not(#\9):focus {
477
477
  outline: thin dotted;
478
478
  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
479
479
  outline-offset: 2px;
480
- outline-color: var(--awsui-style-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-r5f6xl, #0073bb));
481
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
482
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
483
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
484
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
485
- box-shadow: var(--awsui-style-focus-ring-box-shadow-c5ek4l);
486
- }
487
- .awsui_link_4c84z_1grqn_145.awsui_font-size-body-s_4c84z_1grqn_471:not(#\9) {
480
+ outline-color: var(--awsui-style-focus-ring-border-color-n6lfw8, var(--color-border-item-focused-r5f6xl, #0073bb));
481
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
482
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
483
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
484
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-n6lfw8, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
485
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-n6lfw8);
486
+ }
487
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-body-s_4c84z_1jvg2_471:not(#\9) {
488
488
  font-size: var(--font-size-body-s-psgqn2, 12px);
489
489
  line-height: var(--line-height-body-s-otgtsr, 16px);
490
490
  letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
491
491
  text-underline-offset: 0.3em;
492
492
  text-decoration-thickness: 1px;
493
493
  }
494
- .awsui_link_4c84z_1grqn_145.awsui_font-size-body-m_4c84z_1grqn_478:not(#\9) {
494
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-body-m_4c84z_1jvg2_478:not(#\9) {
495
495
  font-size: var(--font-size-body-m-vv54cm, 14px);
496
496
  line-height: var(--line-height-body-m-bedeoh, 22px);
497
497
  text-underline-offset: 0.25em;
498
498
  text-decoration-thickness: 1px;
499
499
  }
500
- .awsui_link_4c84z_1grqn_145.awsui_font-size-heading-xs_4c84z_1grqn_484:not(#\9) {
500
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-xs_4c84z_1jvg2_484:not(#\9) {
501
501
  font-size: var(--font-size-heading-xs-c20ika, 16px);
502
502
  line-height: var(--line-height-heading-xs-fuzanp, 20px);
503
503
  text-underline-offset: 0.25em;
504
504
  text-decoration-thickness: 1px;
505
505
  }
506
- .awsui_link_4c84z_1grqn_145.awsui_font-size-heading-s_4c84z_1grqn_490:not(#\9) {
506
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-s_4c84z_1jvg2_490:not(#\9) {
507
507
  font-size: var(--font-size-heading-s-yde02v, 16px);
508
508
  line-height: var(--line-height-heading-s-j2axh8, 20px);
509
509
  letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
510
510
  text-underline-offset: 0.3em;
511
511
  text-decoration-thickness: 1px;
512
512
  }
513
- .awsui_link_4c84z_1grqn_145.awsui_font-size-heading-m_4c84z_1grqn_497:not(#\9) {
513
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-m_4c84z_1jvg2_497:not(#\9) {
514
514
  font-size: var(--font-size-heading-m-56jjln, 18px);
515
515
  line-height: var(--line-height-heading-m-irezqt, 22px);
516
516
  letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
517
517
  text-underline-offset: 0.25em;
518
518
  text-decoration-thickness: 1px;
519
519
  }
520
- .awsui_link_4c84z_1grqn_145.awsui_font-size-heading-l_4c84z_1grqn_504:not(#\9) {
520
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-l_4c84z_1jvg2_504:not(#\9) {
521
521
  font-size: var(--font-size-heading-l-qgg2za, 18px);
522
522
  line-height: var(--line-height-heading-l-vhgtnq, 22px);
523
523
  letter-spacing: var(--letter-spacing-heading-l-spdx5v, normal);
524
524
  text-underline-offset: 0.25em;
525
525
  text-decoration-thickness: 1px;
526
526
  }
527
- .awsui_link_4c84z_1grqn_145.awsui_font-size-heading-xl_4c84z_1grqn_511:not(#\9) {
527
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-heading-xl_4c84z_1jvg2_511:not(#\9) {
528
528
  font-size: var(--font-size-heading-xl-w5di2k, 28px);
529
529
  line-height: var(--line-height-heading-xl-vs1f23, 36px);
530
530
  letter-spacing: var(--letter-spacing-heading-xl-33zwds, normal);
531
531
  text-underline-offset: 0.25em;
532
532
  text-decoration-thickness: 1px;
533
533
  }
534
- .awsui_link_4c84z_1grqn_145.awsui_font-size-display-l_4c84z_1grqn_518:not(#\9) {
534
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-display-l_4c84z_1jvg2_518:not(#\9) {
535
535
  font-size: var(--font-size-display-l-h1h1h9, 44px);
536
536
  line-height: var(--line-height-display-l-3zghmm, 56px);
537
537
  letter-spacing: var(--letter-spacing-display-l-dniym1, normal);
538
538
  text-underline-offset: 0.25em;
539
539
  text-decoration-thickness: 2px;
540
540
  }
541
- .awsui_link_4c84z_1grqn_145.awsui_font-size-inherit_4c84z_1grqn_525:not(#\9) {
541
+ .awsui_link_4c84z_1jvg2_145.awsui_font-size-inherit_4c84z_1jvg2_525:not(#\9) {
542
542
  font-size: inherit;
543
543
  line-height: inherit;
544
544
  letter-spacing: inherit;
@@ -546,10 +546,10 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1grqn_145:not(#\9):focus {
546
546
  text-decoration-thickness: 1px;
547
547
  }
548
548
 
549
- .awsui_icon-wrapper_4c84z_1grqn_533:not(#\9) {
549
+ .awsui_icon-wrapper_4c84z_1jvg2_533:not(#\9) {
550
550
  white-space: nowrap;
551
551
  }
552
552
 
553
- .awsui_icon_4c84z_1grqn_533:not(#\9) {
553
+ .awsui_icon_4c84z_1jvg2_533:not(#\9) {
554
554
  display: inline-block;
555
555
  }
package/lib/internal/template/link/styles.selectors.js CHANGED
@@ -2,25 +2,25 @@
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_1grqn_145",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_1grqn_212",
7
- "variant-primary": "awsui_variant-primary_4c84z_1grqn_247",
8
- "variant-info": "awsui_variant-info_4c84z_1grqn_280",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_1grqn_315",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1grqn_347",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_1grqn_382",
12
- "button": "awsui_button_4c84z_1grqn_415",
13
- "color-inverted": "awsui_color-inverted_4c84z_1grqn_450",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1grqn_471",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1grqn_478",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1grqn_484",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1grqn_490",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1grqn_497",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1grqn_504",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1grqn_511",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1grqn_518",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1grqn_525",
23
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1grqn_533",
24
- "icon": "awsui_icon_4c84z_1grqn_533"
5
+ "link": "awsui_link_4c84z_1jvg2_145",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_1jvg2_212",
7
+ "variant-primary": "awsui_variant-primary_4c84z_1jvg2_247",
8
+ "variant-info": "awsui_variant-info_4c84z_1jvg2_280",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_1jvg2_315",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1jvg2_347",
11
+ "variant-recovery": "awsui_variant-recovery_4c84z_1jvg2_382",
12
+ "button": "awsui_button_4c84z_1jvg2_415",
13
+ "color-inverted": "awsui_color-inverted_4c84z_1jvg2_450",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1jvg2_471",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1jvg2_478",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1jvg2_484",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1jvg2_490",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1jvg2_497",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1jvg2_504",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1jvg2_511",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1jvg2_518",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1jvg2_525",
23
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1jvg2_533",
24
+ "icon": "awsui_icon_4c84z_1jvg2_533"
25
25
  };
26
26
 
package/lib/internal/template/modal/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import { ModalProps } from './interfaces';
2
2
  export { ModalProps };
3
- export default function Modal({ size, ...props }: ModalProps): JSX.Element;
3
+ export default function Modal({ size, position, width, height, ...props }: ModalProps): JSX.Element;
4
4
  //# sourceMappingURL=index.d.ts.map
package/lib/internal/template/modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAkDtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,IAAe,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,eA+BtE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAkDtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,IAAe,EAAE,QAAmB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,eA+C1G"}
package/lib/internal/template/modal/index.js CHANGED
@@ -26,14 +26,17 @@ function ModalWithAnalyticsFunnel({ analyticsMetadata, baseComponentProps, size
26
26
  React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
27
27
  React.createElement(InternalModalAsFunnel, { size: size, ...props, ...baseComponentProps, ...dataAttributes, __injectAnalyticsComponentMetadata: true })))));
28
28
  }
29
- export default function Modal({ size = 'medium', ...props }) {
29
+ export default function Modal({ size = 'medium', position = 'center', width, height, ...props }) {
30
30
  const { isInFunnel } = useFunnel();
31
31
  const analyticsMetadata = getAnalyticsMetadataProps(props);
32
32
  const baseComponentProps = useBaseComponent('Modal', {
33
33
  props: {
34
34
  size,
35
+ position,
35
36
  disableContentPaddings: props.disableContentPaddings,
36
37
  flowType: analyticsMetadata.flowType,
38
+ width,
39
+ height,
37
40
  },
38
41
  metadata: {
39
42
  hasResourceType: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType),
@@ -41,9 +44,9 @@ export default function Modal({ size = 'medium', ...props }) {
41
44
  },
42
45
  }, analyticsMetadata);
43
46
  if (!isInFunnel) {
44
- return (React.createElement(ModalWithAnalyticsFunnel, { analyticsMetadata: analyticsMetadata, baseComponentProps: baseComponentProps, size: size, ...props }));
47
+ return (React.createElement(ModalWithAnalyticsFunnel, { analyticsMetadata: analyticsMetadata, baseComponentProps: baseComponentProps, size: size, position: position, width: width, height: height, ...props }));
45
48
  }
46
- return React.createElement(InternalModal, { size: size, ...props, ...baseComponentProps, __injectAnalyticsComponentMetadata: true });
49
+ return (React.createElement(InternalModal, { size: size, position: position, width: width, height: height, ...props, ...baseComponentProps, __injectAnalyticsComponentMetadata: true }));
47
50
  }
48
51
  applyDisplayName(Modal, 'Modal');
49
52
  //# sourceMappingURL=index.js.map
package/lib/internal/template/modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":"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","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 { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport {\n AnalyticsFunnel,\n AnalyticsFunnelStep,\n AnalyticsFunnelSubStep,\n} from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_MODAL_ID } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ModalProps } from './interfaces';\nimport InternalModal, { InternalModalAsFunnel } from './internal';\n\nimport styles from './styles.css.js';\n\nexport { ModalProps };\n\nfunction ModalWithAnalyticsFunnel({\n analyticsMetadata,\n baseComponentProps,\n size = 'medium',\n ...props\n}: ModalProps & { analyticsMetadata: any; baseComponentProps: ReturnType<typeof useBaseComponent> }) {\n const modalId = useUniqueId();\n const dataAttributes = {\n [DATA_ATTR_MODAL_ID]: modalId,\n };\n\n return (\n <AnalyticsFunnel\n mounted={props.visible}\n funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n funnelFlowType={analyticsMetadata?.flowType}\n funnelErrorContext={analyticsMetadata?.errorContext}\n funnelResourceType={analyticsMetadata?.resourceType}\n funnelType=\"modal\"\n optionalStepNumbers={[]}\n totalFunnelSteps={1}\n funnelNameSelectors={() => [\n `[${DATA_ATTR_MODAL_ID}=\"${window?.CSS?.escape(modalId)}\"] .${styles['header--text']}`,\n ]}\n >\n <AnalyticsFunnelStep\n mounted={props.visible}\n stepIdentifier={analyticsMetadata?.instanceIdentifier}\n stepErrorContext={analyticsMetadata?.errorContext}\n stepNumber={1}\n >\n <AnalyticsFunnelSubStep\n subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n subStepErrorContext={analyticsMetadata?.errorContext}\n >\n <InternalModalAsFunnel\n size={size}\n {...props}\n {...baseComponentProps}\n {...dataAttributes}\n __injectAnalyticsComponentMetadata={true}\n />\n </AnalyticsFunnelSubStep>\n </AnalyticsFunnelStep>\n </AnalyticsFunnel>\n );\n}\n\nexport default function Modal({ size = 'medium', ...props }: ModalProps) {\n const { isInFunnel } = useFunnel();\n const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n const baseComponentProps = useBaseComponent(\n 'Modal',\n {\n props: {\n size,\n disableContentPaddings: props.disableContentPaddings,\n flowType: analyticsMetadata.flowType,\n },\n metadata: {\n hasResourceType: Boolean(analyticsMetadata?.resourceType),\n hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n },\n },\n analyticsMetadata\n );\n\n if (!isInFunnel) {\n return (\n <ModalWithAnalyticsFunnel\n analyticsMetadata={analyticsMetadata}\n baseComponentProps={baseComponentProps}\n size={size}\n {...props}\n />\n );\n }\n\n return <InternalModal size={size} {...props} {...baseComponentProps} __injectAnalyticsComponentMetadata={true} />;\n}\n\napplyDisplayName(Modal, 'Modal');\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modal/index.tsx"],"names":[],"mappings":"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","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 { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport {\n AnalyticsFunnel,\n AnalyticsFunnelStep,\n AnalyticsFunnelSubStep,\n} from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { DATA_ATTR_MODAL_ID } from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ModalProps } from './interfaces';\nimport InternalModal, { InternalModalAsFunnel } from './internal';\n\nimport styles from './styles.css.js';\n\nexport { ModalProps };\n\nfunction ModalWithAnalyticsFunnel({\n analyticsMetadata,\n baseComponentProps,\n size = 'medium',\n ...props\n}: ModalProps & { analyticsMetadata: any; baseComponentProps: ReturnType<typeof useBaseComponent> }) {\n const modalId = useUniqueId();\n const dataAttributes = {\n [DATA_ATTR_MODAL_ID]: modalId,\n };\n\n return (\n <AnalyticsFunnel\n mounted={props.visible}\n funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n funnelFlowType={analyticsMetadata?.flowType}\n funnelErrorContext={analyticsMetadata?.errorContext}\n funnelResourceType={analyticsMetadata?.resourceType}\n funnelType=\"modal\"\n optionalStepNumbers={[]}\n totalFunnelSteps={1}\n funnelNameSelectors={() => [\n `[${DATA_ATTR_MODAL_ID}=\"${window?.CSS?.escape(modalId)}\"] .${styles['header--text']}`,\n ]}\n >\n <AnalyticsFunnelStep\n mounted={props.visible}\n stepIdentifier={analyticsMetadata?.instanceIdentifier}\n stepErrorContext={analyticsMetadata?.errorContext}\n stepNumber={1}\n >\n <AnalyticsFunnelSubStep\n subStepIdentifier={analyticsMetadata?.instanceIdentifier}\n subStepErrorContext={analyticsMetadata?.errorContext}\n >\n <InternalModalAsFunnel\n size={size}\n {...props}\n {...baseComponentProps}\n {...dataAttributes}\n __injectAnalyticsComponentMetadata={true}\n />\n </AnalyticsFunnelSubStep>\n </AnalyticsFunnelStep>\n </AnalyticsFunnel>\n );\n}\n\nexport default function Modal({ size = 'medium', position = 'center', width, height, ...props }: ModalProps) {\n const { isInFunnel } = useFunnel();\n const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n const baseComponentProps = useBaseComponent(\n 'Modal',\n {\n props: {\n size,\n position,\n disableContentPaddings: props.disableContentPaddings,\n flowType: analyticsMetadata.flowType,\n width,\n height,\n },\n metadata: {\n hasResourceType: Boolean(analyticsMetadata?.resourceType),\n hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n },\n },\n analyticsMetadata\n );\n\n if (!isInFunnel) {\n return (\n <ModalWithAnalyticsFunnel\n analyticsMetadata={analyticsMetadata}\n baseComponentProps={baseComponentProps}\n size={size}\n position={position}\n width={width}\n height={height}\n {...props}\n />\n );\n }\n\n return (\n <InternalModal\n size={size}\n position={position}\n width={width}\n height={height}\n {...props}\n {...baseComponentProps}\n __injectAnalyticsComponentMetadata={true}\n />\n );\n}\n\napplyDisplayName(Modal, 'Modal');\n"]}