@cloudscape-design/components 3.0.1292 → 3.0.1294

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.d.ts.map +1 -1
  2. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js +1 -4
  3. package/app-layout/visual-refresh-toolbar/state/use-feature-notifications.js.map +1 -1
  4. package/autosuggest/interfaces.d.ts +2 -1
  5. package/autosuggest/interfaces.d.ts.map +1 -1
  6. package/autosuggest/interfaces.js.map +1 -1
  7. package/date-range-picker/styles.css.js +23 -23
  8. package/date-range-picker/styles.scoped.css +34 -32
  9. package/date-range-picker/styles.selectors.js +23 -23
  10. package/file-token-group/styles.css.js +23 -23
  11. package/file-token-group/styles.scoped.css +34 -34
  12. package/file-token-group/styles.selectors.js +23 -23
  13. package/icon/generated/icons.d.ts +1 -0
  14. package/icon/generated/icons.d.ts.map +1 -1
  15. package/icon/generated/icons.js +3 -0
  16. package/icon/generated/icons.js.map +1 -1
  17. package/icon-provider/interfaces.d.ts +1 -1
  18. package/icon-provider/interfaces.d.ts.map +1 -1
  19. package/icon-provider/interfaces.js.map +1 -1
  20. package/internal/base-component/styles.scoped.css +1 -1
  21. package/internal/components/button-trigger/styles.css.js +14 -14
  22. package/internal/components/button-trigger/styles.scoped.css +32 -28
  23. package/internal/components/button-trigger/styles.selectors.js +14 -14
  24. package/internal/environment.js +2 -2
  25. package/internal/environment.json +2 -2
  26. package/internal/generated/theming/index.cjs +7 -0
  27. package/internal/generated/theming/index.cjs.d.ts +27 -0
  28. package/internal/generated/theming/index.d.ts +27 -0
  29. package/internal/generated/theming/index.js +7 -0
  30. package/internal/manifest.json +1 -1
  31. package/multiselect/interfaces.d.ts +3 -0
  32. package/multiselect/interfaces.d.ts.map +1 -1
  33. package/multiselect/interfaces.js.map +1 -1
  34. package/package.json +1 -1
  35. package/prompt-input/internal.js +1 -1
  36. package/prompt-input/internal.js.map +1 -1
  37. package/prompt-input/styles.css.js +26 -26
  38. package/prompt-input/styles.scoped.css +61 -62
  39. package/prompt-input/styles.selectors.js +26 -26
  40. package/property-filter/use-load-items.d.ts +2 -1
  41. package/property-filter/use-load-items.d.ts.map +1 -1
  42. package/select/interfaces.d.ts +2 -1
  43. package/select/interfaces.d.ts.map +1 -1
  44. package/select/interfaces.js.map +1 -1
  45. package/select/parts/styles.css.js +20 -20
  46. package/select/parts/styles.scoped.css +23 -21
  47. package/select/parts/styles.selectors.js +20 -20
  48. package/token/styles.css.js +14 -14
  49. package/token/styles.scoped.css +28 -30
  50. package/token/styles.selectors.js +14 -14
@@ -206,7 +206,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
206
206
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
207
207
  SPDX-License-Identifier: Apache-2.0
208
208
  */
209
- .awsui_root_39ths_u5h4x_209:not(#\9) {
209
+ .awsui_root_39ths_18ryc_209:not(#\9) {
210
210
  border-collapse: separate;
211
211
  border-spacing: 0;
212
212
  box-sizing: border-box;
@@ -238,16 +238,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
238
238
  -moz-osx-font-smoothing: auto;
239
239
  }
240
240
 
241
- .awsui_file-loading-overlay_39ths_u5h4x_241:not(#\9) {
241
+ .awsui_file-loading-overlay_39ths_18ryc_241:not(#\9) {
242
242
  position: absolute;
243
243
  inset-inline-end: var(--space-static-xs-gnm0mz, 8px);
244
244
  inset-block-end: var(--space-static-xxs-ns94dp, 4px);
245
245
  }
246
- .awsui_file-loading-overlay-single-row_39ths_u5h4x_246:not(#\9) {
246
+ .awsui_file-loading-overlay-single-row_39ths_18ryc_246:not(#\9) {
247
247
  inset-inline-end: var(--space-static-xxl-ifa9j8, 32px);
248
248
  }
249
249
 
250
- .awsui_file-name-container_39ths_u5h4x_250:not(#\9) {
250
+ .awsui_file-name-container_39ths_18ryc_250:not(#\9) {
251
251
  all: unset;
252
252
  display: block;
253
253
  inline-size: 100%;
@@ -255,14 +255,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
255
255
  cursor: default;
256
256
  text-align: start;
257
257
  }
258
- body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:not(#\9):focus-visible:focus {
258
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_18ryc_250:not(#\9):focus-visible:focus {
259
259
  position: relative;
260
260
  }
261
- body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:not(#\9):focus-visible:focus {
261
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_18ryc_250:not(#\9):focus-visible:focus {
262
262
  outline: 2px dotted transparent;
263
263
  outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
264
264
  }
265
- body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:not(#\9):focus-visible:focus::before {
265
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_18ryc_250:not(#\9):focus-visible:focus::before {
266
266
  content: " ";
267
267
  display: block;
268
268
  position: absolute;
@@ -277,26 +277,26 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:n
277
277
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
278
278
  }
279
279
 
280
- .awsui_file-option-name_39ths_u5h4x_280:not(#\9),
281
- .awsui_file-option-size_39ths_u5h4x_281:not(#\9),
282
- .awsui_file-option-last-modified_39ths_u5h4x_282:not(#\9) {
280
+ .awsui_file-option-name_39ths_18ryc_280:not(#\9),
281
+ .awsui_file-option-size_39ths_18ryc_281:not(#\9),
282
+ .awsui_file-option-last-modified_39ths_18ryc_282:not(#\9) {
283
283
  text-overflow: ellipsis;
284
284
  overflow: hidden;
285
285
  white-space: nowrap;
286
286
  }
287
287
 
288
- .awsui_file-option_39ths_u5h4x_280:not(#\9) {
288
+ .awsui_file-option_39ths_18ryc_280:not(#\9) {
289
289
  inline-size: 100%;
290
290
  min-inline-size: 0;
291
291
  display: flex;
292
292
  gap: var(--space-scaled-xs-xwoogq, 8px);
293
293
  }
294
294
 
295
- .awsui_file-option-thumbnail_39ths_u5h4x_295:not(#\9) {
295
+ .awsui_file-option-thumbnail_39ths_18ryc_295:not(#\9) {
296
296
  margin-block-start: var(--space-static-xxs-ns94dp, 4px);
297
297
  }
298
298
 
299
- .awsui_file-option-thumbnail-image_39ths_u5h4x_299:not(#\9) {
299
+ .awsui_file-option-thumbnail-image_39ths_18ryc_299:not(#\9) {
300
300
  font-size: var(--font-size-body-s-smc8cv, 12px);
301
301
  line-height: var(--line-height-body-s-nu5hx1, 16px);
302
302
  letter-spacing: var(--letter-spacing-body-s-gq78ok, 0.005em);
@@ -309,37 +309,37 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:n
309
309
  overflow: hidden;
310
310
  }
311
311
 
312
- .awsui_file-option-metadata_39ths_u5h4x_312:not(#\9) {
312
+ .awsui_file-option-metadata_39ths_18ryc_312:not(#\9) {
313
313
  inline-size: 100%;
314
314
  }
315
- .awsui_file-option-metadata_39ths_u5h4x_312.awsui_with-image_39ths_u5h4x_315:not(#\9) {
315
+ .awsui_file-option-metadata_39ths_18ryc_312.awsui_with-image_39ths_18ryc_315:not(#\9) {
316
316
  inline-size: calc(100% - 48px);
317
317
  }
318
- .awsui_file-option-metadata_39ths_u5h4x_312.awsui_single-row-loading_39ths_u5h4x_318:not(#\9) {
318
+ .awsui_file-option-metadata_39ths_18ryc_312.awsui_single-row-loading_39ths_18ryc_318:not(#\9) {
319
319
  inline-size: calc(100% - var(--size-icon-normal-levt08, 16px));
320
320
  }
321
321
 
322
- .awsui_token_39ths_u5h4x_322:not(#\9) {
322
+ .awsui_token_39ths_18ryc_322:not(#\9) {
323
323
  position: relative;
324
324
  block-size: 100%;
325
325
  display: flex;
326
326
  flex-direction: column;
327
327
  gap: var(--space-xxs-hwfkai, 4px);
328
328
  }
329
- .awsui_token-grid_39ths_u5h4x_329:not(#\9) {
329
+ .awsui_token-grid_39ths_18ryc_329:not(#\9) {
330
330
  display: grid;
331
331
  grid-template-rows: max-content auto;
332
332
  }
333
333
  @media (max-width: 688px) {
334
- .awsui_token-grid_39ths_u5h4x_329:not(#\9) {
334
+ .awsui_token-grid_39ths_18ryc_329:not(#\9) {
335
335
  display: flex;
336
336
  }
337
337
  }
338
- .awsui_token-contains-image_39ths_u5h4x_338:not(#\9) {
338
+ .awsui_token-contains-image_39ths_18ryc_338:not(#\9) {
339
339
  grid-template-rows: 68px auto;
340
340
  }
341
341
 
342
- .awsui_token-box_39ths_u5h4x_342:not(#\9) {
342
+ .awsui_token-box_39ths_18ryc_342:not(#\9) {
343
343
  position: relative;
344
344
  block-size: 100%;
345
345
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_u5h4x_250:n
358
358
  color: var(--color-text-body-default-vvtq8u, #0f141a);
359
359
  box-sizing: border-box;
360
360
  }
361
- .awsui_token-box_39ths_u5h4x_342.awsui_horizontal_39ths_u5h4x_361:not(#\9) {
361
+ .awsui_token-box_39ths_18ryc_342.awsui_horizontal_39ths_18ryc_361:not(#\9) {
362
362
  max-inline-size: 230px;
363
363
  }
364
364
  @media (max-width: 688px) {
365
- .awsui_token-box_39ths_u5h4x_342.awsui_horizontal_39ths_u5h4x_361:not(#\9) {
365
+ .awsui_token-box_39ths_18ryc_342.awsui_horizontal_39ths_18ryc_361:not(#\9) {
366
366
  max-inline-size: 100%;
367
367
  }
368
368
  }
369
- .awsui_token-box_39ths_u5h4x_342.awsui_error_39ths_u5h4x_369:not(#\9) {
369
+ .awsui_token-box_39ths_18ryc_342.awsui_error_39ths_18ryc_369:not(#\9) {
370
370
  border-color: var(--color-border-status-error-j8acpp, #db0000);
371
371
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
372
372
  }
373
- .awsui_token-box_39ths_u5h4x_342.awsui_error_39ths_u5h4x_369 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9) {
373
+ .awsui_token-box_39ths_18ryc_342.awsui_error_39ths_18ryc_369 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9) {
374
374
  color: var(--color-text-interactive-default-ugh9wp, #424650);
375
375
  }
376
- .awsui_token-box_39ths_u5h4x_342.awsui_error_39ths_u5h4x_369 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9):hover {
376
+ .awsui_token-box_39ths_18ryc_342.awsui_error_39ths_18ryc_369 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9):hover {
377
377
  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
378
378
  }
379
- .awsui_token-box_39ths_u5h4x_342.awsui_warning_39ths_u5h4x_379:not(#\9) {
379
+ .awsui_token-box_39ths_18ryc_342.awsui_warning_39ths_18ryc_379:not(#\9) {
380
380
  border-color: var(--color-border-status-warning-j40pg7, #855900);
381
381
  border-inline-start-width: var(--border-invalid-width-3xd6e1, 8px);
382
382
  }
383
- .awsui_token-box_39ths_u5h4x_342.awsui_warning_39ths_u5h4x_379 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9) {
383
+ .awsui_token-box_39ths_18ryc_342.awsui_warning_39ths_18ryc_379 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9) {
384
384
  color: var(--color-text-interactive-default-ugh9wp, #424650);
385
385
  }
386
- .awsui_token-box_39ths_u5h4x_342.awsui_warning_39ths_u5h4x_379 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9):hover {
386
+ .awsui_token-box_39ths_18ryc_342.awsui_warning_39ths_18ryc_379 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9):hover {
387
387
  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
388
388
  }
389
- .awsui_token-box_39ths_u5h4x_342.awsui_read-only_39ths_u5h4x_389:not(#\9) {
389
+ .awsui_token-box_39ths_18ryc_342.awsui_read-only_39ths_18ryc_389:not(#\9) {
390
390
  border-color: var(--color-border-input-disabled-zgnzvk, #ebebf0);
391
391
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
392
- pointer-events: none;
393
392
  }
394
- .awsui_token-box_39ths_u5h4x_342.awsui_read-only_39ths_u5h4x_389 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9) {
393
+ .awsui_token-box_39ths_18ryc_342.awsui_read-only_39ths_18ryc_389 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9) {
394
+ pointer-events: none;
395
395
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
396
396
  }
397
- .awsui_token-box_39ths_u5h4x_342.awsui_read-only_39ths_u5h4x_389 > .awsui_dismiss-button_39ths_u5h4x_373:not(#\9):hover {
397
+ .awsui_token-box_39ths_18ryc_342.awsui_read-only_39ths_18ryc_389 > .awsui_dismiss-button_39ths_18ryc_373:not(#\9):hover {
398
398
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
399
399
  cursor: initial;
400
400
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
401
401
  }
402
- .awsui_token-box_39ths_u5h4x_342.awsui_loading_39ths_u5h4x_402:not(#\9) {
402
+ .awsui_token-box_39ths_18ryc_342.awsui_loading_39ths_18ryc_402:not(#\9) {
403
403
  border-color: var(--color-border-control-disabled-uj7t08, #dedee3);
404
404
  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
405
405
  }
@@ -2,28 +2,28 @@
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_39ths_u5h4x_209",
6
- "file-loading-overlay": "awsui_file-loading-overlay_39ths_u5h4x_241",
7
- "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_u5h4x_246",
8
- "file-name-container": "awsui_file-name-container_39ths_u5h4x_250",
9
- "file-option-name": "awsui_file-option-name_39ths_u5h4x_280",
10
- "file-option-size": "awsui_file-option-size_39ths_u5h4x_281",
11
- "file-option-last-modified": "awsui_file-option-last-modified_39ths_u5h4x_282",
12
- "file-option": "awsui_file-option_39ths_u5h4x_280",
13
- "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_u5h4x_295",
14
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_u5h4x_299",
15
- "file-option-metadata": "awsui_file-option-metadata_39ths_u5h4x_312",
16
- "with-image": "awsui_with-image_39ths_u5h4x_315",
17
- "single-row-loading": "awsui_single-row-loading_39ths_u5h4x_318",
18
- "token": "awsui_token_39ths_u5h4x_322",
19
- "token-grid": "awsui_token-grid_39ths_u5h4x_329",
20
- "token-contains-image": "awsui_token-contains-image_39ths_u5h4x_338",
21
- "token-box": "awsui_token-box_39ths_u5h4x_342",
22
- "horizontal": "awsui_horizontal_39ths_u5h4x_361",
23
- "error": "awsui_error_39ths_u5h4x_369",
24
- "dismiss-button": "awsui_dismiss-button_39ths_u5h4x_373",
25
- "warning": "awsui_warning_39ths_u5h4x_379",
26
- "read-only": "awsui_read-only_39ths_u5h4x_389",
27
- "loading": "awsui_loading_39ths_u5h4x_402"
5
+ "root": "awsui_root_39ths_18ryc_209",
6
+ "file-loading-overlay": "awsui_file-loading-overlay_39ths_18ryc_241",
7
+ "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_18ryc_246",
8
+ "file-name-container": "awsui_file-name-container_39ths_18ryc_250",
9
+ "file-option-name": "awsui_file-option-name_39ths_18ryc_280",
10
+ "file-option-size": "awsui_file-option-size_39ths_18ryc_281",
11
+ "file-option-last-modified": "awsui_file-option-last-modified_39ths_18ryc_282",
12
+ "file-option": "awsui_file-option_39ths_18ryc_280",
13
+ "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_18ryc_295",
14
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_18ryc_299",
15
+ "file-option-metadata": "awsui_file-option-metadata_39ths_18ryc_312",
16
+ "with-image": "awsui_with-image_39ths_18ryc_315",
17
+ "single-row-loading": "awsui_single-row-loading_39ths_18ryc_318",
18
+ "token": "awsui_token_39ths_18ryc_322",
19
+ "token-grid": "awsui_token-grid_39ths_18ryc_329",
20
+ "token-contains-image": "awsui_token-contains-image_39ths_18ryc_338",
21
+ "token-box": "awsui_token-box_39ths_18ryc_342",
22
+ "horizontal": "awsui_horizontal_39ths_18ryc_361",
23
+ "error": "awsui_error_39ths_18ryc_369",
24
+ "dismiss-button": "awsui_dismiss-button_39ths_18ryc_373",
25
+ "warning": "awsui_warning_39ths_18ryc_379",
26
+ "read-only": "awsui_read-only_39ths_18ryc_389",
27
+ "loading": "awsui_loading_39ths_18ryc_402"
28
28
  };
29
29
 
@@ -7,6 +7,7 @@ declare const icons: {
7
7
  "angle-right-double": JSX.Element;
8
8
  "angle-right": JSX.Element;
9
9
  "angle-up": JSX.Element;
10
+ announcement: JSX.Element;
10
11
  "arrow-down": JSX.Element;
11
12
  "arrow-left": JSX.Element;
12
13
  "arrow-right": JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/icon/generated/icons.tsx"],"names":[],"mappings":"AACE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IV,CAAC;AACF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../src/icon/generated/icons.tsx"],"names":[],"mappings":"AACE,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IV,CAAC;AACF,eAAe,KAAK,CAAC"}
@@ -18,6 +18,9 @@ const icons = {
18
18
  React.createElement("path", { d: "m5 2 6 6-6 6", className: "stroke-linejoin-round" })),
19
19
  "angle-up": React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true" },
20
20
  React.createElement("path", { d: "m2 11 6-6 6 6", className: "stroke-linejoin-round" })),
21
+ "announcement": React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true" },
22
+ React.createElement("path", { d: "m7 4 7.324-2.747a.5.5 0 0 1 .676.469v11.556a.5.5 0 0 1-.676.469L7 11M1 6a2 2 0 0 1 2-2h4v7H3a2 2 0 0 1-2-2V6Z" }),
23
+ React.createElement("path", { d: "M9.936 12.147A2.851 2.851 0 0 1 4.352 11" })),
21
24
  "arrow-down": React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true" },
22
25
  React.createElement("path", { d: "m3 9 5 5 5-5M8 14V1", className: "stroke-linejoin-round" })),
23
26
  "arrow-left": React.createElement("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", focusable: "false", "aria-hidden": "true" },