@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.
- package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js +1 -4
- package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map +1 -1
- package/autosuggest/interfaces.d.ts +2 -1
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/date-range-picker/styles.css.js +23 -23
- package/date-range-picker/styles.scoped.css +34 -32
- package/date-range-picker/styles.selectors.js +23 -23
- package/file-token-group/styles.css.js +23 -23
- package/file-token-group/styles.scoped.css +34 -34
- package/file-token-group/styles.selectors.js +23 -23
- 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-provider/interfaces.d.ts +1 -1
- package/icon-provider/interfaces.d.ts.map +1 -1
- package/icon-provider/interfaces.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/components/button-trigger/styles.css.js +14 -14
- package/internal/components/button-trigger/styles.scoped.css +32 -28
- package/internal/components/button-trigger/styles.selectors.js +14 -14
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/theming/index.cjs +7 -0
- package/internal/generated/theming/index.cjs.d.ts +27 -0
- package/internal/generated/theming/index.d.ts +27 -0
- package/internal/generated/theming/index.js +7 -0
- package/internal/hooks/use-ime-composition/index.d.ts +20 -1
- package/internal/hooks/use-ime-composition/index.d.ts.map +1 -1
- package/internal/hooks/use-ime-composition/index.js +15 -2
- package/internal/hooks/use-ime-composition/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/multiselect/interfaces.d.ts +3 -0
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/package.json +1 -1
- package/prompt-input/core/event-handlers.d.ts +2 -0
- package/prompt-input/core/event-handlers.d.ts.map +1 -1
- package/prompt-input/core/event-handlers.js +4 -2
- package/prompt-input/core/event-handlers.js.map +1 -1
- package/prompt-input/internal.js +1 -1
- package/prompt-input/internal.js.map +1 -1
- package/prompt-input/styles.css.js +26 -26
- package/prompt-input/styles.scoped.css +61 -62
- package/prompt-input/styles.selectors.js +26 -26
- package/prompt-input/tokens/use-token-mode.d.ts.map +1 -1
- package/prompt-input/tokens/use-token-mode.js +37 -2
- package/prompt-input/tokens/use-token-mode.js.map +1 -1
- package/property-filter/use-load-items.d.ts +2 -1
- package/property-filter/use-load-items.d.ts.map +1 -1
- package/select/interfaces.d.ts +2 -1
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/parts/styles.css.js +20 -20
- package/select/parts/styles.scoped.css +23 -21
- package/select/parts/styles.selectors.js +20 -20
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +28 -30
- 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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
214
|
+
.awsui_root_55fkh_qqi5z_146.awsui_textarea-invalid_55fkh_qqi5z_205:not(#\9) {
|
|
215
215
|
padding-inline-start: 0;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
242
|
+
.awsui_root_55fkh_qqi5z_146.awsui_textarea-warning_55fkh_qqi5z_233:not(#\9) {
|
|
243
243
|
padding-inline-start: 0;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
|
|
339
|
-
|
|
340
|
-
inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
|
|
346
|
+
align-self: start;
|
|
347
|
+
min-inline-size: 0;
|
|
341
348
|
}
|
|
342
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
356
|
+
.awsui_textarea_55fkh_qqi5z_191:not(#\9):invalid {
|
|
350
357
|
box-shadow: none;
|
|
351
358
|
}
|
|
352
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
-
.
|
|
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-
|
|
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-
|
|
537
|
+
.awsui_reference-wrapper_55fkh_qqi5z_537:not(#\9) {
|
|
539
538
|
unicode-bidi: isolate;
|
|
540
539
|
}
|
|
541
540
|
|
|
542
|
-
.awsui_trigger-
|
|
541
|
+
.awsui_trigger-base_55fkh_qqi5z_541:not(#\9) {
|
|
543
542
|
unicode-bidi: isolate;
|
|
544
543
|
}
|
|
545
544
|
|
|
546
|
-
.awsui_trigger-
|
|
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
|
-
.
|
|
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": "
|
|
6
|
-
"textarea-readonly": "awsui_textarea-
|
|
7
|
-
"disabled": "
|
|
8
|
-
"textarea-invalid": "awsui_textarea-
|
|
9
|
-
"textarea-warning": "awsui_textarea-
|
|
10
|
-
"textarea": "
|
|
11
|
-
"placeholder-visible": "awsui_placeholder-
|
|
12
|
-
"invalid": "
|
|
13
|
-
"warning": "
|
|
14
|
-
"textarea-disabled": "awsui_textarea-
|
|
15
|
-
"textarea-wrapper": "awsui_textarea-
|
|
16
|
-
"editable-wrapper": "awsui_editable-
|
|
17
|
-
"editable-element": "awsui_editable-
|
|
18
|
-
"primary-action": "awsui_primary-
|
|
19
|
-
"action-button": "awsui_action-
|
|
20
|
-
"secondary-content": "awsui_secondary-
|
|
21
|
-
"with-paddings": "awsui_with-
|
|
22
|
-
"action-stripe": "awsui_action-
|
|
23
|
-
"secondary-actions": "awsui_secondary-
|
|
24
|
-
"with-paddings-and-actions": "awsui_with-paddings-and-
|
|
25
|
-
"buffer": "
|
|
26
|
-
"token-container": "awsui_token-
|
|
27
|
-
"reference-wrapper": "awsui_reference-
|
|
28
|
-
"trigger-base": "awsui_trigger-
|
|
29
|
-
"trigger-token": "awsui_trigger-
|
|
30
|
-
"paragraph": "
|
|
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":"AAGA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAMlG,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;
|
|
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,
|