@cloudscape-design/components 3.0.1039 → 3.0.1041

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 (47) hide show
  1. package/app-layout/utils/use-global-scroll-padding.d.ts +1 -0
  2. package/app-layout/utils/use-global-scroll-padding.d.ts.map +1 -0
  3. package/app-layout/utils/use-global-scroll-padding.js +14 -0
  4. package/app-layout/utils/use-global-scroll-padding.js.map +1 -0
  5. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  6. package/app-layout/visual-refresh/layout.js +2 -0
  7. package/app-layout/visual-refresh/layout.js.map +1 -1
  8. package/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
  9. package/app-layout/visual-refresh-toolbar/index.js +2 -0
  10. package/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  11. package/button-dropdown/index.d.ts.map +1 -1
  12. package/button-dropdown/index.js +11 -29
  13. package/button-dropdown/interfaces.d.ts +28 -0
  14. package/button-dropdown/interfaces.d.ts.map +1 -1
  15. package/button-dropdown/interfaces.js.map +1 -1
  16. package/button-dropdown/internal-do-not-use-core.js +36 -0
  17. package/button-dropdown/internal-do-not-use-core.js.map +1 -0
  18. package/button-dropdown/internal.d.ts.map +1 -1
  19. package/button-dropdown/internal.js +7 -9
  20. package/button-dropdown/internal.js.map +1 -1
  21. package/internal/base-component/styles.scoped.css +1 -1
  22. package/internal/environment.js +2 -2
  23. package/internal/environment.json +2 -2
  24. package/internal/manifest.json +1 -1
  25. package/package.json +1 -1
  26. package/prompt-input/index.js +11 -21
  27. package/prompt-input/interfaces.d.ts +8 -0
  28. package/prompt-input/interfaces.d.ts.map +1 -1
  29. package/prompt-input/interfaces.js.map +1 -1
  30. package/prompt-input/internal-do-not-use-core.js +28 -0
  31. package/prompt-input/internal.d.ts.map +1 -1
  32. package/prompt-input/internal.js +9 -7
  33. package/prompt-input/internal.js.map +1 -1
  34. package/prompt-input/styles.css.js +16 -15
  35. package/prompt-input/styles.scoped.css +42 -64
  36. package/prompt-input/styles.selectors.js +16 -15
  37. package/prompt-input/test-classes/styles.css.js +6 -5
  38. package/prompt-input/test-classes/styles.scoped.css +9 -5
  39. package/prompt-input/test-classes/styles.selectors.js +6 -5
  40. package/test-utils/dom/prompt-input/index.d.ts +8 -1
  41. package/test-utils/dom/prompt-input/index.js +9 -0
  42. package/test-utils/dom/prompt-input/index.js.map +1 -1
  43. package/test-utils/selectors/prompt-input/index.d.ts +7 -0
  44. package/test-utils/selectors/prompt-input/index.js +9 -0
  45. package/test-utils/selectors/prompt-input/index.js.map +1 -1
  46. package/button-dropdown/index.js.map +0 -1
  47. /package/prompt-input/{index.js.map → internal-do-not-use-core.js.map} +0 -0
@@ -143,7 +143,7 @@
143
143
  */
144
144
  /* Style used for links in slots/components that are text heavy, to help links stand out among
145
145
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
146
- .awsui_root_55fkh_25oqf_146:not(#\9) {
146
+ .awsui_root_55fkh_19qc8_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -182,12 +182,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
182
182
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
183
183
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-default-317xk5, #8c8c94);
184
184
  }
185
- .awsui_root_55fkh_25oqf_146.awsui_textarea-readonly_55fkh_25oqf_185:not(#\9) {
185
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-readonly_55fkh_19qc8_185:not(#\9) {
186
186
  background-color: var(--color-background-input-default-ifz5bb, #ffffff);
187
187
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
188
188
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
189
189
  }
190
- .awsui_root_55fkh_25oqf_146.awsui_disabled_55fkh_25oqf_190:not(#\9) {
190
+ .awsui_root_55fkh_19qc8_146.awsui_disabled_55fkh_19qc8_190:not(#\9) {
191
191
  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
192
192
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
193
193
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -195,57 +195,57 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
195
  cursor: auto;
196
196
  cursor: default;
197
197
  }
198
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9) {
198
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9) {
199
199
  color: var(--color-text-status-error-ksqavh, #db0000);
200
200
  border-color: var(--color-text-status-error-ksqavh, #db0000);
201
201
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
202
202
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
203
203
  }
204
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
204
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
205
205
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
206
206
  }
207
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9) {
207
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9) {
208
208
  padding-inline-start: 0;
209
209
  }
210
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
210
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
211
211
  color: var(--color-text-status-error-ksqavh, #db0000);
212
212
  border-color: var(--color-text-status-error-ksqavh, #db0000);
213
213
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
214
214
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
215
215
  }
216
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within:focus, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus:focus {
216
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within:focus, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus:focus {
217
217
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
218
218
  }
219
- .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-invalid_55fkh_25oqf_198:not(#\9):focus {
219
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-invalid_55fkh_19qc8_198:not(#\9):focus {
220
220
  padding-inline-start: 0;
221
221
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
222
222
  }
223
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9) {
223
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9) {
224
224
  color: var(--color-text-status-warning-6meo06, #855900);
225
225
  border-color: var(--color-text-status-warning-6meo06, #855900);
226
226
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
227
227
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
228
228
  }
229
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
229
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
230
230
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
231
231
  }
232
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9) {
232
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9) {
233
233
  padding-inline-start: 0;
234
234
  }
235
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
235
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
236
236
  color: var(--color-text-status-warning-6meo06, #855900);
237
237
  border-color: var(--color-text-status-warning-6meo06, #855900);
238
238
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
239
239
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
240
240
  }
241
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within:focus, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus:focus {
241
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within:focus, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus:focus {
242
242
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
243
243
  }
244
- .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146.awsui_textarea-warning_55fkh_25oqf_223:not(#\9):focus {
244
+ .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146.awsui_textarea-warning_55fkh_19qc8_223:not(#\9):focus {
245
245
  padding-inline-start: 0;
246
246
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
247
247
  }
248
- .awsui_root_55fkh_25oqf_146:not(#\9):focus-within, .awsui_root_55fkh_25oqf_146:not(#\9):focus {
248
+ .awsui_root_55fkh_19qc8_146:not(#\9):focus-within, .awsui_root_55fkh_19qc8_146:not(#\9):focus {
249
249
  outline: 2px dotted transparent;
250
250
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
251
251
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-focused-4z0pgn, #006ce0);
@@ -256,7 +256,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
256
256
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
257
257
  }
258
258
 
259
- .awsui_textarea_55fkh_25oqf_185:not(#\9) {
259
+ .awsui_textarea_55fkh_19qc8_185:not(#\9) {
260
260
  border-collapse: separate;
261
261
  border-spacing: 0;
262
262
  box-sizing: border-box;
@@ -305,25 +305,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
305
305
  box-sizing: border-box;
306
306
  border: 0;
307
307
  }
308
- .awsui_textarea_55fkh_25oqf_185:not(#\9)::placeholder {
308
+ .awsui_textarea_55fkh_19qc8_185:not(#\9)::placeholder {
309
309
  color: var(--color-text-input-placeholder-dclg8u, #656871);
310
310
  font-style: italic;
311
311
  opacity: 1;
312
312
  }
313
- .awsui_textarea_55fkh_25oqf_185:not(#\9):-ms-input-placeholder {
313
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):-ms-input-placeholder {
314
314
  color: var(--color-text-input-placeholder-dclg8u, #656871);
315
315
  font-style: italic;
316
316
  }
317
- .awsui_textarea_55fkh_25oqf_185:not(#\9):focus {
317
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):focus {
318
318
  outline: none;
319
319
  }
320
- .awsui_textarea_55fkh_25oqf_185:not(#\9):invalid {
320
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):invalid {
321
321
  box-shadow: none;
322
322
  }
323
- .awsui_textarea_55fkh_25oqf_185.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_textarea_55fkh_25oqf_185.awsui_warning_55fkh_25oqf_323:not(#\9) {
323
+ .awsui_textarea_55fkh_19qc8_185.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_textarea_55fkh_19qc8_185.awsui_warning_55fkh_19qc8_323:not(#\9) {
324
324
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
325
325
  }
326
- .awsui_textarea_55fkh_25oqf_185:not(#\9):disabled {
326
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):disabled {
327
327
  background-color: var(--color-background-input-disabled-dihaja, #ebebf0);
328
328
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
329
329
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--color-border-input-disabled-zgnzvk, #ebebf0);
@@ -332,48 +332,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
332
332
  border: 0;
333
333
  cursor: default;
334
334
  }
335
- .awsui_textarea_55fkh_25oqf_185:not(#\9):disabled::placeholder {
335
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):disabled::placeholder {
336
336
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
337
337
  opacity: 1;
338
338
  }
339
- .awsui_textarea_55fkh_25oqf_185:not(#\9):disabled:-ms-input-placeholder {
339
+ .awsui_textarea_55fkh_19qc8_185:not(#\9):disabled:-ms-input-placeholder {
340
340
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
341
341
  }
342
- .awsui_textarea-wrapper_55fkh_25oqf_342:not(#\9) {
342
+ .awsui_textarea-wrapper_55fkh_19qc8_342:not(#\9) {
343
343
  display: flex;
344
344
  }
345
345
 
346
- .awsui_button_55fkh_25oqf_346:not(#\9) {
346
+ .awsui_primary-action_55fkh_19qc8_346:not(#\9) {
347
347
  align-self: flex-end;
348
- padding-inline: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
349
- padding-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
348
+ flex-shrink: 0;
349
+ padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
350
350
  }
351
- .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9) {
352
- padding: 0;
353
- }
354
- body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus {
355
- position: relative;
351
+ .awsui_textarea-wrapper_55fkh_19qc8_342 > .awsui_primary-action_55fkh_19qc8_346:not(#\9) {
352
+ padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
356
353
  }
357
- body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus {
358
- outline: 2px dotted transparent;
359
- outline-offset: calc(calc((var(--space-xxxs-pajhad, 2px)) - 1px) - 1px);
360
- }
361
- body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_action-button_55fkh_25oqf_351:not(#\9):focus::before {
362
- content: " ";
363
- display: block;
364
- position: absolute;
365
- inset-inline-start: calc(-1 * calc((var(--space-xxxs-pajhad, 2px)) - 1px));
366
- inset-block-start: calc(-1 * calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px));
367
- inline-size: calc(100% + calc((var(--space-xxxs-pajhad, 2px)) - 1px) + calc((var(--space-xxxs-pajhad, 2px)) - 1px));
368
- block-size: calc(100% + calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px) + calc(-1 * var(--space-xxxs-pajhad, 2px) - 1px));
369
- border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
370
- border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
371
- border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
372
- border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
373
- box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
354
+ .awsui_textarea-wrapper_55fkh_19qc8_342 > .awsui_primary-action_55fkh_19qc8_346 > .awsui_action-button_55fkh_19qc8_354:not(#\9) {
355
+ margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
356
+ padding: 0;
374
357
  }
375
358
 
376
- .awsui_secondary-content_55fkh_25oqf_376:not(#\9) {
359
+ .awsui_secondary-content_55fkh_19qc8_359:not(#\9) {
377
360
  border-collapse: separate;
378
361
  border-spacing: 0;
379
362
  box-sizing: border-box;
@@ -408,17 +391,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_actio
408
391
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
409
392
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
410
393
  }
411
- .awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411:not(#\9) {
394
+ .awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394:not(#\9) {
412
395
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
413
396
  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
414
397
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
415
398
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
416
399
  }
417
- .awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_secondary-content_55fkh_25oqf_376.awsui_with-paddings_55fkh_25oqf_411.awsui_warning_55fkh_25oqf_323:not(#\9) {
400
+ .awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_secondary-content_55fkh_19qc8_359.awsui_with-paddings_55fkh_19qc8_394.awsui_warning_55fkh_19qc8_323:not(#\9) {
418
401
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
419
402
  }
420
403
 
421
- .awsui_secondary-actions_55fkh_25oqf_421:not(#\9) {
404
+ .awsui_action-stripe_55fkh_19qc8_404:not(#\9) {
422
405
  border-collapse: separate;
423
406
  border-spacing: 0;
424
407
  box-sizing: border-box;
@@ -456,22 +439,17 @@ body[data-awsui-focus-visible=true] .awsui_button_55fkh_25oqf_346 > .awsui_actio
456
439
  justify-content: space-between;
457
440
  align-items: flex-end;
458
441
  }
459
- .awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411:not(#\9) {
442
+
443
+ .awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394:not(#\9) {
460
444
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
461
445
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
462
446
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
463
447
  }
464
- .awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411.awsui_invalid_55fkh_25oqf_323:not(#\9), .awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411.awsui_warning_55fkh_25oqf_323:not(#\9) {
448
+ .awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394.awsui_invalid_55fkh_19qc8_323:not(#\9), .awsui_secondary-actions_55fkh_19qc8_443.awsui_with-paddings_55fkh_19qc8_394.awsui_warning_55fkh_19qc8_323:not(#\9) {
465
449
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
466
450
  }
467
- .awsui_secondary-actions_55fkh_25oqf_421.awsui_with-paddings_55fkh_25oqf_411 > .awsui_button_55fkh_25oqf_346:not(#\9) {
468
- padding-block-end: 0;
469
- }
470
- .awsui_secondary-actions_55fkh_25oqf_421 > .awsui_button_55fkh_25oqf_346:not(#\9) {
471
- padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
472
- }
473
451
 
474
- .awsui_buffer_55fkh_25oqf_474:not(#\9) {
452
+ .awsui_buffer_55fkh_19qc8_452:not(#\9) {
475
453
  flex: 1;
476
454
  align-self: stretch;
477
455
  cursor: text;
@@ -2,20 +2,21 @@
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_55fkh_25oqf_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_25oqf_185",
7
- "disabled": "awsui_disabled_55fkh_25oqf_190",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_25oqf_198",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_25oqf_223",
10
- "textarea": "awsui_textarea_55fkh_25oqf_185",
11
- "invalid": "awsui_invalid_55fkh_25oqf_323",
12
- "warning": "awsui_warning_55fkh_25oqf_323",
13
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_25oqf_342",
14
- "button": "awsui_button_55fkh_25oqf_346",
15
- "action-button": "awsui_action-button_55fkh_25oqf_351",
16
- "secondary-content": "awsui_secondary-content_55fkh_25oqf_376",
17
- "with-paddings": "awsui_with-paddings_55fkh_25oqf_411",
18
- "secondary-actions": "awsui_secondary-actions_55fkh_25oqf_421",
19
- "buffer": "awsui_buffer_55fkh_25oqf_474"
5
+ "root": "awsui_root_55fkh_19qc8_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_19qc8_185",
7
+ "disabled": "awsui_disabled_55fkh_19qc8_190",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_19qc8_198",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_19qc8_223",
10
+ "textarea": "awsui_textarea_55fkh_19qc8_185",
11
+ "invalid": "awsui_invalid_55fkh_19qc8_323",
12
+ "warning": "awsui_warning_55fkh_19qc8_323",
13
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_19qc8_342",
14
+ "primary-action": "awsui_primary-action_55fkh_19qc8_346",
15
+ "action-button": "awsui_action-button_55fkh_19qc8_354",
16
+ "secondary-content": "awsui_secondary-content_55fkh_19qc8_359",
17
+ "with-paddings": "awsui_with-paddings_55fkh_19qc8_394",
18
+ "action-stripe": "awsui_action-stripe_55fkh_19qc8_404",
19
+ "secondary-actions": "awsui_secondary-actions_55fkh_19qc8_443",
20
+ "buffer": "awsui_buffer_55fkh_19qc8_452"
20
21
  };
21
22
 
@@ -1,10 +1,11 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_nr3gs_n93je_5",
5
- "textarea": "awsui_textarea_nr3gs_n93je_9",
6
- "action-button": "awsui_action-button_nr3gs_n93je_13",
7
- "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
8
- "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
4
+ "root": "awsui_root_nr3gs_151v0_5",
5
+ "textarea": "awsui_textarea_nr3gs_151v0_9",
6
+ "action-button": "awsui_action-button_nr3gs_151v0_13",
7
+ "primary-action": "awsui_primary-action_nr3gs_151v0_17",
8
+ "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
9
+ "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
9
10
  };
10
11
 
@@ -2,22 +2,26 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- .awsui_root_nr3gs_n93je_5:not(#\9) {
5
+ .awsui_root_nr3gs_151v0_5:not(#\9) {
6
6
  /* used in test-utils */
7
7
  }
8
8
 
9
- .awsui_textarea_nr3gs_n93je_9:not(#\9) {
9
+ .awsui_textarea_nr3gs_151v0_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_action-button_nr3gs_n93je_13:not(#\9) {
13
+ .awsui_action-button_nr3gs_151v0_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_secondary-actions_nr3gs_n93je_17:not(#\9) {
17
+ .awsui_primary-action_nr3gs_151v0_17:not(#\9) {
18
18
  /* used in test-utils */
19
19
  }
20
20
 
21
- .awsui_secondary-content_nr3gs_n93je_21:not(#\9) {
21
+ .awsui_secondary-actions_nr3gs_151v0_21:not(#\9) {
22
+ /* used in test-utils */
23
+ }
24
+
25
+ .awsui_secondary-content_nr3gs_151v0_25:not(#\9) {
22
26
  /* used in test-utils */
23
27
  }
@@ -2,10 +2,11 @@
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_nr3gs_n93je_5",
6
- "textarea": "awsui_textarea_nr3gs_n93je_9",
7
- "action-button": "awsui_action-button_nr3gs_n93je_13",
8
- "secondary-actions": "awsui_secondary-actions_nr3gs_n93je_17",
9
- "secondary-content": "awsui_secondary-content_nr3gs_n93je_21"
5
+ "root": "awsui_root_nr3gs_151v0_5",
6
+ "textarea": "awsui_textarea_nr3gs_151v0_9",
7
+ "action-button": "awsui_action-button_nr3gs_151v0_13",
8
+ "primary-action": "awsui_primary-action_nr3gs_151v0_17",
9
+ "secondary-actions": "awsui_secondary-actions_nr3gs_151v0_21",
10
+ "secondary-content": "awsui_secondary-content_nr3gs_151v0_25"
10
11
  };
11
12
 
@@ -2,9 +2,16 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
2
2
  export default class PromptInputWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findNativeTextarea(): ElementWrapper<HTMLTextAreaElement>;
5
+ /**
6
+ * Finds the action button. Note that, despite its typings, this may return null.
7
+ */
5
8
  findActionButton(): ElementWrapper<HTMLButtonElement>;
9
+ /**
10
+ * Finds the secondary actions slot. Note that, despite its typings, this may return null.
11
+ */
6
12
  findSecondaryActions(): ElementWrapper<HTMLDivElement>;
7
- findSecondaryContent(): ElementWrapper<HTMLDivElement>;
13
+ findSecondaryContent(): ElementWrapper<HTMLDivElement> | null;
14
+ findCustomPrimaryAction(): ElementWrapper<HTMLDivElement> | null;
8
15
  /**
9
16
  * Gets the value of the component.
10
17
  *
@@ -15,15 +15,24 @@ class PromptInputWrapper extends dom_1.ComponentWrapper {
15
15
  findNativeTextarea() {
16
16
  return this.findByClassName(styles_selectors_js_1.default.textarea);
17
17
  }
18
+ /**
19
+ * Finds the action button. Note that, despite its typings, this may return null.
20
+ */
18
21
  findActionButton() {
19
22
  return this.findByClassName(styles_selectors_js_1.default['action-button']);
20
23
  }
24
+ /**
25
+ * Finds the secondary actions slot. Note that, despite its typings, this may return null.
26
+ */
21
27
  findSecondaryActions() {
22
28
  return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
23
29
  }
24
30
  findSecondaryContent() {
25
31
  return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
26
32
  }
33
+ findCustomPrimaryAction() {
34
+ return this.findByClassName(styles_selectors_js_1.default['primary-action']);
35
+ }
27
36
  /**
28
37
  * Gets the value of the component.
29
38
  *
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;;;;;;AAEtC,gEAAmG;AACnG,4EAAmF;AAEnF,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QACvD,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACxE,IAAA,0BAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/B,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;;AAvCM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAuBjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAOP;AAxCH,qCAyCC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;;;;;;;AAEtC,gEAAmG;AACnG,4EAAmF;AAEnF,gGAAoF;AAEpF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAsB,6BAAc,CAAC,QAAQ,CAAE,CAAC;IAC7E,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAoB,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IACnF,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACnF,CAAC;IAED,uBAAuB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAiB,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChF,CAAC;IAED;;;;OAIG;IACM,gBAAgB;QACvB,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,CAAC;IACtD,CAAC;IAED;;;;OAIG;IACM,gBAAgB,CAAC,KAAa;QACrC,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,UAAU,EAAE,CAAC;QACvD,IAAA,eAAG,EAAC,GAAG,EAAE;YACP,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACxE,IAAA,0BAAc,EAAC,OAAO,EAAE,KAAK,CAAC,CAAC;YAC/B,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;;AAjDM,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC;AAiCjC;IAAR,aAAO;0DAEP;AAOQ;IAAR,aAAO;0DAOP;AAlDH,qCAmDC"}
@@ -2,7 +2,14 @@ import { ComponentWrapper, ElementWrapper } from "@cloudscape-design/test-utils-
2
2
  export default class PromptInputWrapper extends ComponentWrapper {
3
3
  static rootSelector: string;
4
4
  findNativeTextarea(): ElementWrapper;
5
+ /**
6
+ * Finds the action button. Note that, despite its typings, this may return null.
7
+ */
5
8
  findActionButton(): ElementWrapper;
9
+ /**
10
+ * Finds the secondary actions slot. Note that, despite its typings, this may return null.
11
+ */
6
12
  findSecondaryActions(): ElementWrapper;
7
13
  findSecondaryContent(): ElementWrapper;
14
+ findCustomPrimaryAction(): ElementWrapper;
8
15
  }
@@ -8,15 +8,24 @@ class PromptInputWrapper extends selectors_1.ComponentWrapper {
8
8
  findNativeTextarea() {
9
9
  return this.findByClassName(styles_selectors_js_1.default.textarea);
10
10
  }
11
+ /**
12
+ * Finds the action button. Note that, despite its typings, this may return null.
13
+ */
11
14
  findActionButton() {
12
15
  return this.findByClassName(styles_selectors_js_1.default['action-button']);
13
16
  }
17
+ /**
18
+ * Finds the secondary actions slot. Note that, despite its typings, this may return null.
19
+ */
14
20
  findSecondaryActions() {
15
21
  return this.findByClassName(styles_selectors_js_1.default['secondary-actions']);
16
22
  }
17
23
  findSecondaryContent() {
18
24
  return this.findByClassName(styles_selectors_js_1.default['secondary-content']);
19
25
  }
26
+ findCustomPrimaryAction() {
27
+ return this.findByClassName(styles_selectors_js_1.default['primary-action']);
28
+ }
20
29
  }
21
30
  exports.default = PromptInputWrapper;
22
31
  PromptInputWrapper.rootSelector = styles_selectors_js_1.default.root;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;;AAbH,qCA0BC;AAzBQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/prompt-input/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,4EAAgG;AAChG,gGAAoF;AACpF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,kBAAkB;QAChB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,QAAQ,CAAE,CAAC;IACxD,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,eAAe,CAAC,CAAE,CAAC;IAChE,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAE,CAAC;IACpE,CAAC;IACD,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC;IACnE,CAAC;IACD,uBAAuB;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;;AAxBH,qCAqCC;AApCQ,+BAAY,GAAG,6BAAc,CAAC,IAAI,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/button-dropdown/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,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,sBAAsB,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CACrC,CACE,EAgBsB,EACtB,GAAuC,EACvC,EAAE;QAlBF,EACE,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,OAEW,EADjB,KAAK,cAfV,uMAgBC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE;QAC5D,KAAK,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE;QACtD,QAAQ,EAAE;YACR,UAAU,EAAE,CAAC,CAAC,UAAU;YACxB,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC;YACtC,iBAAiB,EAAE,OAAO,CAAC,cAAc,CAAC;YAC1C,kBAAkB,EAAE,sBAAsB,CAAC,KAAK,CAAC;SAClD;KACF,CAAC,CAAC;IACH,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,0BAA0B,GAAsD;QACpF,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,IAAI,kBAAkB,CAAC,eAAe,CAAC,EAAE;QAChD,UAAU,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,EAAE;KACjD,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,oBACjB,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAChB,6BAA6B,CAAC;QAChC,SAAS,EAAE,0BAA0B;KACtC,CAAC,GAED,QAAQ,CACc,CAC1B,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AACnD,eAAe,cAAc,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 { getBaseProps } from '../internal/base-component';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataButtonDropdownComponent } from './analytics-metadata/interfaces';\nimport { ButtonDropdownProps } from './interfaces';\nimport InternalButtonDropdown from './internal';\nimport { hasCheckboxItems, hasDisabledReasonItems } from './utils/utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { ButtonDropdownProps };\n\nconst ButtonDropdown = React.forwardRef(\n (\n {\n items,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n disabledReason,\n expandableGroups = false,\n expandToViewport = false,\n ariaLabel,\n children,\n onItemClick,\n onItemFollow,\n mainAction,\n fullWidth,\n ...props\n }: ButtonDropdownProps,\n ref: React.Ref<ButtonDropdownProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('ButtonDropdown', {\n props: { expandToViewport, expandableGroups, variant },\n metadata: {\n mainAction: !!mainAction,\n checkboxItems: hasCheckboxItems(items),\n hasDisabledReason: Boolean(disabledReason),\n hasDisabledReasons: hasDisabledReasonItems(items),\n },\n });\n const baseProps = getBaseProps(props);\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataButtonDropdownComponent = {\n name: 'awsui.ButtonDropdown',\n label: `.${analyticsSelectors['trigger-label']}`,\n properties: { variant, disabled: `${disabled}` },\n };\n\n return (\n <InternalButtonDropdown\n {...baseProps}\n {...baseComponentProps}\n ref={ref}\n items={items}\n variant={variant}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n disabledReason={disabledReason}\n expandableGroups={expandableGroups}\n expandToViewport={expandToViewport}\n ariaLabel={ariaLabel}\n onItemClick={onItemClick}\n onItemFollow={onItemFollow}\n mainAction={mainAction}\n fullWidth={fullWidth}\n {...getAnalyticsMetadataAttribute({\n component: analyticsComponentMetadata,\n })}\n >\n {children}\n </InternalButtonDropdown>\n );\n }\n);\n\napplyDisplayName(ButtonDropdown, 'ButtonDropdown');\nexport default ButtonDropdown;\n"]}