@cloudscape-design/components 3.0.310 → 3.0.312

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 (205) hide show
  1. package/button/internal.d.ts +6 -0
  2. package/button/internal.d.ts.map +1 -1
  3. package/button/internal.js +6 -8
  4. package/button/internal.js.map +1 -1
  5. package/code-editor/resizable-box/styles.css.js +3 -3
  6. package/code-editor/resizable-box/styles.scoped.css +10 -8
  7. package/code-editor/resizable-box/styles.selectors.js +3 -3
  8. package/code-editor/styles.css.js +32 -32
  9. package/code-editor/styles.scoped.css +189 -157
  10. package/code-editor/styles.selectors.js +32 -32
  11. package/collection-preferences/content-display/index.js +1 -1
  12. package/collection-preferences/content-display/index.js.map +1 -1
  13. package/container/interfaces.d.ts +50 -0
  14. package/container/interfaces.d.ts.map +1 -1
  15. package/container/interfaces.js.map +1 -1
  16. package/container/internal.d.ts +1 -1
  17. package/container/internal.d.ts.map +1 -1
  18. package/container/internal.js +24 -18
  19. package/container/internal.js.map +1 -1
  20. package/container/styles.css.js +28 -18
  21. package/container/styles.scoped.css +93 -36
  22. package/container/styles.selectors.js +28 -18
  23. package/date-range-picker/calendar/header/index.d.ts.map +1 -1
  24. package/date-range-picker/calendar/header/index.js +4 -2
  25. package/date-range-picker/calendar/header/index.js.map +1 -1
  26. package/date-range-picker/calendar/index.js +1 -1
  27. package/date-range-picker/calendar/index.js.map +1 -1
  28. package/expandable-section/expandable-section-header.d.ts +2 -1
  29. package/expandable-section/expandable-section-header.d.ts.map +1 -1
  30. package/expandable-section/expandable-section-header.js +6 -16
  31. package/expandable-section/expandable-section-header.js.map +1 -1
  32. package/expandable-section/internal.d.ts.map +1 -1
  33. package/expandable-section/internal.js +3 -2
  34. package/expandable-section/internal.js.map +1 -1
  35. package/form/index.d.ts.map +1 -1
  36. package/form/index.js +14 -1
  37. package/form/index.js.map +1 -1
  38. package/form/internal.d.ts.map +1 -1
  39. package/form/internal.js +3 -4
  40. package/form/internal.js.map +1 -1
  41. package/form-field/internal.js +2 -3
  42. package/form-field/internal.js.map +1 -1
  43. package/help-panel/styles.css.js +4 -4
  44. package/help-panel/styles.scoped.css +135 -95
  45. package/help-panel/styles.selectors.js +4 -4
  46. package/i18n/context.d.ts +14 -7
  47. package/i18n/context.d.ts.map +1 -1
  48. package/i18n/context.js.map +1 -1
  49. package/i18n/messages/all.all.js +3692 -538
  50. package/i18n/messages/all.all.json +3756 -577
  51. package/i18n/messages/all.de.js +317 -22
  52. package/i18n/messages/all.de.json +324 -27
  53. package/i18n/messages/all.en-GB.js +306 -21
  54. package/i18n/messages/all.en-GB.json +309 -24
  55. package/i18n/messages/all.en.js +11 -11
  56. package/i18n/messages/all.en.json +11 -11
  57. package/i18n/messages/all.es.js +311 -22
  58. package/i18n/messages/all.es.json +318 -25
  59. package/i18n/messages/all.fr.js +335 -27
  60. package/i18n/messages/all.fr.json +343 -30
  61. package/i18n/messages/all.id.js +319 -28
  62. package/i18n/messages/all.id.json +322 -31
  63. package/i18n/messages/all.it.js +320 -27
  64. package/i18n/messages/all.it.json +326 -30
  65. package/i18n/messages/all.ja.js +312 -28
  66. package/i18n/messages/all.ja.json +315 -30
  67. package/i18n/messages/all.ko.js +304 -24
  68. package/i18n/messages/all.ko.json +312 -25
  69. package/i18n/messages/all.pt-BR.js +313 -28
  70. package/i18n/messages/all.pt-BR.json +325 -31
  71. package/i18n/messages/all.zh-CN.js +301 -29
  72. package/i18n/messages/all.zh-CN.json +300 -31
  73. package/i18n/messages/all.zh-TW.js +295 -23
  74. package/i18n/messages/all.zh-TW.json +294 -25
  75. package/i18n/messages-types.d.ts +435 -0
  76. package/i18n/messages-types.d.ts.map +1 -0
  77. package/i18n/messages-types.js +5 -0
  78. package/i18n/messages-types.js.map +1 -0
  79. package/i18n/provider.d.ts.map +1 -1
  80. package/i18n/provider.js +2 -0
  81. package/i18n/provider.js.map +1 -1
  82. package/internal/analytics/components/analytics-funnel.d.ts +2 -1
  83. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  84. package/internal/analytics/components/analytics-funnel.js +6 -4
  85. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  86. package/internal/analytics/context/analytics-context.d.ts +2 -0
  87. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  88. package/internal/analytics/context/analytics-context.js +2 -0
  89. package/internal/analytics/context/analytics-context.js.map +1 -1
  90. package/internal/analytics/hooks/use-funnel.d.ts +3 -7
  91. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  92. package/internal/analytics/hooks/use-funnel.js +2 -7
  93. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  94. package/internal/base-component/styles.scoped.css +382 -379
  95. package/internal/components/cartesian-chart/bottom-labels.js +1 -1
  96. package/internal/components/cartesian-chart/bottom-labels.js.map +1 -1
  97. package/internal/components/cartesian-chart/left-labels.js +1 -1
  98. package/internal/components/cartesian-chart/left-labels.js.map +1 -1
  99. package/internal/components/focus-lock/index.js +20 -19
  100. package/internal/components/focus-lock/index.js.map +1 -1
  101. package/internal/context/button-context.d.ts +10 -0
  102. package/internal/context/button-context.d.ts.map +1 -0
  103. package/internal/context/button-context.js +10 -0
  104. package/internal/context/button-context.js.map +1 -0
  105. package/internal/environment.js +1 -1
  106. package/internal/generated/theming/index.cjs +2 -1
  107. package/internal/generated/theming/index.js +2 -1
  108. package/internal/hooks/use-visual-mode/index.d.ts.map +1 -1
  109. package/internal/hooks/use-visual-mode/index.js +3 -0
  110. package/internal/hooks/use-visual-mode/index.js.map +1 -1
  111. package/internal/i18n/messages/all.all.js +3692 -538
  112. package/internal/i18n/messages/all.all.json +3756 -577
  113. package/internal/i18n/messages/all.de.js +317 -22
  114. package/internal/i18n/messages/all.de.json +324 -27
  115. package/internal/i18n/messages/all.en-GB.js +306 -21
  116. package/internal/i18n/messages/all.en-GB.json +309 -24
  117. package/internal/i18n/messages/all.en.js +11 -11
  118. package/internal/i18n/messages/all.en.json +11 -11
  119. package/internal/i18n/messages/all.es.js +311 -22
  120. package/internal/i18n/messages/all.es.json +318 -25
  121. package/internal/i18n/messages/all.fr.js +335 -27
  122. package/internal/i18n/messages/all.fr.json +343 -30
  123. package/internal/i18n/messages/all.id.js +319 -28
  124. package/internal/i18n/messages/all.id.json +322 -31
  125. package/internal/i18n/messages/all.it.js +320 -27
  126. package/internal/i18n/messages/all.it.json +326 -30
  127. package/internal/i18n/messages/all.ja.js +312 -28
  128. package/internal/i18n/messages/all.ja.json +315 -30
  129. package/internal/i18n/messages/all.ko.js +304 -24
  130. package/internal/i18n/messages/all.ko.json +312 -25
  131. package/internal/i18n/messages/all.pt-BR.js +313 -28
  132. package/internal/i18n/messages/all.pt-BR.json +325 -31
  133. package/internal/i18n/messages/all.zh-CN.js +301 -29
  134. package/internal/i18n/messages/all.zh-CN.json +300 -31
  135. package/internal/i18n/messages/all.zh-TW.js +295 -23
  136. package/internal/i18n/messages/all.zh-TW.json +294 -25
  137. package/internal/manifest.json +1 -1
  138. package/package.json +1 -2
  139. package/pagination/internal.d.ts.map +1 -1
  140. package/pagination/internal.js +4 -4
  141. package/pagination/internal.js.map +1 -1
  142. package/pie-chart/utils.d.ts +1 -1
  143. package/pie-chart/utils.d.ts.map +1 -1
  144. package/pie-chart/utils.js.map +1 -1
  145. package/property-filter/index.d.ts.map +1 -1
  146. package/property-filter/index.js +1 -1
  147. package/property-filter/index.js.map +1 -1
  148. package/s3-resource-selector/interfaces.d.ts +3 -0
  149. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  150. package/s3-resource-selector/interfaces.js.map +1 -1
  151. package/s3-resource-selector/s3-in-context/index.js +1 -1
  152. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  153. package/s3-resource-selector/s3-in-context/validation.d.ts +1 -1
  154. package/s3-resource-selector/s3-in-context/validation.d.ts.map +1 -1
  155. package/s3-resource-selector/s3-in-context/validation.js.map +1 -1
  156. package/s3-resource-selector/s3-modal/basic-table.d.ts +3 -1
  157. package/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
  158. package/s3-resource-selector/s3-modal/basic-table.js +2 -1
  159. package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
  160. package/s3-resource-selector/s3-modal/index.js +1 -1
  161. package/s3-resource-selector/s3-modal/index.js.map +1 -1
  162. package/s3-resource-selector/s3-modal/table-utils.d.ts +1 -1
  163. package/s3-resource-selector/s3-modal/table-utils.d.ts.map +1 -1
  164. package/s3-resource-selector/s3-modal/table-utils.js.map +1 -1
  165. package/select/parts/filter.d.ts +1 -1
  166. package/space-between/interfaces.d.ts +5 -0
  167. package/space-between/interfaces.d.ts.map +1 -1
  168. package/space-between/interfaces.js.map +1 -1
  169. package/space-between/internal.d.ts +1 -1
  170. package/space-between/internal.d.ts.map +1 -1
  171. package/space-between/internal.js +2 -2
  172. package/space-between/internal.js.map +1 -1
  173. package/space-between/styles.css.js +21 -20
  174. package/space-between/styles.scoped.css +25 -21
  175. package/space-between/styles.selectors.js +21 -20
  176. package/tag-editor/interfaces.d.ts +1 -0
  177. package/tag-editor/interfaces.d.ts.map +1 -1
  178. package/tag-editor/interfaces.js.map +1 -1
  179. package/tag-editor/validation.d.ts +1 -1
  180. package/tag-editor/validation.d.ts.map +1 -1
  181. package/tag-editor/validation.js.map +1 -1
  182. package/test-utils/dom/container/index.d.ts +1 -0
  183. package/test-utils/dom/container/index.js +3 -0
  184. package/test-utils/dom/container/index.js.map +1 -1
  185. package/test-utils/dom/expandable-section/index.js +1 -1
  186. package/test-utils/dom/expandable-section/index.js.map +1 -1
  187. package/test-utils/selectors/container/index.d.ts +1 -0
  188. package/test-utils/selectors/container/index.js +3 -0
  189. package/test-utils/selectors/container/index.js.map +1 -1
  190. package/test-utils/selectors/expandable-section/index.js +1 -1
  191. package/test-utils/selectors/expandable-section/index.js.map +1 -1
  192. package/test-utils/tsconfig.tsbuildinfo +1 -1
  193. package/text-content/styles.css.js +1 -1
  194. package/text-content/styles.scoped.css +65 -64
  195. package/text-content/styles.selectors.js +1 -1
  196. package/top-navigation/parts/overflow-menu/views/submenu.js +2 -2
  197. package/top-navigation/parts/overflow-menu/views/submenu.js.map +1 -1
  198. package/top-navigation/parts/overflow-menu/views/utilities.js +2 -2
  199. package/top-navigation/parts/overflow-menu/views/utilities.js.map +1 -1
  200. package/wizard/internal.d.ts.map +1 -1
  201. package/wizard/internal.js +4 -2
  202. package/wizard/internal.js.map +1 -1
  203. package/wizard/wizard-form.d.ts.map +1 -1
  204. package/wizard/wizard-form.js +1 -2
  205. package/wizard/wizard-form.js.map +1 -1
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
94
- .awsui_help-panel_1d237_c6kvy_94:not(#\9) {
94
+ .awsui_help-panel_1d237_1wbpo_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -131,32 +131,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  word-wrap: break-word;
132
132
  padding: var(--space-scaled-l-2rs0gk, 20px) var(--space-panel-side-right-zzgkuy, 24px) 0 var(--space-panel-side-left-ob0rxs, 28px);
133
133
  }
134
- .awsui_help-panel_1d237_c6kvy_94 hr:not(#\9) {
134
+ .awsui_help-panel_1d237_1wbpo_94 hr:not(#\9) {
135
135
  border: none;
136
136
  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
137
137
  margin: var(--space-scaled-xl-jawob6, 24px) calc(-1 * var(--space-xs-edba2s, 8px));
138
138
  }
139
- .awsui_help-panel_1d237_c6kvy_94 ol:not(#\9),
140
- .awsui_help-panel_1d237_c6kvy_94 ul:not(#\9) {
139
+ .awsui_help-panel_1d237_1wbpo_94 ol:not(#\9),
140
+ .awsui_help-panel_1d237_1wbpo_94 ul:not(#\9) {
141
141
  padding-left: var(--space-l-f4l5gr, 20px);
142
142
  list-style-position: outside;
143
143
  }
144
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9),
145
- .awsui_help-panel_1d237_c6kvy_94 p:not(#\9),
146
- .awsui_help-panel_1d237_c6kvy_94 ul:not(#\9),
147
- .awsui_help-panel_1d237_c6kvy_94 ol:not(#\9),
148
- .awsui_help-panel_1d237_c6kvy_94 li:not(#\9),
149
- .awsui_help-panel_1d237_c6kvy_94 h2:not(#\9),
150
- .awsui_help-panel_1d237_c6kvy_94 h3:not(#\9),
151
- .awsui_help-panel_1d237_c6kvy_94 h4:not(#\9),
152
- .awsui_help-panel_1d237_c6kvy_94 h5:not(#\9),
153
- .awsui_help-panel_1d237_c6kvy_94 pre:not(#\9),
154
- .awsui_help-panel_1d237_c6kvy_94 code:not(#\9) {
144
+ .awsui_help-panel_1d237_1wbpo_94 a:not(#\9),
145
+ .awsui_help-panel_1d237_1wbpo_94 p:not(#\9),
146
+ .awsui_help-panel_1d237_1wbpo_94 ul:not(#\9),
147
+ .awsui_help-panel_1d237_1wbpo_94 ol:not(#\9),
148
+ .awsui_help-panel_1d237_1wbpo_94 li:not(#\9),
149
+ .awsui_help-panel_1d237_1wbpo_94 h2:not(#\9),
150
+ .awsui_help-panel_1d237_1wbpo_94 h3:not(#\9),
151
+ .awsui_help-panel_1d237_1wbpo_94 h4:not(#\9),
152
+ .awsui_help-panel_1d237_1wbpo_94 h5:not(#\9),
153
+ .awsui_help-panel_1d237_1wbpo_94 pre:not(#\9),
154
+ .awsui_help-panel_1d237_1wbpo_94 code:not(#\9) {
155
155
  margin: var(--space-xs-edba2s, 8px) 0;
156
156
  padding-top: 0;
157
157
  padding-bottom: 0;
158
158
  }
159
- .awsui_help-panel_1d237_c6kvy_94 code:not(#\9) {
159
+ .awsui_help-panel_1d237_1wbpo_94 code:not(#\9) {
160
160
  font-size: var(--font-body-s-size-6jmxer, 12px);
161
161
  line-height: var(--font-body-s-line-height-ga8tt7, 16px);
162
162
  letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
@@ -166,7 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
166
166
  word-wrap: break-word;
167
167
  white-space: pre-wrap;
168
168
  }
169
- .awsui_help-panel_1d237_c6kvy_94 pre:not(#\9) {
169
+ .awsui_help-panel_1d237_1wbpo_94 pre:not(#\9) {
170
170
  font-size: var(--font-body-s-size-6jmxer, 12px);
171
171
  line-height: var(--font-body-s-line-height-ga8tt7, 16px);
172
172
  letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
@@ -177,37 +177,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
177
177
  white-space: pre-wrap;
178
178
  padding: var(--space-xxs-ja5cp8, 4px);
179
179
  }
180
- .awsui_help-panel_1d237_c6kvy_94 dl:not(#\9) {
180
+ .awsui_help-panel_1d237_1wbpo_94 dl:not(#\9) {
181
181
  margin: var(--space-xs-edba2s, 8px) 0;
182
182
  /* stylelint-disable-next-line selector-max-universal */
183
183
  }
184
- .awsui_help-panel_1d237_c6kvy_94 dl *:not(#\9) {
184
+ .awsui_help-panel_1d237_1wbpo_94 dl *:not(#\9) {
185
185
  margin-top: 0;
186
186
  margin-bottom: 0;
187
187
  }
188
- .awsui_help-panel_1d237_c6kvy_94 dt:not(#\9) {
188
+ .awsui_help-panel_1d237_1wbpo_94 dt:not(#\9) {
189
189
  margin-top: var(--space-xs-edba2s, 8px);
190
190
  font-weight: 700;
191
191
  }
192
- .awsui_help-panel_1d237_c6kvy_94 dd:not(#\9) {
192
+ .awsui_help-panel_1d237_1wbpo_94 dd:not(#\9) {
193
193
  margin: 0 0 var(--space-xs-edba2s, 8px);
194
194
  }
195
- .awsui_help-panel_1d237_c6kvy_94 h2:not(#\9),
196
- .awsui_help-panel_1d237_c6kvy_94 h3:not(#\9),
197
- .awsui_help-panel_1d237_c6kvy_94 h4:not(#\9),
198
- .awsui_help-panel_1d237_c6kvy_94 h5:not(#\9),
199
- .awsui_help-panel_1d237_c6kvy_94 h6:not(#\9) {
195
+ .awsui_help-panel_1d237_1wbpo_94 h2:not(#\9),
196
+ .awsui_help-panel_1d237_1wbpo_94 h3:not(#\9),
197
+ .awsui_help-panel_1d237_1wbpo_94 h4:not(#\9),
198
+ .awsui_help-panel_1d237_1wbpo_94 h5:not(#\9),
199
+ .awsui_help-panel_1d237_1wbpo_94 h6:not(#\9) {
200
200
  margin-top: var(--space-xl-gsucfg, 24px);
201
201
  color: var(--color-text-heading-default-18iw0k, #000716);
202
202
  }
203
- .awsui_help-panel_1d237_c6kvy_94 > :not(#\9):last-child {
203
+ .awsui_help-panel_1d237_1wbpo_94 > :not(#\9):last-child {
204
204
  margin-bottom: var(--space-scaled-xxxl-crpygs, 40px);
205
205
  }
206
- .awsui_help-panel_1d237_c6kvy_94 p:not(#\9) {
206
+ .awsui_help-panel_1d237_1wbpo_94 p:not(#\9) {
207
207
  color: inherit;
208
208
  text-decoration: none;
209
209
  }
210
- .awsui_help-panel_1d237_c6kvy_94 h1:not(#\9) {
210
+ .awsui_help-panel_1d237_1wbpo_94 h1:not(#\9) {
211
211
  font-size: var(--font-heading-xl-size-qxqrag, 32px);
212
212
  line-height: var(--font-heading-xl-line-height-4s70cu, 40px);
213
213
  letter-spacing: var(--font-heading-xl-letter-spacing-zxoemo, -0.02em);
@@ -215,7 +215,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
216
216
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
217
217
  }
218
- .awsui_help-panel_1d237_c6kvy_94 h2:not(#\9) {
218
+ .awsui_help-panel_1d237_1wbpo_94 h2:not(#\9) {
219
219
  font-size: var(--font-heading-l-size-hcsmf8, 24px);
220
220
  line-height: var(--font-heading-l-line-height-l1pmir, 30px);
221
221
  letter-spacing: var(--font-heading-l-letter-spacing-usq225, -0.015em);
@@ -223,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
223
223
  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
224
224
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
225
225
  }
226
- .awsui_help-panel_1d237_c6kvy_94 h3:not(#\9) {
226
+ .awsui_help-panel_1d237_1wbpo_94 h3:not(#\9) {
227
227
  font-size: var(--font-heading-m-size-hbn9yp, 20px);
228
228
  line-height: var(--font-heading-m-line-height-ozfvgp, 24px);
229
229
  letter-spacing: var(--font-heading-m-letter-spacing-rsatez, -0.01em);
@@ -231,7 +231,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
231
231
  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
232
232
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
233
233
  }
234
- .awsui_help-panel_1d237_c6kvy_94 h4:not(#\9) {
234
+ .awsui_help-panel_1d237_1wbpo_94 h4:not(#\9) {
235
235
  font-size: var(--font-heading-s-size-ep2ts9, 16px);
236
236
  line-height: var(--font-heading-s-line-height-uruujc, 20px);
237
237
  letter-spacing: var(--font-heading-s-letter-spacing-j4vcrt, -0.005em);
@@ -239,63 +239,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
239
239
  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
240
240
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
241
241
  }
242
- .awsui_help-panel_1d237_c6kvy_94 h5:not(#\9) {
242
+ .awsui_help-panel_1d237_1wbpo_94 h5:not(#\9) {
243
243
  font-size: var(--font-heading-xs-size-2ai9la, 14px);
244
244
  line-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
245
245
  font-weight: var(--font-heading-xs-weight-dxq16u, 800);
246
246
  -webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
247
247
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
248
248
  }
249
- .awsui_help-panel_1d237_c6kvy_94 b:not(#\9),
250
- .awsui_help-panel_1d237_c6kvy_94 strong:not(#\9) {
249
+ .awsui_help-panel_1d237_1wbpo_94 b:not(#\9),
250
+ .awsui_help-panel_1d237_1wbpo_94 strong:not(#\9) {
251
251
  font-weight: 700;
252
252
  }
253
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9) {
254
- color: var(--color-text-link-default-gthbx2, #0972d3);
255
- font-weight: inherit;
256
- letter-spacing: normal;
257
- text-decoration: none;
258
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
259
- text-decoration-color: transparent;
260
- transition-property: color, -webkit-text-decoration;
261
- transition-property: color, text-decoration;
262
- transition-property: color, text-decoration, -webkit-text-decoration;
263
- transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
264
- }
265
- @media (prefers-reduced-motion: reduce) {
266
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9) {
267
- animation: none;
268
- transition: none;
269
- }
270
- }
271
- .awsui-motion-disabled .awsui_help-panel_1d237_c6kvy_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_c6kvy_94 a:not(#\9) {
272
- animation: none;
273
- transition: none;
274
- }
275
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):hover {
276
- cursor: pointer;
277
- color: var(--color-text-link-hover-h1b9eu, #033160);
278
- }
279
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):focus {
280
- outline: none;
281
- }
282
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):active {
283
- color: var(--color-text-link-hover-h1b9eu, #033160);
284
- }
285
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):active, .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):focus, .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):hover {
286
- text-decoration: underline;
287
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
288
- text-decoration-color: currentColor;
289
- }
290
- .awsui_help-panel_1d237_c6kvy_94 a:not(#\9):focus {
291
- outline: thin dotted;
292
- outline: var(--border-link-focus-ring-outline-pwlekd, 0);
293
- outline-offset: 2px;
294
- outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
295
- border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
296
- box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
297
- }
298
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270:not(#\9) {
253
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227:not(#\9) {
299
254
  font-size: var(--font-panel-header-size-x8jazn, 20px);
300
255
  line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
301
256
  font-weight: var(--font-heading-l-weight-cxmpnm, 800);
@@ -309,11 +264,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
309
264
  border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
310
265
  margin: 0 calc(-1 * var(--space-panel-side-right-zzgkuy, 24px)) var(--space-scaled-l-2rs0gk, 20px) calc(-1 * var(--space-panel-side-left-ob0rxs, 28px));
311
266
  }
312
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270 h2:not(#\9),
313
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270 h3:not(#\9),
314
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270 h4:not(#\9),
315
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270 h5:not(#\9),
316
- .awsui_help-panel_1d237_c6kvy_94 .awsui_header_1d237_c6kvy_270 h6:not(#\9) {
267
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227 h2:not(#\9),
268
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227 h3:not(#\9),
269
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227 h4:not(#\9),
270
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227 h5:not(#\9),
271
+ .awsui_help-panel_1d237_1wbpo_94 .awsui_header_1d237_1wbpo_227 h6:not(#\9) {
317
272
  font-size: var(--font-panel-header-size-x8jazn, 20px);
318
273
  line-height: var(--font-panel-header-line-height-mz6j6r, 24px);
319
274
  font-weight: var(--font-heading-l-weight-cxmpnm, 800);
@@ -325,27 +280,112 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
325
280
  margin-bottom: 0;
326
281
  }
327
282
 
328
- .awsui_content_1d237_c6kvy_300:not(#\9) {
283
+ .awsui_content_1d237_1wbpo_257:not(#\9) {
329
284
  color: var(--color-text-body-secondary-he5d85, #414d5c);
330
285
  }
331
- .awsui_content_1d237_c6kvy_300 h2:not(#\9):first-child,
332
- .awsui_content_1d237_c6kvy_300 h3:not(#\9):first-child,
333
- .awsui_content_1d237_c6kvy_300 h4:not(#\9):first-child,
334
- .awsui_content_1d237_c6kvy_300 h5:not(#\9):first-child,
335
- .awsui_content_1d237_c6kvy_300 h6:not(#\9):first-child {
286
+ .awsui_content_1d237_1wbpo_257 h2:not(#\9):first-child,
287
+ .awsui_content_1d237_1wbpo_257 h3:not(#\9):first-child,
288
+ .awsui_content_1d237_1wbpo_257 h4:not(#\9):first-child,
289
+ .awsui_content_1d237_1wbpo_257 h5:not(#\9):first-child,
290
+ .awsui_content_1d237_1wbpo_257 h6:not(#\9):first-child {
336
291
  margin-top: 0;
337
292
  }
293
+ .awsui_content_1d237_1wbpo_257 a:not(#\9) {
294
+ color: var(--color-text-link-default-gthbx2, #0972d3);
295
+ font-weight: var(--font-link-primary-weight-tj5hoh, "inherit");
296
+ letter-spacing: var(--font-link-primary-letter-spacing-zpfgrc, "inherit");
297
+ -webkit-text-decoration: var(--font-link-primary-decoration-gru46w, underline);
298
+ text-decoration: var(--font-link-primary-decoration-gru46w, underline);
299
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
300
+ text-decoration-color: var(--color-text-link-primary-underline-tnqzzx, #0972d3);
301
+ transition-property: color, -webkit-text-decoration;
302
+ transition-property: color, text-decoration;
303
+ transition-property: color, text-decoration, -webkit-text-decoration;
304
+ transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
305
+ }
306
+ @media (prefers-reduced-motion: reduce) {
307
+ .awsui_content_1d237_1wbpo_257 a:not(#\9) {
308
+ animation: none;
309
+ transition: none;
310
+ }
311
+ }
312
+ .awsui-motion-disabled .awsui_content_1d237_1wbpo_257 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1wbpo_257 a:not(#\9) {
313
+ animation: none;
314
+ transition: none;
315
+ }
316
+ .awsui_content_1d237_1wbpo_257 a:not(#\9):hover {
317
+ cursor: pointer;
318
+ color: var(--color-text-link-hover-h1b9eu, #033160);
319
+ }
320
+ .awsui_content_1d237_1wbpo_257 a:not(#\9):focus {
321
+ outline: none;
322
+ }
323
+ .awsui_content_1d237_1wbpo_257 a:not(#\9):active {
324
+ color: var(--color-text-link-hover-h1b9eu, #033160);
325
+ }
326
+ .awsui_content_1d237_1wbpo_257 a:not(#\9):active, .awsui_content_1d237_1wbpo_257 a:not(#\9):focus, .awsui_content_1d237_1wbpo_257 a:not(#\9):hover {
327
+ text-decoration: underline;
328
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
329
+ text-decoration-color: currentColor;
330
+ }
338
331
 
339
- .awsui_footer_1d237_c6kvy_311:not(#\9) {
332
+ .awsui_footer_1d237_1wbpo_303:not(#\9) {
340
333
  color: var(--color-text-body-secondary-he5d85, #414d5c);
341
334
  border-top: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
342
335
  margin: var(--space-scaled-xl-jawob6, 24px) calc(-1 * var(--space-xs-edba2s, 8px));
343
336
  padding: 0 var(--space-s-hdd878, 12px);
344
337
  }
345
- .awsui_footer_1d237_c6kvy_311 > :not(#\9):first-child {
338
+ .awsui_footer_1d237_1wbpo_303 > :not(#\9):first-child {
346
339
  margin-top: var(--space-scaled-xl-jawob6, 24px);
347
340
  }
348
- .awsui_footer_1d237_c6kvy_311 ul:not(#\9) {
341
+ .awsui_footer_1d237_1wbpo_303 ul:not(#\9) {
349
342
  list-style: none;
350
343
  padding-left: 0;
344
+ }
345
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9) {
346
+ color: var(--color-text-link-default-gthbx2, #0972d3);
347
+ font-weight: inherit;
348
+ letter-spacing: normal;
349
+ text-decoration: none;
350
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
351
+ text-decoration-color: transparent;
352
+ transition-property: color, -webkit-text-decoration;
353
+ transition-property: color, text-decoration;
354
+ transition-property: color, text-decoration, -webkit-text-decoration;
355
+ transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
356
+ }
357
+ @media (prefers-reduced-motion: reduce) {
358
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9) {
359
+ animation: none;
360
+ transition: none;
361
+ }
362
+ }
363
+ .awsui-motion-disabled .awsui_footer_1d237_1wbpo_303 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1wbpo_303 a:not(#\9) {
364
+ animation: none;
365
+ transition: none;
366
+ }
367
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9):hover {
368
+ cursor: pointer;
369
+ color: var(--color-text-link-hover-h1b9eu, #033160);
370
+ }
371
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9):focus {
372
+ outline: none;
373
+ }
374
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9):active {
375
+ color: var(--color-text-link-hover-h1b9eu, #033160);
376
+ }
377
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9):active, .awsui_footer_1d237_1wbpo_303 a:not(#\9):focus, .awsui_footer_1d237_1wbpo_303 a:not(#\9):hover {
378
+ text-decoration: underline;
379
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
380
+ text-decoration-color: currentColor;
381
+ }
382
+
383
+ .awsui_content_1d237_1wbpo_257 a:not(#\9):focus,
384
+ .awsui_footer_1d237_1wbpo_303 a:not(#\9):focus {
385
+ outline: thin dotted;
386
+ outline: var(--border-link-focus-ring-outline-pwlekd, 0);
387
+ outline-offset: 2px;
388
+ outline-color: var(--color-border-item-focused-4t19h5, #0972d3);
389
+ border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
390
+ box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
351
391
  }
@@ -2,9 +2,9 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "help-panel": "awsui_help-panel_1d237_c6kvy_94",
6
- "header": "awsui_header_1d237_c6kvy_270",
7
- "content": "awsui_content_1d237_c6kvy_300",
8
- "footer": "awsui_footer_1d237_c6kvy_311"
5
+ "help-panel": "awsui_help-panel_1d237_1wbpo_94",
6
+ "header": "awsui_header_1d237_1wbpo_227",
7
+ "content": "awsui_content_1d237_1wbpo_257",
8
+ "footer": "awsui_footer_1d237_1wbpo_303"
9
9
  };
10
10
 
package/i18n/context.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import React from 'react';
2
- export type CustomHandler<T> = (formatFn: (args: Record<string, string | number>) => string) => T;
2
+ import { I18nFormatArgTypes } from './messages-types';
3
+ export type CustomHandler<ReturnValue, FormatFnArgs> = (formatFn: (args: FormatFnArgs) => string) => ReturnValue;
3
4
  export interface FormatFunction {
4
5
  (namespace: string, component: string, key: string, provided: string): string;
5
6
  (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;
6
- <T>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T>): T;
7
+ <T, A = unknown>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T, A>): T;
7
8
  }
8
9
  export interface InternalI18nContextProps {
9
10
  locale: string | null;
@@ -11,10 +12,16 @@ export interface InternalI18nContextProps {
11
12
  }
12
13
  export declare const InternalI18nContext: React.Context<InternalI18nContextProps>;
13
14
  export declare function useLocale(): string | null;
14
- export interface ComponentFormatFunction {
15
- (key: string, provided: string): string;
16
- (key: string, provided: string | undefined): string | undefined;
17
- <T>(key: string, provided: T, handler?: CustomHandler<T>): T;
15
+ /**
16
+ * Utility to get "keyof T" but exclude number or symbol types.
17
+ * TypeScript allows those types because JS implicitly casts them to string.
18
+ */
19
+ type StringKeyOf<T> = Extract<keyof T, string>;
20
+ export interface ComponentFormatFunction<ComponentName extends StringKeyOf<I18nFormatArgTypes>> {
21
+ <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(key: MessageKey, provided: string, handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>): string;
22
+ <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(key: MessageKey, provided: string | undefined, handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>): string | undefined;
23
+ <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ReturnValue>(key: MessageKey, provided: ReturnValue, handler: I18nFormatArgTypes[ComponentName][MessageKey] extends never ? never : CustomHandler<ReturnValue, I18nFormatArgTypes[ComponentName][MessageKey]>): ReturnValue;
18
24
  }
19
- export declare function useInternalI18n(componentName: string): ComponentFormatFunction;
25
+ export declare function useInternalI18n<ComponentName extends StringKeyOf<I18nFormatArgTypes>>(componentName: ComponentName): ComponentFormatFunction<ComponentName>;
26
+ export {};
20
27
  //# sourceMappingURL=context.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAElG,MAAM,WAAW,cAAc;IAC7B,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9E,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACtG,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CACpG;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,yCAG9B,CAAC;AAEH,wBAAgB,SAAS,IAAI,MAAM,GAAG,IAAI,CAEzC;AAED,MAAM,WAAW,uBAAuB;IACtC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IACxC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CAC9D;AAED,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,uBAAuB,CAK9E"}
1
+ {"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,aAAa,CAAC,WAAW,EAAE,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,KAAK,WAAW,CAAC;AAEjH,MAAM,WAAW,cAAc;IAC7B,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9E,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACtG,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;CACpH;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,yCAG9B,CAAC;AAEH,wBAAgB,SAAS,IAAI,MAAM,GAAG,IAAI,CAEzC;AAED;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/C,MAAM,WAAW,uBAAuB,CAAC,aAAa,SAAS,WAAW,CAAC,kBAAkB,CAAC;IAC5F,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAChE,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC7E,MAAM,CAAC;IACV,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAChE,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC7E,MAAM,GAAG,SAAS,CAAC;IACtB,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,EAC7E,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,SAAS,KAAK,GAChE,KAAK,GACL,aAAa,CAAC,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC5E,WAAW,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,aAAa,SAAS,WAAW,CAAC,kBAAkB,CAAC,EACnF,aAAa,EAAE,aAAa,GAC3B,uBAAuB,CAAC,aAAa,CAAC,CASxC"}
@@ -1 +1 @@
1
- {"version":3,"file":"context.js","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC/E,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,CAAI,UAAkB,EAAE,UAAkB,EAAE,IAAY,EAAE,QAAW,EAAE,EAAE,CAAC,QAAQ;CAC3F,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC;AAChD,CAAC;AAQD,MAAM,UAAU,eAAe,CAAC,aAAqB;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CAAI,GAAW,EAAE,QAAW,EAAE,aAAgC,EAAE,EAAE;QACvE,OAAO,MAAM,CAAI,+BAA+B,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;IACjG,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\n\nexport type CustomHandler<T> = (formatFn: (args: Record<string, string | number>) => string) => T;\n\nexport interface FormatFunction {\n (namespace: string, component: string, key: string, provided: string): string;\n (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;\n <T>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T>): T;\n}\n\nexport interface InternalI18nContextProps {\n locale: string | null;\n format: FormatFunction;\n}\n\nexport const InternalI18nContext = React.createContext<InternalI18nContextProps>({\n locale: null,\n format: <T>(_namespace: string, _component: string, _key: string, provided: T) => provided,\n});\n\nexport function useLocale(): string | null {\n return useContext(InternalI18nContext).locale;\n}\n\nexport interface ComponentFormatFunction {\n (key: string, provided: string): string;\n (key: string, provided: string | undefined): string | undefined;\n <T>(key: string, provided: T, handler?: CustomHandler<T>): T;\n}\n\nexport function useInternalI18n(componentName: string): ComponentFormatFunction {\n const { format } = useContext(InternalI18nContext);\n return <T>(key: string, provided: T, customHandler?: CustomHandler<T>) => {\n return format<T>('@cloudscape-design/components', componentName, key, provided, customHandler);\n };\n}\n"]}
1
+ {"version":3,"file":"context.js","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgB1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC/E,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,CAAI,UAAkB,EAAE,UAAkB,EAAE,IAAY,EAAE,QAAW,EAAE,EAAE,CAAC,QAAQ;CAC3F,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC;AAChD,CAAC;AA4BD,MAAM,UAAU,eAAe,CAC7B,aAA4B;IAE5B,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CACL,GAAe,EACf,QAAmB,EACnB,aAAuF,EACvF,EAAE;QACF,OAAO,MAAM,CAAC,+BAA+B,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC9F,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\nimport { I18nFormatArgTypes } from './messages-types';\n\nexport type CustomHandler<ReturnValue, FormatFnArgs> = (formatFn: (args: FormatFnArgs) => string) => ReturnValue;\n\nexport interface FormatFunction {\n (namespace: string, component: string, key: string, provided: string): string;\n (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;\n <T, A = unknown>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T, A>): T;\n}\n\nexport interface InternalI18nContextProps {\n locale: string | null;\n format: FormatFunction;\n}\n\nexport const InternalI18nContext = React.createContext<InternalI18nContextProps>({\n locale: null,\n format: <T>(_namespace: string, _component: string, _key: string, provided: T) => provided,\n});\n\nexport function useLocale(): string | null {\n return useContext(InternalI18nContext).locale;\n}\n\n/**\n * Utility to get \"keyof T\" but exclude number or symbol types.\n * TypeScript allows those types because JS implicitly casts them to string.\n */\ntype StringKeyOf<T> = Extract<keyof T, string>;\n\nexport interface ComponentFormatFunction<ComponentName extends StringKeyOf<I18nFormatArgTypes>> {\n <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(\n key: MessageKey,\n provided: string,\n handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>\n ): string;\n <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(\n key: MessageKey,\n provided: string | undefined,\n handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>\n ): string | undefined;\n <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ReturnValue>(\n key: MessageKey,\n provided: ReturnValue,\n handler: I18nFormatArgTypes[ComponentName][MessageKey] extends never\n ? never\n : CustomHandler<ReturnValue, I18nFormatArgTypes[ComponentName][MessageKey]>\n ): ReturnValue;\n}\n\nexport function useInternalI18n<ComponentName extends StringKeyOf<I18nFormatArgTypes>>(\n componentName: ComponentName\n): ComponentFormatFunction<ComponentName> {\n const { format } = useContext(InternalI18nContext);\n return <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ValueType>(\n key: MessageKey,\n provided: ValueType,\n customHandler?: CustomHandler<ValueType, I18nFormatArgTypes[ComponentName][MessageKey]>\n ) => {\n return format('@cloudscape-design/components', componentName, key, provided, customHandler);\n };\n}\n"]}