@cloudscape-design/components 3.0.1283 → 3.0.1284

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 (17) hide show
  1. package/file-token-group/styles.css.js +23 -23
  2. package/file-token-group/styles.scoped.css +35 -35
  3. package/file-token-group/styles.selectors.js +23 -23
  4. package/internal/base-component/styles.scoped.css +4 -1
  5. package/internal/environment.js +2 -2
  6. package/internal/environment.json +2 -2
  7. package/internal/generated/styles/tokens.d.ts +1 -0
  8. package/internal/generated/styles/tokens.js +1 -0
  9. package/internal/generated/theming/index.cjs +13 -0
  10. package/internal/generated/theming/index.cjs.d.ts +9 -0
  11. package/internal/generated/theming/index.d.ts +9 -0
  12. package/internal/generated/theming/index.js +13 -0
  13. package/internal/manifest.json +1 -1
  14. package/package.json +1 -1
  15. package/token/styles.css.js +14 -14
  16. package/token/styles.scoped.css +30 -30
  17. package/token/styles.selectors.js +14 -14
package/file-token-group/styles.css.js CHANGED
@@ -1,28 +1,28 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_39ths_3kdob_209",
5
- "file-loading-overlay": "awsui_file-loading-overlay_39ths_3kdob_241",
6
- "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_3kdob_246",
7
- "file-name-container": "awsui_file-name-container_39ths_3kdob_250",
8
- "file-option-name": "awsui_file-option-name_39ths_3kdob_280",
9
- "file-option-size": "awsui_file-option-size_39ths_3kdob_281",
10
- "file-option-last-modified": "awsui_file-option-last-modified_39ths_3kdob_282",
11
- "file-option": "awsui_file-option_39ths_3kdob_280",
12
- "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_3kdob_295",
13
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_3kdob_299",
14
- "file-option-metadata": "awsui_file-option-metadata_39ths_3kdob_312",
15
- "with-image": "awsui_with-image_39ths_3kdob_315",
16
- "single-row-loading": "awsui_single-row-loading_39ths_3kdob_318",
17
- "token": "awsui_token_39ths_3kdob_322",
18
- "token-grid": "awsui_token-grid_39ths_3kdob_329",
19
- "token-contains-image": "awsui_token-contains-image_39ths_3kdob_338",
20
- "token-box": "awsui_token-box_39ths_3kdob_342",
21
- "horizontal": "awsui_horizontal_39ths_3kdob_361",
22
- "error": "awsui_error_39ths_3kdob_369",
23
- "dismiss-button": "awsui_dismiss-button_39ths_3kdob_373",
24
- "warning": "awsui_warning_39ths_3kdob_379",
25
- "read-only": "awsui_read-only_39ths_3kdob_389",
26
- "loading": "awsui_loading_39ths_3kdob_402"
4
+ "root": "awsui_root_39ths_sl06h_209",
5
+ "file-loading-overlay": "awsui_file-loading-overlay_39ths_sl06h_241",
6
+ "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_sl06h_246",
7
+ "file-name-container": "awsui_file-name-container_39ths_sl06h_250",
8
+ "file-option-name": "awsui_file-option-name_39ths_sl06h_280",
9
+ "file-option-size": "awsui_file-option-size_39ths_sl06h_281",
10
+ "file-option-last-modified": "awsui_file-option-last-modified_39ths_sl06h_282",
11
+ "file-option": "awsui_file-option_39ths_sl06h_280",
12
+ "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_sl06h_295",
13
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_sl06h_299",
14
+ "file-option-metadata": "awsui_file-option-metadata_39ths_sl06h_312",
15
+ "with-image": "awsui_with-image_39ths_sl06h_315",
16
+ "single-row-loading": "awsui_single-row-loading_39ths_sl06h_318",
17
+ "token": "awsui_token_39ths_sl06h_322",
18
+ "token-grid": "awsui_token-grid_39ths_sl06h_329",
19
+ "token-contains-image": "awsui_token-contains-image_39ths_sl06h_338",
20
+ "token-box": "awsui_token-box_39ths_sl06h_342",
21
+ "horizontal": "awsui_horizontal_39ths_sl06h_361",
22
+ "error": "awsui_error_39ths_sl06h_369",
23
+ "dismiss-button": "awsui_dismiss-button_39ths_sl06h_373",
24
+ "warning": "awsui_warning_39ths_sl06h_379",
25
+ "read-only": "awsui_read-only_39ths_sl06h_389",
26
+ "loading": "awsui_loading_39ths_sl06h_402"
27
27
  };
28
28
 
package/file-token-group/styles.scoped.css CHANGED
@@ -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_3kdob_209:not(#\9) {
209
+ .awsui_root_39ths_sl06h_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_3kdob_241:not(#\9) {
241
+ .awsui_file-loading-overlay_39ths_sl06h_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_3kdob_246:not(#\9) {
246
+ .awsui_file-loading-overlay-single-row_39ths_sl06h_246:not(#\9) {
247
247
  inset-inline-end: var(--space-static-xxl-ifa9j8, 32px);
248
248
  }
249
249
 
250
- .awsui_file-name-container_39ths_3kdob_250:not(#\9) {
250
+ .awsui_file-name-container_39ths_sl06h_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_3kdob_250:not(#\9):focus-visible:focus {
258
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_sl06h_250:not(#\9):focus-visible:focus {
259
259
  position: relative;
260
260
  }
261
- body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_250:not(#\9):focus-visible:focus {
261
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_sl06h_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_3kdob_250:not(#\9):focus-visible:focus::before {
265
+ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_sl06h_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_3kdob_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_3kdob_280:not(#\9),
281
- .awsui_file-option-size_39ths_3kdob_281:not(#\9),
282
- .awsui_file-option-last-modified_39ths_3kdob_282:not(#\9) {
280
+ .awsui_file-option-name_39ths_sl06h_280:not(#\9),
281
+ .awsui_file-option-size_39ths_sl06h_281:not(#\9),
282
+ .awsui_file-option-last-modified_39ths_sl06h_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_3kdob_280:not(#\9) {
288
+ .awsui_file-option_39ths_sl06h_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_3kdob_295:not(#\9) {
295
+ .awsui_file-option-thumbnail_39ths_sl06h_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_3kdob_299:not(#\9) {
299
+ .awsui_file-option-thumbnail-image_39ths_sl06h_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,43 +309,43 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_250:n
309
309
  overflow: hidden;
310
310
  }
311
311
 
312
- .awsui_file-option-metadata_39ths_3kdob_312:not(#\9) {
312
+ .awsui_file-option-metadata_39ths_sl06h_312:not(#\9) {
313
313
  inline-size: 100%;
314
314
  }
315
- .awsui_file-option-metadata_39ths_3kdob_312.awsui_with-image_39ths_3kdob_315:not(#\9) {
315
+ .awsui_file-option-metadata_39ths_sl06h_312.awsui_with-image_39ths_sl06h_315:not(#\9) {
316
316
  inline-size: calc(100% - 48px);
317
317
  }
318
- .awsui_file-option-metadata_39ths_3kdob_312.awsui_single-row-loading_39ths_3kdob_318:not(#\9) {
318
+ .awsui_file-option-metadata_39ths_sl06h_312.awsui_single-row-loading_39ths_sl06h_318:not(#\9) {
319
319
  inline-size: calc(100% - var(--size-icon-normal-levt08, 16px));
320
320
  }
321
321
 
322
- .awsui_token_39ths_3kdob_322:not(#\9) {
322
+ .awsui_token_39ths_sl06h_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_3kdob_329:not(#\9) {
329
+ .awsui_token-grid_39ths_sl06h_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_3kdob_329:not(#\9) {
334
+ .awsui_token-grid_39ths_sl06h_329:not(#\9) {
335
335
  display: flex;
336
336
  }
337
337
  }
338
- .awsui_token-contains-image_39ths_3kdob_338:not(#\9) {
338
+ .awsui_token-contains-image_39ths_sl06h_338:not(#\9) {
339
339
  grid-template-rows: 68px auto;
340
340
  }
341
341
 
342
- .awsui_token-box_39ths_3kdob_342:not(#\9) {
342
+ .awsui_token-box_39ths_sl06h_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));
346
346
  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
347
- padding-block-start: var(--space-field-vertical-vm99qz, 5px);
348
- padding-block-end: var(--space-field-vertical-vm99qz, 5px);
347
+ padding-block-start: var(--space-token-vertical-m3oh2a, 4px);
348
+ padding-block-end: var(--space-token-vertical-m3oh2a, 4px);
349
349
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
350
350
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
351
351
  display: flex;
@@ -358,48 +358,48 @@ body[data-awsui-focus-visible=true] .awsui_file-name-container_39ths_3kdob_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_3kdob_342.awsui_horizontal_39ths_3kdob_361:not(#\9) {
361
+ .awsui_token-box_39ths_sl06h_342.awsui_horizontal_39ths_sl06h_361:not(#\9) {
362
362
  max-inline-size: 230px;
363
363
  }
364
364
  @media (max-width: 688px) {
365
- .awsui_token-box_39ths_3kdob_342.awsui_horizontal_39ths_3kdob_361:not(#\9) {
365
+ .awsui_token-box_39ths_sl06h_342.awsui_horizontal_39ths_sl06h_361:not(#\9) {
366
366
  max-inline-size: 100%;
367
367
  }
368
368
  }
369
- .awsui_token-box_39ths_3kdob_342.awsui_error_39ths_3kdob_369:not(#\9) {
369
+ .awsui_token-box_39ths_sl06h_342.awsui_error_39ths_sl06h_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_3kdob_342.awsui_error_39ths_3kdob_369 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
373
+ .awsui_token-box_39ths_sl06h_342.awsui_error_39ths_sl06h_369 > .awsui_dismiss-button_39ths_sl06h_373:not(#\9) {
374
374
  color: var(--color-text-interactive-default-ugh9wp, #424650);
375
375
  }
376
- .awsui_token-box_39ths_3kdob_342.awsui_error_39ths_3kdob_369 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
376
+ .awsui_token-box_39ths_sl06h_342.awsui_error_39ths_sl06h_369 > .awsui_dismiss-button_39ths_sl06h_373:not(#\9):hover {
377
377
  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
378
378
  }
379
- .awsui_token-box_39ths_3kdob_342.awsui_warning_39ths_3kdob_379:not(#\9) {
379
+ .awsui_token-box_39ths_sl06h_342.awsui_warning_39ths_sl06h_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_3kdob_342.awsui_warning_39ths_3kdob_379 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
383
+ .awsui_token-box_39ths_sl06h_342.awsui_warning_39ths_sl06h_379 > .awsui_dismiss-button_39ths_sl06h_373:not(#\9) {
384
384
  color: var(--color-text-interactive-default-ugh9wp, #424650);
385
385
  }
386
- .awsui_token-box_39ths_3kdob_342.awsui_warning_39ths_3kdob_379 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
386
+ .awsui_token-box_39ths_sl06h_342.awsui_warning_39ths_sl06h_379 > .awsui_dismiss-button_39ths_sl06h_373:not(#\9):hover {
387
387
  color: var(--color-text-interactive-hover-6naf7i, #0f141a);
388
388
  }
389
- .awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389:not(#\9) {
389
+ .awsui_token-box_39ths_sl06h_342.awsui_read-only_39ths_sl06h_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
392
  pointer-events: none;
393
393
  }
394
- .awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9) {
394
+ .awsui_token-box_39ths_sl06h_342.awsui_read-only_39ths_sl06h_389 > .awsui_dismiss-button_39ths_sl06h_373:not(#\9) {
395
395
  color: var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb);
396
396
  }
397
- .awsui_token-box_39ths_3kdob_342.awsui_read-only_39ths_3kdob_389 > .awsui_dismiss-button_39ths_3kdob_373:not(#\9):hover {
397
+ .awsui_token-box_39ths_sl06h_342.awsui_read-only_39ths_sl06h_389 > .awsui_dismiss-button_39ths_sl06h_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_3kdob_342.awsui_loading_39ths_3kdob_402:not(#\9) {
402
+ .awsui_token-box_39ths_sl06h_342.awsui_loading_39ths_sl06h_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
  }
package/file-token-group/styles.selectors.js CHANGED
@@ -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_3kdob_209",
6
- "file-loading-overlay": "awsui_file-loading-overlay_39ths_3kdob_241",
7
- "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_3kdob_246",
8
- "file-name-container": "awsui_file-name-container_39ths_3kdob_250",
9
- "file-option-name": "awsui_file-option-name_39ths_3kdob_280",
10
- "file-option-size": "awsui_file-option-size_39ths_3kdob_281",
11
- "file-option-last-modified": "awsui_file-option-last-modified_39ths_3kdob_282",
12
- "file-option": "awsui_file-option_39ths_3kdob_280",
13
- "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_3kdob_295",
14
- "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_3kdob_299",
15
- "file-option-metadata": "awsui_file-option-metadata_39ths_3kdob_312",
16
- "with-image": "awsui_with-image_39ths_3kdob_315",
17
- "single-row-loading": "awsui_single-row-loading_39ths_3kdob_318",
18
- "token": "awsui_token_39ths_3kdob_322",
19
- "token-grid": "awsui_token-grid_39ths_3kdob_329",
20
- "token-contains-image": "awsui_token-contains-image_39ths_3kdob_338",
21
- "token-box": "awsui_token-box_39ths_3kdob_342",
22
- "horizontal": "awsui_horizontal_39ths_3kdob_361",
23
- "error": "awsui_error_39ths_3kdob_369",
24
- "dismiss-button": "awsui_dismiss-button_39ths_3kdob_373",
25
- "warning": "awsui_warning_39ths_3kdob_379",
26
- "read-only": "awsui_read-only_39ths_3kdob_389",
27
- "loading": "awsui_loading_39ths_3kdob_402"
5
+ "root": "awsui_root_39ths_sl06h_209",
6
+ "file-loading-overlay": "awsui_file-loading-overlay_39ths_sl06h_241",
7
+ "file-loading-overlay-single-row": "awsui_file-loading-overlay-single-row_39ths_sl06h_246",
8
+ "file-name-container": "awsui_file-name-container_39ths_sl06h_250",
9
+ "file-option-name": "awsui_file-option-name_39ths_sl06h_280",
10
+ "file-option-size": "awsui_file-option-size_39ths_sl06h_281",
11
+ "file-option-last-modified": "awsui_file-option-last-modified_39ths_sl06h_282",
12
+ "file-option": "awsui_file-option_39ths_sl06h_280",
13
+ "file-option-thumbnail": "awsui_file-option-thumbnail_39ths_sl06h_295",
14
+ "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_39ths_sl06h_299",
15
+ "file-option-metadata": "awsui_file-option-metadata_39ths_sl06h_312",
16
+ "with-image": "awsui_with-image_39ths_sl06h_315",
17
+ "single-row-loading": "awsui_single-row-loading_39ths_sl06h_318",
18
+ "token": "awsui_token_39ths_sl06h_322",
19
+ "token-grid": "awsui_token-grid_39ths_sl06h_329",
20
+ "token-contains-image": "awsui_token-contains-image_39ths_sl06h_338",
21
+ "token-box": "awsui_token-box_39ths_sl06h_342",
22
+ "horizontal": "awsui_horizontal_39ths_sl06h_361",
23
+ "error": "awsui_error_39ths_sl06h_369",
24
+ "dismiss-button": "awsui_dismiss-button_39ths_sl06h_373",
25
+ "warning": "awsui_warning_39ths_sl06h_379",
26
+ "read-only": "awsui_read-only_39ths_sl06h_389",
27
+ "loading": "awsui_loading_39ths_sl06h_402"
28
28
  };
29
29
 
package/internal/base-component/styles.scoped.css CHANGED
@@ -710,6 +710,7 @@ body {
710
710
  --space-button-focus-outline-gutter-jj138g:4px;
711
711
  --space-button-horizontal-k0c786:var(--space-scaled-l-sej05l);
712
712
  --space-button-vertical-xaxp6x:var(--space-scaled-xxs-pfm1nx);
713
+ --space-token-vertical-m3oh2a:var(--space-scaled-xxs-pfm1nx);
713
714
  --space-field-vertical-vm99qz:5px;
714
715
  --space-button-icon-focus-outline-gutter-vertical-r44mtq:0px;
715
716
  --space-button-icon-only-horizontal-i85hxi:6px;
@@ -1152,6 +1153,7 @@ body {
1152
1153
  --space-alert-vertical-dlp5wr:var(--space-flashbar-vertical-th71op);
1153
1154
  --space-button-horizontal-k0c786:var(--space-scaled-l-sej05l);
1154
1155
  --space-button-vertical-xaxp6x:var(--space-scaled-xxs-pfm1nx);
1156
+ --space-token-vertical-m3oh2a:var(--space-scaled-xxs-pfm1nx);
1155
1157
  --space-button-modal-dismiss-vertical-vqfxjd:var(--space-scaled-xxxs-oo06c7);
1156
1158
  --space-card-vertical-default-e40tif:var(--space-scaled-m-m892r9);
1157
1159
  --space-item-card-horizontal-embedded-e0vef5:var(--space-card-horizontal-embedded-sasxhu);
@@ -1214,6 +1216,7 @@ body {
1214
1216
  --space-alert-vertical-dlp5wr:var(--space-flashbar-vertical-th71op);
1215
1217
  --space-button-horizontal-k0c786:var(--space-scaled-l-sej05l);
1216
1218
  --space-button-vertical-xaxp6x:var(--space-scaled-xxs-pfm1nx);
1219
+ --space-token-vertical-m3oh2a:var(--space-scaled-xxs-pfm1nx);
1217
1220
  --space-button-modal-dismiss-vertical-vqfxjd:var(--space-scaled-xxxs-oo06c7);
1218
1221
  --space-card-vertical-default-e40tif:var(--space-scaled-m-m892r9);
1219
1222
  --space-item-card-vertical-default-ppqfu4:var(--space-card-vertical-default-e40tif);
@@ -2240,5 +2243,5 @@ body {
2240
2243
  }
2241
2244
  }
2242
2245
  :root {
2243
- --awsui-version-info-4fcc3f6a: true;
2246
+ --awsui-version-info-84c3be46: true;
2244
2247
  }
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (4fcc3f6a)";
3
- export var GIT_SHA = "4fcc3f6a";
2
+ export var PACKAGE_VERSION = "3.0.0 (84c3be46)";
3
+ export var GIT_SHA = "84c3be46";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
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 (4fcc3f6a)",
4
- "GIT_SHA": "4fcc3f6a",
3
+ "PACKAGE_VERSION": "3.0.0 (84c3be46)",
4
+ "GIT_SHA": "84c3be46",
5
5
  "THEME": "open-source-visual-refresh",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": true
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -763,6 +763,7 @@ export const spaceAlertVertical: string;
763
763
  export const spaceButtonFocusOutlineGutter: string;
764
764
  export const spaceButtonHorizontal: string;
765
765
  export const spaceButtonVertical: string;
766
+ export const spaceTokenVertical: string;
766
767
  export const spaceFieldVertical: string;
767
768
  export const spaceButtonIconFocusOutlineGutterVertical: string;
768
769
  export const spaceButtonIconOnlyHorizontal: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -763,6 +763,7 @@ export var spaceAlertVertical = "var(--space-alert-vertical-dlp5wr, 8px)";
763
763
  export var spaceButtonFocusOutlineGutter = "var(--space-button-focus-outline-gutter-jj138g, 4px)";
764
764
  export var spaceButtonHorizontal = "var(--space-button-horizontal-k0c786, 20px)";
765
765
  export var spaceButtonVertical = "var(--space-button-vertical-xaxp6x, 4px)";
766
+ export var spaceTokenVertical = "var(--space-token-vertical-m3oh2a, 4px)";
766
767
  export var spaceFieldVertical = "var(--space-field-vertical-vm99qz, 5px)";
767
768
  export var spaceButtonIconFocusOutlineGutterVertical = "var(--space-button-icon-focus-outline-gutter-vertical-r44mtq, 0px)";
768
769
  export var spaceButtonIconOnlyHorizontal = "var(--space-button-icon-only-horizontal-i85hxi, 6px)";
package/internal/generated/theming/index.cjs CHANGED
@@ -2730,6 +2730,10 @@ module.exports.preset = {
2730
2730
  "comfortable": "{spaceScaledXxs}",
2731
2731
  "compact": "{spaceScaledXxs}"
2732
2732
  },
2733
+ "spaceTokenVertical": {
2734
+ "comfortable": "{spaceScaledXxs}",
2735
+ "compact": "{spaceScaledXxs}"
2736
+ },
2733
2737
  "spaceFieldVertical": {
2734
2738
  "comfortable": "5px",
2735
2739
  "compact": "3px"
@@ -3276,6 +3280,10 @@ module.exports.preset = {
3276
3280
  "comfortable": "{spaceScaledXxs}",
3277
3281
  "compact": "{spaceScaledXxs}"
3278
3282
  },
3283
+ "spaceTokenVertical": {
3284
+ "comfortable": "{spaceScaledXxs}",
3285
+ "compact": "{spaceScaledXxs}"
3286
+ },
3279
3287
  "spaceFieldVertical": {
3280
3288
  "comfortable": "5px",
3281
3289
  "compact": "3px"
@@ -12252,6 +12260,7 @@ module.exports.preset = {
12252
12260
  "spaceButtonFocusOutlineGutter": "density",
12253
12261
  "spaceButtonHorizontal": "density",
12254
12262
  "spaceButtonVertical": "density",
12263
+ "spaceTokenVertical": "density",
12255
12264
  "spaceFieldVertical": "density",
12256
12265
  "spaceButtonIconFocusOutlineGutterVertical": "density",
12257
12266
  "spaceButtonIconOnlyHorizontal": "density",
@@ -12924,6 +12933,7 @@ module.exports.preset = {
12924
12933
  "spaceAlertVertical",
12925
12934
  "spaceButtonHorizontal",
12926
12935
  "spaceButtonVertical",
12936
+ "spaceTokenVertical",
12927
12937
  "spaceFieldVertical",
12928
12938
  "spaceCardHorizontalDefault",
12929
12939
  "spaceCardHorizontalEmbedded",
@@ -13369,6 +13379,7 @@ module.exports.preset = {
13369
13379
  "spaceAlertVertical",
13370
13380
  "spaceButtonHorizontal",
13371
13381
  "spaceButtonVertical",
13382
+ "spaceTokenVertical",
13372
13383
  "spaceFieldVertical",
13373
13384
  "spaceCardHorizontalDefault",
13374
13385
  "spaceCardHorizontalEmbedded",
@@ -14167,6 +14178,7 @@ module.exports.preset = {
14167
14178
  "spaceButtonFocusOutlineGutter": "space-button-focus-outline-gutter",
14168
14179
  "spaceButtonHorizontal": "space-button-horizontal",
14169
14180
  "spaceButtonVertical": "space-button-vertical",
14181
+ "spaceTokenVertical": "space-token-vertical",
14170
14182
  "spaceFieldVertical": "space-field-vertical",
14171
14183
  "spaceButtonIconFocusOutlineGutterVertical": "space-button-icon-focus-outline-gutter-vertical",
14172
14184
  "spaceButtonIconOnlyHorizontal": "space-button-icon-only-horizontal",
@@ -15062,6 +15074,7 @@ module.exports.preset = {
15062
15074
  "spaceButtonFocusOutlineGutter": "--space-button-focus-outline-gutter-jj138g",
15063
15075
  "spaceButtonHorizontal": "--space-button-horizontal-k0c786",
15064
15076
  "spaceButtonVertical": "--space-button-vertical-xaxp6x",
15077
+ "spaceTokenVertical": "--space-token-vertical-m3oh2a",
15065
15078
  "spaceFieldVertical": "--space-field-vertical-vm99qz",
15066
15079
  "spaceButtonIconFocusOutlineGutterVertical": "--space-button-icon-focus-outline-gutter-vertical-r44mtq",
15067
15080
  "spaceButtonIconOnlyHorizontal": "--space-button-icon-only-horizontal-i85hxi",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -326,6 +326,7 @@ export declare interface TypedOverride {
326
326
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
327
327
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
328
328
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
329
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
329
330
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
330
331
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
331
332
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -661,6 +662,7 @@ export declare interface TypedOverride {
661
662
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
662
663
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
663
664
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
665
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
664
666
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
665
667
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
666
668
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -996,6 +998,7 @@ export declare interface TypedOverride {
996
998
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
997
999
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
998
1000
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1001
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
999
1002
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1000
1003
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1001
1004
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1331,6 +1334,7 @@ export declare interface TypedOverride {
1331
1334
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1332
1335
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1333
1336
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1337
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1334
1338
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1335
1339
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1336
1340
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1666,6 +1670,7 @@ export declare interface TypedOverride {
1666
1670
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1667
1671
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1668
1672
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1673
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1669
1674
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1670
1675
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1671
1676
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2001,6 +2006,7 @@ export declare interface TypedOverride {
2001
2006
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2002
2007
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2003
2008
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2009
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2004
2010
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2005
2011
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2006
2012
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2336,6 +2342,7 @@ export declare interface TypedOverride {
2336
2342
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2337
2343
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2338
2344
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2345
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2339
2346
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2340
2347
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2341
2348
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2671,6 +2678,7 @@ export declare interface TypedOverride {
2671
2678
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2672
2679
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2673
2680
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2681
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2674
2682
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2675
2683
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2676
2684
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3006,6 +3014,7 @@ export declare interface TypedOverride {
3006
3014
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3007
3015
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3008
3016
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3017
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3009
3018
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3010
3019
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3011
3020
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -326,6 +326,7 @@ export declare interface TypedOverride {
326
326
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
327
327
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
328
328
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
329
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
329
330
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
330
331
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
331
332
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -661,6 +662,7 @@ export declare interface TypedOverride {
661
662
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
662
663
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
663
664
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
665
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
664
666
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
665
667
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
666
668
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -996,6 +998,7 @@ export declare interface TypedOverride {
996
998
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
997
999
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
998
1000
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1001
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
999
1002
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1000
1003
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1001
1004
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1331,6 +1334,7 @@ export declare interface TypedOverride {
1331
1334
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1332
1335
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1333
1336
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1337
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1334
1338
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1335
1339
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1336
1340
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -1666,6 +1670,7 @@ export declare interface TypedOverride {
1666
1670
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1667
1671
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1668
1672
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1673
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1669
1674
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1670
1675
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
1671
1676
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2001,6 +2006,7 @@ export declare interface TypedOverride {
2001
2006
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2002
2007
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2003
2008
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2009
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2004
2010
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2005
2011
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2006
2012
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2336,6 +2342,7 @@ export declare interface TypedOverride {
2336
2342
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2337
2343
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2338
2344
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2345
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2339
2346
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2340
2347
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2341
2348
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -2671,6 +2678,7 @@ export declare interface TypedOverride {
2671
2678
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2672
2679
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2673
2680
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2681
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2674
2682
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2675
2683
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
2676
2684
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
@@ -3006,6 +3014,7 @@ export declare interface TypedOverride {
3006
3014
  spaceAlertVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3007
3015
  spaceButtonHorizontal?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3008
3016
  spaceButtonVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3017
+ spaceTokenVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3009
3018
  spaceFieldVertical?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3010
3019
  spaceCardHorizontalDefault?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
3011
3020
  spaceCardHorizontalEmbedded?: GlobalValue | TypedModeValueOverride<'comfortable' | 'compact'>;
package/internal/generated/theming/index.js CHANGED
@@ -2730,6 +2730,10 @@ export var preset = {
2730
2730
  "comfortable": "{spaceScaledXxs}",
2731
2731
  "compact": "{spaceScaledXxs}"
2732
2732
  },
2733
+ "spaceTokenVertical": {
2734
+ "comfortable": "{spaceScaledXxs}",
2735
+ "compact": "{spaceScaledXxs}"
2736
+ },
2733
2737
  "spaceFieldVertical": {
2734
2738
  "comfortable": "5px",
2735
2739
  "compact": "3px"
@@ -3276,6 +3280,10 @@ export var preset = {
3276
3280
  "comfortable": "{spaceScaledXxs}",
3277
3281
  "compact": "{spaceScaledXxs}"
3278
3282
  },
3283
+ "spaceTokenVertical": {
3284
+ "comfortable": "{spaceScaledXxs}",
3285
+ "compact": "{spaceScaledXxs}"
3286
+ },
3279
3287
  "spaceFieldVertical": {
3280
3288
  "comfortable": "5px",
3281
3289
  "compact": "3px"
@@ -12252,6 +12260,7 @@ export var preset = {
12252
12260
  "spaceButtonFocusOutlineGutter": "density",
12253
12261
  "spaceButtonHorizontal": "density",
12254
12262
  "spaceButtonVertical": "density",
12263
+ "spaceTokenVertical": "density",
12255
12264
  "spaceFieldVertical": "density",
12256
12265
  "spaceButtonIconFocusOutlineGutterVertical": "density",
12257
12266
  "spaceButtonIconOnlyHorizontal": "density",
@@ -12924,6 +12933,7 @@ export var preset = {
12924
12933
  "spaceAlertVertical",
12925
12934
  "spaceButtonHorizontal",
12926
12935
  "spaceButtonVertical",
12936
+ "spaceTokenVertical",
12927
12937
  "spaceFieldVertical",
12928
12938
  "spaceCardHorizontalDefault",
12929
12939
  "spaceCardHorizontalEmbedded",
@@ -13369,6 +13379,7 @@ export var preset = {
13369
13379
  "spaceAlertVertical",
13370
13380
  "spaceButtonHorizontal",
13371
13381
  "spaceButtonVertical",
13382
+ "spaceTokenVertical",
13372
13383
  "spaceFieldVertical",
13373
13384
  "spaceCardHorizontalDefault",
13374
13385
  "spaceCardHorizontalEmbedded",
@@ -14167,6 +14178,7 @@ export var preset = {
14167
14178
  "spaceButtonFocusOutlineGutter": "space-button-focus-outline-gutter",
14168
14179
  "spaceButtonHorizontal": "space-button-horizontal",
14169
14180
  "spaceButtonVertical": "space-button-vertical",
14181
+ "spaceTokenVertical": "space-token-vertical",
14170
14182
  "spaceFieldVertical": "space-field-vertical",
14171
14183
  "spaceButtonIconFocusOutlineGutterVertical": "space-button-icon-focus-outline-gutter-vertical",
14172
14184
  "spaceButtonIconOnlyHorizontal": "space-button-icon-only-horizontal",
@@ -15062,6 +15074,7 @@ export var preset = {
15062
15074
  "spaceButtonFocusOutlineGutter": "--space-button-focus-outline-gutter-jj138g",
15063
15075
  "spaceButtonHorizontal": "--space-button-horizontal-k0c786",
15064
15076
  "spaceButtonVertical": "--space-button-vertical-xaxp6x",
15077
+ "spaceTokenVertical": "--space-token-vertical-m3oh2a",
15065
15078
  "spaceFieldVertical": "--space-field-vertical-vm99qz",
15066
15079
  "spaceButtonIconFocusOutlineGutterVertical": "--space-button-icon-focus-outline-gutter-vertical-r44mtq",
15067
15080
  "spaceButtonIconOnlyHorizontal": "--space-button-icon-only-horizontal-i85hxi",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "4fcc3f6a3a1bb673bc15efd2c5ac72f6645690a1"
2
+ "commit": "84c3be4690035de46011b39032ecbe58e5a9d945"
3
3
  }
package/package.json CHANGED
@@ -164,7 +164,7 @@
164
164
  "./internal/base-component/index.js",
165
165
  "./internal/base-component/styles.css.js"
166
166
  ],
167
- "version": "3.0.1283",
167
+ "version": "3.0.1284",
168
168
  "repository": {
169
169
  "type": "git",
170
170
  "url": "https://github.com/cloudscape-design/components.git"
package/token/styles.css.js CHANGED
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1i2wg_ss91t_161",
5
- "dismiss-button": "awsui_dismiss-button_1i2wg_ss91t_193",
6
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ss91t_234",
7
- "icon": "awsui_icon_1i2wg_ss91t_241",
8
- "icon-inline": "awsui_icon-inline_1i2wg_ss91t_247",
9
- "token-normal": "awsui_token-normal_1i2wg_ss91t_252",
10
- "token-inline": "awsui_token-inline_1i2wg_ss91t_259",
11
- "token-option-inline": "awsui_token-option-inline_1i2wg_ss91t_285",
12
- "token-box": "awsui_token-box_1i2wg_ss91t_289",
13
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ss91t_308",
14
- "token-box-inline": "awsui_token-box-inline_1i2wg_ss91t_312",
15
- "disable-padding": "awsui_disable-padding_1i2wg_ss91t_332",
16
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_ss91t_339",
17
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_ss91t_340"
4
+ "root": "awsui_root_1i2wg_c5kvl_161",
5
+ "dismiss-button": "awsui_dismiss-button_1i2wg_c5kvl_193",
6
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_c5kvl_234",
7
+ "icon": "awsui_icon_1i2wg_c5kvl_241",
8
+ "icon-inline": "awsui_icon-inline_1i2wg_c5kvl_247",
9
+ "token-normal": "awsui_token-normal_1i2wg_c5kvl_252",
10
+ "token-inline": "awsui_token-inline_1i2wg_c5kvl_259",
11
+ "token-option-inline": "awsui_token-option-inline_1i2wg_c5kvl_285",
12
+ "token-box": "awsui_token-box_1i2wg_c5kvl_289",
13
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_c5kvl_308",
14
+ "token-box-inline": "awsui_token-box-inline_1i2wg_c5kvl_312",
15
+ "disable-padding": "awsui_disable-padding_1i2wg_c5kvl_332",
16
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_c5kvl_339",
17
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_c5kvl_340"
18
18
  };
19
19
 
package/token/styles.scoped.css CHANGED
@@ -158,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
158
158
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
159
159
  SPDX-License-Identifier: Apache-2.0
160
160
  */
161
- .awsui_root_1i2wg_ss91t_161:not(#\9) {
161
+ .awsui_root_1i2wg_c5kvl_161:not(#\9) {
162
162
  border-collapse: separate;
163
163
  border-spacing: 0;
164
164
  box-sizing: border-box;
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  -moz-osx-font-smoothing: auto;
191
191
  }
192
192
 
193
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
193
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
194
194
  align-self: flex-start;
195
195
  margin-block-end: 0;
196
196
  margin-inline-start: var(--space-xxs-hwfkai, 4px);
@@ -203,14 +203,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
203
203
  cursor: pointer;
204
204
  --awsui-style-focus-ring-box-shadow-6b9ypa: 0 0 0 var(--awsui-style-focus-ring-border-width-6b9ypa, 2px) var(--awsui-style-focus-ring-border-color-6b9ypa, var(--color-border-item-focused-uk47pl, #006ce0));
205
205
  }
206
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
206
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
207
207
  position: relative;
208
208
  }
209
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
209
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
210
210
  outline: 2px dotted transparent;
211
211
  outline-offset: calc(0px - 1px);
212
212
  }
213
- body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus::before {
213
+ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus::before {
214
214
  content: " ";
215
215
  display: block;
216
216
  position: absolute;
@@ -224,50 +224,50 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_ss91t_193:not(#\
224
224
  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-6b9ypa, var(--border-radius-control-default-focus-ring-1uabki, 4px));
225
225
  box-shadow: var(--awsui-style-focus-ring-box-shadow-6b9ypa);
226
226
  }
227
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):focus {
227
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):focus {
228
228
  outline: none;
229
229
  text-decoration: none;
230
230
  }
231
- .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9):hover {
231
+ .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9):hover {
232
232
  color: var(--awsui-token-style-dismiss-color-hover-6b9ypa, var(--color-text-button-inline-icon-hover-rbyzfc, #002b66));
233
233
  }
234
- .awsui_dismiss-button-inline_1i2wg_ss91t_234:not(#\9) {
234
+ .awsui_dismiss-button-inline_1i2wg_c5kvl_234:not(#\9) {
235
235
  padding-inline: 0;
236
236
  display: flex;
237
237
  align-items: center;
238
238
  align-self: center;
239
239
  }
240
240
 
241
- .awsui_icon_1i2wg_ss91t_241:not(#\9) {
241
+ .awsui_icon_1i2wg_c5kvl_241:not(#\9) {
242
242
  padding-inline-end: var(--space-xs-ymlm0b, 8px);
243
243
  align-self: flex-start;
244
244
  display: flex;
245
245
  flex-shrink: 0;
246
246
  }
247
- .awsui_icon-inline_1i2wg_ss91t_247:not(#\9) {
247
+ .awsui_icon-inline_1i2wg_c5kvl_247:not(#\9) {
248
248
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
249
249
  align-self: center;
250
250
  }
251
251
 
252
- .awsui_token-normal_1i2wg_ss91t_252:not(#\9) {
252
+ .awsui_token-normal_1i2wg_c5kvl_252:not(#\9) {
253
253
  block-size: 100%;
254
254
  display: flex;
255
255
  flex-direction: column;
256
256
  gap: var(--space-xxs-hwfkai, 4px);
257
257
  }
258
258
 
259
- .awsui_token-inline_1i2wg_ss91t_259:not(#\9) {
259
+ .awsui_token-inline_1i2wg_c5kvl_259:not(#\9) {
260
260
  display: inline-flex;
261
261
  max-inline-size: 100%;
262
262
  }
263
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus {
263
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus {
264
264
  position: relative;
265
265
  }
266
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus {
266
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus {
267
267
  outline: 2px dotted transparent;
268
268
  outline-offset: calc(0px - 1px);
269
269
  }
270
- body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9):focus::before {
270
+ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_c5kvl_259:not(#\9):focus::before {
271
271
  content: " ";
272
272
  display: block;
273
273
  position: absolute;
@@ -282,17 +282,17 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
282
282
  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
283
283
  }
284
284
 
285
- .awsui_token-option-inline_1i2wg_ss91t_285:not(#\9) {
285
+ .awsui_token-option-inline_1i2wg_c5kvl_285:not(#\9) {
286
286
  max-block-size: 20px;
287
287
  }
288
288
 
289
- .awsui_token-box_1i2wg_ss91t_289:not(#\9) {
289
+ .awsui_token-box_1i2wg_c5kvl_289:not(#\9) {
290
290
  position: relative;
291
291
  block-size: 100%;
292
292
  border-block: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
293
293
  border-inline: var(--border-width-token-2ukdpu, 2px) solid var(--awsui-token-style-border-color-default-6b9ypa, var(--color-border-item-selected-wl5ttm, #006ce0));
294
- padding-block-start: var(--space-field-vertical-vm99qz, 5px);
295
- padding-block-end: var(--space-field-vertical-vm99qz, 5px);
294
+ padding-block-start: var(--space-token-vertical-m3oh2a, 4px);
295
+ padding-block-end: var(--space-token-vertical-m3oh2a, 4px);
296
296
  padding-inline-start: var(--space-field-horizontal-0aq2ch, 12px);
297
297
  padding-inline-end: var(--space-xxs-hwfkai, 4px);
298
298
  display: flex;
@@ -305,11 +305,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
305
305
  color: var(--color-text-body-default-vvtq8u, #0f141a);
306
306
  box-sizing: border-box;
307
307
  }
308
- .awsui_token-box-without-dismiss_1i2wg_ss91t_308:not(#\9) {
308
+ .awsui_token-box-without-dismiss_1i2wg_c5kvl_308:not(#\9) {
309
309
  padding-inline-end: var(--space-field-horizontal-0aq2ch, 12px);
310
310
  }
311
311
 
312
- .awsui_token-box-inline_1i2wg_ss91t_312:not(#\9) {
312
+ .awsui_token-box-inline_1i2wg_c5kvl_312:not(#\9) {
313
313
  position: relative;
314
314
  block-size: 20px;
315
315
  max-block-size: 20px;
@@ -329,35 +329,35 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_ss91t_259:not(#\9)
329
329
  max-inline-size: 100%;
330
330
  }
331
331
 
332
- .awsui_disable-padding_1i2wg_ss91t_332:not(#\9) {
332
+ .awsui_disable-padding_1i2wg_c5kvl_332:not(#\9) {
333
333
  padding-block-start: 0;
334
334
  padding-block-end: 0;
335
335
  padding-inline-start: 0;
336
336
  padding-inline-end: 0;
337
337
  }
338
338
 
339
- .awsui_token-box-readonly_1i2wg_ss91t_339:not(#\9),
340
- .awsui_token-box-disabled_1i2wg_ss91t_340:not(#\9) {
339
+ .awsui_token-box-readonly_1i2wg_c5kvl_339:not(#\9),
340
+ .awsui_token-box-disabled_1i2wg_c5kvl_340:not(#\9) {
341
341
  pointer-events: none;
342
342
  }
343
- .awsui_token-box-readonly_1i2wg_ss91t_339 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9),
344
- .awsui_token-box-disabled_1i2wg_ss91t_340 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
343
+ .awsui_token-box-readonly_1i2wg_c5kvl_339 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9),
344
+ .awsui_token-box-disabled_1i2wg_c5kvl_340 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
345
345
  cursor: initial;
346
346
  }
347
347
 
348
- .awsui_token-box-readonly_1i2wg_ss91t_339:not(#\9) {
348
+ .awsui_token-box-readonly_1i2wg_c5kvl_339:not(#\9) {
349
349
  border-color: var(--awsui-token-style-border-color-read-only-6b9ypa, var(--color-border-input-disabled-zgnzvk, #ebebf0));
350
350
  background: var(--awsui-token-style-background-read-only-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
351
351
  }
352
- .awsui_token-box-readonly_1i2wg_ss91t_339 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
352
+ .awsui_token-box-readonly_1i2wg_c5kvl_339 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
353
353
  color: var(--awsui-token-style-dismiss-color-read-only-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
354
354
  }
355
355
 
356
- .awsui_token-box-disabled_1i2wg_ss91t_340:not(#\9) {
356
+ .awsui_token-box-disabled_1i2wg_c5kvl_340:not(#\9) {
357
357
  border-color: var(--awsui-token-style-border-color-disabled-6b9ypa, var(--color-border-control-disabled-uj7t08, #dedee3));
358
358
  background: var(--awsui-token-style-background-disabled-6b9ypa, var(--color-background-container-content-6u8rvp, #ffffff));
359
359
  color: var(--color-text-disabled-rox5hg, #b4b4bb);
360
360
  }
361
- .awsui_token-box-disabled_1i2wg_ss91t_340 > .awsui_dismiss-button_1i2wg_ss91t_193:not(#\9) {
361
+ .awsui_token-box-disabled_1i2wg_c5kvl_340 > .awsui_dismiss-button_1i2wg_c5kvl_193:not(#\9) {
362
362
  color: var(--awsui-token-style-dismiss-color-disabled-6b9ypa, var(--color-text-button-inline-icon-disabled-82hho0, #b4b4bb));
363
363
  }
package/token/styles.selectors.js CHANGED
@@ -2,19 +2,19 @@
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_1i2wg_ss91t_161",
6
- "dismiss-button": "awsui_dismiss-button_1i2wg_ss91t_193",
7
- "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_ss91t_234",
8
- "icon": "awsui_icon_1i2wg_ss91t_241",
9
- "icon-inline": "awsui_icon-inline_1i2wg_ss91t_247",
10
- "token-normal": "awsui_token-normal_1i2wg_ss91t_252",
11
- "token-inline": "awsui_token-inline_1i2wg_ss91t_259",
12
- "token-option-inline": "awsui_token-option-inline_1i2wg_ss91t_285",
13
- "token-box": "awsui_token-box_1i2wg_ss91t_289",
14
- "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_ss91t_308",
15
- "token-box-inline": "awsui_token-box-inline_1i2wg_ss91t_312",
16
- "disable-padding": "awsui_disable-padding_1i2wg_ss91t_332",
17
- "token-box-readonly": "awsui_token-box-readonly_1i2wg_ss91t_339",
18
- "token-box-disabled": "awsui_token-box-disabled_1i2wg_ss91t_340"
5
+ "root": "awsui_root_1i2wg_c5kvl_161",
6
+ "dismiss-button": "awsui_dismiss-button_1i2wg_c5kvl_193",
7
+ "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_c5kvl_234",
8
+ "icon": "awsui_icon_1i2wg_c5kvl_241",
9
+ "icon-inline": "awsui_icon-inline_1i2wg_c5kvl_247",
10
+ "token-normal": "awsui_token-normal_1i2wg_c5kvl_252",
11
+ "token-inline": "awsui_token-inline_1i2wg_c5kvl_259",
12
+ "token-option-inline": "awsui_token-option-inline_1i2wg_c5kvl_285",
13
+ "token-box": "awsui_token-box_1i2wg_c5kvl_289",
14
+ "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_c5kvl_308",
15
+ "token-box-inline": "awsui_token-box-inline_1i2wg_c5kvl_312",
16
+ "disable-padding": "awsui_disable-padding_1i2wg_c5kvl_332",
17
+ "token-box-readonly": "awsui_token-box-readonly_1i2wg_c5kvl_339",
18
+ "token-box-disabled": "awsui_token-box-disabled_1i2wg_c5kvl_340"
19
19
  };
20
20