@cloudscape-design/components-themeable 3.0.1270 → 3.0.1272

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 (16) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  3. package/lib/internal/scss/item-card/styles.scss +14 -14
  4. package/lib/internal/template/internal/base-component/styles.scoped.css +54 -1
  5. package/lib/internal/template/internal/environment.js +2 -2
  6. package/lib/internal/template/internal/environment.json +2 -2
  7. package/lib/internal/template/internal/generated/styles/tokens.d.ts +12 -0
  8. package/lib/internal/template/internal/generated/styles/tokens.js +12 -0
  9. package/lib/internal/template/internal/generated/theming/index.cjs +177 -1
  10. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +72 -0
  11. package/lib/internal/template/internal/generated/theming/index.d.ts +72 -0
  12. package/lib/internal/template/internal/generated/theming/index.js +177 -1
  13. package/lib/internal/template/item-card/styles.css.js +14 -14
  14. package/lib/internal/template/item-card/styles.scoped.css +74 -74
  15. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  16. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "7364de0e397a2cc396c3c4cab7a529199ca1e0f6"
2
+ "commit": "352fe7b2e03661ea43711aa521e5a61339d8db0e"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "7364de0e";
3
+ $awsui-commit-hash: "352fe7b2";
4
4
  // Manually managed CSS-variables
5
5
  $maxContentWidth: --awsui-max-content-width-6b9ypa;
6
6
  $minContentWidth: --awsui-min-content-width-6b9ypa;
package/lib/internal/scss/item-card/styles.scss CHANGED
@@ -13,18 +13,18 @@
13
13
 
14
14
  // Variant configuration maps — adjust values here for easy customization
15
15
  $variant-border-radius: (
16
- 'embedded': awsui.$border-radius-card-embedded,
17
- 'default': awsui.$border-radius-card-default,
16
+ 'embedded': awsui.$border-radius-item-card-embedded,
17
+ 'default': awsui.$border-radius-item-card-default,
18
18
  );
19
19
 
20
20
  $variant-padding-block: (
21
- 'embedded': awsui.$space-card-vertical-embedded,
22
- 'default': awsui.$space-card-vertical-default,
21
+ 'embedded': awsui.$space-item-card-vertical-embedded,
22
+ 'default': awsui.$space-item-card-vertical-default,
23
23
  );
24
24
 
25
25
  $variant-padding-inline: (
26
- 'embedded': awsui.$space-card-horizontal-embedded,
27
- 'default': awsui.$space-card-horizontal-default,
26
+ 'embedded': awsui.$space-item-card-horizontal-embedded,
27
+ 'default': awsui.$space-item-card-horizontal-default,
28
28
  );
29
29
 
30
30
  $action-padding-vertical: styles.$control-padding-vertical;
@@ -61,18 +61,18 @@ $action-padding-horizontal: awsui.$space-xxs;
61
61
  @include styles.styles-reset();
62
62
  box-sizing: border-box;
63
63
  position: relative;
64
- background-color: var(#{custom-props.$styleItemCardBackgroundDefault}, awsui.$color-background-card);
64
+ background-color: var(#{custom-props.$styleItemCardBackgroundDefault}, awsui.$color-background-item-card);
65
65
  min-inline-size: 0;
66
- box-shadow: var(#{custom-props.$styleItemCardBoxShadowDefault}, awsui.$shadow-card);
66
+ box-shadow: var(#{custom-props.$styleItemCardBoxShadowDefault}, awsui.$shadow-item-card);
67
67
 
68
68
  &:before {
69
69
  @include styles.base-pseudo-element;
70
70
  box-shadow: none;
71
71
  border-color: transparent;
72
- border-block: solid var(#{custom-props.$styleItemCardBorderWidthDefault}, awsui.$border-width-card)
73
- var(#{custom-props.$styleItemCardBorderColorDefault}, awsui.$color-border-card);
74
- border-inline: solid var(#{custom-props.$styleItemCardBorderWidthDefault}, awsui.$border-width-card)
75
- var(#{custom-props.$styleItemCardBorderColorDefault}, awsui.$color-border-card);
72
+ border-block: solid var(#{custom-props.$styleItemCardBorderWidthDefault}, awsui.$border-width-item-card)
73
+ var(#{custom-props.$styleItemCardBorderColorDefault}, awsui.$color-border-item-card);
74
+ border-inline: solid var(#{custom-props.$styleItemCardBorderWidthDefault}, awsui.$border-width-item-card)
75
+ var(#{custom-props.$styleItemCardBorderColorDefault}, awsui.$color-border-item-card);
76
76
  }
77
77
 
78
78
  &::after {
@@ -88,8 +88,8 @@ $action-padding-horizontal: awsui.$space-xxs;
88
88
  background-color: awsui.$color-background-item-selected;
89
89
 
90
90
  &:before {
91
- border-block: solid awsui.$border-width-card-highlighted awsui.$color-border-card-highlighted;
92
- border-inline: solid awsui.$border-width-card-highlighted awsui.$color-border-card-highlighted;
91
+ border-block: solid awsui.$border-width-item-card-highlighted awsui.$color-border-item-card-highlighted;
92
+ border-inline: solid awsui.$border-width-item-card-highlighted awsui.$color-border-item-card-highlighted;
93
93
  }
94
94
  }
95
95
 
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -268,6 +268,7 @@ body {
268
268
  --color-background-code-editor-pane-item-hover-jhuc5f:var(--color-neutral-250-hdfqdx);
269
269
  --color-background-code-editor-status-bar-hv1hb6:var(--color-neutral-200-z3mmn9);
270
270
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
271
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
271
272
  --color-background-container-content-aemn43:var(--color-white-jf0w15);
272
273
  --color-background-container-header-b8qo49:var(--color-neutral-100-wbgy1o);
273
274
  --color-background-control-checked-se0x0e:var(--color-primary-600-be1v6a);
@@ -360,6 +361,8 @@ body {
360
361
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-neutral-600-boivn8);
361
362
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
362
363
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
364
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
365
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
363
366
  --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
364
367
  --color-border-container-top-svitxz:var(--color-neutral-250-hdfqdx);
365
368
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
@@ -590,6 +593,8 @@ body {
590
593
  --border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
591
594
  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
592
595
  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
596
+ --border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
597
+ --border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
593
598
  --border-radius-container-l30zxy:0px;
594
599
  --border-radius-control-circular-focus-ring-0v2apg:50%;
595
600
  --border-radius-control-default-focus-ring-9xsko1:var(--border-radius-input-4vr9on);
@@ -609,6 +614,8 @@ body {
609
614
  --border-link-focus-ring-shadow-spread-woh62o:0px;
610
615
  --border-width-card-xmgn65:0px;
611
616
  --border-width-card-highlighted-izrkve:var(--border-item-width-acvlhx);
617
+ --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
618
+ --border-width-item-card-highlighted-cnj5a5:var(--border-width-card-highlighted-izrkve);
612
619
  --border-width-alert-5zfcv3:1px;
613
620
  --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
614
621
  --border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
@@ -687,6 +694,10 @@ body {
687
694
  --space-card-horizontal-embedded-z4gdo8:var(--space-s-4a5hs8);
688
695
  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
689
696
  --space-card-vertical-embedded-u2cdf0:10px;
697
+ --space-item-card-horizontal-default-ifen54:var(--space-card-horizontal-default-7lut73);
698
+ --space-item-card-horizontal-embedded-87yawk:var(--space-card-horizontal-embedded-z4gdo8);
699
+ --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
700
+ --space-item-card-vertical-embedded-bpcsm5:var(--space-card-vertical-embedded-u2cdf0);
690
701
  --space-code-editor-status-focus-outline-gutter-w7mxq8:3px;
691
702
  --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
692
703
  --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
@@ -768,6 +779,7 @@ body {
768
779
  --space-xxl-q0lyvp:32px;
769
780
  --space-xxxl-qhelse:40px;
770
781
  --shadow-card-x9dz93:var(--shadow-container-3fh0j3);
782
+ --shadow-item-card-uuh4y8:var(--shadow-card-x9dz93);
771
783
  --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
772
784
  --shadow-container-active-hawm65:0px 4px 8px rgba(0, 28, 36, 0.45);
773
785
  --shadow-dropdown-skxpuu:var(--shadow-container-3fh0j3);
@@ -1085,6 +1097,9 @@ body {
1085
1097
  --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
1086
1098
  --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
1087
1099
  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
1100
+ --space-item-card-horizontal-embedded-87yawk:var(--space-card-horizontal-embedded-z4gdo8);
1101
+ --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
1102
+ --space-item-card-vertical-embedded-bpcsm5:var(--space-card-vertical-embedded-u2cdf0);
1088
1103
  --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
1089
1104
  --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
1090
1105
  --space-container-header-bottom-rbnprk:var(--space-scaled-s-gjhvjd);
@@ -1139,6 +1154,7 @@ body {
1139
1154
  --space-alert-vertical-7hsinh:var(--space-scaled-s-gjhvjd);
1140
1155
  --space-button-modal-dismiss-vertical-yopl9m:var(--space-scaled-xxs-jatbiv);
1141
1156
  --space-card-vertical-default-wltzyi:var(--space-scaled-l-66n9sr);
1157
+ --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
1142
1158
  --space-container-content-top-8fvzh2:var(--space-scaled-m-sw9kcx);
1143
1159
  --space-container-header-top-3cfni8:var(--space-scaled-s-gjhvjd);
1144
1160
  --space-container-header-bottom-rbnprk:var(--space-scaled-s-gjhvjd);
@@ -1320,6 +1336,7 @@ body {
1320
1336
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
1321
1337
  --color-background-code-editor-loading-nj9xm5:var(--color-background-code-editor-status-bar-hv1hb6);
1322
1338
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
1339
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
1323
1340
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
1324
1341
  --color-background-layout-mobile-panel-20j5lz:var(--color-background-layout-panel-content-9tbx75);
1325
1342
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
@@ -1345,6 +1362,8 @@ body {
1345
1362
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
1346
1363
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
1347
1364
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
1365
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
1366
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
1348
1367
  --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
1349
1368
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
1350
1369
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
@@ -1422,6 +1441,7 @@ body {
1422
1441
  --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
1423
1442
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
1424
1443
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
1444
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
1425
1445
  --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
1426
1446
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
1427
1447
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1476,6 +1496,7 @@ body {
1476
1496
  --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
1477
1497
  --color-border-calendar-grid-selected-focus-ring-nzjlw6:var(--color-border-item-focused-r5f6xl);
1478
1498
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
1499
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
1479
1500
  --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
1480
1501
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
1481
1502
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1495,6 +1516,7 @@ body {
1495
1516
  --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
1496
1517
  --color-border-calendar-grid-zrkvhb:var(--color-border-dropdown-item-default-uslwbi);
1497
1518
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
1519
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
1498
1520
  --color-border-container-divider-0lh379:var(--color-border-divider-default-ipvpev);
1499
1521
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
1500
1522
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -1918,6 +1940,8 @@ body {
1918
1940
  --color-border-code-editor-default-gxnpsc:var(--color-neutral-300-y8n3aq);
1919
1941
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
1920
1942
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
1943
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
1944
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
1921
1945
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
1922
1946
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
1923
1947
  --color-border-divider-secondary-4wvr5g:var(--color-neutral-250-hdfqdx);
@@ -2004,17 +2028,23 @@ body {
2004
2028
  --font-family-heading-gnchto:var(--font-family-base-8x5ngf);
2005
2029
  --border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
2006
2030
  --border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
2031
+ --border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
2032
+ --border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
2007
2033
  --border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
2008
2034
  --border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
2009
2035
  --border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
2010
2036
  --border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
2011
2037
  --border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
2012
2038
  --border-width-card-highlighted-izrkve:var(--border-item-width-acvlhx);
2039
+ --border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
2040
+ --border-width-item-card-highlighted-cnj5a5:var(--border-width-card-highlighted-izrkve);
2013
2041
  --border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
2014
2042
  --border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
2015
2043
  --border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
2016
2044
  --border-width-alert-inline-end-ftlxmm:var(--border-width-alert-5zfcv3);
2045
+ --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
2017
2046
  --space-table-footer-horizontal-x9dbll:var(--space-table-header-horizontal-2rvxep);
2047
+ --shadow-item-card-uuh4y8:var(--shadow-card-x9dz93);
2018
2048
  }
2019
2049
 
2020
2050
  @media not print {
@@ -2212,6 +2242,7 @@ body {
2212
2242
  --space-tabs-content-top-i5vuz0:var(--space-scaled-s-gjhvjd);
2213
2243
  --space-table-embedded-header-top-oo6o3u:0px;
2214
2244
  --space-table-header-tools-bottom-b6lpr6:0px;
2245
+ --space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
2215
2246
  }
2216
2247
 
2217
2248
  .awsui-visual-refresh .awsui-context-top-navigation:not(#\9) {
@@ -2313,6 +2344,7 @@ body {
2313
2344
  --color-text-segment-default-a74tco:var(--color-neutral-300-y8n3aq);
2314
2345
  --color-text-status-info-xt2ka7:var(--color-info-400-bfbwcz);
2315
2346
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
2347
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2316
2348
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2317
2349
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
2318
2350
  --color-background-segment-disabled-etp65k:var(--color-background-button-normal-disabled-rd09ns);
@@ -2322,6 +2354,8 @@ body {
2322
2354
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
2323
2355
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
2324
2356
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
2357
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
2358
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
2325
2359
  --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
2326
2360
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
2327
2361
  --color-border-dropdown-item-default-uslwbi:var(--color-border-divider-default-ipvpev);
@@ -2486,6 +2520,7 @@ body {
2486
2520
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
2487
2521
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
2488
2522
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
2523
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2489
2524
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
2490
2525
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2491
2526
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -2511,6 +2546,8 @@ body {
2511
2546
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
2512
2547
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
2513
2548
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
2549
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
2550
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
2514
2551
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
2515
2552
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
2516
2553
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -2733,6 +2770,7 @@ body {
2733
2770
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
2734
2771
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
2735
2772
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
2773
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2736
2774
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
2737
2775
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2738
2776
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -2754,6 +2792,8 @@ body {
2754
2792
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
2755
2793
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
2756
2794
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
2795
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
2796
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
2757
2797
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
2758
2798
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
2759
2799
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -2979,6 +3019,7 @@ body {
2979
3019
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
2980
3020
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
2981
3021
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
3022
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
2982
3023
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
2983
3024
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
2984
3025
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -3000,6 +3041,8 @@ body {
3000
3041
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
3001
3042
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3002
3043
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
3044
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3045
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
3003
3046
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
3004
3047
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
3005
3048
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3094,6 +3137,7 @@ body {
3094
3137
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3095
3138
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3096
3139
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3140
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3097
3141
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
3098
3142
  --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
3099
3143
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3166,6 +3210,7 @@ body {
3166
3210
  --color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
3167
3211
  --color-text-chat-bubble-incoming-a5vxu6:var(--color-text-body-default-5qid0u);
3168
3212
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3213
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3169
3214
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
3170
3215
  --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
3171
3216
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3202,6 +3247,7 @@ body {
3202
3247
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
3203
3248
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3204
3249
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3250
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3205
3251
  --color-border-divider-default-ipvpev:var(--color-text-button-normal-default-gl8uar);
3206
3252
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
3207
3253
  --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
@@ -3233,6 +3279,7 @@ body {
3233
3279
  --color-background-segment-default-zwi7m6:var(--color-background-button-normal-default-odgg8b);
3234
3280
  --color-background-segment-hover-bakufl:var(--color-background-button-normal-hover-r7x40d);
3235
3281
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3282
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3236
3283
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
3237
3284
  --color-border-divider-panel-side-cxdqom:var(--color-border-divider-default-ipvpev);
3238
3285
  --color-border-dropdown-group-dg9zg5:var(--color-border-dropdown-item-default-uslwbi);
@@ -3407,6 +3454,7 @@ body {
3407
3454
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
3408
3455
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
3409
3456
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
3457
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
3410
3458
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
3411
3459
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
3412
3460
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -3432,6 +3480,8 @@ body {
3432
3480
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
3433
3481
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3434
3482
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
3483
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3484
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
3435
3485
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
3436
3486
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
3437
3487
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3641,6 +3691,7 @@ body {
3641
3691
  --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
3642
3692
  --color-background-code-editor-gutter-active-line-error-oqzpvs:var(--color-text-status-error-aknuvu);
3643
3693
  --color-background-card-39vmsz:var(--color-background-container-content-aemn43);
3694
+ --color-background-item-card-st2hxn:var(--color-background-card-39vmsz);
3644
3695
  --color-background-dropdown-item-selected-1c9k0x:var(--color-background-item-selected-v20q4r);
3645
3696
  --color-background-layout-panel-content-9tbx75:var(--color-background-container-content-aemn43);
3646
3697
  --color-background-modal-overlay-i6vork:var(--color-grey-opaque-70-ueherc);
@@ -3666,6 +3717,8 @@ body {
3666
3717
  --color-border-code-editor-pane-item-hover-0632gv:var(--color-border-dropdown-item-hover-vony6u);
3667
3718
  --color-border-card-gkbfc5:var(--color-border-divider-default-ipvpev);
3668
3719
  --color-border-card-highlighted-nrm9ba:var(--color-border-item-selected-vq6ddf);
3720
+ --color-border-item-card-8nbcyp:var(--color-border-card-gkbfc5);
3721
+ --color-border-item-card-highlighted-rmihhr:var(--color-border-card-highlighted-nrm9ba);
3669
3722
  --color-border-control-checked-0lek2l:var(--color-background-control-checked-se0x0e);
3670
3723
  --color-border-control-disabled-c9dn39:var(--color-background-control-disabled-2ixett);
3671
3724
  --color-border-divider-panel-bottom-x9b7bd:var(--color-border-divider-default-ipvpev);
@@ -3875,5 +3928,5 @@ body {
3875
3928
  }
3876
3929
  }
3877
3930
  :root {
3878
- --awsui-version-info-7364de0e: true;
3931
+ --awsui-version-info-352fe7b2: true;
3879
3932
  }
package/lib/internal/template/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (7364de0e)";
3
- export var GIT_SHA = "7364de0e";
2
+ export var PACKAGE_VERSION = "3.0.0 (352fe7b2)";
3
+ export var GIT_SHA = "352fe7b2";
4
4
  export var THEME = "open-source-visual-refresh";
5
5
  export var SYSTEM = "core";
6
6
  export var ALWAYS_VISUAL_REFRESH = true;
package/lib/internal/template/internal/environment.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (7364de0e)",
4
- "GIT_SHA": "7364de0e",
3
+ "PACKAGE_VERSION": "3.0.0 (352fe7b2)",
4
+ "GIT_SHA": "352fe7b2",
5
5
  "THEME": "default",
6
6
  "SYSTEM": "core",
7
7
  "ALWAYS_VISUAL_REFRESH": false
package/lib/internal/template/internal/generated/styles/tokens.d.ts CHANGED
@@ -306,6 +306,7 @@ export const colorBackgroundCodeEditorLoading: string;
306
306
  export const colorBackgroundCodeEditorPaneItemHover: string;
307
307
  export const colorBackgroundCodeEditorStatusBar: string;
308
308
  export const colorBackgroundCard: string;
309
+ export const colorBackgroundItemCard: string;
309
310
  export const colorBackgroundContainerContent: string;
310
311
  export const colorBackgroundContainerHeader: string;
311
312
  export const colorBackgroundControlChecked: string;
@@ -398,6 +399,8 @@ export const colorBorderCodeEditorDefault: string;
398
399
  export const colorBorderCodeEditorPaneItemHover: string;
399
400
  export const colorBorderCard: string;
400
401
  export const colorBorderCardHighlighted: string;
402
+ export const colorBorderItemCard: string;
403
+ export const colorBorderItemCardHighlighted: string;
401
404
  export const colorBorderContainerDivider: string;
402
405
  export const colorBorderContainerTop: string;
403
406
  export const colorBorderControlChecked: string;
@@ -631,6 +634,8 @@ export const borderRadiusCalendarDayFocusRing: string;
631
634
  export const borderRadiusCodeEditor: string;
632
635
  export const borderRadiusCardDefault: string;
633
636
  export const borderRadiusCardEmbedded: string;
637
+ export const borderRadiusItemCardDefault: string;
638
+ export const borderRadiusItemCardEmbedded: string;
634
639
  export const borderRadiusContainer: string;
635
640
  export const borderRadiusControlCircularFocusRing: string;
636
641
  export const borderRadiusControlDefaultFocusRing: string;
@@ -650,6 +655,8 @@ export const borderLinkFocusRingOutline: string;
650
655
  export const borderLinkFocusRingShadowSpread: string;
651
656
  export const borderWidthCard: string;
652
657
  export const borderWidthCardHighlighted: string;
658
+ export const borderWidthItemCard: string;
659
+ export const borderWidthItemCardHighlighted: string;
653
660
  export const borderWidthAlert: string;
654
661
  export const borderWidthAlertBlockStart: string;
655
662
  export const borderWidthAlertBlockEnd: string;
@@ -732,6 +739,10 @@ export const spaceCardHorizontalDefault: string;
732
739
  export const spaceCardHorizontalEmbedded: string;
733
740
  export const spaceCardVerticalDefault: string;
734
741
  export const spaceCardVerticalEmbedded: string;
742
+ export const spaceItemCardHorizontalDefault: string;
743
+ export const spaceItemCardHorizontalEmbedded: string;
744
+ export const spaceItemCardVerticalDefault: string;
745
+ export const spaceItemCardVerticalEmbedded: string;
735
746
  export const spaceCodeEditorStatusFocusOutlineGutter: string;
736
747
  export const spaceContainerContentTop: string;
737
748
  export const spaceContainerHeaderTop: string;
@@ -818,6 +829,7 @@ export const spaceXl: string;
818
829
  export const spaceXxl: string;
819
830
  export const spaceXxxl: string;
820
831
  export const shadowCard: string;
832
+ export const shadowItemCard: string;
821
833
  export const shadowContainer: string;
822
834
  export const shadowContainerActive: string;
823
835
  export const shadowDropdown: string;
package/lib/internal/template/internal/generated/styles/tokens.js CHANGED
@@ -306,6 +306,7 @@ export var colorBackgroundCodeEditorLoading = "var(--color-background-code-edito
306
306
  export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
307
307
  export var colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-yjtxod, #f3f3f7)";
308
308
  export var colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
309
+ export var colorBackgroundItemCard = "var(--color-background-item-card-ww2wfv, #ffffff)";
309
310
  export var colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
310
311
  export var colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
311
312
  export var colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
@@ -398,6 +399,8 @@ export var colorBorderCodeEditorDefault = "var(--color-border-code-editor-defaul
398
399
  export var colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-wvblek, #8c8c94)";
399
400
  export var colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
400
401
  export var colorBorderCardHighlighted = "var(--color-border-card-highlighted-ygosod, #006ce0)";
402
+ export var colorBorderItemCard = "var(--color-border-item-card-fia23i, #c6c6cd)";
403
+ export var colorBorderItemCardHighlighted = "var(--color-border-item-card-highlighted-5l7rko, #006ce0)";
401
404
  export var colorBorderContainerDivider = "var(--color-border-container-divider-9huz1a, transparent)";
402
405
  export var colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
403
406
  export var colorBorderControlChecked = "var(--color-border-control-checked-bdv28l, #006ce0)";
@@ -631,6 +634,8 @@ export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-
631
634
  export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
632
635
  export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
633
636
  export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
637
+ export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
638
+ export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
634
639
  export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
635
640
  export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
636
641
  export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
@@ -650,6 +655,8 @@ export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p
650
655
  export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
651
656
  export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
652
657
  export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
658
+ export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
659
+ export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
653
660
  export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
654
661
  export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
655
662
  export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
@@ -732,6 +739,10 @@ export var spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pih
732
739
  export var spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
733
740
  export var spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
734
741
  export var spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
742
+ export var spaceItemCardHorizontalDefault = "var(--space-item-card-horizontal-default-obq2ks, 20px)";
743
+ export var spaceItemCardHorizontalEmbedded = "var(--space-item-card-horizontal-embedded-e0vef5, 12px)";
744
+ export var spaceItemCardVerticalDefault = "var(--space-item-card-vertical-default-ppqfu4, 16px)";
745
+ export var spaceItemCardVerticalEmbedded = "var(--space-item-card-vertical-embedded-zuozef, 10px)";
735
746
  export var spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter-o87hra, -7px)";
736
747
  export var spaceContainerContentTop = "var(--space-container-content-top-1wtqrc, 4px)";
737
748
  export var spaceContainerHeaderTop = "var(--space-container-header-top-am4vzw, 12px)";
@@ -818,6 +829,7 @@ export var spaceXl = "var(--space-xl-jfy3x4, 24px)";
818
829
  export var spaceXxl = "var(--space-xxl-32srm4, 32px)";
819
830
  export var spaceXxxl = "var(--space-xxxl-aut1u7, 40px)";
820
831
  export var shadowCard = "var(--shadow-card-hmrw4q, none)";
832
+ export var shadowItemCard = "var(--shadow-item-card-282f8w, none)";
821
833
  export var shadowContainer = "var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12))";
822
834
  export var shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
823
835
  export var shadowDropdown = "var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.10))";