@cloudscape-design/components 3.0.1127 → 3.0.1129

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 (161) hide show
  1. package/alert/styles.css.js +27 -27
  2. package/alert/styles.scoped.css +50 -50
  3. package/alert/styles.selectors.js +27 -27
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +32 -32
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/visual-refresh/styles.css.js +86 -86
  11. package/app-layout/visual-refresh/styles.scoped.css +258 -258
  12. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
  15. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  16. package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  17. package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  18. package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  19. package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  20. package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  21. package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  22. package/attribute-editor/index.d.ts.map +1 -1
  23. package/attribute-editor/index.js +2 -2
  24. package/attribute-editor/index.js.map +1 -1
  25. package/attribute-editor/interfaces.d.ts +8 -0
  26. package/attribute-editor/interfaces.d.ts.map +1 -1
  27. package/attribute-editor/interfaces.js.map +1 -1
  28. package/attribute-editor/internal.d.ts.map +1 -1
  29. package/attribute-editor/internal.js +9 -6
  30. package/attribute-editor/internal.js.map +1 -1
  31. package/attribute-editor/styles.css.js +15 -15
  32. package/attribute-editor/styles.scoped.css +28 -28
  33. package/attribute-editor/styles.selectors.js +15 -15
  34. package/breadcrumb-group/item/styles.css.js +7 -7
  35. package/breadcrumb-group/item/styles.scoped.css +28 -28
  36. package/breadcrumb-group/item/styles.selectors.js +7 -7
  37. package/button/styles.css.js +22 -22
  38. package/button/styles.scoped.css +256 -256
  39. package/button/styles.selectors.js +22 -22
  40. package/button-dropdown/item-element/styles.css.js +16 -16
  41. package/button-dropdown/item-element/styles.scoped.css +27 -27
  42. package/button-dropdown/item-element/styles.selectors.js +16 -16
  43. package/checkbox/styles.css.js +3 -3
  44. package/checkbox/styles.scoped.css +11 -11
  45. package/checkbox/styles.selectors.js +3 -3
  46. package/content-layout/styles.css.js +14 -14
  47. package/content-layout/styles.scoped.css +27 -27
  48. package/content-layout/styles.selectors.js +14 -14
  49. package/flashbar/styles.css.js +50 -50
  50. package/flashbar/styles.scoped.css +187 -187
  51. package/flashbar/styles.selectors.js +50 -50
  52. package/header/analytics/use-table-integration.d.ts +2 -1
  53. package/header/analytics/use-table-integration.d.ts.map +1 -1
  54. package/header/analytics/use-table-integration.js +8 -1
  55. package/header/analytics/use-table-integration.js.map +1 -1
  56. package/header/interfaces.d.ts +2 -2
  57. package/header/interfaces.d.ts.map +1 -1
  58. package/header/interfaces.js.map +1 -1
  59. package/help-panel/styles.css.js +6 -6
  60. package/help-panel/styles.scoped.css +73 -73
  61. package/help-panel/styles.selectors.js +6 -6
  62. package/icon/generated/icons.d.ts +1 -0
  63. package/icon/generated/icons.d.ts.map +1 -1
  64. package/icon/generated/icons.js +3 -0
  65. package/icon/generated/icons.js.map +1 -1
  66. package/icon/interfaces.d.ts +1 -1
  67. package/icon/interfaces.d.ts.map +1 -1
  68. package/icon/interfaces.js.map +1 -1
  69. package/icon-provider/interfaces.d.ts +1 -0
  70. package/icon-provider/interfaces.d.ts.map +1 -1
  71. package/icon-provider/interfaces.js.map +1 -1
  72. package/input/styles.css.js +13 -13
  73. package/input/styles.scoped.css +65 -65
  74. package/input/styles.selectors.js +13 -13
  75. package/internal/base-component/styles.scoped.css +1 -1
  76. package/internal/components/drag-handle-wrapper/styles.css.js +20 -20
  77. package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
  78. package/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
  79. package/internal/components/dropdown/styles.css.js +20 -20
  80. package/internal/components/dropdown/styles.scoped.css +38 -38
  81. package/internal/components/dropdown/styles.selectors.js +20 -20
  82. package/internal/components/token-list/styles.css.js +10 -10
  83. package/internal/components/token-list/styles.scoped.css +25 -25
  84. package/internal/components/token-list/styles.selectors.js +10 -10
  85. package/internal/environment.js +2 -2
  86. package/internal/environment.json +2 -2
  87. package/internal/generated/custom-css-properties/index.d.ts +4 -0
  88. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  89. package/internal/generated/custom-css-properties/index.js +102 -98
  90. package/internal/generated/custom-css-properties/index.js.map +1 -1
  91. package/internal/generated/styles/tokens.d.ts +50 -75
  92. package/internal/generated/styles/tokens.js +50 -75
  93. package/internal/generated/theming/index.cjs +305 -461
  94. package/internal/generated/theming/index.js +305 -461
  95. package/internal/manifest.json +1 -1
  96. package/link/styles.css.js +20 -20
  97. package/link/styles.scoped.css +103 -103
  98. package/link/styles.selectors.js +20 -20
  99. package/package.json +1 -1
  100. package/progress-bar/index.d.ts.map +1 -1
  101. package/progress-bar/index.js +14 -54
  102. package/progress-bar/interfaces.d.ts +18 -0
  103. package/progress-bar/interfaces.d.ts.map +1 -1
  104. package/progress-bar/interfaces.js.map +1 -1
  105. package/progress-bar/internal-do-not-use-core.js +58 -0
  106. package/progress-bar/internal-do-not-use-core.js.map +1 -0
  107. package/progress-bar/internal.d.ts +3 -1
  108. package/progress-bar/internal.d.ts.map +1 -1
  109. package/progress-bar/internal.js +7 -3
  110. package/progress-bar/internal.js.map +1 -1
  111. package/progress-bar/styles.css.js +19 -19
  112. package/progress-bar/styles.d.ts +15 -0
  113. package/progress-bar/styles.d.ts.map +1 -0
  114. package/progress-bar/styles.js +33 -0
  115. package/progress-bar/styles.js.map +1 -0
  116. package/progress-bar/styles.scoped.css +56 -56
  117. package/progress-bar/styles.selectors.js +19 -19
  118. package/radio-group/analytics-metadata/interfaces.d.ts +1 -0
  119. package/radio-group/analytics-metadata/interfaces.d.ts.map +1 -1
  120. package/radio-group/analytics-metadata/interfaces.js.map +1 -1
  121. package/radio-group/analytics-metadata/styles.css.js +6 -0
  122. package/radio-group/analytics-metadata/styles.scoped.css +7 -0
  123. package/radio-group/analytics-metadata/styles.selectors.js +7 -0
  124. package/radio-group/index.d.ts.map +1 -1
  125. package/radio-group/internal-do-not-use-core.js +2 -0
  126. package/radio-group/internal-do-not-use-core.js.map +1 -1
  127. package/radio-group/internal.d.ts.map +1 -1
  128. package/radio-group/internal.js +2 -1
  129. package/radio-group/internal.js.map +1 -1
  130. package/radio-group/styles.css.js +10 -10
  131. package/radio-group/styles.scoped.css +22 -22
  132. package/radio-group/styles.selectors.js +10 -10
  133. package/s3-resource-selector/index.d.ts.map +1 -1
  134. package/s3-resource-selector/index.js +2 -2
  135. package/s3-resource-selector/index.js.map +1 -1
  136. package/s3-resource-selector/interfaces.d.ts +8 -0
  137. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  138. package/s3-resource-selector/interfaces.js.map +1 -1
  139. package/s3-resource-selector/s3-in-context/index.d.ts +3 -0
  140. package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  141. package/s3-resource-selector/s3-in-context/index.js +8 -2
  142. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  143. package/slider/styles.css.js +26 -26
  144. package/slider/styles.scoped.css +86 -86
  145. package/slider/styles.selectors.js +26 -26
  146. package/spinner/styles.css.js +13 -13
  147. package/spinner/styles.scoped.css +39 -39
  148. package/spinner/styles.selectors.js +13 -13
  149. package/tag-editor/styles.css.js +3 -3
  150. package/tag-editor/styles.scoped.css +13 -13
  151. package/tag-editor/styles.selectors.js +3 -3
  152. package/text-content/styles.css.js +1 -1
  153. package/text-content/styles.scoped.css +66 -66
  154. package/text-content/styles.selectors.js +1 -1
  155. package/textarea/styles.css.js +5 -5
  156. package/textarea/styles.scoped.css +41 -41
  157. package/textarea/styles.selectors.js +5 -5
  158. package/toggle/styles.css.js +10 -10
  159. package/toggle/styles.scoped.css +23 -23
  160. package/toggle/styles.selectors.js +10 -10
  161. package/progress-bar/index.js.map +0 -1
@@ -186,27 +186,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
187
187
  SPDX-License-Identifier: Apache-2.0
188
188
  */
189
- .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
189
+ .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-value {
190
190
  -webkit-transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
191
191
  transition: width var(--motion-duration-moderate-c9utmg, 135ms) linear;
192
192
  }
193
193
  @media (prefers-reduced-motion: reduce) {
194
- .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
194
+ .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-value {
195
195
  animation: none;
196
196
  -webkit-transition: none;
197
197
  transition: none;
198
198
  }
199
199
  }
200
- .awsui-motion-disabled .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
200
+ .awsui-motion-disabled .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-value {
201
201
  animation: none;
202
202
  -webkit-transition: none;
203
203
  transition: none;
204
204
  }
205
205
 
206
- .awsui_result-state_11huc_19vty_203:not(#\9) {
207
- animation: awsui_awsui-motion-fade-in_11huc_19vty_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
206
+ .awsui_result-state_11huc_2e4fw_203:not(#\9) {
207
+ animation: awsui_awsui-motion-fade-in_11huc_2e4fw_1 var(--motion-duration-transition-show-paced-t8d1os, 180ms) var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
208
208
  }
209
- @keyframes awsui_awsui-motion-fade-in_11huc_19vty_1 {
209
+ @keyframes awsui_awsui-motion-fade-in_11huc_2e4fw_1 {
210
210
  from {
211
211
  opacity: 0.2;
212
212
  }
@@ -215,17 +215,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  }
216
216
  }
217
217
  @media (prefers-reduced-motion: reduce) {
218
- .awsui_result-state_11huc_19vty_203:not(#\9) {
218
+ .awsui_result-state_11huc_2e4fw_203:not(#\9) {
219
219
  animation: none;
220
220
  transition: none;
221
221
  }
222
222
  }
223
- .awsui-motion-disabled .awsui_result-state_11huc_19vty_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_19vty_203:not(#\9) {
223
+ .awsui-motion-disabled .awsui_result-state_11huc_2e4fw_203:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_2e4fw_203:not(#\9) {
224
224
  animation: none;
225
225
  transition: none;
226
226
  }
227
227
 
228
- .awsui_root_11huc_19vty_225:not(#\9) {
228
+ .awsui_root_11huc_2e4fw_225:not(#\9) {
229
229
  border-collapse: separate;
230
230
  border-spacing: 0;
231
231
  box-sizing: border-box;
@@ -257,34 +257,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
257
257
  -moz-osx-font-smoothing: auto;
258
258
  }
259
259
 
260
- .awsui_with-result-button_11huc_19vty_257:not(#\9) {
260
+ .awsui_with-result-button_11huc_2e4fw_257:not(#\9) {
261
261
  padding-inline-end: var(--space-m-dsumyt, 16px);
262
262
  }
263
263
 
264
- .awsui_result-text_11huc_19vty_261:not(#\9) {
264
+ .awsui_result-text_11huc_2e4fw_261:not(#\9) {
265
265
  /* used in test-utils */
266
266
  }
267
267
 
268
- .awsui_result-container-error_11huc_19vty_265:not(#\9), .awsui_result-container-success_11huc_19vty_265:not(#\9) {
268
+ .awsui_result-container-error_11huc_2e4fw_265:not(#\9), .awsui_result-container-success_11huc_2e4fw_265:not(#\9) {
269
269
  /* used in test-utils */
270
270
  }
271
271
 
272
- .awsui_result-button_11huc_19vty_269:not(#\9) {
272
+ .awsui_result-button_11huc_2e4fw_269:not(#\9) {
273
273
  display: inline-block;
274
274
  margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
275
275
  margin-inline: 0;
276
276
  }
277
277
 
278
- .awsui_word-wrap_11huc_19vty_275:not(#\9) {
278
+ .awsui_word-wrap_11huc_2e4fw_275:not(#\9) {
279
279
  min-inline-size: 0;
280
280
  word-break: break-word;
281
281
  }
282
282
 
283
- .awsui_label-flash_11huc_19vty_280:not(#\9) {
283
+ .awsui_label-flash_11huc_2e4fw_280:not(#\9) {
284
284
  color: inherit;
285
285
  font-weight: 700;
286
286
  }
287
- .awsui_label-key-value_11huc_19vty_284:not(#\9) {
287
+ .awsui_label-key-value_11huc_2e4fw_284:not(#\9) {
288
288
  font-size: var(--font-size-body-m-a7nh2n, 14px);
289
289
  line-height: var(--line-height-body-m-2mh3ke, 20px);
290
290
  font-weight: var(--font-display-label-weight-zavpeo, 700);
@@ -292,18 +292,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
292
292
  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
293
293
  }
294
294
 
295
- .awsui_flash_11huc_19vty_292:not(#\9) {
295
+ .awsui_flash_11huc_2e4fw_292:not(#\9) {
296
296
  color: inherit;
297
297
  }
298
298
 
299
- .awsui_progress-container_11huc_19vty_296:not(#\9) {
299
+ .awsui_progress-container_11huc_2e4fw_296:not(#\9) {
300
300
  display: flex;
301
301
  align-items: center;
302
302
  max-inline-size: 800px;
303
303
  block-size: var(--line-height-body-m-2mh3ke, 20px);
304
304
  }
305
305
 
306
- .awsui_percentage-container_11huc_19vty_303:not(#\9) {
306
+ .awsui_percentage-container_11huc_2e4fw_303:not(#\9) {
307
307
  inline-size: 33px;
308
308
  flex-shrink: 0;
309
309
  white-space: nowrap;
@@ -313,68 +313,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
313
313
  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
314
314
  }
315
315
 
316
- .awsui_percentage_11huc_19vty_303:not(#\9) {
316
+ .awsui_percentage_11huc_2e4fw_303:not(#\9) {
317
317
  /* used in test-utils */
318
318
  }
319
319
 
320
- .awsui_progress_11huc_19vty_189:not(#\9) {
320
+ .awsui_progress_11huc_2e4fw_189:not(#\9) {
321
321
  inline-size: 100%;
322
322
  margin-inline-end: var(--space-s-tvghoh, 12px);
323
323
  min-inline-size: 0;
324
- block-size: 4px;
324
+ block-size: var(--awsui-progress-bar-height-9t5olz, 4px);
325
325
  border-block: 0;
326
326
  border-inline: none;
327
327
  box-sizing: border-box;
328
- border-start-start-radius: 10px;
329
- border-start-end-radius: 10px;
330
- border-end-start-radius: 10px;
331
- border-end-end-radius: 10px;
332
- background-color: var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0);
328
+ border-start-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
329
+ border-start-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
330
+ border-end-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
331
+ border-end-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
332
+ background-color: var(--awsui-progress-bar-background-color-9t5olz, var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0));
333
333
  }
334
- .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-bar {
335
- block-size: 4px;
334
+ .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-bar {
335
+ block-size: var(--awsui-progress-bar-height-9t5olz, 4px);
336
336
  border-block: 0;
337
337
  border-inline: none;
338
338
  box-sizing: border-box;
339
- border-start-start-radius: 10px;
340
- border-start-end-radius: 10px;
341
- border-end-start-radius: 10px;
342
- border-end-end-radius: 10px;
343
- background-color: var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0);
339
+ border-start-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
340
+ border-start-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
341
+ border-end-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
342
+ border-end-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
343
+ background-color: var(--awsui-progress-bar-background-color-9t5olz, var(--color-background-progress-bar-layout-default-z3ipl1, #ebebf0));
344
344
  }
345
- .awsui_progress_11huc_19vty_189:not(#\9)::-webkit-progress-value {
346
- border-start-start-radius: 10px;
345
+ .awsui_progress_11huc_2e4fw_189:not(#\9)::-webkit-progress-value {
346
+ border-start-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
347
347
  border-start-end-radius: 0;
348
- border-end-start-radius: 10px;
348
+ border-end-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
349
349
  border-end-end-radius: 0;
350
- background-color: var(--color-background-progress-bar-content-default-il6sg6, #006ce0);
350
+ background-color: var(--awsui-progress-value-background-color-9t5olz, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
351
351
  }
352
- .awsui_progress_11huc_19vty_189.awsui_complete_11huc_19vty_349:not(#\9)::-webkit-progress-value {
353
- border-start-start-radius: 10px;
354
- border-start-end-radius: 10px;
355
- border-end-start-radius: 10px;
356
- border-end-end-radius: 10px;
352
+ .awsui_progress_11huc_2e4fw_189.awsui_complete_11huc_2e4fw_349:not(#\9)::-webkit-progress-value {
353
+ border-start-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
354
+ border-start-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
355
+ border-end-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
356
+ border-end-end-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
357
357
  }
358
- .awsui_progress_11huc_19vty_189:not(#\9)::-moz-progress-bar {
359
- border-start-start-radius: 10px;
358
+ .awsui_progress_11huc_2e4fw_189:not(#\9)::-moz-progress-bar {
359
+ border-start-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
360
360
  border-start-end-radius: 0;
361
- border-end-start-radius: 10px;
361
+ border-end-start-radius: var(--awsui-progress-bar-border-radius-9t5olz, 10px);
362
362
  border-end-end-radius: 0;
363
- background-color: var(--color-background-progress-bar-content-default-il6sg6, #006ce0);
363
+ background-color: var(--awsui-progress-value-background-color-9t5olz, var(--color-background-progress-bar-content-default-il6sg6, #006ce0));
364
364
  }
365
- .awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9) {
366
- background-color: var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25));
365
+ .awsui_progress_11huc_2e4fw_189.awsui_progress-in-flash_11huc_2e4fw_362:not(#\9) {
366
+ background-color: var(--awsui-progress-bar-background-color-9t5olz, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
367
367
  }
368
- .awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-moz-progress-bar {
369
- background-color: var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff);
368
+ .awsui_progress_11huc_2e4fw_189.awsui_progress-in-flash_11huc_2e4fw_362:not(#\9)::-moz-progress-bar {
369
+ background-color: var(--awsui-progress-value-background-color-9t5olz, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
370
370
  }
371
- .awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-webkit-progress-bar {
372
- background-color: var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25));
371
+ .awsui_progress_11huc_2e4fw_189.awsui_progress-in-flash_11huc_2e4fw_362:not(#\9)::-webkit-progress-bar {
372
+ background-color: var(--awsui-progress-bar-background-color-9t5olz, var(--color-background-progress-bar-layout-in-flash-wssh6k, rgba(255, 255, 255, 0.25)));
373
373
  }
374
- .awsui_progress_11huc_19vty_189.awsui_progress-in-flash_11huc_19vty_362:not(#\9)::-webkit-progress-value {
375
- background-color: var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff);
374
+ .awsui_progress_11huc_2e4fw_189.awsui_progress-in-flash_11huc_2e4fw_362:not(#\9)::-webkit-progress-value {
375
+ background-color: var(--awsui-progress-value-background-color-9t5olz, var(--color-background-progress-bar-content-in-flash-98s7uz, #ffffff));
376
376
  }
377
377
 
378
- .awsui_additional-info_11huc_19vty_375:not(#\9) {
378
+ .awsui_additional-info_11huc_2e4fw_375:not(#\9) {
379
379
  /* used in test-utils */
380
380
  }
@@ -2,24 +2,24 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "progress": "awsui_progress_11huc_19vty_189",
6
- "result-state": "awsui_result-state_11huc_19vty_203",
7
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_19vty_1",
8
- "root": "awsui_root_11huc_19vty_225",
9
- "with-result-button": "awsui_with-result-button_11huc_19vty_257",
10
- "result-text": "awsui_result-text_11huc_19vty_261",
11
- "result-container-error": "awsui_result-container-error_11huc_19vty_265",
12
- "result-container-success": "awsui_result-container-success_11huc_19vty_265",
13
- "result-button": "awsui_result-button_11huc_19vty_269",
14
- "word-wrap": "awsui_word-wrap_11huc_19vty_275",
15
- "label-flash": "awsui_label-flash_11huc_19vty_280",
16
- "label-key-value": "awsui_label-key-value_11huc_19vty_284",
17
- "flash": "awsui_flash_11huc_19vty_292",
18
- "progress-container": "awsui_progress-container_11huc_19vty_296",
19
- "percentage-container": "awsui_percentage-container_11huc_19vty_303",
20
- "percentage": "awsui_percentage_11huc_19vty_303",
21
- "complete": "awsui_complete_11huc_19vty_349",
22
- "progress-in-flash": "awsui_progress-in-flash_11huc_19vty_362",
23
- "additional-info": "awsui_additional-info_11huc_19vty_375"
5
+ "progress": "awsui_progress_11huc_2e4fw_189",
6
+ "result-state": "awsui_result-state_11huc_2e4fw_203",
7
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_2e4fw_1",
8
+ "root": "awsui_root_11huc_2e4fw_225",
9
+ "with-result-button": "awsui_with-result-button_11huc_2e4fw_257",
10
+ "result-text": "awsui_result-text_11huc_2e4fw_261",
11
+ "result-container-error": "awsui_result-container-error_11huc_2e4fw_265",
12
+ "result-container-success": "awsui_result-container-success_11huc_2e4fw_265",
13
+ "result-button": "awsui_result-button_11huc_2e4fw_269",
14
+ "word-wrap": "awsui_word-wrap_11huc_2e4fw_275",
15
+ "label-flash": "awsui_label-flash_11huc_2e4fw_280",
16
+ "label-key-value": "awsui_label-key-value_11huc_2e4fw_284",
17
+ "flash": "awsui_flash_11huc_2e4fw_292",
18
+ "progress-container": "awsui_progress-container_11huc_2e4fw_296",
19
+ "percentage-container": "awsui_percentage-container_11huc_2e4fw_303",
20
+ "percentage": "awsui_percentage_11huc_2e4fw_303",
21
+ "complete": "awsui_complete_11huc_2e4fw_349",
22
+ "progress-in-flash": "awsui_progress-in-flash_11huc_2e4fw_362",
23
+ "additional-info": "awsui_additional-info_11huc_2e4fw_375"
24
24
  };
25
25
 
@@ -12,5 +12,6 @@ export interface GeneratedAnalyticsMetadataRadioGroupComponent {
12
12
  label: string | LabelIdentifier;
13
13
  properties: {
14
14
  value: string;
15
+ valueLabel: string;
15
16
  };
16
17
  }
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/radio-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,0CAA0C;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;IAChC,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/radio-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,kEAAkE,CAAC;AAEnG,MAAM,WAAW,0CAA0C;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,WAAW,6CAA6C;IAC5D,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,eAAe,CAAC;IAChC,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;CACH"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/radio-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataRadioGroupSelect {\n action: 'click';\n detail: {\n label: string;\n position: string;\n value: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataRadioGroupComponent {\n name: 'awsui.RadioGroup';\n label: string | LabelIdentifier;\n properties: {\n value: string;\n };\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/radio-group/analytics-metadata/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LabelIdentifier } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nexport interface GeneratedAnalyticsMetadataRadioGroupSelect {\n action: 'click';\n detail: {\n label: string;\n position: string;\n value: string;\n };\n}\n\nexport interface GeneratedAnalyticsMetadataRadioGroupComponent {\n name: 'awsui.RadioGroup';\n label: string | LabelIdentifier;\n properties: {\n value: string;\n valueLabel: string;\n };\n}\n"]}
@@ -0,0 +1,6 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "selected": "awsui_selected_1m93f_14fvl_5"
5
+ };
6
+
@@ -0,0 +1,7 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ .awsui_selected_1m93f_14fvl_5:not(#\9) {
6
+ /* used in analytics metadata */
7
+ }
@@ -0,0 +1,7 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "selected": "awsui_selected_1m93f_14fvl_5"
6
+ };
7
+
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAkBd,CAAC;AAGH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAmBd,CAAC;AAGH,eAAe,UAAU,CAAC"}
@@ -6,6 +6,7 @@ import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-tool
6
6
  import useBaseComponent from '../internal/hooks/use-base-component';
7
7
  import { applyDisplayName } from '../internal/utils/apply-display-name';
8
8
  import InternalRadioGroup from './internal';
9
+ import analyticsSelectors from './analytics-metadata/styles.css.js';
9
10
  const RadioGroup = React.forwardRef((props, ref) => {
10
11
  const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });
11
12
  return (React.createElement(InternalRadioGroup, Object.assign({ ref: ref }, props, baseComponentProps, getAnalyticsMetadataAttribute({
@@ -14,6 +15,7 @@ const RadioGroup = React.forwardRef((props, ref) => {
14
15
  label: { root: 'self' },
15
16
  properties: {
16
17
  value: `${props.value}`,
18
+ valueLabel: `.${analyticsSelectors.selected}`,
17
19
  },
18
20
  },
19
21
  }))));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,kBAAkB,kBACjB,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;aACxB;SAC+C;KACnD,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });\n return (\n <InternalRadioGroup\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: {\n name: 'awsui.RadioGroup',\n label: { root: 'self' },\n properties: {\n value: `${props.value}`,\n },\n } as GeneratedAnalyticsMetadataRadioGroupComponent,\n })}\n />\n );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IACnG,OAAO,CACL,oBAAC,kBAAkB,kBACjB,GAAG,EAAE,GAAG,IACJ,KAAK,EACL,kBAAkB,EAClB,6BAA6B,CAAC;QAChC,SAAS,EAAE;YACT,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;gBACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;aAC9C;SAC+C;KACnD,CAAC,EACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n const baseComponentProps = useBaseComponent('RadioGroup', { props: { readOnly: props.readOnly } });\n return (\n <InternalRadioGroup\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: {\n name: 'awsui.RadioGroup',\n label: { root: 'self' },\n properties: {\n value: `${props.value}`,\n valueLabel: `.${analyticsSelectors.selected}`,\n },\n } as GeneratedAnalyticsMetadataRadioGroupComponent,\n })}\n />\n );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,QAAA,MAAM,kBAAkB,0HAkEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAQ/C,QAAA,MAAM,kBAAkB,0HAmEvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -9,6 +9,7 @@ import { getBaseProps } from '../internal/base-component';
9
9
  import { useFormFieldContext } from '../internal/context/form-field-context';
10
10
  import useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';
11
11
  import RadioButton from './radio-button';
12
+ import analyticsSelectors from './analytics-metadata/styles.css.js';
12
13
  import styles from './styles.css.js';
13
14
  const InternalRadioGroup = React.forwardRef((_a, ref) => {
14
15
  var { name, value, items, ariaLabel, ariaRequired, ariaControls, onChange, readOnly, __internalRootRef, style } = _a, props = __rest(_a, ["name", "value", "items", "ariaLabel", "ariaRequired", "ariaControls", "onChange", "readOnly", "__internalRootRef", "style"]);
@@ -17,7 +18,7 @@ const InternalRadioGroup = React.forwardRef((_a, ref) => {
17
18
  const generatedName = useUniqueId('awsui-radio-');
18
19
  const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);
19
20
  return (React.createElement("div", Object.assign({ role: "radiogroup", "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-required": ariaRequired, "aria-controls": ariaControls, "aria-readonly": readOnly ? 'true' : undefined }, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }), items &&
20
- items.map((item, index) => (React.createElement(RadioButton, Object.assign({ key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId, readOnly: readOnly, style: style }, getAnalyticsMetadataAttribute(!item.disabled && !readOnly
21
+ items.map((item, index) => (React.createElement(RadioButton, Object.assign({ key: item.value, ref: index === radioButtonRefIndex ? radioButtonRef : undefined, className: clsx(item.value === value && analyticsSelectors.selected), checked: item.value === value, name: name || generatedName, value: item.value, label: item.label, description: item.description, disabled: item.disabled, onChange: onChange, controlId: item.controlId, readOnly: readOnly, style: style }, getAnalyticsMetadataAttribute(!item.disabled && !readOnly
21
22
  ? {
22
23
  detail: {
23
24
  position: `${index + 1}`,
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAY0B,EAC1B,GAAmC,EACnC,EAAE;QAdF,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,OAEmB,EADrB,KAAK,cAXV,6HAYC,CADS;IAIV,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,2CACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACxC,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,WAAW,kBACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACR,6BAA6B,CAC/B,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC;gBACE,MAAM,EAAE;oBACN,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;oBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;iBAC+C;aACnE;YACH,CAAC,CAAC,EAAE,CACP,EACD,CACH,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\n\nimport styles from './styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n (\n {\n name,\n value,\n items,\n ariaLabel,\n ariaRequired,\n ariaControls,\n onChange,\n readOnly,\n __internalRootRef,\n style,\n ...props\n }: InternalRadioGroupProps,\n ref: React.Ref<RadioGroupProps.Ref>\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n const baseProps = getBaseProps(props);\n const generatedName = useUniqueId('awsui-radio-');\n\n const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n return (\n <div\n role=\"radiogroup\"\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n aria-controls={ariaControls}\n aria-readonly={readOnly ? 'true' : undefined}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={__internalRootRef}\n >\n {items &&\n items.map((item, index) => (\n <RadioButton\n key={item.value}\n ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n checked={item.value === value}\n name={name || generatedName}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n onChange={onChange}\n controlId={item.controlId}\n readOnly={readOnly}\n style={style}\n {...getAnalyticsMetadataAttribute(\n !item.disabled && !readOnly\n ? {\n detail: {\n position: `${index + 1}`,\n value: item.value,\n } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n }\n : {}\n )}\n />\n ))}\n </div>\n );\n }\n);\n\nexport default InternalRadioGroup;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/radio-group/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,yBAAyB,MAAM,6CAA6C,CAAC;AAIpF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AACpE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,EAY0B,EAC1B,GAAmC,EACnC,EAAE;QAdF,EACE,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,KAAK,OAEmB,EADrB,KAAK,cAXV,6HAYC,CADS;IAIV,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAElD,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,GAAG,yBAAyB,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAE3F,OAAO,CACL,2CACE,IAAI,EAAC,YAAY,qBACA,cAAc,gBACnB,SAAS,sBACH,eAAe,mBAClB,YAAY,mBACZ,YAAY,mBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACxC,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EACjD,GAAG,EAAE,iBAAiB,KAErB,KAAK;QACJ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,oBAAC,WAAW,kBACV,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAE,KAAK,KAAK,mBAAmB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC/D,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EACpE,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,KAAK,EAC7B,IAAI,EAAE,IAAI,IAAI,aAAa,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,IACR,6BAA6B,CAC/B,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACzB,CAAC,CAAC;gBACE,MAAM,EAAE;oBACN,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAC,EAAE;oBACxB,KAAK,EAAE,IAAI,CAAC,KAAK;iBAC+C;aACnE;YACH,CAAC,CAAC,EAAE,CACP,EACD,CACH,CAAC,CACA,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport useRadioGroupForwardFocus from '../internal/hooks/forward-focus/radio-group';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { GeneratedAnalyticsMetadataRadioGroupSelect } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport RadioButton from './radio-button';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalRadioGroupProps = RadioGroupProps & InternalBaseComponentProps;\n\nconst InternalRadioGroup = React.forwardRef(\n (\n {\n name,\n value,\n items,\n ariaLabel,\n ariaRequired,\n ariaControls,\n onChange,\n readOnly,\n __internalRootRef,\n style,\n ...props\n }: InternalRadioGroupProps,\n ref: React.Ref<RadioGroupProps.Ref>\n ) => {\n const { ariaDescribedby, ariaLabelledby } = useFormFieldContext(props);\n const baseProps = getBaseProps(props);\n const generatedName = useUniqueId('awsui-radio-');\n\n const [radioButtonRef, radioButtonRefIndex] = useRadioGroupForwardFocus(ref, items, value);\n\n return (\n <div\n role=\"radiogroup\"\n aria-labelledby={ariaLabelledby}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedby}\n aria-required={ariaRequired}\n aria-controls={ariaControls}\n aria-readonly={readOnly ? 'true' : undefined}\n {...baseProps}\n className={clsx(baseProps.className, styles.root)}\n ref={__internalRootRef}\n >\n {items &&\n items.map((item, index) => (\n <RadioButton\n key={item.value}\n ref={index === radioButtonRefIndex ? radioButtonRef : undefined}\n className={clsx(item.value === value && analyticsSelectors.selected)}\n checked={item.value === value}\n name={name || generatedName}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n onChange={onChange}\n controlId={item.controlId}\n readOnly={readOnly}\n style={style}\n {...getAnalyticsMetadataAttribute(\n !item.disabled && !readOnly\n ? {\n detail: {\n position: `${index + 1}`,\n value: item.value,\n } as Partial<GeneratedAnalyticsMetadataRadioGroupSelect['detail']>,\n }\n : {}\n )}\n />\n ))}\n </div>\n );\n }\n);\n\nexport default InternalRadioGroup;\n"]}
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1mabk_12enq_145",
5
- "radio": "awsui_radio_1mabk_12enq_178",
6
- "radio--has-description": "awsui_radio--has-description_1mabk_12enq_186",
7
- "radio-control": "awsui_radio-control_1mabk_12enq_190",
8
- "outline": "awsui_outline_1mabk_12enq_198",
9
- "styled-circle-border": "awsui_styled-circle-border_1mabk_12enq_221",
10
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_12enq_225",
11
- "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_12enq_225",
12
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_12enq_230",
13
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_12enq_246"
4
+ "root": "awsui_root_1mabk_15sy6_145",
5
+ "radio": "awsui_radio_1mabk_15sy6_178",
6
+ "radio--has-description": "awsui_radio--has-description_1mabk_15sy6_186",
7
+ "radio-control": "awsui_radio-control_1mabk_15sy6_190",
8
+ "outline": "awsui_outline_1mabk_15sy6_198",
9
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_15sy6_221",
10
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_15sy6_225",
11
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_15sy6_225",
12
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_15sy6_230",
13
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_15sy6_246"
14
14
  };
15
15
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_1mabk_12enq_145:not(#\9) {
145
+ .awsui_root_1mabk_15sy6_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -175,19 +175,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
175
  display: block;
176
176
  }
177
177
 
178
- .awsui_radio_1mabk_12enq_178:not(#\9) {
178
+ .awsui_radio_1mabk_15sy6_178:not(#\9) {
179
179
  /*used in test-utils*/
180
180
  }
181
181
 
182
- .awsui_radio_1mabk_12enq_178 + .awsui_radio_1mabk_12enq_178:not(#\9) {
182
+ .awsui_radio_1mabk_15sy6_178 + .awsui_radio_1mabk_15sy6_178:not(#\9) {
183
183
  margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
184
184
  }
185
185
 
186
- .awsui_radio--has-description_1mabk_12enq_186 + .awsui_radio_1mabk_12enq_178:not(#\9) {
186
+ .awsui_radio--has-description_1mabk_15sy6_186 + .awsui_radio_1mabk_15sy6_178:not(#\9) {
187
187
  margin-block-start: var(--space-scaled-xs-xwoogq, 8px);
188
188
  }
189
189
 
190
- .awsui_radio-control_1mabk_12enq_190:not(#\9) {
190
+ .awsui_radio-control_1mabk_15sy6_190:not(#\9) {
191
191
  margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - var(--size-control-adm93y, 16px)) / 2);
192
192
  min-block-size: var(--size-control-adm93y, 16px);
193
193
  min-inline-size: var(--size-control-adm93y, 16px);
@@ -195,15 +195,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
195
  inline-size: var(--size-control-adm93y, 16px);
196
196
  }
197
197
 
198
- .awsui_outline_1mabk_12enq_198:not(#\9) {
199
- --awsui-style-focus-ring-box-shadow-b75yp7: 0 0 0 var(--awsui-style-focus-ring-border-width-b75yp7, 2px) var(--awsui-style-focus-ring-border-color-b75yp7, var(--color-border-item-focused-uk47pl, #006ce0));
198
+ .awsui_outline_1mabk_15sy6_198:not(#\9) {
199
+ --awsui-style-focus-ring-box-shadow-9t5olz: 0 0 0 var(--awsui-style-focus-ring-border-width-9t5olz, 2px) var(--awsui-style-focus-ring-border-color-9t5olz, var(--color-border-item-focused-uk47pl, #006ce0));
200
200
  position: relative;
201
201
  }
202
- .awsui_outline_1mabk_12enq_198:not(#\9) {
202
+ .awsui_outline_1mabk_15sy6_198:not(#\9) {
203
203
  outline: 2px dotted transparent;
204
204
  outline-offset: calc(2px - 1px);
205
205
  }
206
- .awsui_outline_1mabk_12enq_198:not(#\9)::before {
206
+ .awsui_outline_1mabk_15sy6_198:not(#\9)::before {
207
207
  content: " ";
208
208
  display: block;
209
209
  position: absolute;
@@ -211,46 +211,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
211
211
  inset-block-start: calc(-1 * 2px);
212
212
  inline-size: calc(100% + 2px + 2px);
213
213
  block-size: calc(100% + 2px + 2px);
214
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
215
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
216
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
217
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-b75yp7, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
218
- box-shadow: var(--awsui-style-focus-ring-box-shadow-b75yp7);
214
+ border-start-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
215
+ border-start-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
216
+ border-end-start-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
217
+ border-end-end-radius: var(--awsui-style-focus-ring-border-radius-9t5olz, var(--border-radius-control-circular-focus-ring-yjhscw, 4px));
218
+ box-shadow: var(--awsui-style-focus-ring-box-shadow-9t5olz);
219
219
  }
220
220
 
221
- .awsui_styled-circle-border_1mabk_12enq_221:not(#\9) {
221
+ .awsui_styled-circle-border_1mabk_15sy6_221:not(#\9) {
222
222
  stroke: var(--color-border-control-default-sh3548, #8c8c94);
223
223
  fill: var(--color-background-control-default-4jb21l, #ffffff);
224
224
  }
225
- .awsui_styled-circle-border_1mabk_12enq_221.awsui_styled-circle-disabled_1mabk_12enq_225:not(#\9), .awsui_styled-circle-border_1mabk_12enq_221.awsui_styled-circle-readonly_1mabk_12enq_225:not(#\9) {
225
+ .awsui_styled-circle-border_1mabk_15sy6_221.awsui_styled-circle-disabled_1mabk_15sy6_225:not(#\9), .awsui_styled-circle-border_1mabk_15sy6_221.awsui_styled-circle-readonly_1mabk_15sy6_225:not(#\9) {
226
226
  fill: var(--color-background-control-disabled-1f3718, #dedee3);
227
227
  stroke: var(--color-background-control-disabled-1f3718, #dedee3);
228
228
  }
229
229
 
230
- .awsui_styled-circle-fill_1mabk_12enq_230:not(#\9) {
230
+ .awsui_styled-circle-fill_1mabk_15sy6_230:not(#\9) {
231
231
  stroke: var(--color-background-control-checked-ka7kc2, #006ce0);
232
232
  fill: var(--color-foreground-control-default-eto4wy, #ffffff);
233
233
  opacity: 0;
234
234
  transition: opacity var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
235
235
  }
236
236
  @media (prefers-reduced-motion: reduce) {
237
- .awsui_styled-circle-fill_1mabk_12enq_230:not(#\9) {
237
+ .awsui_styled-circle-fill_1mabk_15sy6_230:not(#\9) {
238
238
  animation: none;
239
239
  transition: none;
240
240
  }
241
241
  }
242
- .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_12enq_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_12enq_230:not(#\9) {
242
+ .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_15sy6_230:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_15sy6_230:not(#\9) {
243
243
  animation: none;
244
244
  transition: none;
245
245
  }
246
- .awsui_styled-circle-fill_1mabk_12enq_230.awsui_styled-circle-checked_1mabk_12enq_246:not(#\9) {
246
+ .awsui_styled-circle-fill_1mabk_15sy6_230.awsui_styled-circle-checked_1mabk_15sy6_246:not(#\9) {
247
247
  opacity: 1;
248
248
  }
249
- .awsui_styled-circle-fill_1mabk_12enq_230.awsui_styled-circle-disabled_1mabk_12enq_225:not(#\9) {
249
+ .awsui_styled-circle-fill_1mabk_15sy6_230.awsui_styled-circle-disabled_1mabk_15sy6_225:not(#\9) {
250
250
  fill: var(--color-foreground-control-disabled-txi6cf, #ffffff);
251
251
  stroke: var(--color-background-control-disabled-1f3718, #dedee3);
252
252
  }
253
- .awsui_styled-circle-fill_1mabk_12enq_230.awsui_styled-circle-readonly_1mabk_12enq_225:not(#\9) {
253
+ .awsui_styled-circle-fill_1mabk_15sy6_230.awsui_styled-circle-readonly_1mabk_15sy6_225:not(#\9) {
254
254
  fill: var(--color-foreground-control-read-only-7ydvuj, #656871);
255
255
  stroke: var(--color-background-control-disabled-1f3718, #dedee3);
256
256
  }
@@ -2,15 +2,15 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1mabk_12enq_145",
6
- "radio": "awsui_radio_1mabk_12enq_178",
7
- "radio--has-description": "awsui_radio--has-description_1mabk_12enq_186",
8
- "radio-control": "awsui_radio-control_1mabk_12enq_190",
9
- "outline": "awsui_outline_1mabk_12enq_198",
10
- "styled-circle-border": "awsui_styled-circle-border_1mabk_12enq_221",
11
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_12enq_225",
12
- "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_12enq_225",
13
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_12enq_230",
14
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_12enq_246"
5
+ "root": "awsui_root_1mabk_15sy6_145",
6
+ "radio": "awsui_radio_1mabk_15sy6_178",
7
+ "radio--has-description": "awsui_radio--has-description_1mabk_15sy6_186",
8
+ "radio-control": "awsui_radio-control_1mabk_15sy6_190",
9
+ "outline": "awsui_outline_1mabk_15sy6_198",
10
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_15sy6_221",
11
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_15sy6_225",
12
+ "styled-circle-readonly": "awsui_styled-circle-readonly_1mabk_15sy6_225",
13
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_15sy6_230",
14
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_15sy6_246"
15
15
  };
16
16
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/s3-resource-selector/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMvD,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,QAAA,MAAM,kBAAkB,6GAoGvB,CAAC;AAGF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/s3-resource-selector/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAW3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAMvD,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,QAAA,MAAM,kBAAkB,6GAwGvB,CAAC;AAGF,eAAe,kBAAkB,CAAC"}
@@ -16,7 +16,7 @@ import { S3InContext } from './s3-in-context';
16
16
  import { S3Modal } from './s3-modal';
17
17
  import styles from './styles.css.js';
18
18
  const S3ResourceSelector = React.forwardRef((_a, ref) => {
19
- var { i18nStrings, inputPlaceholder, alert, resource, viewHref, invalid, selectableItemsTypes = [], inputAriaDescribedby, bucketsVisibleColumns = ['Name', 'CreationDate'], bucketsIsItemDisabled, fetchBuckets, fetchObjects, objectsVisibleColumns = ['Key', 'LastModified', 'Size'], objectsIsItemDisabled, fetchVersions, versionsVisibleColumns = ['ID', 'LastModified', 'Size'], versionsIsItemDisabled, onChange, ariaLabel, getModalRoot, removeModalRoot } = _a, rest = __rest(_a, ["i18nStrings", "inputPlaceholder", "alert", "resource", "viewHref", "invalid", "selectableItemsTypes", "inputAriaDescribedby", "bucketsVisibleColumns", "bucketsIsItemDisabled", "fetchBuckets", "fetchObjects", "objectsVisibleColumns", "objectsIsItemDisabled", "fetchVersions", "versionsVisibleColumns", "versionsIsItemDisabled", "onChange", "ariaLabel", "getModalRoot", "removeModalRoot"]);
19
+ var { i18nStrings, inputPlaceholder, alert, resource, viewHref, invalid, selectableItemsTypes = [], inputAriaDescribedby, bucketsVisibleColumns = ['Name', 'CreationDate'], bucketsIsItemDisabled, fetchBuckets, fetchObjects, objectsVisibleColumns = ['Key', 'LastModified', 'Size'], objectsIsItemDisabled, fetchVersions, versionsVisibleColumns = ['ID', 'LastModified', 'Size'], versionsIsItemDisabled, onChange, ariaLabel, getModalRoot, removeModalRoot, onInputFocus, onInputBlur } = _a, rest = __rest(_a, ["i18nStrings", "inputPlaceholder", "alert", "resource", "viewHref", "invalid", "selectableItemsTypes", "inputAriaDescribedby", "bucketsVisibleColumns", "bucketsIsItemDisabled", "fetchBuckets", "fetchObjects", "objectsVisibleColumns", "objectsIsItemDisabled", "fetchVersions", "versionsVisibleColumns", "versionsIsItemDisabled", "onChange", "ariaLabel", "getModalRoot", "removeModalRoot", "onInputFocus", "onInputBlur"]);
20
20
  checkSafeUrl('S3ResourceSelector', viewHref);
21
21
  const { __internalRootRef } = useBaseComponent('S3ResourceSelector');
22
22
  const [modalOpen, setModalOpen] = useState(false);
@@ -57,7 +57,7 @@ const S3ResourceSelector = React.forwardRef((_a, ref) => {
57
57
  onDismiss: () => setModalOpen(false),
58
58
  };
59
59
  return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className), ref: __internalRootRef, role: "group", "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, "aria-label": ariaLabel }),
60
- React.createElement(S3InContext, { ref: inContextRef, selectableItemsTypes: selectableItemsTypes, i18nStrings: i18nStrings, inputPlaceholder: inputPlaceholder, resource: resource, viewHref: viewHref, invalid: invalid, inputAriaDescribedby: inputAriaDescribedby, fetchVersions: fetchVersions, onBrowse: () => setModalOpen(true), onChange: (resource, errorText) => fireNonCancelableEvent(onChange, { resource, errorText }) }),
60
+ React.createElement(S3InContext, { ref: inContextRef, selectableItemsTypes: selectableItemsTypes, i18nStrings: i18nStrings, inputPlaceholder: inputPlaceholder, resource: resource, viewHref: viewHref, invalid: invalid, inputAriaDescribedby: inputAriaDescribedby, fetchVersions: fetchVersions, onBrowse: () => setModalOpen(true), onChange: (resource, errorText) => fireNonCancelableEvent(onChange, { resource, errorText }), onInputFocus: onInputFocus, onInputBlur: onInputBlur }),
61
61
  !modalOpen && alert && (React.createElement(InternalBox, { className: styles.alert, margin: { top: 's' } }, alert)),
62
62
  modalOpen && React.createElement(S3Modal, Object.assign({}, modalProps))));
63
63
  });