@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.
- package/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +50 -50
- package/alert/styles.selectors.js +27 -27
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +32 -32
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
- package/attribute-editor/index.d.ts.map +1 -1
- package/attribute-editor/index.js +2 -2
- package/attribute-editor/index.js.map +1 -1
- package/attribute-editor/interfaces.d.ts +8 -0
- package/attribute-editor/interfaces.d.ts.map +1 -1
- package/attribute-editor/interfaces.js.map +1 -1
- package/attribute-editor/internal.d.ts.map +1 -1
- package/attribute-editor/internal.js +9 -6
- package/attribute-editor/internal.js.map +1 -1
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +28 -28
- package/attribute-editor/styles.selectors.js +15 -15
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/button/styles.css.js +22 -22
- package/button/styles.scoped.css +256 -256
- package/button/styles.selectors.js +22 -22
- package/button-dropdown/item-element/styles.css.js +16 -16
- package/button-dropdown/item-element/styles.scoped.css +27 -27
- package/button-dropdown/item-element/styles.selectors.js +16 -16
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +11 -11
- package/checkbox/styles.selectors.js +3 -3
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +187 -187
- package/flashbar/styles.selectors.js +50 -50
- package/header/analytics/use-table-integration.d.ts +2 -1
- package/header/analytics/use-table-integration.d.ts.map +1 -1
- package/header/analytics/use-table-integration.js +8 -1
- package/header/analytics/use-table-integration.js.map +1 -1
- package/header/interfaces.d.ts +2 -2
- package/header/interfaces.d.ts.map +1 -1
- package/header/interfaces.js.map +1 -1
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -73
- package/help-panel/styles.selectors.js +6 -6
- package/icon/generated/icons.d.ts +1 -0
- package/icon/generated/icons.d.ts.map +1 -1
- package/icon/generated/icons.js +3 -0
- package/icon/generated/icons.js.map +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon-provider/interfaces.d.ts +1 -0
- package/icon-provider/interfaces.d.ts.map +1 -1
- package/icon-provider/interfaces.js.map +1 -1
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +65 -65
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/components/drag-handle-wrapper/styles.css.js +20 -20
- package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -48
- package/internal/components/drag-handle-wrapper/styles.selectors.js +20 -20
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -38
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +25 -25
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/custom-css-properties/index.d.ts +4 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +102 -98
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.d.ts +50 -75
- package/internal/generated/styles/tokens.js +50 -75
- package/internal/generated/theming/index.cjs +305 -461
- package/internal/generated/theming/index.js +305 -461
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +103 -103
- package/link/styles.selectors.js +20 -20
- package/package.json +1 -1
- package/progress-bar/index.d.ts.map +1 -1
- package/progress-bar/index.js +14 -54
- package/progress-bar/interfaces.d.ts +18 -0
- package/progress-bar/interfaces.d.ts.map +1 -1
- package/progress-bar/interfaces.js.map +1 -1
- package/progress-bar/internal-do-not-use-core.js +58 -0
- package/progress-bar/internal-do-not-use-core.js.map +1 -0
- package/progress-bar/internal.d.ts +3 -1
- package/progress-bar/internal.d.ts.map +1 -1
- package/progress-bar/internal.js +7 -3
- package/progress-bar/internal.js.map +1 -1
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.d.ts +15 -0
- package/progress-bar/styles.d.ts.map +1 -0
- package/progress-bar/styles.js +33 -0
- package/progress-bar/styles.js.map +1 -0
- package/progress-bar/styles.scoped.css +56 -56
- package/progress-bar/styles.selectors.js +19 -19
- package/radio-group/analytics-metadata/interfaces.d.ts +1 -0
- package/radio-group/analytics-metadata/interfaces.d.ts.map +1 -1
- package/radio-group/analytics-metadata/interfaces.js.map +1 -1
- package/radio-group/analytics-metadata/styles.css.js +6 -0
- package/radio-group/analytics-metadata/styles.scoped.css +7 -0
- package/radio-group/analytics-metadata/styles.selectors.js +7 -0
- package/radio-group/index.d.ts.map +1 -1
- package/radio-group/internal-do-not-use-core.js +2 -0
- package/radio-group/internal-do-not-use-core.js.map +1 -1
- package/radio-group/internal.d.ts.map +1 -1
- package/radio-group/internal.js +2 -1
- package/radio-group/internal.js.map +1 -1
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +22 -22
- package/radio-group/styles.selectors.js +10 -10
- package/s3-resource-selector/index.d.ts.map +1 -1
- package/s3-resource-selector/index.js +2 -2
- package/s3-resource-selector/index.js.map +1 -1
- package/s3-resource-selector/interfaces.d.ts +8 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts +3 -0
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +8 -2
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +86 -86
- package/slider/styles.selectors.js +26 -26
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +13 -13
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +66 -66
- package/text-content/styles.selectors.js +1 -1
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +41 -41
- package/textarea/styles.selectors.js +5 -5
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +23 -23
- package/toggle/styles.selectors.js +10 -10
- 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
|
-
.
|
|
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
|
-
.
|
|
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 .
|
|
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-
|
|
207
|
-
animation: awsui_awsui-motion-fade-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
264
|
+
.awsui_result-text_11huc_2e4fw_261:not(#\9) {
|
|
265
265
|
/* used in test-utils */
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
.awsui_result-container-
|
|
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-
|
|
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-
|
|
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-
|
|
283
|
+
.awsui_label-flash_11huc_2e4fw_280:not(#\9) {
|
|
284
284
|
color: inherit;
|
|
285
285
|
font-weight: 700;
|
|
286
286
|
}
|
|
287
|
-
.awsui_label-key-
|
|
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
|
-
.
|
|
295
|
+
.awsui_flash_11huc_2e4fw_292:not(#\9) {
|
|
296
296
|
color: inherit;
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.awsui_progress-
|
|
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-
|
|
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
|
-
.
|
|
316
|
+
.awsui_percentage_11huc_2e4fw_303:not(#\9) {
|
|
317
317
|
/* used in test-utils */
|
|
318
318
|
}
|
|
319
319
|
|
|
320
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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": "
|
|
6
|
-
"result-state": "awsui_result-
|
|
7
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
8
|
-
"root": "
|
|
9
|
-
"with-result-button": "awsui_with-result-
|
|
10
|
-
"result-text": "awsui_result-
|
|
11
|
-
"result-container-error": "awsui_result-container-
|
|
12
|
-
"result-container-success": "awsui_result-container-
|
|
13
|
-
"result-button": "awsui_result-
|
|
14
|
-
"word-wrap": "awsui_word-
|
|
15
|
-
"label-flash": "awsui_label-
|
|
16
|
-
"label-key-value": "awsui_label-key-
|
|
17
|
-
"flash": "
|
|
18
|
-
"progress-container": "awsui_progress-
|
|
19
|
-
"percentage-container": "awsui_percentage-
|
|
20
|
-
"percentage": "
|
|
21
|
-
"complete": "
|
|
22
|
-
"progress-in-flash": "awsui_progress-in-
|
|
23
|
-
"additional-info": "awsui_additional-
|
|
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
|
|
|
@@ -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;
|
|
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"]}
|
|
@@ -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;
|
|
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;
|
|
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;
|
|
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"}
|
package/radio-group/internal.js
CHANGED
|
@@ -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": "
|
|
5
|
-
"radio": "
|
|
6
|
-
"radio--has-description": "awsui_radio--has-
|
|
7
|
-
"radio-control": "awsui_radio-
|
|
8
|
-
"outline": "
|
|
9
|
-
"styled-circle-border": "awsui_styled-circle-
|
|
10
|
-
"styled-circle-disabled": "awsui_styled-circle-
|
|
11
|
-
"styled-circle-readonly": "awsui_styled-circle-
|
|
12
|
-
"styled-circle-fill": "awsui_styled-circle-
|
|
13
|
-
"styled-circle-checked": "awsui_styled-circle-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
178
|
+
.awsui_radio_1mabk_15sy6_178:not(#\9) {
|
|
179
179
|
/*used in test-utils*/
|
|
180
180
|
}
|
|
181
181
|
|
|
182
|
-
.
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
199
|
-
--awsui-style-focus-ring-box-shadow-
|
|
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
|
-
.
|
|
202
|
+
.awsui_outline_1mabk_15sy6_198:not(#\9) {
|
|
203
203
|
outline: 2px dotted transparent;
|
|
204
204
|
outline-offset: calc(2px - 1px);
|
|
205
205
|
}
|
|
206
|
-
.
|
|
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-
|
|
215
|
-
border-start-end-radius: var(--awsui-style-focus-ring-border-radius-
|
|
216
|
-
border-end-start-radius: var(--awsui-style-focus-ring-border-radius-
|
|
217
|
-
border-end-end-radius: var(--awsui-style-focus-ring-border-radius-
|
|
218
|
-
box-shadow: var(--awsui-style-focus-ring-box-shadow-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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": "
|
|
6
|
-
"radio": "
|
|
7
|
-
"radio--has-description": "awsui_radio--has-
|
|
8
|
-
"radio-control": "awsui_radio-
|
|
9
|
-
"outline": "
|
|
10
|
-
"styled-circle-border": "awsui_styled-circle-
|
|
11
|
-
"styled-circle-disabled": "awsui_styled-circle-
|
|
12
|
-
"styled-circle-readonly": "awsui_styled-circle-
|
|
13
|
-
"styled-circle-fill": "awsui_styled-circle-
|
|
14
|
-
"styled-circle-checked": "awsui_styled-circle-
|
|
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,
|
|
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
|
});
|