@cloudscape-design/components 3.0.1138 → 3.0.1140

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 (23) hide show
  1. package/input/styles.css.js +13 -13
  2. package/input/styles.scoped.css +33 -33
  3. package/input/styles.selectors.js +13 -13
  4. package/internal/base-component/styles.scoped.css +1 -1
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/manifest.json +1 -1
  8. package/package.json +1 -1
  9. package/prompt-input/styles.css.js +17 -17
  10. package/prompt-input/styles.scoped.css +47 -47
  11. package/prompt-input/styles.selectors.js +17 -17
  12. package/property-filter/token-editor.d.ts.map +1 -1
  13. package/property-filter/token-editor.js +3 -1
  14. package/property-filter/token-editor.js.map +1 -1
  15. package/radio-group/index.d.ts.map +1 -1
  16. package/radio-group/internal-do-not-use-core.js +4 -5
  17. package/radio-group/internal-do-not-use-core.js.map +1 -1
  18. package/radio-group/styles.css.js +5 -5
  19. package/radio-group/styles.scoped.css +7 -7
  20. package/radio-group/styles.selectors.js +5 -5
  21. package/textarea/styles.css.js +5 -5
  22. package/textarea/styles.scoped.css +17 -17
  23. package/textarea/styles.selectors.js +5 -5
package/input/styles.css.js CHANGED
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_2rhyz_qs0t8_145",
5
- "input": "awsui_input_2rhyz_qs0t8_149",
6
- "input-readonly": "awsui_input-readonly_2rhyz_qs0t8_203",
7
- "input-invalid": "awsui_input-invalid_2rhyz_qs0t8_266",
8
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_qs0t8_275",
9
- "input-warning": "awsui_input-warning_2rhyz_qs0t8_278",
10
- "input-type-search": "awsui_input-type-search_2rhyz_qs0t8_290",
11
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_qs0t8_303",
12
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_qs0t8_306",
13
- "input-container": "awsui_input-container_2rhyz_qs0t8_313",
14
- "input-icon-left": "awsui_input-icon-left_2rhyz_qs0t8_318",
15
- "input-icon-right": "awsui_input-icon-right_2rhyz_qs0t8_325",
16
- "input-button-right": "awsui_input-button-right_2rhyz_qs0t8_331"
4
+ "root": "awsui_root_2rhyz_gipla_145",
5
+ "input": "awsui_input_2rhyz_gipla_149",
6
+ "input-readonly": "awsui_input-readonly_2rhyz_gipla_203",
7
+ "input-invalid": "awsui_input-invalid_2rhyz_gipla_266",
8
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_gipla_275",
9
+ "input-warning": "awsui_input-warning_2rhyz_gipla_278",
10
+ "input-type-search": "awsui_input-type-search_2rhyz_gipla_290",
11
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_gipla_303",
12
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_gipla_306",
13
+ "input-container": "awsui_input-container_2rhyz_gipla_313",
14
+ "input-icon-left": "awsui_input-icon-left_2rhyz_gipla_318",
15
+ "input-icon-right": "awsui_input-icon-right_2rhyz_gipla_325",
16
+ "input-button-right": "awsui_input-button-right_2rhyz_gipla_331"
17
17
  };
18
18
 
package/input/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_2rhyz_qs0t8_145:not(#\9) {
145
+ .awsui_root_2rhyz_gipla_145:not(#\9) {
146
146
  /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
147
147
  }
148
148
 
149
- .awsui_input_2rhyz_qs0t8_149:not(#\9) {
149
+ .awsui_input_2rhyz_gipla_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -194,20 +194,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
194
  line-height: var(--line-height-body-m-2mh3ke, 20px);
195
195
  block-size: var(--size-vertical-input-p1d7xx, 32px);
196
196
  }
197
- .awsui_input_2rhyz_qs0t8_149:not(#\9):hover {
197
+ .awsui_input_2rhyz_gipla_149:not(#\9):hover {
198
198
  border-color: var(--awsui-style-border-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94)));
199
199
  color: var(--awsui-style-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
200
200
  background-color: var(--awsui-style-background-hover-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
201
201
  box-shadow: var(--awsui-style-box-shadow-hover-d43v8n, --awsui-style-box-shadow-default-d43v8n);
202
202
  }
203
- .awsui_input_2rhyz_qs0t8_149.awsui_input-readonly_2rhyz_qs0t8_203:not(#\9) {
203
+ .awsui_input_2rhyz_gipla_149.awsui_input-readonly_2rhyz_gipla_203:not(#\9) {
204
204
  background-color: var(--awsui-style-background-readonly-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
205
205
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
206
206
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
207
207
  color: var(--awsui-style-color-readonly-d43v8n, var(--awsui-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
208
208
  box-shadow: var(--awsui-style-box-shadow-readonly-d43v8n);
209
209
  }
210
- .awsui_input_2rhyz_qs0t8_149:not(#\9)::-webkit-input-placeholder {
210
+ .awsui_input_2rhyz_gipla_149:not(#\9)::-webkit-input-placeholder {
211
211
  color: var(--awsui-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
212
212
  font-size: var(--awsui-style-placeholder-font-size-d43v8n);
213
213
  font-style: var(--awsui-style-placeholder-font-style-d43v8n, italic);
@@ -215,21 +215,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
215
215
  -webkit-user-select: none;
216
216
  user-select: none;
217
217
  }
218
- .awsui_input_2rhyz_qs0t8_149:not(#\9)::-moz-placeholder {
218
+ .awsui_input_2rhyz_gipla_149:not(#\9)::-moz-placeholder {
219
219
  color: var(--awsui-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
220
220
  font-size: var(--awsui-style-placeholder-font-size-d43v8n);
221
221
  font-style: var(--awsui-style-placeholder-font-style-d43v8n, italic);
222
222
  font-weight: var(--awsui-style-placeholder-font-weight-d43v8n);
223
223
  opacity: 1;
224
224
  }
225
- .awsui_input_2rhyz_qs0t8_149:not(#\9):-moz-placeholder {
225
+ .awsui_input_2rhyz_gipla_149:not(#\9):-moz-placeholder {
226
226
  color: var(--awsui-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
227
227
  font-size: var(--awsui-style-placeholder-font-size-d43v8n);
228
228
  font-style: var(--awsui-style-placeholder-font-style-d43v8n, italic);
229
229
  font-weight: var(--awsui-style-placeholder-font-weight-d43v8n);
230
230
  opacity: 1;
231
231
  }
232
- .awsui_input_2rhyz_qs0t8_149:not(#\9):focus {
232
+ .awsui_input_2rhyz_gipla_149:not(#\9):focus {
233
233
  outline: 2px dotted transparent;
234
234
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
235
235
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -241,7 +241,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
241
241
  color: var(--awsui-style-color-focus-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a));
242
242
  background-color: var(--awsui-style-background-focus-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff));
243
243
  }
244
- .awsui_input_2rhyz_qs0t8_149:not(#\9):disabled {
244
+ .awsui_input_2rhyz_gipla_149:not(#\9):disabled {
245
245
  background-color: var(--awsui-style-background-disabled-d43v8n, var(--color-background-input-disabled-dihaja, #ebebf0));
246
246
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
247
247
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -249,87 +249,87 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
249
249
  cursor: default;
250
250
  box-shadow: var(--awsui-style-box-shadow-disabled-d43v8n);
251
251
  }
252
- .awsui_input_2rhyz_qs0t8_149:not(#\9):disabled::-webkit-input-placeholder {
252
+ .awsui_input_2rhyz_gipla_149:not(#\9):disabled::-webkit-input-placeholder {
253
253
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
254
254
  -webkit-user-select: none;
255
255
  user-select: none;
256
256
  }
257
- .awsui_input_2rhyz_qs0t8_149:not(#\9):disabled::-moz-placeholder {
257
+ .awsui_input_2rhyz_gipla_149:not(#\9):disabled::-moz-placeholder {
258
258
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
259
259
  opacity: 1;
260
260
  }
261
- .awsui_input_2rhyz_qs0t8_149:not(#\9):disabled:-moz-placeholder {
261
+ .awsui_input_2rhyz_gipla_149:not(#\9):disabled:-moz-placeholder {
262
262
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
263
263
  opacity: 1;
264
264
  }
265
- .awsui_input_2rhyz_qs0t8_149:not(#\9):invalid {
265
+ .awsui_input_2rhyz_gipla_149:not(#\9):invalid {
266
266
  box-shadow: none;
267
267
  }
268
- .awsui_input_2rhyz_qs0t8_149.awsui_input-invalid_2rhyz_qs0t8_266:not(#\9) {
269
- color: var(--color-text-status-error-ksqavh, #db0000);
270
- border-color: var(--color-text-status-error-ksqavh, #db0000);
268
+ .awsui_input_2rhyz_gipla_149.awsui_input-invalid_2rhyz_gipla_266:not(#\9) {
269
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
270
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
271
271
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
272
272
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
273
273
  }
274
- .awsui_input_2rhyz_qs0t8_149.awsui_input-invalid_2rhyz_qs0t8_266:not(#\9):focus {
274
+ .awsui_input_2rhyz_gipla_149.awsui_input-invalid_2rhyz_gipla_266:not(#\9):focus {
275
275
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
276
276
  }
277
- .awsui_input_2rhyz_qs0t8_149.awsui_input-invalid_2rhyz_qs0t8_266.awsui_input-has-icon-left_2rhyz_qs0t8_275:not(#\9) {
277
+ .awsui_input_2rhyz_gipla_149.awsui_input-invalid_2rhyz_gipla_266.awsui_input-has-icon-left_2rhyz_gipla_275:not(#\9) {
278
278
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
279
279
  }
280
- .awsui_input_2rhyz_qs0t8_149.awsui_input-warning_2rhyz_qs0t8_278:not(#\9) {
281
- color: var(--color-text-status-warning-6meo06, #855900);
282
- border-color: var(--color-text-status-warning-6meo06, #855900);
280
+ .awsui_input_2rhyz_gipla_149.awsui_input-warning_2rhyz_gipla_278:not(#\9) {
281
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
282
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
283
283
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
284
284
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
285
285
  }
286
- .awsui_input_2rhyz_qs0t8_149.awsui_input-warning_2rhyz_qs0t8_278:not(#\9):focus {
286
+ .awsui_input_2rhyz_gipla_149.awsui_input-warning_2rhyz_gipla_278:not(#\9):focus {
287
287
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
288
288
  }
289
- .awsui_input_2rhyz_qs0t8_149.awsui_input-warning_2rhyz_qs0t8_278.awsui_input-has-icon-left_2rhyz_qs0t8_275:not(#\9) {
289
+ .awsui_input_2rhyz_gipla_149.awsui_input-warning_2rhyz_gipla_278.awsui_input-has-icon-left_2rhyz_gipla_275:not(#\9) {
290
290
  padding-inline-start: calc(var(--space-field-icon-offset-ikwzwx, 36px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
291
291
  }
292
- .awsui_input_2rhyz_qs0t8_149.awsui_input-type-search_2rhyz_qs0t8_290:not(#\9) {
292
+ .awsui_input_2rhyz_gipla_149.awsui_input-type-search_2rhyz_gipla_290:not(#\9) {
293
293
  box-sizing: border-box;
294
294
  -webkit-appearance: none;
295
295
  }
296
- .awsui_input_2rhyz_qs0t8_149.awsui_input-type-search_2rhyz_qs0t8_290:not(#\9)::-webkit-search-decoration {
296
+ .awsui_input_2rhyz_gipla_149.awsui_input-type-search_2rhyz_gipla_290:not(#\9)::-webkit-search-decoration {
297
297
  -webkit-appearance: none;
298
298
  }
299
- .awsui_input_2rhyz_qs0t8_149.awsui_input-type-search_2rhyz_qs0t8_290:not(#\9)::-webkit-search-cancel-button {
299
+ .awsui_input_2rhyz_gipla_149.awsui_input-type-search_2rhyz_gipla_290:not(#\9)::-webkit-search-cancel-button {
300
300
  display: none;
301
301
  }
302
- .awsui_input_2rhyz_qs0t8_149.awsui_input-has-icon-left_2rhyz_qs0t8_275:not(#\9) {
302
+ .awsui_input_2rhyz_gipla_149.awsui_input-has-icon-left_2rhyz_gipla_275:not(#\9) {
303
303
  padding-inline-start: var(--space-field-icon-offset-ikwzwx, 36px);
304
304
  }
305
- .awsui_input_2rhyz_qs0t8_149.awsui_input-has-icon-right_2rhyz_qs0t8_303:not(#\9) {
305
+ .awsui_input_2rhyz_gipla_149.awsui_input-has-icon-right_2rhyz_gipla_303:not(#\9) {
306
306
  padding-inline-end: var(--space-field-icon-offset-ikwzwx, 36px);
307
307
  }
308
- .awsui_input_2rhyz_qs0t8_149.awsui_input-has-no-border-radius_2rhyz_qs0t8_306:not(#\9) {
308
+ .awsui_input_2rhyz_gipla_149.awsui_input-has-no-border-radius_2rhyz_gipla_306:not(#\9) {
309
309
  border-start-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
310
310
  border-start-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
311
311
  border-end-start-radius: var(--border-radius-dropdown-fgc2a1, 8px);
312
312
  border-end-end-radius: var(--border-radius-dropdown-fgc2a1, 8px);
313
313
  }
314
314
 
315
- .awsui_input-container_2rhyz_qs0t8_313:not(#\9) {
315
+ .awsui_input-container_2rhyz_gipla_313:not(#\9) {
316
316
  display: flex;
317
317
  position: relative;
318
318
  }
319
319
 
320
- .awsui_input-icon-left_2rhyz_qs0t8_318:not(#\9) {
320
+ .awsui_input-icon-left_2rhyz_gipla_318:not(#\9) {
321
321
  position: absolute;
322
322
  pointer-events: none;
323
323
  inset-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
324
324
  inset-block-start: calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2);
325
325
  }
326
326
 
327
- .awsui_input-icon-right_2rhyz_qs0t8_325:not(#\9) {
327
+ .awsui_input-icon-right_2rhyz_gipla_325:not(#\9) {
328
328
  position: absolute;
329
329
  inset-block-start: calc(calc(50% - var(--line-height-body-m-2mh3ke, 20px) / 2) - var(--space-xxxs-pajhad, 2px));
330
330
  inset-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) - var(--space-xxs-hwfkai, 4px));
331
331
  }
332
332
 
333
- .awsui_input-button-right_2rhyz_qs0t8_331:not(#\9) {
333
+ .awsui_input-button-right_2rhyz_gipla_331:not(#\9) {
334
334
  /* used in test-utils */
335
335
  }
package/input/styles.selectors.js CHANGED
@@ -2,18 +2,18 @@
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_2rhyz_qs0t8_145",
6
- "input": "awsui_input_2rhyz_qs0t8_149",
7
- "input-readonly": "awsui_input-readonly_2rhyz_qs0t8_203",
8
- "input-invalid": "awsui_input-invalid_2rhyz_qs0t8_266",
9
- "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_qs0t8_275",
10
- "input-warning": "awsui_input-warning_2rhyz_qs0t8_278",
11
- "input-type-search": "awsui_input-type-search_2rhyz_qs0t8_290",
12
- "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_qs0t8_303",
13
- "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_qs0t8_306",
14
- "input-container": "awsui_input-container_2rhyz_qs0t8_313",
15
- "input-icon-left": "awsui_input-icon-left_2rhyz_qs0t8_318",
16
- "input-icon-right": "awsui_input-icon-right_2rhyz_qs0t8_325",
17
- "input-button-right": "awsui_input-button-right_2rhyz_qs0t8_331"
5
+ "root": "awsui_root_2rhyz_gipla_145",
6
+ "input": "awsui_input_2rhyz_gipla_149",
7
+ "input-readonly": "awsui_input-readonly_2rhyz_gipla_203",
8
+ "input-invalid": "awsui_input-invalid_2rhyz_gipla_266",
9
+ "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_gipla_275",
10
+ "input-warning": "awsui_input-warning_2rhyz_gipla_278",
11
+ "input-type-search": "awsui_input-type-search_2rhyz_gipla_290",
12
+ "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_gipla_303",
13
+ "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_gipla_306",
14
+ "input-container": "awsui_input-container_2rhyz_gipla_313",
15
+ "input-icon-left": "awsui_input-icon-left_2rhyz_gipla_318",
16
+ "input-icon-right": "awsui_input-icon-right_2rhyz_gipla_325",
17
+ "input-button-right": "awsui_input-button-right_2rhyz_gipla_331"
18
18
  };
19
19
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -2057,5 +2057,5 @@ body {
2057
2057
  }
2058
2058
  }
2059
2059
  :root {
2060
- --awsui-version-info-485a7c98: true;
2060
+ --awsui-version-info-c99509e0: true;
2061
2061
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (485a7c98)";
3
- export var GIT_SHA = "485a7c98";
2
+ export var PACKAGE_VERSION = "3.0.0 (c99509e0)";
3
+ export var GIT_SHA = "c99509e0";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "console";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (485a7c98)",
4
- "GIT_SHA": "485a7c98",
3
+ "PACKAGE_VERSION": "3.0.0 (c99509e0)",
4
+ "GIT_SHA": "c99509e0",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "console",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "485a7c98d68a36e7f16ce40feec92572102e3bf1"
2
+ "commit": "c99509e0175bc9ec8d8fe6894489b9b3e4e29930"
3
3
  }
package/package.json CHANGED
@@ -154,7 +154,7 @@
154
154
  "./internal/base-component/index.js",
155
155
  "./internal/base-component/styles.css.js"
156
156
  ],
157
- "version": "3.0.1138",
157
+ "version": "3.0.1140",
158
158
  "repository": {
159
159
  "type": "git",
160
160
  "url": "https://github.com/cloudscape-design/components.git"
package/prompt-input/styles.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_55fkh_xqgee_146",
5
- "textarea-readonly": "awsui_textarea-readonly_55fkh_xqgee_191",
6
- "disabled": "awsui_disabled_55fkh_xqgee_197",
7
- "textarea-invalid": "awsui_textarea-invalid_55fkh_xqgee_205",
8
- "textarea-warning": "awsui_textarea-warning_55fkh_xqgee_230",
9
- "textarea": "awsui_textarea_55fkh_xqgee_191",
10
- "invalid": "awsui_invalid_55fkh_xqgee_333",
11
- "warning": "awsui_warning_55fkh_xqgee_333",
12
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_xqgee_347",
13
- "primary-action": "awsui_primary-action_55fkh_xqgee_351",
14
- "action-button": "awsui_action-button_55fkh_xqgee_359",
15
- "secondary-content": "awsui_secondary-content_55fkh_xqgee_364",
16
- "with-paddings": "awsui_with-paddings_55fkh_xqgee_399",
17
- "action-stripe": "awsui_action-stripe_55fkh_xqgee_409",
18
- "secondary-actions": "awsui_secondary-actions_55fkh_xqgee_448",
19
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_xqgee_465",
20
- "buffer": "awsui_buffer_55fkh_xqgee_469"
4
+ "root": "awsui_root_55fkh_guoij_146",
5
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_guoij_191",
6
+ "disabled": "awsui_disabled_55fkh_guoij_197",
7
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_guoij_205",
8
+ "textarea-warning": "awsui_textarea-warning_55fkh_guoij_230",
9
+ "textarea": "awsui_textarea_55fkh_guoij_191",
10
+ "invalid": "awsui_invalid_55fkh_guoij_333",
11
+ "warning": "awsui_warning_55fkh_guoij_333",
12
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_guoij_347",
13
+ "primary-action": "awsui_primary-action_55fkh_guoij_351",
14
+ "action-button": "awsui_action-button_55fkh_guoij_359",
15
+ "secondary-content": "awsui_secondary-content_55fkh_guoij_364",
16
+ "with-paddings": "awsui_with-paddings_55fkh_guoij_399",
17
+ "action-stripe": "awsui_action-stripe_55fkh_guoij_409",
18
+ "secondary-actions": "awsui_secondary-actions_55fkh_guoij_448",
19
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_guoij_465",
20
+ "buffer": "awsui_buffer_55fkh_guoij_469"
21
21
  };
22
22
 
package/prompt-input/styles.scoped.css CHANGED
@@ -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_xqgee_146:not(#\9) {
146
+ .awsui_root_55fkh_guoij_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-d43v8n, var(--color-border-input-default-317xk5, #8c8c94));
184
184
  box-shadow: var(--awsui-prompt-input-style-box-shadow-default-d43v8n);
185
185
  }
186
- .awsui_root_55fkh_xqgee_146:not(#\9):hover {
186
+ .awsui_root_55fkh_guoij_146:not(#\9):hover {
187
187
  background-color: var(--awsui-prompt-input-style-background-hover-d43v8n, var(--awsui-prompt-input-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
188
188
  border-color: var(--awsui-prompt-input-style-border-color-hover-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94)));
189
189
  box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-d43v8n, var(--awsui-prompt-input-style-box-shadow-default-d43v8n));
190
190
  }
191
- .awsui_root_55fkh_xqgee_146.awsui_textarea-readonly_55fkh_xqgee_191:not(#\9) {
191
+ .awsui_root_55fkh_guoij_146.awsui_textarea-readonly_55fkh_guoij_191:not(#\9) {
192
192
  background-color: var(--awsui-prompt-input-style-background-readonly-d43v8n, var(--awsui-prompt-input-style-background-default-d43v8n, 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-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, 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-d43v8n, var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
195
195
  box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-d43v8n);
196
196
  }
197
- .awsui_root_55fkh_xqgee_146.awsui_disabled_55fkh_xqgee_197:not(#\9) {
197
+ .awsui_root_55fkh_guoij_146.awsui_disabled_55fkh_guoij_197:not(#\9) {
198
198
  background-color: var(--awsui-prompt-input-style-background-disabled-d43v8n, 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-d43v8n, 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-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -202,57 +202,57 @@ 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-d43v8n);
204
204
  }
205
- .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9) {
206
- color: var(--color-text-status-error-ksqavh, #db0000);
207
- border-color: var(--color-text-status-error-ksqavh, #db0000);
205
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9) {
206
+ color: var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
207
+ border-color: var(--awsui-prompt-input-style-border-color-default-d43v8n, 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_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
211
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_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_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9) {
214
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9) {
215
215
  padding-inline-start: 0;
216
216
  }
217
- .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
218
- color: var(--color-text-status-error-ksqavh, #db0000);
219
- border-color: var(--color-text-status-error-ksqavh, #db0000);
217
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9):focus-within, .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9):focus {
218
+ color: var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
219
+ border-color: var(--awsui-prompt-input-style-border-color-default-d43v8n, 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_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within:focus, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus:focus {
223
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9):focus-within:focus, .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_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_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-invalid_55fkh_xqgee_205:not(#\9):focus {
226
+ .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_205:not(#\9):focus-within, .awsui_root_55fkh_guoij_146.awsui_textarea-invalid_55fkh_guoij_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_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9) {
231
- color: var(--color-text-status-warning-6meo06, #855900);
232
- border-color: var(--color-text-status-warning-6meo06, #855900);
230
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9) {
231
+ color: var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
232
+ border-color: var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
233
233
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
234
234
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
235
235
  }
236
- .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
236
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus {
237
237
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
238
238
  }
239
- .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9) {
239
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9) {
240
240
  padding-inline-start: 0;
241
241
  }
242
- .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
243
- color: var(--color-text-status-warning-6meo06, #855900);
244
- border-color: var(--color-text-status-warning-6meo06, #855900);
242
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus-within, .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus {
243
+ color: var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
244
+ border-color: var(--awsui-prompt-input-style-border-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
245
245
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
246
246
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
247
247
  }
248
- .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within:focus, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus:focus {
248
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus-within:focus, .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus:focus {
249
249
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
250
250
  }
251
- .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146.awsui_textarea-warning_55fkh_xqgee_230:not(#\9):focus {
251
+ .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus-within, .awsui_root_55fkh_guoij_146.awsui_textarea-warning_55fkh_guoij_230:not(#\9):focus {
252
252
  padding-inline-start: 0;
253
253
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
254
254
  }
255
- .awsui_root_55fkh_xqgee_146:not(#\9):focus-within, .awsui_root_55fkh_xqgee_146:not(#\9):focus {
255
+ .awsui_root_55fkh_guoij_146:not(#\9):focus-within, .awsui_root_55fkh_guoij_146:not(#\9):focus {
256
256
  outline: 2px dotted transparent;
257
257
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
258
258
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-prompt-input-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -264,7 +264,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
264
264
  background-color: var(--awsui-prompt-input-style-background-focus-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff));
265
265
  }
266
266
 
267
- .awsui_textarea_55fkh_xqgee_191:not(#\9) {
267
+ .awsui_textarea_55fkh_guoij_191:not(#\9) {
268
268
  border-collapse: separate;
269
269
  border-spacing: 0;
270
270
  box-sizing: border-box;
@@ -313,55 +313,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
313
313
  box-sizing: border-box;
314
314
  border: 0;
315
315
  }
316
- .awsui_textarea_55fkh_xqgee_191:not(#\9)::placeholder {
316
+ .awsui_textarea_55fkh_guoij_191:not(#\9)::placeholder {
317
317
  color: var(--awsui-prompt-input-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
318
318
  font-size: var(--awsui-prompt-input-style-placeholder-font-size-d43v8n);
319
319
  font-style: var(--awsui-prompt-input-style-placeholder-font-style-d43v8n, italic);
320
320
  font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-d43v8n);
321
321
  opacity: 1;
322
322
  }
323
- .awsui_textarea_55fkh_xqgee_191:not(#\9):hover {
323
+ .awsui_textarea_55fkh_guoij_191:not(#\9):hover {
324
324
  color: var(--awsui-prompt-input-style-color-hover-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
325
325
  }
326
- .awsui_textarea_55fkh_xqgee_191:not(#\9):focus {
326
+ .awsui_textarea_55fkh_guoij_191:not(#\9):focus {
327
327
  outline: none;
328
328
  color: var(--awsui-prompt-input-style-color-focus-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
329
329
  }
330
- .awsui_textarea_55fkh_xqgee_191:not(#\9):invalid {
330
+ .awsui_textarea_55fkh_guoij_191:not(#\9):invalid {
331
331
  box-shadow: none;
332
332
  }
333
- .awsui_textarea_55fkh_xqgee_191.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_textarea_55fkh_xqgee_191.awsui_warning_55fkh_xqgee_333:not(#\9) {
333
+ .awsui_textarea_55fkh_guoij_191.awsui_invalid_55fkh_guoij_333:not(#\9), .awsui_textarea_55fkh_guoij_191.awsui_warning_55fkh_guoij_333:not(#\9) {
334
334
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
335
335
  }
336
- .awsui_textarea_55fkh_xqgee_191:not(#\9):disabled {
336
+ .awsui_textarea_55fkh_guoij_191:not(#\9):disabled {
337
337
  color: var(--awsui-prompt-input-style-color-disabled-d43v8n, var(--color-text-input-disabled-wh1f3y, #b4b4bb));
338
338
  cursor: default;
339
339
  }
340
- .awsui_textarea_55fkh_xqgee_191:not(#\9):disabled::placeholder {
340
+ .awsui_textarea_55fkh_guoij_191:not(#\9):disabled::placeholder {
341
341
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
342
342
  opacity: 1;
343
343
  }
344
- .awsui_textarea-readonly_55fkh_xqgee_191:not(#\9) {
344
+ .awsui_textarea-readonly_55fkh_guoij_191:not(#\9) {
345
345
  color: var(--awsui-prompt-input-style-color-readonly-d43v8n, var(--awsui-prompt-input-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
346
346
  }
347
- .awsui_textarea-wrapper_55fkh_xqgee_347:not(#\9) {
347
+ .awsui_textarea-wrapper_55fkh_guoij_347:not(#\9) {
348
348
  display: flex;
349
349
  }
350
350
 
351
- .awsui_primary-action_55fkh_xqgee_351:not(#\9) {
351
+ .awsui_primary-action_55fkh_guoij_351:not(#\9) {
352
352
  align-self: flex-end;
353
353
  flex-shrink: 0;
354
354
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
355
355
  }
356
- .awsui_textarea-wrapper_55fkh_xqgee_347 > .awsui_primary-action_55fkh_xqgee_351:not(#\9) {
356
+ .awsui_textarea-wrapper_55fkh_guoij_347 > .awsui_primary-action_55fkh_guoij_351:not(#\9) {
357
357
  padding-inline-end: calc(var(--space-field-horizontal-0aq2ch, 12px) / 2);
358
358
  }
359
- .awsui_textarea-wrapper_55fkh_xqgee_347 > .awsui_primary-action_55fkh_xqgee_351 > .awsui_action-button_55fkh_xqgee_359:not(#\9) {
359
+ .awsui_textarea-wrapper_55fkh_guoij_347 > .awsui_primary-action_55fkh_guoij_351 > .awsui_action-button_55fkh_guoij_359:not(#\9) {
360
360
  margin-block-end: var(--space-scaled-xxxs-oo06c7, 2px);
361
361
  padding: 0;
362
362
  }
363
363
 
364
- .awsui_secondary-content_55fkh_xqgee_364:not(#\9) {
364
+ .awsui_secondary-content_55fkh_guoij_364:not(#\9) {
365
365
  border-collapse: separate;
366
366
  border-spacing: 0;
367
367
  box-sizing: border-box;
@@ -396,17 +396,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
396
396
  border-end-start-radius: var(--border-radius-input-7q0str, 8px);
397
397
  border-end-end-radius: var(--border-radius-input-7q0str, 8px);
398
398
  }
399
- .awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399:not(#\9) {
399
+ .awsui_secondary-content_55fkh_guoij_364.awsui_with-paddings_55fkh_guoij_399:not(#\9) {
400
400
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
401
401
  padding-block-end: var(--space-scaled-s-8ozaad, 12px);
402
402
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
403
403
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
404
404
  }
405
- .awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_secondary-content_55fkh_xqgee_364.awsui_with-paddings_55fkh_xqgee_399.awsui_warning_55fkh_xqgee_333:not(#\9) {
405
+ .awsui_secondary-content_55fkh_guoij_364.awsui_with-paddings_55fkh_guoij_399.awsui_invalid_55fkh_guoij_333:not(#\9), .awsui_secondary-content_55fkh_guoij_364.awsui_with-paddings_55fkh_guoij_399.awsui_warning_55fkh_guoij_333:not(#\9) {
406
406
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
407
407
  }
408
408
 
409
- .awsui_action-stripe_55fkh_xqgee_409:not(#\9) {
409
+ .awsui_action-stripe_55fkh_guoij_409:not(#\9) {
410
410
  border-collapse: separate;
411
411
  border-spacing: 0;
412
412
  box-sizing: border-box;
@@ -445,7 +445,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
445
445
  align-items: flex-end;
446
446
  }
447
447
 
448
- .awsui_secondary-actions_55fkh_xqgee_448:not(#\9) {
448
+ .awsui_secondary-actions_55fkh_guoij_448:not(#\9) {
449
449
  flex-basis: max-content;
450
450
  flex-grow: 0;
451
451
  flex-shrink: 1;
@@ -454,19 +454,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
454
454
  max-inline-size: 100%;
455
455
  overflow: hidden;
456
456
  }
457
- .awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399:not(#\9) {
457
+ .awsui_secondary-actions_55fkh_guoij_448.awsui_with-paddings_55fkh_guoij_399:not(#\9) {
458
458
  padding-inline: var(--space-field-horizontal-0aq2ch, 12px);
459
459
  padding-block-start: var(--space-scaled-s-8ozaad, 12px);
460
460
  padding-block-end: var(--space-scaled-xxs-pfm1nx, 4px);
461
461
  }
462
- .awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399.awsui_invalid_55fkh_xqgee_333:not(#\9), .awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings_55fkh_xqgee_399.awsui_warning_55fkh_xqgee_333:not(#\9) {
462
+ .awsui_secondary-actions_55fkh_guoij_448.awsui_with-paddings_55fkh_guoij_399.awsui_invalid_55fkh_guoij_333:not(#\9), .awsui_secondary-actions_55fkh_guoij_448.awsui_with-paddings_55fkh_guoij_399.awsui_warning_55fkh_guoij_333:not(#\9) {
463
463
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
464
464
  }
465
- .awsui_secondary-actions_55fkh_xqgee_448.awsui_with-paddings-and-actions_55fkh_xqgee_465:not(#\9) {
465
+ .awsui_secondary-actions_55fkh_guoij_448.awsui_with-paddings-and-actions_55fkh_guoij_465:not(#\9) {
466
466
  padding-inline-end: 0;
467
467
  }
468
468
 
469
- .awsui_buffer_55fkh_xqgee_469:not(#\9) {
469
+ .awsui_buffer_55fkh_guoij_469:not(#\9) {
470
470
  flex: 1;
471
471
  align-self: stretch;
472
472
  cursor: text;
package/prompt-input/styles.selectors.js CHANGED
@@ -2,22 +2,22 @@
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_xqgee_146",
6
- "textarea-readonly": "awsui_textarea-readonly_55fkh_xqgee_191",
7
- "disabled": "awsui_disabled_55fkh_xqgee_197",
8
- "textarea-invalid": "awsui_textarea-invalid_55fkh_xqgee_205",
9
- "textarea-warning": "awsui_textarea-warning_55fkh_xqgee_230",
10
- "textarea": "awsui_textarea_55fkh_xqgee_191",
11
- "invalid": "awsui_invalid_55fkh_xqgee_333",
12
- "warning": "awsui_warning_55fkh_xqgee_333",
13
- "textarea-wrapper": "awsui_textarea-wrapper_55fkh_xqgee_347",
14
- "primary-action": "awsui_primary-action_55fkh_xqgee_351",
15
- "action-button": "awsui_action-button_55fkh_xqgee_359",
16
- "secondary-content": "awsui_secondary-content_55fkh_xqgee_364",
17
- "with-paddings": "awsui_with-paddings_55fkh_xqgee_399",
18
- "action-stripe": "awsui_action-stripe_55fkh_xqgee_409",
19
- "secondary-actions": "awsui_secondary-actions_55fkh_xqgee_448",
20
- "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_xqgee_465",
21
- "buffer": "awsui_buffer_55fkh_xqgee_469"
5
+ "root": "awsui_root_55fkh_guoij_146",
6
+ "textarea-readonly": "awsui_textarea-readonly_55fkh_guoij_191",
7
+ "disabled": "awsui_disabled_55fkh_guoij_197",
8
+ "textarea-invalid": "awsui_textarea-invalid_55fkh_guoij_205",
9
+ "textarea-warning": "awsui_textarea-warning_55fkh_guoij_230",
10
+ "textarea": "awsui_textarea_55fkh_guoij_191",
11
+ "invalid": "awsui_invalid_55fkh_guoij_333",
12
+ "warning": "awsui_warning_55fkh_guoij_333",
13
+ "textarea-wrapper": "awsui_textarea-wrapper_55fkh_guoij_347",
14
+ "primary-action": "awsui_primary-action_55fkh_guoij_351",
15
+ "action-button": "awsui_action-button_55fkh_guoij_359",
16
+ "secondary-content": "awsui_secondary-content_55fkh_guoij_364",
17
+ "with-paddings": "awsui_with-paddings_55fkh_guoij_399",
18
+ "action-stripe": "awsui_action-stripe_55fkh_guoij_409",
19
+ "secondary-actions": "awsui_secondary-actions_55fkh_guoij_448",
20
+ "with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_guoij_465",
21
+ "buffer": "awsui_buffer_55fkh_guoij_469"
22
22
  };
23
23
 
package/property-filter/token-editor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAQxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAEL,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAMzB,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,eA+KlB"}
1
+ {"version":3,"file":"token-editor.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAE3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAQxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAEL,SAAS,EACT,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,aAAa,EACb,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAMzB,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,mBAAmB,CAAC;IACjC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,aAAa,EAAE,CAAC;IACjC,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,cAAc,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,eAAe,EACf,cAAc,EACd,cAAc,EACd,SAAS,EACT,iBAAiB,GAClB,EAAE,gBAAgB,eAiLlB"}
package/property-filter/token-editor.js CHANGED
@@ -45,7 +45,9 @@ export function TokenEditor({ supportsGroups, asyncProperties, asyncProps, custo
45
45
  ? temporaryToken.operator
46
46
  : allowedOperators[0];
47
47
  const matchedProperty = (_a = filteringProperties.find(property => property.propertyKey === newPropertyKey)) !== null && _a !== void 0 ? _a : null;
48
- setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value: null });
48
+ const isCustomType = !!(matchedProperty === null || matchedProperty === void 0 ? void 0 : matchedProperty.getValueFormRenderer(operator));
49
+ const value = isCustomType || (matchedProperty === null || matchedProperty === void 0 ? void 0 : matchedProperty.getTokenType(operator)) === 'enum' ? null : '';
50
+ setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value });
49
51
  };
50
52
  const operator = temporaryToken.operator;
51
53
  const onChangeOperator = (newOperator) => {
package/property-filter/token-editor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.js","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal.js';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces.js';\nimport InternalButtonDropdown from '../button-dropdown/internal.js';\nimport InternalFormField from '../form-field/internal.js';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { FormFieldContext } from '../internal/context/form-field-context.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\nimport {\n GeneratedAnalyticsMetadataPropertyEditCancel,\n GeneratedAnalyticsMetadataPropertyEditConfirm,\n} from './analytics-metadata/interfaces';\nimport { getAllowedOperators } from './controller.js';\nimport { I18nStringsInternal } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n InternalToken,\n LoadItemsDetail,\n} from './interfaces.js';\nimport { OperatorInput, PropertyInput, ValueInput } from './token-editor-inputs.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface TokenEditorProps {\n supportsGroups: boolean;\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: I18nStringsInternal;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n onSubmit: () => void;\n onDismiss: () => void;\n tokensToCapture: InternalToken[];\n onTokenCapture: (token: InternalToken) => void;\n onTokenRelease: (token: InternalToken) => void;\n tempGroup: InternalToken[];\n onChangeTempGroup: (token: InternalToken[]) => void;\n}\n\nexport function TokenEditor({\n supportsGroups,\n asyncProperties,\n asyncProps,\n customGroupsText,\n freeTextFiltering,\n filteringProperties,\n filteringOptions,\n i18nStrings,\n onLoadItems,\n onSubmit,\n onDismiss,\n tokensToCapture,\n onTokenCapture,\n onTokenRelease,\n tempGroup,\n onChangeTempGroup,\n}: TokenEditorProps) {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['token-editor-field-property']}`,\n fallbackSelector: `.${styles['token-editor-add-token']}`,\n });\n\n const groups = tempGroup.map((temporaryToken, index) => {\n const setTemporaryToken = (newToken: InternalToken) => {\n const copy = [...tempGroup];\n copy[index] = newToken;\n if (newToken.property?.getTokenType(newToken.operator) === 'enum' && newToken.value === null) {\n newToken.value = [];\n }\n onChangeTempGroup(copy);\n };\n const property = temporaryToken.property;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextFiltering.operators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n const matchedProperty = filteringProperties.find(property => property.propertyKey === newPropertyKey) ?? null;\n setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value: null });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n const currentOperatorTokenType = property?.getTokenType(operator);\n const newOperatorTokenType = property?.getTokenType(newOperator);\n const shouldClearValue = currentOperatorTokenType !== newOperatorTokenType;\n const value = shouldClearValue ? null : temporaryToken.value;\n setTemporaryToken({ ...temporaryToken, operator: newOperator, value });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: unknown) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return { token: temporaryToken, property, onChangePropertyKey, operator, onChangeOperator, value, onChangeValue };\n });\n\n return (\n <div className={styles['token-editor']} ref={tokenListRef}>\n <TokenEditorFields\n supportsGroups={supportsGroups}\n tokens={groups.map(group => group.token)}\n onRemove={index => {\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n setNextFocusIndex(index);\n }}\n onRemoveFromGroup={index => {\n const releasedToken = tempGroup[index];\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n onTokenRelease(releasedToken);\n setNextFocusIndex(index);\n }}\n onSubmit={onSubmit}\n renderProperty={index => (\n <PropertyInput\n property={groups[index].property}\n onChangePropertyKey={groups[index].onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n />\n )}\n renderOperator={index => (\n <OperatorInput\n property={groups[index].property}\n operator={groups[index].operator}\n onChangeOperator={groups[index].onChangeOperator}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n triggerVariant={supportsGroups ? 'label' : 'option'}\n />\n )}\n renderValue={index => (\n <ValueInput\n property={groups[index].property}\n operator={groups[index].operator}\n value={groups[index].value}\n onChangeValue={groups[index].onChangeValue}\n asyncProps={asyncProps}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n )}\n i18nStrings={i18nStrings}\n />\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-add-token'], testUtilStyles['token-editor-token-add-actions'])}>\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={i18nStrings.tokenEditorAddTokenActionsAriaLabel}\n items={tokensToCapture.map((token, index) => {\n return {\n id: index.toString(),\n text: i18nStrings.tokenEditorAddExistingTokenLabel?.(token) ?? '',\n ariaLabel: i18nStrings.tokenEditorAddExistingTokenAriaLabel?.(token) ?? '',\n };\n })}\n onItemClick={({ detail }) => {\n const index = parseInt(detail.id);\n if (!isNaN(index) && tokensToCapture[index]) {\n onChangeTempGroup([...tempGroup, { ...tokensToCapture[index] }]);\n setNextFocusIndex(groups.length);\n onTokenCapture(tokensToCapture[index]);\n }\n }}\n disabled={tokensToCapture.length === 0}\n showMainActionOnly={tokensToCapture.length === 0}\n mainAction={{\n text: i18nStrings.tokenEditorAddNewTokenLabel ?? '',\n onClick: () => {\n const lastTokenInGroup = tempGroup[tempGroup.length - 1];\n const property = lastTokenInGroup ? lastTokenInGroup.property : null;\n const operator = property?.defaultOperator ?? ':';\n onChangeTempGroup([...tempGroup, { property, operator, value: null }]);\n setNextFocusIndex(groups.length);\n },\n }}\n />\n </div>\n )}\n\n <div className={styles['token-editor-actions']}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editCancel',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditCancel>)}\n >\n <InternalButton\n formAction=\"none\"\n variant=\"link\"\n className={clsx(styles['token-editor-cancel'], testUtilStyles['token-editor-cancel'])}\n onClick={onDismiss}\n >\n {i18nStrings.cancelActionText}\n </InternalButton>\n </span>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editConfirm',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditConfirm>)}\n >\n <InternalButton\n className={clsx(styles['token-editor-submit'], testUtilStyles['token-editor-submit'])}\n formAction=\"none\"\n onClick={onSubmit}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </span>\n </div>\n </div>\n );\n}\n\ninterface TokenEditorLayout {\n tokens: InternalToken[];\n supportsGroups: boolean;\n onRemove: (index: number) => void;\n onRemoveFromGroup: (index: number) => void;\n onSubmit: () => void;\n renderProperty: (index: number) => React.ReactNode;\n renderOperator: (index: number) => React.ReactNode;\n renderValue: (index: number) => React.ReactNode;\n i18nStrings: I18nStringsInternal;\n}\n\nfunction TokenEditorFields({\n tokens,\n supportsGroups,\n onRemove,\n onRemoveFromGroup,\n onSubmit,\n renderProperty,\n renderOperator,\n renderValue,\n i18nStrings,\n}: TokenEditorLayout) {\n const isMobile = useMobile();\n const isNarrow = isMobile || !supportsGroups;\n\n const propertyLabelId = useUniqueId();\n const operatorLabelId = useUniqueId();\n const valueLabelId = useUniqueId();\n const headers = (\n <div className={styles['token-editor-grid-group']}>\n <div id={propertyLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.propertyText}\n </div>\n <div id={operatorLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.operatorText}\n </div>\n <div id={valueLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.valueText}\n </div>\n <div className={styles['token-editor-grid-header']}></div>\n </div>\n );\n\n return (\n <form\n className={clsx(\n styles['token-editor-grid'],\n isNarrow && styles['token-editor-narrow'],\n styles['token-editor-form']\n )}\n onSubmit={event => {\n event.preventDefault();\n onSubmit();\n }}\n >\n {!isNarrow && headers}\n\n {tokens.map((token, index) => (\n <div\n key={index}\n role=\"group\"\n aria-label={i18nStrings.formatToken(token).formattedText}\n className={clsx(styles['token-editor-grid-group'], supportsGroups && styles['token-editor-supports-groups'])}\n >\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.propertyText}\n labelId={propertyLabelId}\n className={clsx(styles['token-editor-field-property'], testUtilStyles['token-editor-field-property'])}\n index={index}\n >\n {renderProperty(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.operatorText}\n labelId={operatorLabelId}\n className={clsx(styles['token-editor-field-operator'], testUtilStyles['token-editor-field-operator'])}\n index={index}\n >\n {renderOperator(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.valueText}\n labelId={valueLabelId}\n className={clsx(styles['token-editor-field-value'], testUtilStyles['token-editor-field-value'])}\n index={index}\n >\n {renderValue(index)}\n </TokenEditorField>\n </div>\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <div className={styles['token-editor-remove-token']}>\n <TokenEditorRemoveActions\n isNarrow={isNarrow}\n ariaLabel={i18nStrings.tokenEditorTokenActionsAriaLabel?.(token) ?? ''}\n mainActionAriaLabel={i18nStrings.tokenEditorTokenRemoveAriaLabel?.(token) ?? ''}\n disabled={tokens.length === 1}\n items={[\n {\n id: 'remove',\n text: i18nStrings.tokenEditorTokenRemoveLabel ?? '',\n disabled: token.standaloneIndex !== undefined,\n },\n { id: 'remove-from-group', text: i18nStrings.tokenEditorTokenRemoveFromGroupLabel ?? '' },\n ]}\n onItemClick={itemId => {\n switch (itemId) {\n case 'remove':\n return onRemove(index);\n case 'remove-from-group':\n return onRemoveFromGroup(index);\n }\n }}\n index={index}\n />\n </div>\n </div>\n )}\n </div>\n ))}\n </form>\n );\n}\n\nfunction TokenEditorField({\n isNarrow,\n label,\n labelId,\n children,\n className,\n index,\n}: {\n isNarrow: boolean;\n label: React.ReactNode;\n labelId: string;\n children: React.ReactNode;\n className: string;\n index: number;\n}) {\n return isNarrow ? (\n <InternalFormField label={label} className={className} stretch={true} data-testindex={index}>\n {children}\n </InternalFormField>\n ) : (\n <FormFieldContext.Provider value={{ ariaLabelledby: labelId }}>\n <InternalFormField className={className} data-testindex={index}>\n {children}\n </InternalFormField>\n </FormFieldContext.Provider>\n );\n}\n\nfunction TokenEditorRemoveActions({\n isNarrow,\n ariaLabel,\n mainActionAriaLabel,\n disabled,\n items,\n onItemClick,\n index,\n}: {\n isNarrow: boolean;\n ariaLabel: string;\n mainActionAriaLabel: string;\n disabled: boolean;\n items: ButtonDropdownProps.Item[];\n onItemClick: (itemId: string) => void;\n index: number;\n}) {\n return isNarrow ? (\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={ariaLabel}\n items={items.slice(1)}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n mainAction={{\n text: items[0].text,\n onClick: () => onItemClick(items[0].id),\n disabled,\n ariaLabel: mainActionAriaLabel,\n }}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n ) : (\n <InternalButtonDropdown\n variant=\"icon\"\n ariaLabel={ariaLabel}\n items={items}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n );\n}\n"]}
1
+ {"version":3,"file":"token-editor.js","sourceRoot":"","sources":["../../../src/property-filter/token-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal.js';\nimport { ButtonDropdownProps } from '../button-dropdown/interfaces.js';\nimport InternalButtonDropdown from '../button-dropdown/internal.js';\nimport InternalFormField from '../form-field/internal.js';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';\nimport { FormFieldContext } from '../internal/context/form-field-context.js';\nimport { NonCancelableEventHandler } from '../internal/events/index.js';\nimport { useListFocusController } from '../internal/hooks/use-list-focus-controller.js';\nimport { useMobile } from '../internal/hooks/use-mobile/index.js';\nimport {\n GeneratedAnalyticsMetadataPropertyEditCancel,\n GeneratedAnalyticsMetadataPropertyEditConfirm,\n} from './analytics-metadata/interfaces';\nimport { getAllowedOperators } from './controller.js';\nimport { I18nStringsInternal } from './i18n-utils.js';\nimport {\n ComparisonOperator,\n GroupText,\n InternalFilteringOption,\n InternalFilteringProperty,\n InternalFreeTextFiltering,\n InternalToken,\n LoadItemsDetail,\n} from './interfaces.js';\nimport { OperatorInput, PropertyInput, ValueInput } from './token-editor-inputs.js';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport interface TokenEditorProps {\n supportsGroups: boolean;\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n freeTextFiltering: InternalFreeTextFiltering;\n filteringProperties: readonly InternalFilteringProperty[];\n filteringOptions: readonly InternalFilteringOption[];\n i18nStrings: I18nStringsInternal;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n onSubmit: () => void;\n onDismiss: () => void;\n tokensToCapture: InternalToken[];\n onTokenCapture: (token: InternalToken) => void;\n onTokenRelease: (token: InternalToken) => void;\n tempGroup: InternalToken[];\n onChangeTempGroup: (token: InternalToken[]) => void;\n}\n\nexport function TokenEditor({\n supportsGroups,\n asyncProperties,\n asyncProps,\n customGroupsText,\n freeTextFiltering,\n filteringProperties,\n filteringOptions,\n i18nStrings,\n onLoadItems,\n onSubmit,\n onDismiss,\n tokensToCapture,\n onTokenCapture,\n onTokenRelease,\n tempGroup,\n onChangeTempGroup,\n}: TokenEditorProps) {\n const [nextFocusIndex, setNextFocusIndex] = useState<null | number>(null);\n const tokenListRef = useListFocusController({\n nextFocusIndex,\n onFocusMoved: target => {\n target.focus();\n setNextFocusIndex(null);\n },\n listItemSelector: `.${styles['token-editor-field-property']}`,\n fallbackSelector: `.${styles['token-editor-add-token']}`,\n });\n\n const groups = tempGroup.map((temporaryToken, index) => {\n const setTemporaryToken = (newToken: InternalToken) => {\n const copy = [...tempGroup];\n copy[index] = newToken;\n if (newToken.property?.getTokenType(newToken.operator) === 'enum' && newToken.value === null) {\n newToken.value = [];\n }\n onChangeTempGroup(copy);\n };\n const property = temporaryToken.property;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextFiltering.operators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n const matchedProperty = filteringProperties.find(property => property.propertyKey === newPropertyKey) ?? null;\n const isCustomType = !!matchedProperty?.getValueFormRenderer(operator);\n const value = isCustomType || matchedProperty?.getTokenType(operator) === 'enum' ? null : '';\n setTemporaryToken({ ...temporaryToken, property: matchedProperty, operator, value });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n const currentOperatorTokenType = property?.getTokenType(operator);\n const newOperatorTokenType = property?.getTokenType(newOperator);\n const shouldClearValue = currentOperatorTokenType !== newOperatorTokenType;\n const value = shouldClearValue ? null : temporaryToken.value;\n setTemporaryToken({ ...temporaryToken, operator: newOperator, value });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: unknown) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return { token: temporaryToken, property, onChangePropertyKey, operator, onChangeOperator, value, onChangeValue };\n });\n\n return (\n <div className={styles['token-editor']} ref={tokenListRef}>\n <TokenEditorFields\n supportsGroups={supportsGroups}\n tokens={groups.map(group => group.token)}\n onRemove={index => {\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n setNextFocusIndex(index);\n }}\n onRemoveFromGroup={index => {\n const releasedToken = tempGroup[index];\n const updated = tempGroup.filter((_, existingIndex) => existingIndex !== index);\n onChangeTempGroup(updated);\n onTokenRelease(releasedToken);\n setNextFocusIndex(index);\n }}\n onSubmit={onSubmit}\n renderProperty={index => (\n <PropertyInput\n property={groups[index].property}\n onChangePropertyKey={groups[index].onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n />\n )}\n renderOperator={index => (\n <OperatorInput\n property={groups[index].property}\n operator={groups[index].operator}\n onChangeOperator={groups[index].onChangeOperator}\n i18nStrings={i18nStrings}\n freeTextFiltering={freeTextFiltering}\n triggerVariant={supportsGroups ? 'label' : 'option'}\n />\n )}\n renderValue={index => (\n <ValueInput\n property={groups[index].property}\n operator={groups[index].operator}\n value={groups[index].value}\n onChangeValue={groups[index].onChangeValue}\n asyncProps={asyncProps}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n )}\n i18nStrings={i18nStrings}\n />\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-add-token'], testUtilStyles['token-editor-token-add-actions'])}>\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={i18nStrings.tokenEditorAddTokenActionsAriaLabel}\n items={tokensToCapture.map((token, index) => {\n return {\n id: index.toString(),\n text: i18nStrings.tokenEditorAddExistingTokenLabel?.(token) ?? '',\n ariaLabel: i18nStrings.tokenEditorAddExistingTokenAriaLabel?.(token) ?? '',\n };\n })}\n onItemClick={({ detail }) => {\n const index = parseInt(detail.id);\n if (!isNaN(index) && tokensToCapture[index]) {\n onChangeTempGroup([...tempGroup, { ...tokensToCapture[index] }]);\n setNextFocusIndex(groups.length);\n onTokenCapture(tokensToCapture[index]);\n }\n }}\n disabled={tokensToCapture.length === 0}\n showMainActionOnly={tokensToCapture.length === 0}\n mainAction={{\n text: i18nStrings.tokenEditorAddNewTokenLabel ?? '',\n onClick: () => {\n const lastTokenInGroup = tempGroup[tempGroup.length - 1];\n const property = lastTokenInGroup ? lastTokenInGroup.property : null;\n const operator = property?.defaultOperator ?? ':';\n onChangeTempGroup([...tempGroup, { property, operator, value: null }]);\n setNextFocusIndex(groups.length);\n },\n }}\n />\n </div>\n )}\n\n <div className={styles['token-editor-actions']}>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editCancel',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditCancel>)}\n >\n <InternalButton\n formAction=\"none\"\n variant=\"link\"\n className={clsx(styles['token-editor-cancel'], testUtilStyles['token-editor-cancel'])}\n onClick={onDismiss}\n >\n {i18nStrings.cancelActionText}\n </InternalButton>\n </span>\n <span\n {...getAnalyticsMetadataAttribute({\n action: 'editConfirm',\n } as Partial<GeneratedAnalyticsMetadataPropertyEditConfirm>)}\n >\n <InternalButton\n className={clsx(styles['token-editor-submit'], testUtilStyles['token-editor-submit'])}\n formAction=\"none\"\n onClick={onSubmit}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </span>\n </div>\n </div>\n );\n}\n\ninterface TokenEditorLayout {\n tokens: InternalToken[];\n supportsGroups: boolean;\n onRemove: (index: number) => void;\n onRemoveFromGroup: (index: number) => void;\n onSubmit: () => void;\n renderProperty: (index: number) => React.ReactNode;\n renderOperator: (index: number) => React.ReactNode;\n renderValue: (index: number) => React.ReactNode;\n i18nStrings: I18nStringsInternal;\n}\n\nfunction TokenEditorFields({\n tokens,\n supportsGroups,\n onRemove,\n onRemoveFromGroup,\n onSubmit,\n renderProperty,\n renderOperator,\n renderValue,\n i18nStrings,\n}: TokenEditorLayout) {\n const isMobile = useMobile();\n const isNarrow = isMobile || !supportsGroups;\n\n const propertyLabelId = useUniqueId();\n const operatorLabelId = useUniqueId();\n const valueLabelId = useUniqueId();\n const headers = (\n <div className={styles['token-editor-grid-group']}>\n <div id={propertyLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.propertyText}\n </div>\n <div id={operatorLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.operatorText}\n </div>\n <div id={valueLabelId} className={styles['token-editor-grid-header']}>\n {i18nStrings.valueText}\n </div>\n <div className={styles['token-editor-grid-header']}></div>\n </div>\n );\n\n return (\n <form\n className={clsx(\n styles['token-editor-grid'],\n isNarrow && styles['token-editor-narrow'],\n styles['token-editor-form']\n )}\n onSubmit={event => {\n event.preventDefault();\n onSubmit();\n }}\n >\n {!isNarrow && headers}\n\n {tokens.map((token, index) => (\n <div\n key={index}\n role=\"group\"\n aria-label={i18nStrings.formatToken(token).formattedText}\n className={clsx(styles['token-editor-grid-group'], supportsGroups && styles['token-editor-supports-groups'])}\n >\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.propertyText}\n labelId={propertyLabelId}\n className={clsx(styles['token-editor-field-property'], testUtilStyles['token-editor-field-property'])}\n index={index}\n >\n {renderProperty(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.operatorText}\n labelId={operatorLabelId}\n className={clsx(styles['token-editor-field-operator'], testUtilStyles['token-editor-field-operator'])}\n index={index}\n >\n {renderOperator(index)}\n </TokenEditorField>\n </div>\n\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <TokenEditorField\n isNarrow={isNarrow}\n label={i18nStrings.valueText}\n labelId={valueLabelId}\n className={clsx(styles['token-editor-field-value'], testUtilStyles['token-editor-field-value'])}\n index={index}\n >\n {renderValue(index)}\n </TokenEditorField>\n </div>\n\n {supportsGroups && (\n <div className={clsx(styles['token-editor-grid-cell'], isNarrow && styles['token-editor-narrow'])}>\n <div className={styles['token-editor-remove-token']}>\n <TokenEditorRemoveActions\n isNarrow={isNarrow}\n ariaLabel={i18nStrings.tokenEditorTokenActionsAriaLabel?.(token) ?? ''}\n mainActionAriaLabel={i18nStrings.tokenEditorTokenRemoveAriaLabel?.(token) ?? ''}\n disabled={tokens.length === 1}\n items={[\n {\n id: 'remove',\n text: i18nStrings.tokenEditorTokenRemoveLabel ?? '',\n disabled: token.standaloneIndex !== undefined,\n },\n { id: 'remove-from-group', text: i18nStrings.tokenEditorTokenRemoveFromGroupLabel ?? '' },\n ]}\n onItemClick={itemId => {\n switch (itemId) {\n case 'remove':\n return onRemove(index);\n case 'remove-from-group':\n return onRemoveFromGroup(index);\n }\n }}\n index={index}\n />\n </div>\n </div>\n )}\n </div>\n ))}\n </form>\n );\n}\n\nfunction TokenEditorField({\n isNarrow,\n label,\n labelId,\n children,\n className,\n index,\n}: {\n isNarrow: boolean;\n label: React.ReactNode;\n labelId: string;\n children: React.ReactNode;\n className: string;\n index: number;\n}) {\n return isNarrow ? (\n <InternalFormField label={label} className={className} stretch={true} data-testindex={index}>\n {children}\n </InternalFormField>\n ) : (\n <FormFieldContext.Provider value={{ ariaLabelledby: labelId }}>\n <InternalFormField className={className} data-testindex={index}>\n {children}\n </InternalFormField>\n </FormFieldContext.Provider>\n );\n}\n\nfunction TokenEditorRemoveActions({\n isNarrow,\n ariaLabel,\n mainActionAriaLabel,\n disabled,\n items,\n onItemClick,\n index,\n}: {\n isNarrow: boolean;\n ariaLabel: string;\n mainActionAriaLabel: string;\n disabled: boolean;\n items: ButtonDropdownProps.Item[];\n onItemClick: (itemId: string) => void;\n index: number;\n}) {\n return isNarrow ? (\n <InternalButtonDropdown\n variant=\"normal\"\n ariaLabel={ariaLabel}\n items={items.slice(1)}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n mainAction={{\n text: items[0].text,\n onClick: () => onItemClick(items[0].id),\n disabled,\n ariaLabel: mainActionAriaLabel,\n }}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n ) : (\n <InternalButtonDropdown\n variant=\"icon\"\n ariaLabel={ariaLabel}\n items={items}\n onItemClick={({ detail }) => onItemClick(detail.id)}\n disabled={disabled}\n className={testUtilStyles['token-editor-token-remove-actions']}\n data-testindex={index}\n />\n );\n}\n"]}
package/radio-group/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAqBd,CAAC;AAGH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAwBf,CAAC;AAGF,eAAe,UAAU,CAAC"}
package/radio-group/internal-do-not-use-core.js CHANGED
@@ -7,17 +7,16 @@ import useBaseComponent from '../internal/hooks/use-base-component';
7
7
  import { applyDisplayName } from '../internal/utils/apply-display-name';
8
8
  import InternalRadioGroup from './internal';
9
9
  import analyticsSelectors from './analytics-metadata/styles.css.js';
10
- const RadioGroup = React.forwardRef((props, ref) => {
11
- var _a;
10
+ const RadioGroup = React.forwardRef(({ direction = 'vertical', ...rest }, ref) => {
12
11
  const baseComponentProps = useBaseComponent('RadioGroup', {
13
- props: { readOnly: props.readOnly, direction: (_a = props.direction) !== null && _a !== void 0 ? _a : 'vertical' },
12
+ props: { readOnly: rest.readOnly, direction: direction !== null && direction !== void 0 ? direction : 'vertical' },
14
13
  });
15
- return (React.createElement(InternalRadioGroup, { ref: ref, ...props, ...baseComponentProps, ...getAnalyticsMetadataAttribute({
14
+ return (React.createElement(InternalRadioGroup, { ref: ref, direction: direction, ...rest, ...baseComponentProps, ...getAnalyticsMetadataAttribute({
16
15
  component: {
17
16
  name: 'awsui.RadioGroup',
18
17
  label: { root: 'self' },
19
18
  properties: {
20
- value: `${props.value}`,
19
+ value: `${rest.value}`,
21
20
  valueLabel: `.${analyticsSelectors.selected}`,
22
21
  },
23
22
  },
package/radio-group/internal-do-not-use-core.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAsB,EAAE,GAAmC,EAAE,EAAE;;IAClG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,UAAU,EAAE;KAC9E,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,KACJ,KAAK,KACL,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE;oBACvB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef((props: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n const baseComponentProps = useBaseComponent('RadioGroup', {\n props: { readOnly: props.readOnly, direction: props.direction ?? 'vertical' },\n });\n return (\n <InternalRadioGroup\n ref={ref}\n {...props}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: {\n name: 'awsui.RadioGroup',\n label: { root: 'self' },\n properties: {\n value: `${props.value}`,\n valueLabel: `.${analyticsSelectors.selected}`,\n },\n } as GeneratedAnalyticsMetadataRadioGroupComponent,\n })}\n />\n );\n});\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/radio-group/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAE5C,OAAO,kBAAkB,MAAM,oCAAoC,CAAC;AAIpE,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACjC,CAAC,EAAE,SAAS,GAAG,UAAU,EAAE,GAAG,IAAI,EAAmB,EAAE,GAAmC,EAAE,EAAE;IAC5F,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,EAAE;QACxD,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,EAAE;KACvE,CAAC,CAAC;IACH,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,KAChB,IAAI,KACJ,kBAAkB,KAClB,6BAA6B,CAAC;YAChC,SAAS,EAAE;gBACT,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACvB,UAAU,EAAE;oBACV,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE;oBACtB,UAAU,EAAE,IAAI,kBAAkB,CAAC,QAAQ,EAAE;iBAC9C;aAC+C;SACnD,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAC3C,eAAe,UAAU,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataRadioGroupComponent } from './analytics-metadata/interfaces';\nimport { RadioGroupProps } from './interfaces';\nimport InternalRadioGroup from './internal';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { RadioGroupProps };\n\nconst RadioGroup = React.forwardRef(\n ({ direction = 'vertical', ...rest }: RadioGroupProps, ref: React.Ref<RadioGroupProps.Ref>) => {\n const baseComponentProps = useBaseComponent('RadioGroup', {\n props: { readOnly: rest.readOnly, direction: direction ?? 'vertical' },\n });\n return (\n <InternalRadioGroup\n ref={ref}\n direction={direction}\n {...rest}\n {...baseComponentProps}\n {...getAnalyticsMetadataAttribute({\n component: {\n name: 'awsui.RadioGroup',\n label: { root: 'self' },\n properties: {\n value: `${rest.value}`,\n valueLabel: `.${analyticsSelectors.selected}`,\n },\n } as GeneratedAnalyticsMetadataRadioGroupComponent,\n })}\n />\n );\n }\n);\n\napplyDisplayName(RadioGroup, 'RadioGroup');\nexport default RadioGroup;\n"]}
package/radio-group/styles.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "radio-group": "awsui_radio-group_1mabk_ye5o0_145",
5
- "horizontal-group": "awsui_horizontal-group_1mabk_ye5o0_176",
6
- "radio": "awsui_radio_1mabk_ye5o0_145",
7
- "horizontal": "awsui_horizontal_1mabk_ye5o0_176",
8
- "radio--has-description": "awsui_radio--has-description_1mabk_ye5o0_190"
4
+ "radio-group": "awsui_radio-group_1mabk_1rw55_145",
5
+ "horizontal-group": "awsui_horizontal-group_1mabk_1rw55_176",
6
+ "radio": "awsui_radio_1mabk_1rw55_145",
7
+ "horizontal": "awsui_horizontal_1mabk_1rw55_176",
8
+ "radio--has-description": "awsui_radio--has-description_1mabk_1rw55_190"
9
9
  };
10
10
 
package/radio-group/styles.scoped.css CHANGED
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_radio-group_1mabk_ye5o0_145:not(#\9) {
145
+ .awsui_radio-group_1mabk_1rw55_145:not(#\9) {
146
146
  border-collapse: separate;
147
147
  border-spacing: 0;
148
148
  box-sizing: border-box;
@@ -173,24 +173,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
173
173
  -webkit-font-smoothing: auto;
174
174
  -moz-osx-font-smoothing: auto;
175
175
  }
176
- .awsui_radio-group_1mabk_ye5o0_145:not(#\9):not(.awsui_horizontal-group_1mabk_ye5o0_176) {
176
+ .awsui_radio-group_1mabk_1rw55_145:not(#\9):not(.awsui_horizontal-group_1mabk_1rw55_176) {
177
177
  display: block;
178
178
  }
179
- .awsui_radio-group_1mabk_ye5o0_145.awsui_horizontal-group_1mabk_ye5o0_176:not(#\9) {
179
+ .awsui_radio-group_1mabk_1rw55_145.awsui_horizontal-group_1mabk_1rw55_176:not(#\9) {
180
180
  display: flex;
181
- align-items: start;
181
+ align-items: flex-start;
182
182
  flex-wrap: wrap;
183
183
  gap: var(--space-scaled-l-sej05l, 20px);
184
184
  }
185
185
 
186
- .awsui_radio_1mabk_ye5o0_145 + .awsui_radio_1mabk_ye5o0_145:not(#\9):not(.awsui_horizontal_1mabk_ye5o0_176) {
186
+ .awsui_radio_1mabk_1rw55_145 + .awsui_radio_1mabk_1rw55_145:not(#\9):not(.awsui_horizontal_1mabk_1rw55_176) {
187
187
  margin-block-start: var(--space-scaled-xxs-pfm1nx, 4px);
188
188
  }
189
189
 
190
- .awsui_radio--has-description_1mabk_ye5o0_190 + .awsui_radio_1mabk_ye5o0_145:not(#\9):not(.awsui_horizontal_1mabk_ye5o0_176) {
190
+ .awsui_radio--has-description_1mabk_1rw55_190 + .awsui_radio_1mabk_1rw55_145:not(#\9):not(.awsui_horizontal_1mabk_1rw55_176) {
191
191
  margin-block-start: var(--space-scaled-xs-xwoogq, 8px);
192
192
  }
193
193
 
194
- .awsui_radio_1mabk_ye5o0_145.awsui_horizontal_1mabk_ye5o0_176:not(#\9) {
194
+ .awsui_radio_1mabk_1rw55_145.awsui_horizontal_1mabk_1rw55_176:not(#\9) {
195
195
  max-inline-size: calc(16 * var(--space-scaled-xxl-6wgq96, 32px));
196
196
  }
package/radio-group/styles.selectors.js CHANGED
@@ -2,10 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "radio-group": "awsui_radio-group_1mabk_ye5o0_145",
6
- "horizontal-group": "awsui_horizontal-group_1mabk_ye5o0_176",
7
- "radio": "awsui_radio_1mabk_ye5o0_145",
8
- "horizontal": "awsui_horizontal_1mabk_ye5o0_176",
9
- "radio--has-description": "awsui_radio--has-description_1mabk_ye5o0_190"
5
+ "radio-group": "awsui_radio-group_1mabk_1rw55_145",
6
+ "horizontal-group": "awsui_horizontal-group_1mabk_1rw55_176",
7
+ "radio": "awsui_radio_1mabk_1rw55_145",
8
+ "horizontal": "awsui_horizontal_1mabk_1rw55_176",
9
+ "radio--has-description": "awsui_radio--has-description_1mabk_1rw55_190"
10
10
  };
11
11
 
package/textarea/styles.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_1m433_145",
5
- "textarea": "awsui_textarea_qk1j1_1m433_149",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1m433_206",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1m433_247",
8
- "textarea-warning": "awsui_textarea-warning_qk1j1_1m433_256"
4
+ "root": "awsui_root_qk1j1_xv2y5_145",
5
+ "textarea": "awsui_textarea_qk1j1_xv2y5_149",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_xv2y5_206",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_xv2y5_247",
8
+ "textarea-warning": "awsui_textarea-warning_qk1j1_xv2y5_256"
9
9
  };
10
10
 
package/textarea/styles.scoped.css CHANGED
@@ -142,11 +142,11 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_root_qk1j1_1m433_145:not(#\9) {
145
+ .awsui_root_qk1j1_xv2y5_145:not(#\9) {
146
146
  /* used for test-utils */
147
147
  }
148
148
 
149
- .awsui_textarea_qk1j1_1m433_149:not(#\9) {
149
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -197,27 +197,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
197
197
  font-size: var(--font-size-body-m-a7nh2n, 14px);
198
198
  line-height: var(--line-height-body-m-2mh3ke, 20px);
199
199
  }
200
- .awsui_textarea_qk1j1_1m433_149:not(#\9):hover {
200
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9):hover {
201
201
  border-color: var(--awsui-style-border-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-default-317xk5, #8c8c94)));
202
202
  color: var(--awsui-style-color-hover-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
203
203
  background-color: var(--awsui-style-background-hover-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
204
204
  box-shadow: var(--awsui-style-box-shadow-hover-d43v8n, --awsui-style-box-shadow-default-d43v8n);
205
205
  }
206
- .awsui_textarea_qk1j1_1m433_149.awsui_textarea-readonly_qk1j1_1m433_206:not(#\9) {
206
+ .awsui_textarea_qk1j1_xv2y5_149.awsui_textarea-readonly_qk1j1_xv2y5_206:not(#\9) {
207
207
  background-color: var(--awsui-style-background-readonly-d43v8n, var(--awsui-style-background-default-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff)));
208
208
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
209
209
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-readonly-d43v8n, var(--awsui-style-border-color-default-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0)));
210
210
  color: var(--awsui-style-color-readonly-d43v8n, var(--awsui-style-color-default-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a)));
211
211
  box-shadow: var(--awsui-style-box-shadow-readonly-d43v8n);
212
212
  }
213
- .awsui_textarea_qk1j1_1m433_149:not(#\9)::placeholder {
213
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9)::placeholder {
214
214
  color: var(--awsui-style-placeholder-color-d43v8n, var(--color-text-input-placeholder-dclg8u, #656871));
215
215
  font-size: var(--awsui-style-placeholder-font-size-d43v8n);
216
216
  font-style: var(--awsui-style-placeholder-font-style-d43v8n, italic);
217
217
  font-weight: var(--awsui-style-placeholder-font-weight-d43v8n);
218
218
  opacity: 1;
219
219
  }
220
- .awsui_textarea_qk1j1_1m433_149:not(#\9):focus {
220
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9):focus {
221
221
  outline: 2px dotted transparent;
222
222
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
223
223
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-focus-d43v8n, var(--color-border-input-focused-4z0pgn, #006ce0));
@@ -229,10 +229,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
229
229
  color: var(--awsui-style-color-focus-d43v8n, var(--color-text-body-default-vvtq8u, #0f141a));
230
230
  background-color: var(--awsui-style-background-focus-d43v8n, var(--color-background-input-default-ifz5bb, #ffffff));
231
231
  }
232
- .awsui_textarea_qk1j1_1m433_149:not(#\9):invalid {
232
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9):invalid {
233
233
  box-shadow: none;
234
234
  }
235
- .awsui_textarea_qk1j1_1m433_149:not(#\9):disabled {
235
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9):disabled {
236
236
  background-color: var(--awsui-style-background-disabled-d43v8n, var(--color-background-input-disabled-dihaja, #ebebf0));
237
237
  border-block: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
238
238
  border-inline: var(--border-width-field-2xc78x, 1px) solid var(--awsui-style-border-color-disabled-d43v8n, var(--color-border-input-disabled-zgnzvk, #ebebf0));
@@ -240,25 +240,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
240
240
  cursor: default;
241
241
  box-shadow: var(--awsui-style-box-shadow-disabled-d43v8n);
242
242
  }
243
- .awsui_textarea_qk1j1_1m433_149:not(#\9):disabled::placeholder {
243
+ .awsui_textarea_qk1j1_xv2y5_149:not(#\9):disabled::placeholder {
244
244
  color: var(--color-text-input-placeholder-disabled-wg87og, #b4b4bb);
245
245
  opacity: 1;
246
246
  }
247
- .awsui_textarea_qk1j1_1m433_149.awsui_textarea-invalid_qk1j1_1m433_247:not(#\9) {
248
- color: var(--color-text-status-error-ksqavh, #db0000);
249
- border-color: var(--color-text-status-error-ksqavh, #db0000);
247
+ .awsui_textarea_qk1j1_xv2y5_149.awsui_textarea-invalid_qk1j1_xv2y5_247:not(#\9) {
248
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
249
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-error-ksqavh, #db0000));
250
250
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
251
251
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
252
252
  }
253
- .awsui_textarea_qk1j1_1m433_149.awsui_textarea-invalid_qk1j1_1m433_247:not(#\9):focus {
253
+ .awsui_textarea_qk1j1_xv2y5_149.awsui_textarea-invalid_qk1j1_xv2y5_247:not(#\9):focus {
254
254
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
255
255
  }
256
- .awsui_textarea_qk1j1_1m433_149.awsui_textarea-warning_qk1j1_1m433_256:not(#\9) {
257
- color: var(--color-text-status-warning-6meo06, #855900);
258
- border-color: var(--color-text-status-warning-6meo06, #855900);
256
+ .awsui_textarea_qk1j1_xv2y5_149.awsui_textarea-warning_qk1j1_xv2y5_256:not(#\9) {
257
+ color: var(--awsui-style-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
258
+ border-color: var(--awsui-style-border-color-default-d43v8n, var(--color-text-status-warning-6meo06, #855900));
259
259
  padding-inline-start: calc(var(--space-field-horizontal-0aq2ch, 12px) - (var(--border-invalid-width-3xd6e1, 8px) - var(--border-width-field-2xc78x, 1px)));
260
260
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
261
261
  }
262
- .awsui_textarea_qk1j1_1m433_149.awsui_textarea-warning_qk1j1_1m433_256:not(#\9):focus {
262
+ .awsui_textarea_qk1j1_xv2y5_149.awsui_textarea-warning_qk1j1_xv2y5_256:not(#\9):focus {
263
263
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-9jjf96, 2px) var(--color-border-item-focused-uk47pl, #006ce0);
264
264
  }
package/textarea/styles.selectors.js CHANGED
@@ -2,10 +2,10 @@
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_qk1j1_1m433_145",
6
- "textarea": "awsui_textarea_qk1j1_1m433_149",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_1m433_206",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_1m433_247",
9
- "textarea-warning": "awsui_textarea-warning_qk1j1_1m433_256"
5
+ "root": "awsui_root_qk1j1_xv2y5_145",
6
+ "textarea": "awsui_textarea_qk1j1_xv2y5_149",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_xv2y5_206",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_xv2y5_247",
9
+ "textarea-warning": "awsui_textarea-warning_qk1j1_xv2y5_256"
10
10
  };
11
11