@cloudscape-design/components-themeable 3.0.363 → 3.0.365

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 (124) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +41 -10
  3. package/lib/internal/scss/breadcrumb-group/item/styles.scss +1 -1
  4. package/lib/internal/scss/internal/styles/links.scss +2 -0
  5. package/lib/internal/scss/link/constants.scss +7 -6
  6. package/lib/internal/template/alert/index.d.ts +3 -2
  7. package/lib/internal/template/alert/index.d.ts.map +1 -1
  8. package/lib/internal/template/alert/index.js +4 -3
  9. package/lib/internal/template/alert/index.js.map +1 -1
  10. package/lib/internal/template/alert/interfaces.d.ts +6 -0
  11. package/lib/internal/template/alert/interfaces.d.ts.map +1 -1
  12. package/lib/internal/template/alert/interfaces.js.map +1 -1
  13. package/lib/internal/template/alert/internal.d.ts +5 -5
  14. package/lib/internal/template/alert/internal.d.ts.map +1 -1
  15. package/lib/internal/template/alert/internal.js +22 -14
  16. package/lib/internal/template/alert/internal.js.map +1 -1
  17. package/lib/internal/template/alert/styles.css.js +24 -19
  18. package/lib/internal/template/alert/styles.scoped.css +72 -35
  19. package/lib/internal/template/alert/styles.selectors.js +24 -19
  20. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  21. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +30 -30
  22. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  23. package/lib/internal/template/app-layout/visual-refresh/background.d.ts.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh/background.js +2 -2
  25. package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
  26. package/lib/internal/template/app-layout/visual-refresh/context.d.ts +2 -1
  27. package/lib/internal/template/app-layout/visual-refresh/context.d.ts.map +1 -1
  28. package/lib/internal/template/app-layout/visual-refresh/context.js +9 -11
  29. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  30. package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
  31. package/lib/internal/template/app-layout/visual-refresh/layout.js +3 -11
  32. package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
  33. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.d.ts +16 -0
  34. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -0
  35. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.js +41 -0
  36. package/lib/internal/template/app-layout/visual-refresh/use-background-overlap.js.map +1 -0
  37. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  38. package/lib/internal/template/attribute-editor/styles.scoped.css +30 -31
  39. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  40. package/lib/internal/template/breadcrumb-group/item/styles.css.js +9 -9
  41. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +21 -21
  42. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +9 -9
  43. package/lib/internal/template/button/styles.css.js +20 -20
  44. package/lib/internal/template/button/styles.scoped.css +152 -152
  45. package/lib/internal/template/button/styles.selectors.js +20 -20
  46. package/lib/internal/template/cards/index.d.ts.map +1 -1
  47. package/lib/internal/template/cards/index.js +9 -7
  48. package/lib/internal/template/cards/index.js.map +1 -1
  49. package/lib/internal/template/help-panel/index.d.ts.map +1 -1
  50. package/lib/internal/template/help-panel/index.js +3 -1
  51. package/lib/internal/template/help-panel/index.js.map +1 -1
  52. package/lib/internal/template/help-panel/styles.css.js +4 -4
  53. package/lib/internal/template/help-panel/styles.scoped.css +71 -72
  54. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  55. package/lib/internal/template/internal/base-component/styles.scoped.css +11 -26
  56. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  57. package/lib/internal/template/internal/components/token-list/styles.scoped.css +22 -22
  58. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  59. package/lib/internal/template/internal/context/link-default-variant-context.d.ts +6 -0
  60. package/lib/internal/template/internal/context/link-default-variant-context.d.ts.map +1 -0
  61. package/lib/internal/template/internal/context/link-default-variant-context.js +7 -0
  62. package/lib/internal/template/internal/context/link-default-variant-context.js.map +1 -0
  63. package/lib/internal/template/internal/environment.js +1 -1
  64. package/lib/internal/template/internal/environment.json +1 -1
  65. package/lib/internal/template/internal/generated/theming/index.cjs +0 -40
  66. package/lib/internal/template/internal/generated/theming/index.js +0 -40
  67. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
  68. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js +1 -9
  69. package/lib/internal/template/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
  70. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts +4 -0
  71. package/lib/internal/template/internal/hooks/container-queries/utils.d.ts.map +1 -0
  72. package/lib/internal/template/internal/hooks/container-queries/utils.js +10 -0
  73. package/lib/internal/template/internal/hooks/container-queries/utils.js.map +1 -0
  74. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.d.ts +1 -1
  75. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.d.ts.map +1 -1
  76. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js +11 -5
  77. package/lib/internal/template/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  78. package/lib/internal/template/link/index.d.ts.map +1 -1
  79. package/lib/internal/template/link/index.js +2 -2
  80. package/lib/internal/template/link/index.js.map +1 -1
  81. package/lib/internal/template/link/interfaces.d.ts +7 -0
  82. package/lib/internal/template/link/interfaces.d.ts.map +1 -1
  83. package/lib/internal/template/link/interfaces.js.map +1 -1
  84. package/lib/internal/template/link/internal.d.ts.map +1 -1
  85. package/lib/internal/template/link/internal.js +4 -1
  86. package/lib/internal/template/link/internal.js.map +1 -1
  87. package/lib/internal/template/link/styles.css.js +20 -20
  88. package/lib/internal/template/link/styles.scoped.css +91 -90
  89. package/lib/internal/template/link/styles.selectors.js +20 -20
  90. package/lib/internal/template/popover/internal.d.ts.map +1 -1
  91. package/lib/internal/template/popover/internal.js +3 -1
  92. package/lib/internal/template/popover/internal.js.map +1 -1
  93. package/lib/internal/template/table/internal.d.ts.map +1 -1
  94. package/lib/internal/template/table/internal.js +58 -56
  95. package/lib/internal/template/table/internal.js.map +1 -1
  96. package/lib/internal/template/table/sticky-columns/index.d.ts +2 -1
  97. package/lib/internal/template/table/sticky-columns/index.d.ts.map +1 -1
  98. package/lib/internal/template/table/sticky-columns/index.js +1 -1
  99. package/lib/internal/template/table/sticky-columns/index.js.map +1 -1
  100. package/lib/internal/template/table/sticky-columns/interfaces.d.ts +31 -0
  101. package/lib/internal/template/table/sticky-columns/interfaces.d.ts.map +1 -0
  102. package/lib/internal/template/table/sticky-columns/interfaces.js +4 -0
  103. package/lib/internal/template/table/sticky-columns/interfaces.js.map +1 -0
  104. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts +1 -25
  105. package/lib/internal/template/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  106. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +18 -51
  107. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  108. package/lib/internal/template/table/sticky-columns/utils.d.ts +5 -0
  109. package/lib/internal/template/table/sticky-columns/utils.d.ts.map +1 -0
  110. package/lib/internal/template/table/sticky-columns/utils.js +42 -0
  111. package/lib/internal/template/table/sticky-columns/utils.js.map +1 -0
  112. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  113. package/lib/internal/template/tag-editor/styles.scoped.css +12 -12
  114. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  115. package/lib/internal/template/text-content/styles.css.js +1 -1
  116. package/lib/internal/template/text-content/styles.scoped.css +72 -74
  117. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  118. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js +1 -1
  119. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/congratulation-screen.js.map +1 -1
  120. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js +1 -1
  121. package/lib/internal/template/tutorial-panel/components/tutorial-list/index.js.map +1 -1
  122. package/lib/internal/template/wizard/wizard-navigation.js +1 -1
  123. package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
  124. package/package.json +1 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_link_4c84z_1elf4_93:not(#\9) {
93
+ .awsui_link_4c84z_g9csn_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -141,31 +141,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
141
141
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
142
142
  }
143
143
  @media (prefers-reduced-motion: reduce) {
144
- .awsui_link_4c84z_1elf4_93:not(#\9) {
144
+ .awsui_link_4c84z_g9csn_93:not(#\9) {
145
145
  animation: none;
146
146
  transition: none;
147
147
  }
148
148
  }
149
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93:not(#\9) {
149
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93:not(#\9) {
150
150
  animation: none;
151
151
  transition: none;
152
152
  }
153
- .awsui_link_4c84z_1elf4_93:not(#\9):hover {
153
+ .awsui_link_4c84z_g9csn_93:not(#\9):hover {
154
154
  cursor: pointer;
155
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
155
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
156
156
  }
157
- .awsui_link_4c84z_1elf4_93:not(#\9):focus {
157
+ .awsui_link_4c84z_g9csn_93:not(#\9):focus {
158
158
  outline: none;
159
159
  }
160
- .awsui_link_4c84z_1elf4_93:not(#\9):active {
161
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
160
+ .awsui_link_4c84z_g9csn_93:not(#\9):active {
161
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
162
162
  }
163
- .awsui_link_4c84z_1elf4_93:not(#\9):active, .awsui_link_4c84z_1elf4_93:not(#\9):focus, .awsui_link_4c84z_1elf4_93:not(#\9):hover {
163
+ .awsui_link_4c84z_g9csn_93:not(#\9):active, .awsui_link_4c84z_g9csn_93:not(#\9):focus, .awsui_link_4c84z_g9csn_93:not(#\9):hover {
164
164
  text-decoration: underline;
165
165
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
166
166
  text-decoration-color: currentColor;
167
167
  }
168
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
168
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
169
169
  -webkit-font-smoothing: inherit;
170
170
  -moz-osx-font-smoothing: inherit;
171
171
  color: var(--color-text-link-default-mwf535, #0073bb);
@@ -180,69 +180,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
180
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
181
181
  }
182
182
  @media (prefers-reduced-motion: reduce) {
183
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
183
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
184
184
  animation: none;
185
185
  transition: none;
186
186
  }
187
187
  }
188
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9) {
188
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9) {
189
189
  animation: none;
190
190
  transition: none;
191
191
  }
192
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):hover {
192
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):hover {
193
193
  cursor: pointer;
194
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
194
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
195
195
  }
196
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):focus {
196
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):focus {
197
197
  outline: none;
198
198
  }
199
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):active {
200
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
199
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):active {
200
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
201
201
  }
202
- .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-secondary_4c84z_1elf4_140:not(#\9):hover {
202
+ .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-secondary_4c84z_g9csn_140:not(#\9):hover {
203
203
  text-decoration: underline;
204
204
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
205
205
  text-decoration-color: currentColor;
206
206
  }
207
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
207
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9) {
208
208
  color: var(--color-text-link-default-mwf535, #0073bb);
209
- font-weight: var(--font-link-primary-weight-szvmmz, 700);
210
- letter-spacing: var(--font-link-primary-letter-spacing-hw4lx1, 0.005em);
211
- -webkit-text-decoration: var(--font-link-primary-decoration-g53302, none);
212
- text-decoration: var(--font-link-primary-decoration-g53302, none);
209
+ font-weight: inherit;
210
+ letter-spacing: normal;
211
+ text-decoration: underline;
213
212
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
214
- text-decoration-color: var(--color-text-link-primary-underline-s1455o, transparent);
213
+ text-decoration-color: currentColor;
215
214
  transition-property: color, -webkit-text-decoration;
216
215
  transition-property: color, text-decoration;
217
216
  transition-property: color, text-decoration, -webkit-text-decoration;
218
217
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
219
218
  }
220
219
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
220
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9) {
222
221
  animation: none;
223
222
  transition: none;
224
223
  }
225
224
  }
226
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9) {
225
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9) {
227
226
  animation: none;
228
227
  transition: none;
229
228
  }
230
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):hover {
229
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):hover {
231
230
  cursor: pointer;
232
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
231
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
233
232
  }
234
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):focus {
233
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):focus {
235
234
  outline: none;
236
235
  }
237
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):active {
238
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
236
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):active {
237
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
239
238
  }
240
- .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-primary_4c84z_1elf4_177:not(#\9):hover {
239
+ .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-primary_4c84z_g9csn_177:not(#\9):hover {
241
240
  text-decoration: underline;
242
241
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
243
242
  text-decoration-color: currentColor;
244
243
  }
245
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
244
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
246
245
  -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
247
246
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
248
247
  color: var(--color-text-link-default-mwf535, #0073bb);
@@ -257,67 +256,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
257
256
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
258
257
  }
259
258
  @media (prefers-reduced-motion: reduce) {
260
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
259
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
261
260
  animation: none;
262
261
  transition: none;
263
262
  }
264
263
  }
265
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9) {
264
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9) {
266
265
  animation: none;
267
266
  transition: none;
268
267
  }
269
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):hover {
268
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):hover {
270
269
  cursor: pointer;
271
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
270
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
272
271
  }
273
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):focus {
272
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):focus {
274
273
  outline: none;
275
274
  }
276
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):active {
277
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
275
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):active {
276
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
278
277
  }
279
- .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-info_4c84z_1elf4_212:not(#\9):hover {
278
+ .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-info_4c84z_g9csn_212:not(#\9):hover {
280
279
  text-decoration: underline;
281
280
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
282
281
  text-decoration-color: var(--color-text-link-button-underline-hover-djlslb, currentColor);
283
282
  }
284
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
283
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
285
284
  color: var(--color-text-link-default-mwf535, #0073bb);
286
285
  font-weight: var(--font-box-value-large-weight-ucloqu, 300);
287
- text-decoration: none;
286
+ text-decoration: underline;
288
287
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
289
- text-decoration-color: transparent;
288
+ text-decoration-color: currentColor;
289
+ text-decoration-thickness: 0.3rem;
290
290
  transition-property: color, -webkit-text-decoration;
291
291
  transition-property: color, text-decoration;
292
292
  transition-property: color, text-decoration, -webkit-text-decoration;
293
293
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
294
294
  }
295
295
  @media (prefers-reduced-motion: reduce) {
296
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
296
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
297
297
  animation: none;
298
298
  transition: none;
299
299
  }
300
300
  }
301
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9) {
301
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9) {
302
302
  animation: none;
303
303
  transition: none;
304
304
  }
305
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):hover {
305
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):hover {
306
306
  cursor: pointer;
307
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
307
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
308
308
  }
309
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):focus {
309
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):focus {
310
310
  outline: none;
311
311
  }
312
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):active {
313
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
312
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):active {
313
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
314
314
  }
315
- .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-value-large_4c84z_1elf4_249:not(#\9):hover {
315
+ .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-value-large_4c84z_g9csn_249:not(#\9):hover {
316
316
  text-decoration: underline;
317
317
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
318
318
  text-decoration-color: currentColor;
319
+ text-decoration-thickness: 0.3rem;
319
320
  }
320
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
321
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
321
322
  color: var(--color-text-interactive-default-7wc1ct, #545b64);
322
323
  font-weight: 700;
323
324
  letter-spacing: 0.005em;
@@ -330,31 +331,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
330
331
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
331
332
  }
332
333
  @media (prefers-reduced-motion: reduce) {
333
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
334
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
334
335
  animation: none;
335
336
  transition: none;
336
337
  }
337
338
  }
338
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9) {
339
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9) {
339
340
  animation: none;
340
341
  transition: none;
341
342
  }
342
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):hover {
343
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):hover {
343
344
  cursor: pointer;
344
345
  color: var(--color-text-interactive-hover-78oj78, #16191f);
345
346
  }
346
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):focus {
347
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):focus {
347
348
  outline: none;
348
349
  }
349
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):active {
350
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):active {
350
351
  color: var(--color-text-interactive-active-zv2spm, #16191f);
351
352
  }
352
- .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-top-navigation_4c84z_1elf4_283:not(#\9):hover {
353
+ .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-top-navigation_4c84z_g9csn_285:not(#\9):hover {
353
354
  text-decoration: underline;
354
355
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
355
356
  text-decoration-color: transparent;
356
357
  }
357
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
358
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
358
359
  color: var(--color-text-link-default-mwf535, #0073bb);
359
360
  font-weight: var(--font-link-button-weight-y3fyce, 400);
360
361
  letter-spacing: var(--font-link-button-letter-spacing-qcov8t, normal);
@@ -367,31 +368,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
367
368
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
368
369
  }
369
370
  @media (prefers-reduced-motion: reduce) {
370
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
371
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
371
372
  animation: none;
372
373
  transition: none;
373
374
  }
374
375
  }
375
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9) {
376
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9) {
376
377
  animation: none;
377
378
  transition: none;
378
379
  }
379
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):hover {
380
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):hover {
380
381
  cursor: pointer;
381
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
382
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
382
383
  }
383
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):focus {
384
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):focus {
384
385
  outline: none;
385
386
  }
386
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):active {
387
- color: var(--color-text-link-hover-3wj3nj, #0073bb);
387
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):active {
388
+ color: var(--color-text-link-hover-162q5i, #0a4a74);
388
389
  }
389
- .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_variant-recovery_4c84z_1elf4_318:not(#\9):hover {
390
+ .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_variant-recovery_4c84z_g9csn_320:not(#\9):hover {
390
391
  text-decoration: underline;
391
392
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
392
393
  text-decoration-color: var(--color-text-link-button-underline-hover-djlslb, currentColor);
393
394
  }
394
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
395
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
395
396
  -webkit-font-smoothing: var(--font-smoothing-webkit-r8w2d6, auto);
396
397
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ypl7oc, auto);
397
398
  color: var(--color-text-link-button-normal-default-w6ba0p, #545b64);
@@ -406,42 +407,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
406
407
  transition-duration: var(--motion-duration-refresh-only-medium-1aoout, 165ms);
407
408
  }
408
409
  @media (prefers-reduced-motion: reduce) {
409
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
410
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
410
411
  animation: none;
411
412
  transition: none;
412
413
  }
413
414
  }
414
- .awsui-motion-disabled .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9) {
415
+ .awsui-motion-disabled .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9), .awsui-mode-entering .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9) {
415
416
  animation: none;
416
417
  transition: none;
417
418
  }
418
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):hover {
419
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):hover {
419
420
  cursor: pointer;
420
421
  color: var(--color-text-link-button-normal-hover-w2i428, #16191f);
421
422
  }
422
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):focus {
423
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):focus {
423
424
  outline: none;
424
425
  }
425
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):active {
426
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):active {
426
427
  color: var(--color-text-link-button-normal-active-bzgoeq, #16191f);
427
428
  }
428
- .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):active, .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):focus, .awsui_link_4c84z_1elf4_93.awsui_button_4c84z_1elf4_353:not(#\9):hover {
429
+ .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):active, .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):focus, .awsui_link_4c84z_g9csn_93.awsui_button_4c84z_g9csn_355:not(#\9):hover {
429
430
  text-decoration: underline;
430
431
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
431
432
  text-decoration-color: transparent;
432
433
  }
433
- .awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9) {
434
+ .awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9) {
434
435
  color: var(--color-text-notification-default-dvlvko, #fafafa);
435
436
  }
436
- .awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9):not(.awsui_button_4c84z_1elf4_353) {
437
+ .awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9):not(.awsui_button_4c84z_g9csn_355) {
437
438
  text-decoration: underline;
438
439
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
439
440
  text-decoration-color: currentColor;
440
441
  }
441
- .awsui_link_4c84z_1elf4_93.awsui_color-inverted_4c84z_1elf4_390:not(#\9):hover {
442
+ .awsui_link_4c84z_g9csn_93.awsui_color-inverted_4c84z_g9csn_392:not(#\9):hover {
442
443
  color: var(--color-text-link-inverted-hover-o7al0p, #fafafa);
443
444
  }
444
- body[data-awsui-focus-visible=true] .awsui_link_4c84z_1elf4_93:not(#\9):focus {
445
+ body[data-awsui-focus-visible=true] .awsui_link_4c84z_g9csn_93:not(#\9):focus {
445
446
  outline: thin dotted;
446
447
  outline: var(--border-link-focus-ring-outline-y3uozn, 5px auto Highlight);
447
448
  outline-offset: 2px;
@@ -449,54 +450,54 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_1elf4_93:not(#\9):focus {
449
450
  border-radius: var(--border-radius-control-default-focus-ring-awoa2s, 2px);
450
451
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-btuheb, 0px) var(--color-border-item-focused-gjqsnp, #0073bb);
451
452
  }
452
- .awsui_link_4c84z_1elf4_93.awsui_font-size-body-s_4c84z_1elf4_409:not(#\9) {
453
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-body-s_4c84z_g9csn_411:not(#\9) {
453
454
  font-size: var(--font-body-s-size-wofdyf, 12px);
454
455
  line-height: var(--font-body-s-line-height-hkht1z, 16px);
455
456
  letter-spacing: var(--font-body-s-letter-spacing-bkw1uw, normal);
456
457
  }
457
- .awsui_link_4c84z_1elf4_93.awsui_font-size-body-m_4c84z_1elf4_414:not(#\9) {
458
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-body-m_4c84z_g9csn_416:not(#\9) {
458
459
  font-size: var(--font-body-m-size-q2y4dq, 14px);
459
460
  line-height: var(--font-body-m-line-height-7pedlt, 22px);
460
461
  }
461
- .awsui_link_4c84z_1elf4_93.awsui_font-size-heading-xs_4c84z_1elf4_418:not(#\9) {
462
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-heading-xs_4c84z_g9csn_420:not(#\9) {
462
463
  font-size: var(--font-heading-xs-size-cj7yvf, 16px);
463
464
  line-height: var(--font-heading-xs-line-height-eo46pq, 20px);
464
465
  }
465
- .awsui_link_4c84z_1elf4_93.awsui_font-size-heading-s_4c84z_1elf4_422:not(#\9) {
466
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-heading-s_4c84z_g9csn_424:not(#\9) {
466
467
  font-size: var(--font-heading-s-size-50c3ux, 16px);
467
468
  line-height: var(--font-heading-s-line-height-ykeawn, 20px);
468
469
  letter-spacing: var(--font-heading-s-letter-spacing-dw4ti9, normal);
469
470
  }
470
- .awsui_link_4c84z_1elf4_93.awsui_font-size-heading-m_4c84z_1elf4_427:not(#\9) {
471
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-heading-m_4c84z_g9csn_429:not(#\9) {
471
472
  font-size: var(--font-heading-m-size-pcxbv7, 18px);
472
473
  line-height: var(--font-heading-m-line-height-u0fekd, 22px);
473
474
  letter-spacing: var(--font-heading-m-letter-spacing-d3cpxu, normal);
474
475
  }
475
- .awsui_link_4c84z_1elf4_93.awsui_font-size-heading-l_4c84z_1elf4_432:not(#\9) {
476
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-heading-l_4c84z_g9csn_434:not(#\9) {
476
477
  font-size: var(--font-heading-l-size-ogihwd, 18px);
477
478
  line-height: var(--font-heading-l-line-height-imzcck, 22px);
478
479
  letter-spacing: var(--font-heading-l-letter-spacing-bz1hn0, normal);
479
480
  }
480
- .awsui_link_4c84z_1elf4_93.awsui_font-size-heading-xl_4c84z_1elf4_437:not(#\9) {
481
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-heading-xl_4c84z_g9csn_439:not(#\9) {
481
482
  font-size: var(--font-heading-xl-size-c5vcsd, 28px);
482
483
  line-height: var(--font-heading-xl-line-height-ar3qte, 36px);
483
484
  letter-spacing: var(--font-heading-xl-letter-spacing-vfe8oi, normal);
484
485
  }
485
- .awsui_link_4c84z_1elf4_93.awsui_font-size-display-l_4c84z_1elf4_442:not(#\9) {
486
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-display-l_4c84z_g9csn_444:not(#\9) {
486
487
  font-size: var(--font-display-l-size-50gz06, 44px);
487
488
  line-height: var(--font-display-l-line-height-bnhwv5, 56px);
488
489
  letter-spacing: var(--font-display-l-letter-spacing-d16py1, normal);
489
490
  }
490
- .awsui_link_4c84z_1elf4_93.awsui_font-size-inherit_4c84z_1elf4_447:not(#\9) {
491
+ .awsui_link_4c84z_g9csn_93.awsui_font-size-inherit_4c84z_g9csn_449:not(#\9) {
491
492
  font-size: inherit;
492
493
  line-height: inherit;
493
494
  letter-spacing: inherit;
494
495
  }
495
496
 
496
- .awsui_icon-wrapper_4c84z_1elf4_453:not(#\9) {
497
+ .awsui_icon-wrapper_4c84z_g9csn_455:not(#\9) {
497
498
  white-space: nowrap;
498
499
  }
499
500
 
500
- .awsui_icon_4c84z_1elf4_453:not(#\9) {
501
+ .awsui_icon_4c84z_g9csn_455:not(#\9) {
501
502
  display: inline-block;
502
503
  }
@@ -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_1elf4_93",
6
- "variant-secondary": "awsui_variant-secondary_4c84z_1elf4_140",
7
- "variant-primary": "awsui_variant-primary_4c84z_1elf4_177",
8
- "variant-info": "awsui_variant-info_4c84z_1elf4_212",
9
- "variant-value-large": "awsui_variant-value-large_4c84z_1elf4_249",
10
- "variant-top-navigation": "awsui_variant-top-navigation_4c84z_1elf4_283",
11
- "variant-recovery": "awsui_variant-recovery_4c84z_1elf4_318",
12
- "button": "awsui_button_4c84z_1elf4_353",
13
- "color-inverted": "awsui_color-inverted_4c84z_1elf4_390",
14
- "font-size-body-s": "awsui_font-size-body-s_4c84z_1elf4_409",
15
- "font-size-body-m": "awsui_font-size-body-m_4c84z_1elf4_414",
16
- "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1elf4_418",
17
- "font-size-heading-s": "awsui_font-size-heading-s_4c84z_1elf4_422",
18
- "font-size-heading-m": "awsui_font-size-heading-m_4c84z_1elf4_427",
19
- "font-size-heading-l": "awsui_font-size-heading-l_4c84z_1elf4_432",
20
- "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1elf4_437",
21
- "font-size-display-l": "awsui_font-size-display-l_4c84z_1elf4_442",
22
- "font-size-inherit": "awsui_font-size-inherit_4c84z_1elf4_447",
23
- "icon-wrapper": "awsui_icon-wrapper_4c84z_1elf4_453",
24
- "icon": "awsui_icon_4c84z_1elf4_453"
5
+ "link": "awsui_link_4c84z_g9csn_93",
6
+ "variant-secondary": "awsui_variant-secondary_4c84z_g9csn_140",
7
+ "variant-primary": "awsui_variant-primary_4c84z_g9csn_177",
8
+ "variant-info": "awsui_variant-info_4c84z_g9csn_212",
9
+ "variant-value-large": "awsui_variant-value-large_4c84z_g9csn_249",
10
+ "variant-top-navigation": "awsui_variant-top-navigation_4c84z_g9csn_285",
11
+ "variant-recovery": "awsui_variant-recovery_4c84z_g9csn_320",
12
+ "button": "awsui_button_4c84z_g9csn_355",
13
+ "color-inverted": "awsui_color-inverted_4c84z_g9csn_392",
14
+ "font-size-body-s": "awsui_font-size-body-s_4c84z_g9csn_411",
15
+ "font-size-body-m": "awsui_font-size-body-m_4c84z_g9csn_416",
16
+ "font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_g9csn_420",
17
+ "font-size-heading-s": "awsui_font-size-heading-s_4c84z_g9csn_424",
18
+ "font-size-heading-m": "awsui_font-size-heading-m_4c84z_g9csn_429",
19
+ "font-size-heading-l": "awsui_font-size-heading-l_4c84z_g9csn_434",
20
+ "font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_g9csn_439",
21
+ "font-size-display-l": "awsui_font-size-display-l_4c84z_g9csn_444",
22
+ "font-size-inherit": "awsui_font-size-inherit_4c84z_g9csn_449",
23
+ "icon-wrapper": "awsui_icon-wrapper_4c84z_g9csn_455",
24
+ "icon": "awsui_icon_4c84z_g9csn_455"
25
25
  };
26
26
 
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAS7F,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK5C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,MAAM,WAAW,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;IACpF,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;;AAED,wBAAiD"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["popover/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAS7F,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK5C,OAAO,EAAE,yBAAyB,EAA0B,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,MAAM,WAAW,oBAAqB,SAAQ,YAAY,EAAE,0BAA0B;IACpF,QAAQ,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;;AAED,wBAAiD"}
@@ -17,6 +17,7 @@ import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes'
17
17
  import { useInternalI18n } from '../i18n/context';
18
18
  import { useUniqueId } from '../internal/hooks/use-unique-id';
19
19
  import { getFirstFocusable } from '../internal/components/focus-lock/utils';
20
+ import { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';
20
21
  export default React.forwardRef(InternalPopover);
21
22
  function InternalPopover(_a, ref) {
22
23
  var { position = 'right', size = 'medium', fixedWidth = false, triggerType = 'text', dismissButton = true, children, header, content, renderWithPortal = false, __onOpen, __internalRootRef = null } = _a, restProps = __rest(_a, ["position", "size", "fixedWidth", "triggerType", "dismissButton", "children", "header", "content", "renderWithPortal", "__onOpen", "__internalRootRef"]);
@@ -81,7 +82,8 @@ function InternalPopover(_a, ref) {
81
82
  };
82
83
  const referrerId = useUniqueId();
83
84
  const popoverContent = (React.createElement("div", { "aria-live": dismissButton ? undefined : 'polite', "aria-atomic": dismissButton ? undefined : true, className: clsx(popoverClasses, styles['popover-content']), "data-awsui-referrer-id": referrerId }, visible && (React.createElement(PopoverContainer, { size: size, fixedWidth: fixedWidth, position: position, trackRef: triggerRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: renderWithPortal, zIndex: renderWithPortal ? 7000 : undefined },
84
- React.createElement(PopoverBody, { dismissButton: dismissButton, dismissAriaLabel: dismissAriaLabel, header: header, onDismiss: onDismiss, overflowVisible: "both" }, content)))));
85
+ React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
86
+ React.createElement(PopoverBody, { dismissButton: dismissButton, dismissAriaLabel: dismissAriaLabel, header: header, onDismiss: onDismiss, overflowVisible: "both" }, content))))));
85
87
  const mergedRef = useMergeRefs(popoverRef, __internalRootRef);
86
88
  return (React.createElement("span", Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: mergedRef, onMouseDown: () => {
87
89
  // Indicate there was a click inside popover recently, including nested portals.
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["popover/internal.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, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef = null,\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<InternalPopoverRef>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const clickFrameId = useRef<number | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (triggerType === 'text') {\n triggerRef.current?.focus();\n } else {\n triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback((event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.tab || event.keyCode === KeyCode.escape) {\n setVisible(false);\n }\n }, []);\n\n useImperativeHandle(ref, () => ({\n dismissPopover: onDismiss,\n }));\n\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n // useCapture=false makes sure this listener is called after the one attached to the element.\n // the options.capture notation is unsupported by IE.\n document.addEventListener('mousedown', onDocumentClick, false);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick, false);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef);\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n\n const referrerId = useUniqueId();\n const popoverContent = (\n <div\n aria-live={dismissButton ? undefined : 'polite'}\n aria-atomic={dismissButton ? undefined : true}\n className={clsx(popoverClasses, styles['popover-content'])}\n data-awsui-referrer-id={referrerId}\n >\n {visible && (\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n >\n {content}\n </PopoverBody>\n </PopoverContainer>\n )}\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {triggerType === 'text' ? (\n <button {...triggerProps} type=\"button\" aria-haspopup=\"dialog\" id={referrerId}>\n <span className={styles['trigger-inner-text']}>{children}</span>\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n <FormFieldContext.Provider value={{}}>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </FormFieldContext.Provider>\n </span>\n );\n}\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["popover/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD,OAAO,gBAAgB,MAAM,aAAa,CAAC;AAC3C,OAAO,WAAW,MAAM,QAAQ,CAAC;AAEjC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAA6B,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAU7F,eAAe,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;AAEjD,SAAS,eAAe,CACtB,EAgBuB,EACvB,GAAkC;QAjBlC,EACE,QAAQ,GAAG,OAAO,EAClB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,WAAW,GAAG,MAAM,EACpB,aAAa,GAAG,IAAI,EAEpB,QAAQ,EACR,MAAM,EACN,OAAO,EAEP,gBAAgB,GAAG,KAAK,EAExB,QAAQ,EACR,iBAAiB,GAAG,IAAI,OAEH,EADlB,SAAS,cAfd,wJAgBC,CADa;IAId,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,gBAAgB,GAAG,IAAI,CAAC,kBAAkB,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;;QACpC,IAAI,WAAW,KAAK,MAAM,EAAE;YAC1B,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC7B;aAAM;YACL,UAAU,CAAC,OAAO,KAAI,MAAA,iBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,0CAAE,KAAK,EAAE,CAAA,CAAC;SACtE;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;QACjC,UAAU,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,YAAY,EAAE,CAAC;IACjB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,KAA0B,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YACrE,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,cAAc,EAAE,SAAS;KAC1B,CAAC,CAAC,CAAC;IAEJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC;QAElD,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,mFAAmF;YACnF,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,EAAE;gBACjC,UAAU,CAAC,KAAK,CAAC,CAAC;aACnB;QACH,CAAC,CAAC;QAEF,6FAA6F;QAC7F,qDAAqD;QACrD,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG;QACnB,uDAAuD;QACvD,8DAA8D;QAC9D,GAAG,EAAE,UAAiB;QACtB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,WAAW,EAAE,CAAC,CAAC;KACvE,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;IACjC,MAAM,cAAc,GAAG,CACrB,0CACa,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,iBAClC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAC7C,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,4BAClC,UAAU,IAEjC,OAAO,IAAI,CACV,oBAAC,gBAAgB,IACf,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,oBAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI,EAChD,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;QAE3C,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,oBAAC,WAAW,IACV,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,eAAe,EAAC,MAAM,IAErB,OAAO,CACI,CACqB,CACpB,CACpB,CACG,CACP,CAAC;IAEF,MAAM,SAAS,GAAG,YAAY,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;IAE9D,OAAO,CACL,8CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,EACjD,GAAG,EAAE,SAAS,EACd,WAAW,EAAE,GAAG,EAAE;YAChB,gFAAgF;YAChF,YAAY,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAChD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9B,CAAC,CAAC,CAAC;QACL,CAAC;QAEA,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,CACxB,gDAAY,YAAY,IAAE,IAAI,EAAC,QAAQ,mBAAe,QAAQ,EAAC,EAAE,EAAE,UAAU;YAC3E,8BAAM,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,IAAG,QAAQ,CAAQ,CACzD,CACV,CAAC,CAAC,CAAC,CACF,8CAAU,YAAY,IAAE,EAAE,EAAE,UAAU,KACnC,QAAQ,CACJ,CACR;QACD,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IACjC,gBAAgB,CAAC,CAAC,CAAC,oBAAC,MAAM,QAAE,cAAc,CAAU,CAAC,CAAC,CAAC,cAAc,CAC5C,CACvB,CACR,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';\nimport clsx from 'clsx';\n\nimport { KeyCode } from '../internal/keycode';\nimport { getBaseProps } from '../internal/base-component';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport Arrow from './arrow';\nimport Portal from '../internal/components/portal';\nimport { PopoverProps } from './interfaces';\nimport PopoverContainer from './container';\nimport PopoverBody from './body';\n\nimport styles from './styles.css.js';\nimport { NonCancelableEventHandler, fireNonCancelableEvent } from '../internal/events/index';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';\nimport { useInternalI18n } from '../i18n/context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\n\nexport interface InternalPopoverProps extends PopoverProps, InternalBaseComponentProps {\n __onOpen?: NonCancelableEventHandler<null>;\n}\n\nexport interface InternalPopoverRef {\n dismissPopover: () => void;\n}\n\nexport default React.forwardRef(InternalPopover);\n\nfunction InternalPopover(\n {\n position = 'right',\n size = 'medium',\n fixedWidth = false,\n triggerType = 'text',\n dismissButton = true,\n\n children,\n header,\n content,\n\n renderWithPortal = false,\n\n __onOpen,\n __internalRootRef = null,\n ...restProps\n }: InternalPopoverProps,\n ref: React.Ref<InternalPopoverRef>\n) {\n const baseProps = getBaseProps(restProps);\n const triggerRef = useRef<HTMLElement | null>(null);\n const popoverRef = useRef<HTMLDivElement | null>(null);\n const clickFrameId = useRef<number | null>(null);\n\n const i18n = useInternalI18n('popover');\n const dismissAriaLabel = i18n('dismissAriaLabel', restProps.dismissAriaLabel);\n\n const [visible, setVisible] = useState(false);\n\n const focusTrigger = useCallback(() => {\n if (triggerType === 'text') {\n triggerRef.current?.focus();\n } else {\n triggerRef.current && getFirstFocusable(triggerRef.current)?.focus();\n }\n }, [triggerType]);\n\n const onTriggerClick = useCallback(() => {\n fireNonCancelableEvent(__onOpen);\n setVisible(true);\n }, [__onOpen]);\n\n const onDismiss = useCallback(() => {\n setVisible(false);\n focusTrigger();\n }, [focusTrigger]);\n\n const onTriggerKeyDown = useCallback((event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.tab || event.keyCode === KeyCode.escape) {\n setVisible(false);\n }\n }, []);\n\n useImperativeHandle(ref, () => ({\n dismissPopover: onDismiss,\n }));\n\n useEffect(() => {\n if (!triggerRef.current) {\n return;\n }\n const document = triggerRef.current.ownerDocument;\n\n const onDocumentClick = () => {\n // Dismiss popover unless there was a click inside within the last animation frame.\n if (clickFrameId.current === null) {\n setVisible(false);\n }\n };\n\n // useCapture=false makes sure this listener is called after the one attached to the element.\n // the options.capture notation is unsupported by IE.\n document.addEventListener('mousedown', onDocumentClick, false);\n\n return () => {\n document.removeEventListener('mousedown', onDocumentClick, false);\n };\n }, []);\n\n const popoverClasses = usePortalModeClasses(triggerRef);\n\n const triggerProps = {\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: triggerRef as any,\n onClick: onTriggerClick,\n onKeyDown: onTriggerKeyDown,\n className: clsx(styles.trigger, styles[`trigger-type-${triggerType}`]),\n };\n\n const referrerId = useUniqueId();\n const popoverContent = (\n <div\n aria-live={dismissButton ? undefined : 'polite'}\n aria-atomic={dismissButton ? undefined : true}\n className={clsx(popoverClasses, styles['popover-content'])}\n data-awsui-referrer-id={referrerId}\n >\n {visible && (\n <PopoverContainer\n size={size}\n fixedWidth={fixedWidth}\n position={position}\n trackRef={triggerRef}\n arrow={position => <Arrow position={position} />}\n renderWithPortal={renderWithPortal}\n zIndex={renderWithPortal ? 7000 : undefined}\n >\n <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n <PopoverBody\n dismissButton={dismissButton}\n dismissAriaLabel={dismissAriaLabel}\n header={header}\n onDismiss={onDismiss}\n overflowVisible=\"both\"\n >\n {content}\n </PopoverBody>\n </LinkDefaultVariantContext.Provider>\n </PopoverContainer>\n )}\n </div>\n );\n\n const mergedRef = useMergeRefs(popoverRef, __internalRootRef);\n\n return (\n <span\n {...baseProps}\n className={clsx(styles.root, baseProps.className)}\n ref={mergedRef}\n onMouseDown={() => {\n // Indicate there was a click inside popover recently, including nested portals.\n clickFrameId.current = requestAnimationFrame(() => {\n clickFrameId.current = null;\n });\n }}\n >\n {triggerType === 'text' ? (\n <button {...triggerProps} type=\"button\" aria-haspopup=\"dialog\" id={referrerId}>\n <span className={styles['trigger-inner-text']}>{children}</span>\n </button>\n ) : (\n <span {...triggerProps} id={referrerId}>\n {children}\n </span>\n )}\n <FormFieldContext.Provider value={{}}>\n {renderWithPortal ? <Portal>{popoverContent}</Portal> : popoverContent}\n </FormFieldContext.Provider>\n </span>\n );\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA2C/D,QAAA,MAAM,aAAa,qBAuZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AA4C/D,QAAA,MAAM,aAAa,qBA4ZK,CAAC;AAEzB,eAAe,aAAa,CAAC"}