@cloudscape-design/components-themeable 3.0.1182 → 3.0.1184

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 (146) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/do-not-use/feature-prompt/styles.scss +7 -0
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +139 -132
  4. package/lib/internal/scss/slider/mixins.scss +32 -24
  5. package/lib/internal/scss/slider/styles.scss +56 -29
  6. package/lib/internal/template/alert/styles.css.js +27 -27
  7. package/lib/internal/template/alert/styles.scoped.css +50 -50
  8. package/lib/internal/template/alert/styles.selectors.js +27 -27
  9. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  10. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  11. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  12. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  13. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  14. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  15. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  16. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  17. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  27. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  28. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  29. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  30. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  31. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  32. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  33. package/lib/internal/template/button/styles.css.js +22 -22
  34. package/lib/internal/template/button/styles.scoped.css +256 -256
  35. package/lib/internal/template/button/styles.selectors.js +22 -22
  36. package/lib/internal/template/button-dropdown/item-element/styles.css.js +20 -20
  37. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +34 -34
  38. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +20 -20
  39. package/lib/internal/template/checkbox/styles.css.js +3 -3
  40. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  41. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  42. package/lib/internal/template/content-layout/styles.css.js +14 -14
  43. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  44. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  45. package/lib/internal/template/flashbar/styles.css.js +50 -50
  46. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  47. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  48. package/lib/internal/template/help-panel/styles.css.js +6 -6
  49. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  50. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  51. package/lib/internal/template/input/styles.css.js +13 -13
  52. package/lib/internal/template/input/styles.scoped.css +74 -74
  53. package/lib/internal/template/input/styles.selectors.js +13 -13
  54. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  55. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  56. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  57. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  58. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  59. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  60. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  61. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  62. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  63. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  64. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  65. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  66. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  67. package/lib/internal/template/internal/do-not-use/feature-prompt/index.d.ts +6 -0
  68. package/lib/internal/template/internal/do-not-use/feature-prompt/index.d.ts.map +1 -0
  69. package/lib/internal/template/internal/do-not-use/feature-prompt/index.js +15 -0
  70. package/lib/internal/template/internal/do-not-use/feature-prompt/index.js.map +1 -0
  71. package/lib/internal/template/internal/do-not-use/feature-prompt/interfaces.d.ts +69 -0
  72. package/lib/internal/template/internal/do-not-use/feature-prompt/interfaces.d.ts.map +1 -0
  73. package/lib/internal/template/internal/do-not-use/feature-prompt/interfaces.js +4 -0
  74. package/lib/internal/template/internal/do-not-use/feature-prompt/interfaces.js.map +1 -0
  75. package/lib/internal/template/internal/do-not-use/feature-prompt/internal.d.ts +9 -0
  76. package/lib/internal/template/internal/do-not-use/feature-prompt/internal.d.ts.map +1 -0
  77. package/lib/internal/template/internal/do-not-use/feature-prompt/internal.js +43 -0
  78. package/lib/internal/template/internal/do-not-use/feature-prompt/internal.js.map +1 -0
  79. package/lib/internal/template/internal/do-not-use/feature-prompt/styles.css.js +4 -0
  80. package/lib/internal/template/internal/do-not-use/feature-prompt/styles.scoped.css +4 -0
  81. package/lib/internal/template/internal/do-not-use/feature-prompt/styles.selectors.js +5 -0
  82. package/lib/internal/template/internal/environment.js +2 -2
  83. package/lib/internal/template/internal/environment.json +2 -2
  84. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +7 -0
  85. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  86. package/lib/internal/template/internal/generated/custom-css-properties/index.js +138 -131
  87. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  88. package/lib/internal/template/link/styles.css.js +20 -20
  89. package/lib/internal/template/link/styles.scoped.css +103 -103
  90. package/lib/internal/template/link/styles.selectors.js +20 -20
  91. package/lib/internal/template/popover/body.d.ts +3 -1
  92. package/lib/internal/template/popover/body.d.ts.map +1 -1
  93. package/lib/internal/template/popover/body.js +4 -3
  94. package/lib/internal/template/popover/body.js.map +1 -1
  95. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  96. package/lib/internal/template/progress-bar/styles.scoped.css +56 -56
  97. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  98. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  99. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  100. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  101. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  102. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  103. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  104. package/lib/internal/template/slider/index.d.ts +1 -1
  105. package/lib/internal/template/slider/index.d.ts.map +1 -1
  106. package/lib/internal/template/slider/index.js +2 -2
  107. package/lib/internal/template/slider/index.js.map +1 -1
  108. package/lib/internal/template/slider/interfaces.d.ts +23 -0
  109. package/lib/internal/template/slider/interfaces.d.ts.map +1 -1
  110. package/lib/internal/template/slider/interfaces.js.map +1 -1
  111. package/lib/internal/template/slider/internal.d.ts +2 -1
  112. package/lib/internal/template/slider/internal.d.ts.map +1 -1
  113. package/lib/internal/template/slider/internal.js +3 -2
  114. package/lib/internal/template/slider/internal.js.map +1 -1
  115. package/lib/internal/template/slider/styles.css.js +26 -26
  116. package/lib/internal/template/slider/styles.d.ts +12 -0
  117. package/lib/internal/template/slider/styles.d.ts.map +1 -0
  118. package/lib/internal/template/slider/styles.js +20 -0
  119. package/lib/internal/template/slider/styles.js.map +1 -0
  120. package/lib/internal/template/slider/styles.scoped.css +165 -163
  121. package/lib/internal/template/slider/styles.selectors.js +26 -26
  122. package/lib/internal/template/spinner/styles.css.js +13 -13
  123. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  124. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  125. package/lib/internal/template/tabs/styles.css.js +30 -30
  126. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  127. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  128. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  129. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  130. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  131. package/lib/internal/template/test-utils/dom/internal/feature-prompt.d.ts +7 -0
  132. package/lib/internal/template/test-utils/dom/internal/feature-prompt.js +20 -0
  133. package/lib/internal/template/test-utils/dom/internal/feature-prompt.js.map +1 -0
  134. package/lib/internal/template/test-utils/selectors/internal/feature-prompt.d.ts +7 -0
  135. package/lib/internal/template/test-utils/selectors/internal/feature-prompt.js +26 -0
  136. package/lib/internal/template/test-utils/selectors/internal/feature-prompt.js.map +1 -0
  137. package/lib/internal/template/text-content/styles.css.js +1 -1
  138. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  139. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  140. package/lib/internal/template/textarea/styles.css.js +5 -5
  141. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  142. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  143. package/lib/internal/template/toggle/styles.css.js +10 -10
  144. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  145. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  146. 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_533vn_145:not(#\9) {
145
+ .awsui_link_4c84z_1rl6a_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-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
177
+ --awsui-style-focus-ring-box-shadow-4hh3rt: 0 0 0 var(--awsui-style-focus-ring-border-width-4hh3rt, var(--border-link-focus-ring-shadow-spread-woh62o, 0px)) var(--awsui-style-focus-ring-border-color-4hh3rt, 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-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
180
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145:not(#\9) {
191
+ .awsui_link_4c84z_1rl6a_145:not(#\9) {
192
192
  animation: none;
193
193
  transition: none;
194
194
  }
195
195
  }
196
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145:not(#\9) {
196
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145:not(#\9) {
197
197
  animation: none;
198
198
  transition: none;
199
199
  }
200
- .awsui_link_4c84z_533vn_145:not(#\9):hover {
200
+ .awsui_link_4c84z_1rl6a_145:not(#\9):hover {
201
201
  cursor: pointer;
202
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
202
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
203
203
  }
204
- .awsui_link_4c84z_533vn_145:not(#\9):focus {
204
+ .awsui_link_4c84z_1rl6a_145:not(#\9):focus {
205
205
  outline: none;
206
206
  }
207
- .awsui_link_4c84z_533vn_145:not(#\9):active {
208
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
207
+ .awsui_link_4c84z_1rl6a_145:not(#\9):active {
208
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
209
209
  }
210
- .awsui_link_4c84z_533vn_145:not(#\9):active, .awsui_link_4c84z_533vn_145:not(#\9):focus, .awsui_link_4c84z_533vn_145:not(#\9):hover {
210
+ .awsui_link_4c84z_1rl6a_145:not(#\9):active, .awsui_link_4c84z_1rl6a_145:not(#\9):focus, .awsui_link_4c84z_1rl6a_145:not(#\9):hover {
211
211
  text-decoration-line: underline;
212
212
  text-decoration-color: currentColor;
213
213
  }
214
- .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
214
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
215
215
  -webkit-font-smoothing: inherit;
216
216
  -moz-osx-font-smoothing: inherit;
217
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
217
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
228
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
229
229
  animation: none;
230
230
  transition: none;
231
231
  }
232
232
  }
233
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9) {
233
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9) {
234
234
  animation: none;
235
235
  transition: none;
236
236
  }
237
- .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):hover {
237
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
238
238
  cursor: pointer;
239
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
239
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
240
240
  }
241
- .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):focus {
241
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus {
242
242
  outline: none;
243
243
  }
244
- .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):active {
245
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
244
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active {
245
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
246
246
  }
247
- .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-secondary_4c84z_533vn_212:not(#\9):hover {
247
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-secondary_4c84z_1rl6a_212:not(#\9):hover {
248
248
  text-decoration-line: underline;
249
249
  text-decoration-color: currentColor;
250
250
  }
251
- .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
252
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
251
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
252
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
263
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
264
264
  animation: none;
265
265
  transition: none;
266
266
  }
267
267
  }
268
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9) {
268
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9) {
269
269
  animation: none;
270
270
  transition: none;
271
271
  }
272
- .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):hover {
272
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
273
273
  cursor: pointer;
274
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
274
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
275
275
  }
276
- .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):focus {
276
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus {
277
277
  outline: none;
278
278
  }
279
- .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):active {
280
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
279
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active {
280
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
281
281
  }
282
- .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-primary_4c84z_533vn_247:not(#\9):hover {
282
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-primary_4c84z_1rl6a_247:not(#\9):hover {
283
283
  text-decoration-line: underline;
284
284
  text-decoration-color: currentColor;
285
285
  }
286
- .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
286
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_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-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
289
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
300
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
301
301
  animation: none;
302
302
  transition: none;
303
303
  }
304
304
  }
305
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9) {
305
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9) {
306
306
  animation: none;
307
307
  transition: none;
308
308
  }
309
- .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):hover {
309
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):hover {
310
310
  cursor: pointer;
311
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
311
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
312
312
  }
313
- .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):focus {
313
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus {
314
314
  outline: none;
315
315
  }
316
- .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):active {
317
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
316
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active {
317
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
318
318
  }
319
- .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-info_4c84z_533vn_280:not(#\9):hover {
319
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_280:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-info_4c84z_1rl6a_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_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
324
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
323
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
324
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
334
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
335
335
  animation: none;
336
336
  transition: none;
337
337
  }
338
338
  }
339
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9) {
339
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9) {
340
340
  animation: none;
341
341
  transition: none;
342
342
  }
343
- .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):hover {
343
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
344
344
  cursor: pointer;
345
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
345
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
346
346
  }
347
- .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):focus {
347
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus {
348
348
  outline: none;
349
349
  }
350
- .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):active {
351
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
350
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active {
351
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
352
352
  }
353
- .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-value-large_4c84z_533vn_315:not(#\9):hover {
353
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-value-large_4c84z_1rl6a_315:not(#\9):hover {
354
354
  text-decoration-line: underline;
355
355
  text-decoration-color: currentColor;
356
356
  }
357
- .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
357
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_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-rhu47t, var(--color-text-interactive-default-qwoe3g, #545b64));
360
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
371
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
372
372
  animation: none;
373
373
  transition: none;
374
374
  }
375
375
  }
376
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9) {
376
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9) {
377
377
  animation: none;
378
378
  transition: none;
379
379
  }
380
- .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):hover {
380
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
381
381
  cursor: pointer;
382
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-interactive-hover-bu4gls, #16191f));
382
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-interactive-hover-bu4gls, #16191f));
383
383
  }
384
- .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):focus {
384
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus {
385
385
  outline: none;
386
386
  }
387
- .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):active {
388
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-interactive-active-c44vdq, #16191f));
387
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active {
388
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-interactive-active-c44vdq, #16191f));
389
389
  }
390
- .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-top-navigation_4c84z_533vn_347:not(#\9):hover {
390
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-top-navigation_4c84z_1rl6a_347:not(#\9):hover {
391
391
  text-decoration-line: underline;
392
392
  text-decoration-color: transparent;
393
393
  }
394
- .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
395
- color: var(--awsui-style-color-default-rhu47t, var(--color-text-link-default-z7zuy8, #0073bb));
394
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
395
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
406
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
407
407
  animation: none;
408
408
  transition: none;
409
409
  }
410
410
  }
411
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9) {
411
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9) {
412
412
  animation: none;
413
413
  transition: none;
414
414
  }
415
- .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):hover {
415
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):hover {
416
416
  cursor: pointer;
417
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
417
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
418
418
  }
419
- .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):focus {
419
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus {
420
420
  outline: none;
421
421
  }
422
- .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):active {
423
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-hover-pqxtsy, #0a4a74));
422
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active {
423
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-hover-pqxtsy, #0a4a74));
424
424
  }
425
- .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_variant-recovery_4c84z_533vn_382:not(#\9):hover {
425
+ .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_382:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_variant-recovery_4c84z_1rl6a_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_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
429
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_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-rhu47t, var(--color-text-link-button-normal-default-dm02c2, #545b64));
432
+ color: var(--awsui-style-color-default-4hh3rt, 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_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
443
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
444
444
  animation: none;
445
445
  transition: none;
446
446
  }
447
447
  }
448
- .awsui-motion-disabled .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9) {
448
+ .awsui-motion-disabled .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9) {
449
449
  animation: none;
450
450
  transition: none;
451
451
  }
452
- .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):hover {
452
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
453
453
  cursor: pointer;
454
- color: var(--awsui-style-color-hover-rhu47t, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
454
+ color: var(--awsui-style-color-hover-4hh3rt, var(--color-text-link-button-normal-hover-ldeaqo, #16191f));
455
455
  }
456
- .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):focus {
456
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus {
457
457
  outline: none;
458
458
  }
459
- .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):active {
460
- color: var(--awsui-style-color-active-rhu47t, var(--color-text-link-button-normal-active-q28r86, #16191f));
459
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active {
460
+ color: var(--awsui-style-color-active-4hh3rt, var(--color-text-link-button-normal-active-q28r86, #16191f));
461
461
  }
462
- .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):active, .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):focus, .awsui_link_4c84z_533vn_145.awsui_button_4c84z_533vn_415:not(#\9):hover {
462
+ .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):active, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):focus, .awsui_link_4c84z_1rl6a_145.awsui_button_4c84z_1rl6a_415:not(#\9):hover {
463
463
  text-decoration-line: underline;
464
464
  text-decoration-color: transparent;
465
465
  }
466
- .awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9) {
466
+ .awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9) {
467
467
  color: var(--color-text-notification-default-fmebm4, #fafafa);
468
468
  }
469
- .awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9):not(.awsui_button_4c84z_533vn_415) {
469
+ .awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_450:not(#\9):not(.awsui_button_4c84z_1rl6a_415) {
470
470
  text-decoration-line: underline;
471
471
  text-decoration-color: currentColor;
472
472
  }
473
- .awsui_link_4c84z_533vn_145.awsui_color-inverted_4c84z_533vn_450:not(#\9):hover {
473
+ .awsui_link_4c84z_1rl6a_145.awsui_color-inverted_4c84z_1rl6a_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_533vn_145:not(#\9):focus {
476
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1rl6a_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-rhu47t, var(--color-border-item-focused-r5f6xl, #0073bb));
481
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
482
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
483
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
484
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
485
- box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
486
- }
487
- .awsui_link_4c84z_533vn_145.awsui_font-size-body-s_4c84z_533vn_471:not(#\9) {
480
+ outline-color: var(--awsui-style-focus-ring-border-color-4hh3rt, var(--color-border-item-focused-r5f6xl, #0073bb));
481
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
482
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
483
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
484
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-4hh3rt, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
485
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-4hh3rt);
486
+ }
487
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-body-s_4c84z_1rl6a_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_533vn_145.awsui_font-size-body-m_4c84z_533vn_478:not(#\9) {
494
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-body-m_4c84z_1rl6a_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_533vn_145.awsui_font-size-heading-xs_4c84z_533vn_484:not(#\9) {
500
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xs_4c84z_1rl6a_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_533vn_145.awsui_font-size-heading-s_4c84z_533vn_490:not(#\9) {
506
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-s_4c84z_1rl6a_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_533vn_145.awsui_font-size-heading-m_4c84z_533vn_497:not(#\9) {
513
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-m_4c84z_1rl6a_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_533vn_145.awsui_font-size-heading-l_4c84z_533vn_504:not(#\9) {
520
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-l_4c84z_1rl6a_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_533vn_145.awsui_font-size-heading-xl_4c84z_533vn_511:not(#\9) {
527
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-heading-xl_4c84z_1rl6a_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_533vn_145.awsui_font-size-display-l_4c84z_533vn_518:not(#\9) {
534
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-display-l_4c84z_1rl6a_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_533vn_145.awsui_font-size-inherit_4c84z_533vn_525:not(#\9) {
541
+ .awsui_link_4c84z_1rl6a_145.awsui_font-size-inherit_4c84z_1rl6a_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_533vn_145:not(#\9):focus {
546
546
  text-decoration-thickness: 1px;
547
547
  }
548
548
 
549
- .awsui_icon-wrapper_4c84z_533vn_533:not(#\9) {
549
+ .awsui_icon-wrapper_4c84z_1rl6a_533:not(#\9) {
550
550
  white-space: nowrap;
551
551
  }
552
552
 
553
- .awsui_icon_4c84z_533vn_533:not(#\9) {
553
+ .awsui_icon_4c84z_1rl6a_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_533vn_145",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_533vn_212",
7
- "variant-primary": "awsui_variant-primary_4c84z_533vn_247",
8
- "variant-info": "awsui_variant-info_4c84z_533vn_280",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_533vn_315",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_533vn_347",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_533vn_382",
12
- "button": "awsui_button_4c84z_533vn_415",
13
- "color-inverted": "awsui_color-inverted_4c84z_533vn_450",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_533vn_471",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_533vn_478",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_533vn_484",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_533vn_490",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_533vn_497",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_533vn_504",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_533vn_511",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_533vn_518",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_533vn_525",
23
- "icon-wrapper": "awsui_icon-wrapper_4c84z_533vn_533",
24
- "icon": "awsui_icon_4c84z_533vn_533"
5
+ "link": "awsui_link_4c84z_1rl6a_145",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_1rl6a_212",
7
+ "variant-primary": "awsui_variant-primary_4c84z_1rl6a_247",
8
+ "variant-info": "awsui_variant-info_4c84z_1rl6a_280",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_1rl6a_315",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1rl6a_347",
11
+ "variant-recovery": "awsui_variant-recovery_4c84z_1rl6a_382",
12
+ "button": "awsui_button_4c84z_1rl6a_415",
13
+ "color-inverted": "awsui_color-inverted_4c84z_1rl6a_450",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_1rl6a_471",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_1rl6a_478",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1rl6a_484",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1rl6a_490",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1rl6a_497",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1rl6a_504",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1rl6a_511",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_1rl6a_518",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_1rl6a_525",
23
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_1rl6a_533",
24
+ "icon": "awsui_icon_4c84z_1rl6a_533"
25
25
  };
26
26
 
package/lib/internal/template/popover/body.d.ts CHANGED
@@ -3,6 +3,7 @@ export interface PopoverBodyProps {
3
3
  dismissButton: boolean;
4
4
  dismissAriaLabel: string | undefined;
5
5
  onDismiss: (() => void) | undefined;
6
+ onBlur?: (event: React.FocusEvent) => void;
6
7
  header: React.ReactNode | undefined;
7
8
  children: React.ReactNode;
8
9
  variant?: 'annotation' | 'chart';
@@ -11,5 +12,6 @@ export interface PopoverBodyProps {
11
12
  ariaLabelledby?: string;
12
13
  closeAnalyticsAction?: string;
13
14
  }
14
- export default function PopoverBody({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }: PopoverBodyProps): JSX.Element;
15
+ declare const PopoverBody: React.ForwardRefExoticComponent<PopoverBodyProps & React.RefAttributes<HTMLDivElement>>;
16
+ export default PopoverBody;
15
17
  //# sourceMappingURL=body.d.ts.map
package/lib/internal/template/popover/body.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAEpC,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,eAAe,EACf,SAAS,EACT,cAAc,EACd,oBAAoB,GACrB,EAAE,gBAAgB,eAiFlB"}
1
+ {"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACjC,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,yFAoGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
package/lib/internal/template/popover/body.js CHANGED
@@ -10,7 +10,7 @@ import { useInternalI18n } from '../i18n/context';
10
10
  import FocusLock from '../internal/components/focus-lock';
11
11
  import { KeyCode } from '../internal/keycode';
12
12
  import styles from './styles.css.js';
13
- export default function PopoverBody({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }) {
13
+ const PopoverBody = React.forwardRef(({ dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, onBlur, variant, overflowVisible, className, ariaLabelledby, closeAnalyticsAction, }, ref) => {
14
14
  const i18n = useInternalI18n('popover');
15
15
  const labelledById = useUniqueId('awsui-popover-');
16
16
  const dismissButtonFocused = useRef(false);
@@ -43,7 +43,7 @@ export default function PopoverBody({ dismissButton: showDismissButton, dismissA
43
43
  : {};
44
44
  return (React.createElement("div", { className: clsx(styles.body, styles[`body-variant-${variant}`], className, {
45
45
  [styles['body-overflow-visible']]: overflowVisible === 'both',
46
- }), onKeyDown: onKeyDown, ...dialogProps },
46
+ }), onKeyDown: onKeyDown, ref: ref, onBlur: onBlur, ...dialogProps },
47
47
  React.createElement(BuiltInErrorBoundary, null,
48
48
  React.createElement(FocusLock, { disabled: !shouldTrapFocus, autoFocus: false },
49
49
  header && (React.createElement("div", { className: clsx(styles['header-row'], showDismissButton && styles['has-dismiss']) },
@@ -53,5 +53,6 @@ export default function PopoverBody({ dismissButton: showDismissButton, dismissA
53
53
  React.createElement("div", { className: !header && showDismissButton ? styles['has-dismiss'] : undefined },
54
54
  !header && dismissButton,
55
55
  React.createElement("div", { className: clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible }) }, children))))));
56
- }
56
+ });
57
+ export default PopoverBody;
57
58
  //# sourceMappingURL=body.js.map
package/lib/internal/template/popover/body.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n dismissButton: boolean;\n dismissAriaLabel: string | undefined;\n onDismiss: (() => void) | undefined;\n\n header: React.ReactNode | undefined;\n children: React.ReactNode;\n variant?: 'annotation' | 'chart';\n overflowVisible?: 'content' | 'both';\n\n className?: string;\n ariaLabelledby?: string;\n\n closeAnalyticsAction?: string;\n}\n\nexport default function PopoverBody({\n dismissButton: showDismissButton,\n dismissAriaLabel,\n header,\n children,\n onDismiss,\n variant,\n overflowVisible,\n className,\n ariaLabelledby,\n closeAnalyticsAction,\n}: PopoverBodyProps) {\n const i18n = useInternalI18n('popover');\n const labelledById = useUniqueId('awsui-popover-');\n const dismissButtonFocused = useRef(false);\n const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.stopPropagation();\n onDismiss?.();\n }\n },\n [onDismiss]\n );\n\n // Implement our own auto-focus rather than using FocusLock's,\n // because we also want to focus the dismiss button when it\n // is added dynamically (e.g. in chart popovers)\n useEffect(() => {\n if (showDismissButton && !dismissButtonFocused.current) {\n dismissButtonRef.current?.focus({ preventScroll: true });\n }\n dismissButtonFocused.current = showDismissButton;\n }, [showDismissButton]);\n\n const dismissButton = (showDismissButton ?? null) && (\n <div\n className={styles.dismiss}\n {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n >\n <InternalButton\n variant=\"icon\"\n formAction=\"none\"\n iconName=\"close\"\n className={styles['dismiss-control']}\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => onDismiss?.()}\n ref={dismissButtonRef}\n />\n </div>\n );\n\n const isDialog = showDismissButton;\n const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n const dialogProps = isDialog\n ? {\n role: 'dialog',\n 'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n }\n : {};\n\n return (\n <div\n className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n [styles['body-overflow-visible']]: overflowVisible === 'both',\n })}\n onKeyDown={onKeyDown}\n {...dialogProps}\n >\n <BuiltInErrorBoundary>\n <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n {header && (\n <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n {dismissButton}\n <div className={styles.header} id={labelledById}>\n <h2>{header}</h2>\n </div>\n </div>\n )}\n <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n {!header && dismissButton}\n <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n {children}\n </div>\n </div>\n </FocusLock>\n </BuiltInErrorBoundary>\n </div>\n );\n}\n"]}
1
+ {"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n dismissButton: boolean;\n dismissAriaLabel: string | undefined;\n onDismiss: (() => void) | undefined;\n onBlur?: (event: React.FocusEvent) => void;\n\n header: React.ReactNode | undefined;\n children: React.ReactNode;\n variant?: 'annotation' | 'chart';\n overflowVisible?: 'content' | 'both';\n\n className?: string;\n ariaLabelledby?: string;\n\n closeAnalyticsAction?: string;\n}\n\nconst PopoverBody = React.forwardRef(\n (\n {\n dismissButton: showDismissButton,\n dismissAriaLabel,\n header,\n children,\n onDismiss,\n onBlur,\n variant,\n overflowVisible,\n className,\n ariaLabelledby,\n closeAnalyticsAction,\n }: PopoverBodyProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const i18n = useInternalI18n('popover');\n const labelledById = useUniqueId('awsui-popover-');\n const dismissButtonFocused = useRef(false);\n const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.stopPropagation();\n onDismiss?.();\n }\n },\n [onDismiss]\n );\n\n // Implement our own auto-focus rather than using FocusLock's,\n // because we also want to focus the dismiss button when it\n // is added dynamically (e.g. in chart popovers)\n useEffect(() => {\n if (showDismissButton && !dismissButtonFocused.current) {\n dismissButtonRef.current?.focus({ preventScroll: true });\n }\n dismissButtonFocused.current = showDismissButton;\n }, [showDismissButton]);\n\n const dismissButton = (showDismissButton ?? null) && (\n <div\n className={styles.dismiss}\n {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n >\n <InternalButton\n variant=\"icon\"\n formAction=\"none\"\n iconName=\"close\"\n className={styles['dismiss-control']}\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => onDismiss?.()}\n ref={dismissButtonRef}\n />\n </div>\n );\n\n const isDialog = showDismissButton;\n const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n const dialogProps = isDialog\n ? {\n role: 'dialog',\n 'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n }\n : {};\n\n return (\n <div\n className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n [styles['body-overflow-visible']]: overflowVisible === 'both',\n })}\n onKeyDown={onKeyDown}\n ref={ref}\n onBlur={onBlur}\n {...dialogProps}\n >\n <BuiltInErrorBoundary>\n <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n {header && (\n <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n {dismissButton}\n <div className={styles.header} id={labelledById}>\n <h2>{header}</h2>\n </div>\n </div>\n )}\n <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n {!header && dismissButton}\n <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n {children}\n </div>\n </div>\n </FocusLock>\n </BuiltInErrorBoundary>\n </div>\n );\n }\n);\n\nexport default PopoverBody;\n"]}