@cloudscape-design/components 3.0.1291 → 3.0.1293

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 (61) hide show
  1. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js +1 -4
  3. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map +1 -1
  4. package/autosuggest/interfaces.d.ts +2 -1
  5. package/autosuggest/interfaces.d.ts.map +1 -1
  6. package/autosuggest/interfaces.js.map +1 -1
  7. package/date-range-picker/styles.css.js +23 -23
  8. package/date-range-picker/styles.scoped.css +34 -32
  9. package/date-range-picker/styles.selectors.js +23 -23
  10. package/file-token-group/styles.css.js +23 -23
  11. package/file-token-group/styles.scoped.css +34 -34
  12. package/file-token-group/styles.selectors.js +23 -23
  13. package/icon/generated/icons.d.ts +1 -0
  14. package/icon/generated/icons.d.ts.map +1 -1
  15. package/icon/generated/icons.js +3 -0
  16. package/icon/generated/icons.js.map +1 -1
  17. package/icon-provider/interfaces.d.ts +1 -1
  18. package/icon-provider/interfaces.d.ts.map +1 -1
  19. package/icon-provider/interfaces.js.map +1 -1
  20. package/internal/base-component/styles.scoped.css +1 -1
  21. package/internal/components/button-trigger/styles.css.js +14 -14
  22. package/internal/components/button-trigger/styles.scoped.css +32 -28
  23. package/internal/components/button-trigger/styles.selectors.js +14 -14
  24. package/internal/environment.js +2 -2
  25. package/internal/environment.json +2 -2
  26. package/internal/generated/theming/index.cjs +7 -0
  27. package/internal/generated/theming/index.cjs.d.ts +27 -0
  28. package/internal/generated/theming/index.d.ts +27 -0
  29. package/internal/generated/theming/index.js +7 -0
  30. package/internal/hooks/use-ime-composition/index.d.ts +20 -1
  31. package/internal/hooks/use-ime-composition/index.d.ts.map +1 -1
  32. package/internal/hooks/use-ime-composition/index.js +15 -2
  33. package/internal/hooks/use-ime-composition/index.js.map +1 -1
  34. package/internal/manifest.json +1 -1
  35. package/multiselect/interfaces.d.ts +3 -0
  36. package/multiselect/interfaces.d.ts.map +1 -1
  37. package/multiselect/interfaces.js.map +1 -1
  38. package/package.json +1 -1
  39. package/prompt-input/core/event-handlers.d.ts +2 -0
  40. package/prompt-input/core/event-handlers.d.ts.map +1 -1
  41. package/prompt-input/core/event-handlers.js +4 -2
  42. package/prompt-input/core/event-handlers.js.map +1 -1
  43. package/prompt-input/internal.js +1 -1
  44. package/prompt-input/internal.js.map +1 -1
  45. package/prompt-input/styles.css.js +26 -26
  46. package/prompt-input/styles.scoped.css +61 -62
  47. package/prompt-input/styles.selectors.js +26 -26
  48. package/prompt-input/tokens/use-token-mode.d.ts.map +1 -1
  49. package/prompt-input/tokens/use-token-mode.js +37 -2
  50. package/prompt-input/tokens/use-token-mode.js.map +1 -1
  51. package/property-filter/use-load-items.d.ts +2 -1
  52. package/property-filter/use-load-items.d.ts.map +1 -1
  53. package/select/interfaces.d.ts +2 -1
  54. package/select/interfaces.d.ts.map +1 -1
  55. package/select/interfaces.js.map +1 -1
  56. package/select/parts/styles.css.js +20 -20
  57. package/select/parts/styles.scoped.css +23 -21
  58. package/select/parts/styles.selectors.js +20 -20
  59. package/token/styles.css.js +14 -14
  60. package/token/styles.scoped.css +28 -30
  61. package/token/styles.selectors.js +14 -14
@@ -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_by8i7_146:not(#\9) {
146
+ .awsui_root_55fkh_qqi5z_146:not(#\9) {
147
147
  border-collapse: separate;
148
148
  border-spacing: 0;
149
149
  box-sizing: border-box;
@@ -183,18 +183,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94));
184
184
  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-6b9ypa);
185
185
  }
186
- .awsui_root_55fkh_by8i7_146:not(#\9):hover {
186
+ .awsui_root_55fkh_qqi5z_146:not(#\9):hover {
187
187
  background-color: var(--awsui-prompt-input-style-background-hover-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
188
188
  border-color: var(--awsui-prompt-input-style-border-color-hover-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-317xk5, #8c8c94)));
189
189
  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-6b9ypa, var(--awsui-prompt-input-style-box-shadow-default-6b9ypa));
190
190
  }
191
- .awsui_root_55fkh_by8i7_146.awsui_textarea-readonly_55fkh_by8i7_191:not(#\9) {
191
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-readonly_55fkh_qqi5z_191:not(#\9) {
192
192
  background-color: var(--awsui-prompt-input-style-background-readonly-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff)));
193
193
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
194
194
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
195
195
  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-6b9ypa);
196
196
  }
197
- .awsui_root_55fkh_by8i7_146.awsui_disabled_55fkh_by8i7_197:not(#\9) {
197
+ .awsui_root_55fkh_qqi5z_146.awsui_disabled_55fkh_qqi5z_197:not(#\9) {
198
198
  background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
199
199
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
200
200
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -202,63 +202,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
202
202
  cursor: default;
203
203
  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
204
204
  }
205
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9) {
205
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9) {
206
206
  color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
207
207
  border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
208
208
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
209
209
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
210
210
  }
211
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus {
211
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus {
212
212
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
213
213
  }
214
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9) {
214
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9) {
215
215
  padding-inline-start: 0;
216
216
  }
217
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus {
217
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus {
218
218
  color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
219
219
  border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-ksqavh, #db0000));
220
220
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
221
221
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
222
222
  }
223
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus-within:focus, .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus:focus {
223
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus-within:focus, .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus:focus {
224
224
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
225
225
  }
226
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205:not(#\9):focus {
226
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9):focus {
227
227
  padding-inline-start: 0;
228
228
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
229
229
  }
230
- .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205.awsui_disabled_55fkh_by8i7_197:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-invalid_55fkh_by8i7_205.awsui_disabled_55fkh_by8i7_197:not(#\9):focus {
230
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus {
231
231
  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
232
232
  }
233
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9) {
233
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9) {
234
234
  color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
235
235
  border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
236
236
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
237
237
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
238
238
  }
239
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus {
239
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus {
240
240
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
241
241
  }
242
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9) {
242
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9) {
243
243
  padding-inline-start: 0;
244
244
  }
245
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus {
245
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus {
246
246
  color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
247
247
  border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-6meo06, #855900));
248
248
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
249
249
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
250
250
  }
251
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus-within:focus, .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus:focus {
251
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus-within:focus, .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus:focus {
252
252
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
253
253
  }
254
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233:not(#\9):focus {
254
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9):focus {
255
255
  padding-inline-start: 0;
256
256
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
257
257
  }
258
- .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233.awsui_disabled_55fkh_by8i7_197:not(#\9):focus-within, .awsui_root_55fkh_by8i7_146.awsui_textarea-warning_55fkh_by8i7_233.awsui_disabled_55fkh_by8i7_197:not(#\9):focus {
258
+ .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus-within, .awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus {
259
259
  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
260
260
  }
261
- .awsui_root_55fkh_by8i7_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_by8i7_205):not(.awsui_textarea-warning_55fkh_by8i7_233), .awsui_root_55fkh_by8i7_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_by8i7_205):not(.awsui_textarea-warning_55fkh_by8i7_233) {
261
+ .awsui_root_55fkh_qqi5z_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_qqi5z_205):not(.awsui_textarea-warning_55fkh_qqi5z_233), .awsui_root_55fkh_qqi5z_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_qqi5z_205):not(.awsui_textarea-warning_55fkh_qqi5z_233) {
262
262
  outline: 2px dotted transparent;
263
263
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
264
264
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -269,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
269
269
  box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0));
270
270
  background-color: var(--awsui-prompt-input-style-background-focus-6b9ypa, var(--color-background-input-default-ifz5bb, #ffffff));
271
271
  }
272
- .awsui_root_55fkh_by8i7_146.awsui_disabled_55fkh_by8i7_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_by8i7_205):not(.awsui_textarea-warning_55fkh_by8i7_233), .awsui_root_55fkh_by8i7_146.awsui_disabled_55fkh_by8i7_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_by8i7_205):not(.awsui_textarea-warning_55fkh_by8i7_233) {
272
+ .awsui_root_55fkh_qqi5z_146.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_qqi5z_205):not(.awsui_textarea-warning_55fkh_qqi5z_233), .awsui_root_55fkh_qqi5z_146.awsui_disabled_55fkh_qqi5z_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_qqi5z_205):not(.awsui_textarea-warning_55fkh_qqi5z_233) {
273
273
  background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-dihaja, #ebebf0));
274
274
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
275
275
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -278,7 +278,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
278
278
  box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
279
279
  }
280
280
 
281
- .awsui_textarea_55fkh_by8i7_191:not(#\9) {
281
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9) {
282
282
  border-collapse: separate;
283
283
  border-spacing: 0;
284
284
  box-sizing: border-box;
@@ -327,7 +327,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
327
327
  box-sizing: border-box;
328
328
  border: 0;
329
329
  }
330
- .awsui_textarea_55fkh_by8i7_191.awsui_placeholder-visible_55fkh_by8i7_330:not(#\9)::before {
330
+ .awsui_textarea_55fkh_qqi5z_191.awsui_placeholder-visible_55fkh_qqi5z_330:not(#\9) {
331
+ display: grid;
332
+ grid-template-columns: 1fr;
333
+ }
334
+ .awsui_textarea_55fkh_qqi5z_191.awsui_placeholder-visible_55fkh_qqi5z_330:not(#\9)::before, .awsui_textarea_55fkh_qqi5z_191.awsui_placeholder-visible_55fkh_qqi5z_330 > *:not(#\9) {
335
+ grid-column: 1;
336
+ grid-row: 1;
337
+ }
338
+ .awsui_textarea_55fkh_qqi5z_191.awsui_placeholder-visible_55fkh_qqi5z_330:not(#\9)::before {
331
339
  content: attr(data-placeholder);
332
340
  color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
333
341
  font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
@@ -335,87 +343,78 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
335
343
  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
336
344
  opacity: 1;
337
345
  pointer-events: none;
338
- position: absolute;
339
- inset-block-start: var(--space-field-vertical-vm99qz, 5px);
340
- inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
346
+ align-self: start;
347
+ min-inline-size: 0;
341
348
  }
342
- .awsui_textarea_55fkh_by8i7_191:not(#\9):hover {
349
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9):hover {
343
350
  color: var(--awsui-prompt-input-style-color-hover-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
344
351
  }
345
- .awsui_textarea_55fkh_by8i7_191:not(#\9):focus {
352
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9):focus {
346
353
  outline: none;
347
354
  color: var(--awsui-prompt-input-style-color-focus-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
348
355
  }
349
- .awsui_textarea_55fkh_by8i7_191:not(#\9):invalid {
356
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9):invalid {
350
357
  box-shadow: none;
351
358
  }
352
- .awsui_textarea_55fkh_by8i7_191:not(#\9)::placeholder {
359
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9)::placeholder {
353
360
  color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
354
361
  font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
355
362
  font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
356
363
  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
357
364
  opacity: 1;
358
365
  }
359
- .awsui_textarea_55fkh_by8i7_191.awsui_invalid_55fkh_by8i7_359:not(#\9), .awsui_textarea_55fkh_by8i7_191.awsui_warning_55fkh_by8i7_359:not(#\9) {
366
+ .awsui_textarea_55fkh_qqi5z_191.awsui_invalid_55fkh_qqi5z_366:not(#\9), .awsui_textarea_55fkh_qqi5z_191.awsui_warning_55fkh_qqi5z_366:not(#\9) {
360
367
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
361
368
  }
362
- .awsui_textarea_55fkh_by8i7_191:not(#\9):disabled, .awsui_textarea_55fkh_by8i7_191.awsui_textarea-disabled_55fkh_by8i7_362:not(#\9) {
369
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9):disabled, .awsui_textarea_55fkh_qqi5z_191.awsui_textarea-disabled_55fkh_qqi5z_369:not(#\9) {
363
370
  color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
364
371
  cursor: default;
365
372
  overflow-y: hidden;
366
373
  }
367
- .awsui_textarea_55fkh_by8i7_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_by8i7_191.awsui_textarea-disabled_55fkh_by8i7_362:not(#\9)::placeholder {
374
+ .awsui_textarea_55fkh_qqi5z_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_qqi5z_191.awsui_textarea-disabled_55fkh_qqi5z_369:not(#\9)::placeholder {
368
375
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
369
376
  opacity: 1;
370
377
  }
371
- .awsui_textarea-readonly_55fkh_by8i7_191:not(#\9) {
378
+ .awsui_textarea-readonly_55fkh_qqi5z_191:not(#\9) {
372
379
  color: var(--awsui-prompt-input-style-color-readonly-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-vvtq8u, #0f141a)));
373
380
  }
374
- .awsui_textarea_55fkh_by8i7_191.awsui_textarea-disabled_55fkh_by8i7_362.awsui_placeholder-visible_55fkh_by8i7_330:not(#\9)::before {
381
+ .awsui_textarea_55fkh_qqi5z_191.awsui_textarea-disabled_55fkh_qqi5z_369.awsui_placeholder-visible_55fkh_qqi5z_330:not(#\9)::before {
375
382
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
376
383
  opacity: 1;
377
384
  pointer-events: none;
378
385
  }
379
- .awsui_textarea_55fkh_by8i7_191.awsui_placeholder-visible_55fkh_by8i7_330:not(#\9)::before {
380
- color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-dclg8u, #656871));
381
- font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
382
- font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
383
- font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
384
- opacity: 1;
385
- pointer-events: none;
386
- }
387
- .awsui_textarea-wrapper_55fkh_by8i7_387:not(#\9) {
386
+ .awsui_textarea-wrapper_55fkh_qqi5z_386:not(#\9) {
388
387
  display: flex;
389
388
  position: relative;
390
389
  }
391
390
 
392
- .awsui_editable-wrapper_55fkh_by8i7_392:not(#\9) {
391
+ .awsui_editable-wrapper_55fkh_qqi5z_391:not(#\9) {
393
392
  flex: 1;
394
393
  min-inline-size: 0;
395
394
  position: relative;
396
395
  }
397
396
 
398
- .awsui_editable-element_55fkh_by8i7_398:not(#\9) {
397
+ .awsui_editable-element_55fkh_qqi5z_397:not(#\9) {
399
398
  word-wrap: break-word;
400
399
  overflow-wrap: break-word;
401
400
  overflow-y: auto;
402
401
  overflow-x: hidden;
403
402
  }
404
403
 
405
- .awsui_primary-action_55fkh_by8i7_405:not(#\9) {
404
+ .awsui_primary-action_55fkh_qqi5z_404:not(#\9) {
406
405
  align-self: flex-end;
407
406
  flex-shrink: 0;
408
407
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
409
408
  }
410
- .awsui_textarea-wrapper_55fkh_by8i7_387 > .awsui_primary-action_55fkh_by8i7_405:not(#\9) {
409
+ .awsui_textarea-wrapper_55fkh_qqi5z_386 > .awsui_primary-action_55fkh_qqi5z_404:not(#\9) {
411
410
  padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
412
411
  }
413
- .awsui_textarea-wrapper_55fkh_by8i7_387 > .awsui_primary-action_55fkh_by8i7_405 > .awsui_action-button_55fkh_by8i7_413:not(#\9) {
412
+ .awsui_textarea-wrapper_55fkh_qqi5z_386 > .awsui_primary-action_55fkh_qqi5z_404 > .awsui_action-button_55fkh_qqi5z_412:not(#\9) {
414
413
  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
415
414
  padding: 0;
416
415
  }
417
416
 
418
- .awsui_secondary-content_55fkh_by8i7_418:not(#\9) {
417
+ .awsui_secondary-content_55fkh_qqi5z_417:not(#\9) {
419
418
  border-collapse: separate;
420
419
  border-spacing: 0;
421
420
  box-sizing: border-box;
@@ -450,17 +449,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
450
449
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
451
450
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
452
451
  }
453
- .awsui_secondary-content_55fkh_by8i7_418.awsui_with-paddings_55fkh_by8i7_453:not(#\9) {
452
+ .awsui_secondary-content_55fkh_qqi5z_417.awsui_with-paddings_55fkh_qqi5z_452:not(#\9) {
454
453
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
455
454
  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
456
455
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
457
456
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
458
457
  }
459
- .awsui_secondary-content_55fkh_by8i7_418.awsui_with-paddings_55fkh_by8i7_453.awsui_invalid_55fkh_by8i7_359:not(#\9), .awsui_secondary-content_55fkh_by8i7_418.awsui_with-paddings_55fkh_by8i7_453.awsui_warning_55fkh_by8i7_359:not(#\9) {
458
+ .awsui_secondary-content_55fkh_qqi5z_417.awsui_with-paddings_55fkh_qqi5z_452.awsui_invalid_55fkh_qqi5z_366:not(#\9), .awsui_secondary-content_55fkh_qqi5z_417.awsui_with-paddings_55fkh_qqi5z_452.awsui_warning_55fkh_qqi5z_366:not(#\9) {
460
459
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
461
460
  }
462
461
 
463
- .awsui_action-stripe_55fkh_by8i7_463:not(#\9) {
462
+ .awsui_action-stripe_55fkh_qqi5z_462:not(#\9) {
464
463
  border-collapse: separate;
465
464
  border-spacing: 0;
466
465
  box-sizing: border-box;
@@ -499,7 +498,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
499
498
  align-items: flex-end;
500
499
  }
501
500
 
502
- .awsui_secondary-actions_55fkh_by8i7_502:not(#\9) {
501
+ .awsui_secondary-actions_55fkh_qqi5z_501:not(#\9) {
503
502
  flex-basis: max-content;
504
503
  flex-grow: 0;
505
504
  flex-shrink: 1;
@@ -509,25 +508,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
509
508
  overflow: hidden;
510
509
  padding-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
511
510
  }
512
- .awsui_secondary-actions_55fkh_by8i7_502.awsui_with-paddings_55fkh_by8i7_453:not(#\9) {
511
+ .awsui_secondary-actions_55fkh_qqi5z_501.awsui_with-paddings_55fkh_qqi5z_452:not(#\9) {
513
512
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
514
513
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
515
514
  padding-block-end: var(--space-field-vertical-vm99qz, 5px);
516
515
  }
517
- .awsui_secondary-actions_55fkh_by8i7_502.awsui_with-paddings_55fkh_by8i7_453.awsui_invalid_55fkh_by8i7_359:not(#\9), .awsui_secondary-actions_55fkh_by8i7_502.awsui_with-paddings_55fkh_by8i7_453.awsui_warning_55fkh_by8i7_359:not(#\9) {
516
+ .awsui_secondary-actions_55fkh_qqi5z_501.awsui_with-paddings_55fkh_qqi5z_452.awsui_invalid_55fkh_qqi5z_366:not(#\9), .awsui_secondary-actions_55fkh_qqi5z_501.awsui_with-paddings_55fkh_qqi5z_452.awsui_warning_55fkh_qqi5z_366:not(#\9) {
518
517
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
519
518
  }
520
- .awsui_secondary-actions_55fkh_by8i7_502.awsui_with-paddings-and-actions_55fkh_by8i7_520:not(#\9) {
519
+ .awsui_secondary-actions_55fkh_qqi5z_501.awsui_with-paddings-and-actions_55fkh_qqi5z_519:not(#\9) {
521
520
  padding-inline-end: 0;
522
521
  }
523
522
 
524
- .awsui_buffer_55fkh_by8i7_524:not(#\9) {
523
+ .awsui_buffer_55fkh_qqi5z_523:not(#\9) {
525
524
  flex: 1;
526
525
  align-self: stretch;
527
526
  cursor: text;
528
527
  }
529
528
 
530
- .awsui_token-container_55fkh_by8i7_530:not(#\9) {
529
+ .awsui_token-container_55fkh_qqi5z_529:not(#\9) {
531
530
  display: inline-block;
532
531
  user-select: all;
533
532
  -webkit-user-select: all;
@@ -535,22 +534,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
535
534
  padding-inline: var(--space-xxxs-pajhad, 2px);
536
535
  }
537
536
 
538
- .awsui_reference-wrapper_55fkh_by8i7_538:not(#\9) {
537
+ .awsui_reference-wrapper_55fkh_qqi5z_537:not(#\9) {
539
538
  unicode-bidi: isolate;
540
539
  }
541
540
 
542
- .awsui_trigger-base_55fkh_by8i7_542:not(#\9) {
541
+ .awsui_trigger-base_55fkh_qqi5z_541:not(#\9) {
543
542
  unicode-bidi: isolate;
544
543
  }
545
544
 
546
- .awsui_trigger-token_55fkh_by8i7_546:not(#\9) {
545
+ .awsui_trigger-token_55fkh_qqi5z_545:not(#\9) {
547
546
  -webkit-text-decoration: underline dashed currentColor;
548
547
  text-decoration: underline dashed currentColor;
549
548
  text-decoration-thickness: var(--border-divider-list-width-tdfx1x, 1px);
550
549
  text-underline-offset: var(--space-xxxs-pajhad, 2px);
551
550
  }
552
551
 
553
- .awsui_paragraph_55fkh_by8i7_552:not(#\9) {
552
+ .awsui_paragraph_55fkh_qqi5z_551:not(#\9) {
554
553
  border-collapse: separate;
555
554
  border-spacing: 0;
556
555
  box-sizing: border-box;
@@ -2,31 +2,31 @@
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_by8i7_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_by8i7_191",
7
- "disabled": "awsui_disabled_55fkh_by8i7_197",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_by8i7_205",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_by8i7_233",
10
- "textarea": "awsui_textarea_55fkh_by8i7_191",
11
- "placeholder-visible": "awsui_placeholder-visible_55fkh_by8i7_330",
12
- "invalid": "awsui_invalid_55fkh_by8i7_359",
13
- "warning": "awsui_warning_55fkh_by8i7_359",
14
- "textarea-disabled": "awsui_textarea-disabled_55fkh_by8i7_362",
15
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_by8i7_387",
16
- "editable-wrapper": "awsui_editable-wrapper_55fkh_by8i7_392",
17
- "editable-element": "awsui_editable-element_55fkh_by8i7_398",
18
- "primary-action": "awsui_primary-action_55fkh_by8i7_405",
19
- "action-button": "awsui_action-button_55fkh_by8i7_413",
20
- "secondary-content": "awsui_secondary-content_55fkh_by8i7_418",
21
- "with-paddings": "awsui_with-paddings_55fkh_by8i7_453",
22
- "action-stripe": "awsui_action-stripe_55fkh_by8i7_463",
23
- "secondary-actions": "awsui_secondary-actions_55fkh_by8i7_502",
24
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_by8i7_520",
25
- "buffer": "awsui_buffer_55fkh_by8i7_524",
26
- "token-container": "awsui_token-container_55fkh_by8i7_530",
27
- "reference-wrapper": "awsui_reference-wrapper_55fkh_by8i7_538",
28
- "trigger-base": "awsui_trigger-base_55fkh_by8i7_542",
29
- "trigger-token": "awsui_trigger-token_55fkh_by8i7_546",
30
- "paragraph": "awsui_paragraph_55fkh_by8i7_552"
5
+ "root": "awsui_root_55fkh_qqi5z_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_qqi5z_191",
7
+ "disabled": "awsui_disabled_55fkh_qqi5z_197",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_qqi5z_205",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_qqi5z_233",
10
+ "textarea": "awsui_textarea_55fkh_qqi5z_191",
11
+ "placeholder-visible": "awsui_placeholder-visible_55fkh_qqi5z_330",
12
+ "invalid": "awsui_invalid_55fkh_qqi5z_366",
13
+ "warning": "awsui_warning_55fkh_qqi5z_366",
14
+ "textarea-disabled": "awsui_textarea-disabled_55fkh_qqi5z_369",
15
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_qqi5z_386",
16
+ "editable-wrapper": "awsui_editable-wrapper_55fkh_qqi5z_391",
17
+ "editable-element": "awsui_editable-element_55fkh_qqi5z_397",
18
+ "primary-action": "awsui_primary-action_55fkh_qqi5z_404",
19
+ "action-button": "awsui_action-button_55fkh_qqi5z_412",
20
+ "secondary-content": "awsui_secondary-content_55fkh_qqi5z_417",
21
+ "with-paddings": "awsui_with-paddings_55fkh_qqi5z_452",
22
+ "action-stripe": "awsui_action-stripe_55fkh_qqi5z_462",
23
+ "secondary-actions": "awsui_secondary-actions_55fkh_qqi5z_501",
24
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_qqi5z_519",
25
+ "buffer": "awsui_buffer_55fkh_qqi5z_523",
26
+ "token-container": "awsui_token-container_55fkh_qqi5z_529",
27
+ "reference-wrapper": "awsui_reference-wrapper_55fkh_qqi5z_537",
28
+ "trigger-base": "awsui_trigger-base_55fkh_qqi5z_541",
29
+ "trigger-token": "awsui_trigger-token_55fkh_qqi5z_545",
30
+ "paragraph": "awsui_paragraph_55fkh_qqi5z_551"
31
31
  };
32
32
 
@@ -1 +1 @@
1
- {"version":3,"file":"use-token-mode.d.ts","sourceRoot":"","sources":["../../../../src/prompt-input/tokens/use-token-mode.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-token-mode.d.ts","sourceRoot":"","sources":["../../../../src/prompt-input/tokens/use-token-mode.tsx"],"names":[],"mappings":"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"}
@@ -6,6 +6,7 @@ import clsx from 'clsx';
6
6
  import { useStableCallback, useUniqueId } from '@cloudscape-design/component-toolkit/internal';
7
7
  import { useDropdownStatus } from '../../internal/components/dropdown-status';
8
8
  import { fireKeyboardEvent, fireNonCancelableEvent } from '../../internal/events';
9
+ import { useIMEComposition } from '../../internal/hooks/use-ime-composition';
9
10
  import { getFirstScrollableParent } from '../../internal/utils/scrollable-containers';
10
11
  import Token from '../../token/internal';
11
12
  import { calculateTokenPosition, CaretController, getOwnerSelection } from '../core/caret-controller';
@@ -296,6 +297,25 @@ export function useTokenMode(config) {
296
297
  // Refs to avoid recreating handleInput when these change (new array reference each render).
297
298
  const menusRef = useRef(menus);
298
299
  menusRef.current = menus;
300
+ // Stable ref so the compositionend callback always calls the latest handleInput.
301
+ const handleInputRef = useRef(() => { });
302
+ // `composing` React state drives placeholder visibility — hidden while the user
303
+ // is actively composing CJK characters so intermediate characters don't flash
304
+ // the placeholder on and off.
305
+ const [composing, setComposing] = useState(false);
306
+ // Track IME composition state so the onInput handler skips intermediate characters
307
+ // during CJK (and other) composition sequences. The onCompositionEnd callback
308
+ // fires synchronously when the user commits a composed character — handleInput
309
+ // runs unconditionally there. `isComposing()` stays true briefly after compositionend
310
+ // (until the next animation frame) to block the spurious Enter keydown that some
311
+ // browsers fire immediately after compositionend.
312
+ const { isComposing } = useIMEComposition(editableElementRef, {
313
+ onCompositionStart: () => setComposing(true),
314
+ onCompositionEnd: () => {
315
+ setComposing(false);
316
+ handleInputRef.current();
317
+ },
318
+ });
299
319
  const handleInput = useCallback(() => {
300
320
  var _a, _b, _c, _d;
301
321
  if (!editableElementRef.current) {
@@ -387,6 +407,8 @@ export function useTokenMode(config) {
387
407
  shortcutsState.triggerElementsRef,
388
408
  shortcutsState.cancelledTriggerIds,
389
409
  ]);
410
+ // Keep the ref in sync so the compositionend handler always calls the latest version.
411
+ handleInputRef.current = handleInput;
390
412
  // Token render effect
391
413
  useLayoutEffect(() => {
392
414
  if (!editableElementRef.current) {
@@ -632,6 +654,7 @@ export function useTokenMode(config) {
632
654
  onChange,
633
655
  markTokensAsSent,
634
656
  onKeyDown,
657
+ isComposing,
635
658
  });
636
659
  });
637
660
  const handleEditableElementFocus = useStableCallback(() => {
@@ -737,7 +760,7 @@ export function useTokenMode(config) {
737
760
  const shouldRenderMenuDropdown = useMemo(() => {
738
761
  return !!(menuIsOpen && activeMenu && menuItemsState && triggerVisible);
739
762
  }, [menuIsOpen, activeMenu, menuItemsState, triggerVisible]);
740
- const showPlaceholder = !!(placeholder && (!tokens || tokens.length === 0));
763
+ const showPlaceholder = !!(placeholder && (!tokens || tokens.length === 0) && !composing);
741
764
  const editableElementAttributes = {
742
765
  'aria-label': ariaLabel,
743
766
  'aria-labelledby': ariaLabelledby,
@@ -811,7 +834,19 @@ export function useTokenMode(config) {
811
834
  menuItemsHandlers,
812
835
  menuDropdownStatus,
813
836
  shouldRenderMenuDropdown,
814
- handleInput,
837
+ handleInput: () => {
838
+ // Skip processing during IME composition — intermediate input events fire
839
+ // for each keystroke during CJK composition and must not trigger token
840
+ // detection. The onCompositionEnd callback calls handleInput directly
841
+ // (bypassing this guard) once the final text is committed.
842
+ // Note: we use `composing` (React state) rather than `isComposing()` (ref)
843
+ // so that input events after compositionend — such as the user immediately
844
+ // deleting the committed text — are processed normally. The spurious-Enter
845
+ // guard in the keyboard handler uses `isComposing()` separately.
846
+ if (!composing) {
847
+ handleInput();
848
+ }
849
+ },
815
850
  handleLoadMore,
816
851
  tokenOperationAnnouncement,
817
852
  markTokensAsSent,