@cloudscape-design/components 3.0.1292 → 3.0.1294
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/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/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/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,3 +1,4 @@
|
|
|
1
|
+
import { AutosuggestProps } from '../autosuggest/interfaces';
|
|
1
2
|
import { NonCancelableEventHandler } from '../internal/events/index';
|
|
2
3
|
import { ComparisonOperator, FilteringProperty, LoadItemsDetail } from './interfaces';
|
|
3
4
|
/**
|
|
@@ -10,5 +11,5 @@ import { ComparisonOperator, FilteringProperty, LoadItemsDetail } from './interf
|
|
|
10
11
|
export declare const useLoadItems: (onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>, focusFilteringText?: string, currentFilteringProperty?: FilteringProperty, currentFilteringText?: string, currentFilteringOperator?: ComparisonOperator) => {
|
|
11
12
|
onBlur: () => void;
|
|
12
13
|
onFocus: () => void;
|
|
13
|
-
onLoadItems: NonCancelableEventHandler<
|
|
14
|
+
onLoadItems: NonCancelableEventHandler<AutosuggestProps.LoadItemsDetail>;
|
|
14
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-load-items.d.ts","sourceRoot":"","sources":["../../../src/property-filter/use-load-items.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-load-items.d.ts","sourceRoot":"","sources":["../../../src/property-filter/use-load-items.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAA0B,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC7F,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEtF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GACvB,cAAc,yBAAyB,CAAC,eAAe,CAAC,EACxD,qBAAqB,MAAM,EAC3B,2BAA2B,iBAAiB,EAC5C,uBAAuB,MAAM,EAC7B,2BAA2B,kBAAkB;;;;CA2B9C,CAAC"}
|
package/select/interfaces.d.ts
CHANGED
|
@@ -144,6 +144,7 @@ export interface SelectProps extends BaseSelectProps {
|
|
|
144
144
|
* For use with collection select filters only.
|
|
145
145
|
*/
|
|
146
146
|
inlineLabelText?: string;
|
|
147
|
+
onLoadItems?: NonCancelableEventHandler<SelectProps.LoadItemsDetail>;
|
|
147
148
|
/**
|
|
148
149
|
* Adds `aria-labelledby` to the component. If you're using this component within a form field,
|
|
149
150
|
* don't set this property because the form field component automatically sets it.
|
|
@@ -209,7 +210,7 @@ export declare namespace SelectProps {
|
|
|
209
210
|
item: SelectItem;
|
|
210
211
|
filterText?: string;
|
|
211
212
|
}) => ReactNode | null;
|
|
212
|
-
|
|
213
|
+
interface LoadItemsDetail extends OptionsLoadItemsDetail {}
|
|
213
214
|
interface ChangeDetail {
|
|
214
215
|
selectedOption: Option;
|
|
215
216
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"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"}
|
package/select/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu or trigger.\n *\n * @awsuiSystem core\n */\n renderOption?: SelectProps.SelectOptionItemRenderer;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export interface SelectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n highlighted: boolean;\n selected: boolean;\n disabled: boolean;\n parent: SelectOptionGroupItem | null;\n }\n export interface SelectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface SelectTriggerOptionItem {\n type: 'trigger';\n option: Option;\n }\n export type SelectItem = SelectOptionItem | SelectOptionGroupItem | SelectTriggerOptionItem;\n export type SelectOptionItemRenderer = (props: { item: SelectItem; filterText?: string }) => ReactNode | null;\n\n export type LoadItemsDetail = OptionsLoadItemsDetail;\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n onLoadItems?: NonCancelableEventHandler<SelectProps.LoadItemsDetail>;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu or trigger.\n *\n * @awsuiSystem core\n */\n renderOption?: SelectProps.SelectOptionItemRenderer;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export interface SelectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n highlighted: boolean;\n selected: boolean;\n disabled: boolean;\n parent: SelectOptionGroupItem | null;\n }\n export interface SelectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface SelectTriggerOptionItem {\n type: 'trigger';\n option: Option;\n }\n export type SelectItem = SelectOptionItem | SelectOptionGroupItem | SelectTriggerOptionItem;\n export type SelectOptionItemRenderer = (props: { item: SelectItem; filterText?: string }) => ReactNode | null;\n\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"placeholder": "
|
|
5
|
-
"item": "
|
|
6
|
-
"checkbox": "
|
|
7
|
-
"option-group": "awsui_option-
|
|
8
|
-
"filter": "
|
|
9
|
-
"trigger": "
|
|
10
|
-
"layout-strut": "awsui_layout-
|
|
11
|
-
"list-bottom": "awsui_list-
|
|
12
|
-
"selected-icon": "awsui_selected-
|
|
13
|
-
"show-label-tag": "awsui_show-label-
|
|
14
|
-
"inline-token-trigger": "awsui_inline-token-
|
|
15
|
-
"inline-token-list": "awsui_inline-token-
|
|
16
|
-
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-
|
|
17
|
-
"inline-token-counter": "awsui_inline-token-
|
|
18
|
-
"inline-label-trigger-wrapper": "awsui_inline-label-trigger-
|
|
19
|
-
"inline-label-wrapper": "awsui_inline-label-
|
|
20
|
-
"inline-label": "awsui_inline-
|
|
21
|
-
"inline-label-disabled": "awsui_inline-label-
|
|
22
|
-
"inline-label-inline-tokens": "awsui_inline-label-inline-
|
|
23
|
-
"disabled-reason-tooltip": "awsui_disabled-reason-
|
|
4
|
+
"placeholder": "awsui_placeholder_dwuol_1nllu_145",
|
|
5
|
+
"item": "awsui_item_dwuol_1nllu_151",
|
|
6
|
+
"checkbox": "awsui_checkbox_dwuol_1nllu_155",
|
|
7
|
+
"option-group": "awsui_option-group_dwuol_1nllu_164",
|
|
8
|
+
"filter": "awsui_filter_dwuol_1nllu_168",
|
|
9
|
+
"trigger": "awsui_trigger_dwuol_1nllu_173",
|
|
10
|
+
"layout-strut": "awsui_layout-strut_dwuol_1nllu_179",
|
|
11
|
+
"list-bottom": "awsui_list-bottom_dwuol_1nllu_185",
|
|
12
|
+
"selected-icon": "awsui_selected-icon_dwuol_1nllu_189",
|
|
13
|
+
"show-label-tag": "awsui_show-label-tag_dwuol_1nllu_194",
|
|
14
|
+
"inline-token-trigger": "awsui_inline-token-trigger_dwuol_1nllu_198",
|
|
15
|
+
"inline-token-list": "awsui_inline-token-list_dwuol_1nllu_205",
|
|
16
|
+
"inline-token-hidden-placeholder": "awsui_inline-token-hidden-placeholder_dwuol_1nllu_219",
|
|
17
|
+
"inline-token-counter": "awsui_inline-token-counter_dwuol_1nllu_225",
|
|
18
|
+
"inline-label-trigger-wrapper": "awsui_inline-label-trigger-wrapper_dwuol_1nllu_229",
|
|
19
|
+
"inline-label-wrapper": "awsui_inline-label-wrapper_dwuol_1nllu_233",
|
|
20
|
+
"inline-label": "awsui_inline-label_dwuol_1nllu_229",
|
|
21
|
+
"inline-label-disabled": "awsui_inline-label-disabled_dwuol_1nllu_258",
|
|
22
|
+
"inline-label-inline-tokens": "awsui_inline-label-inline-tokens_dwuol_1nllu_262",
|
|
23
|
+
"disabled-reason-tooltip": "awsui_disabled-reason-tooltip_dwuol_1nllu_267"
|
|
24
24
|
};
|
|
25
25
|
|