@cloudscape-design/components-themeable 3.0.1325 → 3.0.1327

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 (153) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/action-card/styles.scss +4 -2
  3. package/lib/internal/scss/badge/styles.scss +4 -4
  4. package/lib/internal/scss/box/styles.scss +1 -0
  5. package/lib/internal/scss/box/visual-accent.scss +117 -0
  6. package/lib/internal/scss/button-dropdown/styles.scss +6 -0
  7. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
  8. package/lib/internal/scss/link/constants.scss +2 -2
  9. package/lib/internal/scss/side-navigation/styles.scss +6 -0
  10. package/lib/internal/template/action-card/interfaces.d.ts +40 -1
  11. package/lib/internal/template/action-card/interfaces.d.ts.map +1 -1
  12. package/lib/internal/template/action-card/interfaces.js.map +1 -1
  13. package/lib/internal/template/action-card/internal.d.ts.map +1 -1
  14. package/lib/internal/template/action-card/internal.js +32 -9
  15. package/lib/internal/template/action-card/internal.js.map +1 -1
  16. package/lib/internal/template/action-card/styles.css.js +17 -17
  17. package/lib/internal/template/action-card/styles.scoped.css +96 -92
  18. package/lib/internal/template/action-card/styles.selectors.js +17 -17
  19. package/lib/internal/template/badge/styles.css.js +10 -10
  20. package/lib/internal/template/badge/styles.scoped.css +14 -14
  21. package/lib/internal/template/badge/styles.selectors.js +10 -10
  22. package/lib/internal/template/box/interfaces.d.ts +59 -0
  23. package/lib/internal/template/box/interfaces.d.ts.map +1 -1
  24. package/lib/internal/template/box/interfaces.js.map +1 -1
  25. package/lib/internal/template/box/internal.d.ts +1 -1
  26. package/lib/internal/template/box/internal.d.ts.map +1 -1
  27. package/lib/internal/template/box/internal.js +4 -2
  28. package/lib/internal/template/box/internal.js.map +1 -1
  29. package/lib/internal/template/box/styles.css.js +224 -193
  30. package/lib/internal/template/box/styles.scoped.css +424 -238
  31. package/lib/internal/template/box/styles.selectors.js +224 -193
  32. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts +1 -1
  33. package/lib/internal/template/button-dropdown/category-elements/category-element.d.ts.map +1 -1
  34. package/lib/internal/template/button-dropdown/category-elements/category-element.js +3 -3
  35. package/lib/internal/template/button-dropdown/category-elements/category-element.js.map +1 -1
  36. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts +1 -1
  37. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.d.ts.map +1 -1
  38. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js +22 -12
  39. package/lib/internal/template/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
  40. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts +1 -1
  41. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.d.ts.map +1 -1
  42. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js +12 -10
  43. package/lib/internal/template/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
  44. package/lib/internal/template/button-dropdown/filter.d.ts +8 -0
  45. package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -0
  46. package/lib/internal/template/button-dropdown/filter.js +18 -0
  47. package/lib/internal/template/button-dropdown/filter.js.map +1 -0
  48. package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
  49. package/lib/internal/template/button-dropdown/index.js +3 -3
  50. package/lib/internal/template/button-dropdown/index.js.map +1 -1
  51. package/lib/internal/template/button-dropdown/interfaces.d.ts +41 -0
  52. package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
  53. package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
  54. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts +12 -0
  55. package/lib/internal/template/button-dropdown/internal-interfaces.d.ts.map +1 -1
  56. package/lib/internal/template/button-dropdown/internal-interfaces.js.map +1 -1
  57. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  58. package/lib/internal/template/button-dropdown/internal.js +46 -7
  59. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  60. package/lib/internal/template/button-dropdown/item-element/index.d.ts +1 -1
  61. package/lib/internal/template/button-dropdown/item-element/index.d.ts.map +1 -1
  62. package/lib/internal/template/button-dropdown/item-element/index.js +35 -16
  63. package/lib/internal/template/button-dropdown/item-element/index.js.map +1 -1
  64. package/lib/internal/template/button-dropdown/items-list.d.ts +1 -1
  65. package/lib/internal/template/button-dropdown/items-list.d.ts.map +1 -1
  66. package/lib/internal/template/button-dropdown/items-list.js +4 -4
  67. package/lib/internal/template/button-dropdown/items-list.js.map +1 -1
  68. package/lib/internal/template/button-dropdown/styles.css.js +23 -22
  69. package/lib/internal/template/button-dropdown/styles.scoped.css +38 -32
  70. package/lib/internal/template/button-dropdown/styles.selectors.js +23 -22
  71. package/lib/internal/template/button-dropdown/tooltip.d.ts +2 -1
  72. package/lib/internal/template/button-dropdown/tooltip.d.ts.map +1 -1
  73. package/lib/internal/template/button-dropdown/tooltip.js +22 -14
  74. package/lib/internal/template/button-dropdown/tooltip.js.map +1 -1
  75. package/lib/internal/template/button-dropdown/utils/filter-items.d.ts +4 -0
  76. package/lib/internal/template/button-dropdown/utils/filter-items.d.ts.map +1 -0
  77. package/lib/internal/template/button-dropdown/utils/filter-items.js +55 -0
  78. package/lib/internal/template/button-dropdown/utils/filter-items.js.map +1 -0
  79. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +7 -1
  80. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  81. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +77 -13
  82. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  83. package/lib/internal/template/code-editor/interfaces.js.map +1 -1
  84. package/lib/internal/template/error-boundary/internal.d.ts.map +1 -1
  85. package/lib/internal/template/error-boundary/internal.js +1 -0
  86. package/lib/internal/template/error-boundary/internal.js.map +1 -1
  87. package/lib/internal/template/help-panel/styles.css.js +6 -6
  88. package/lib/internal/template/help-panel/styles.scoped.css +69 -69
  89. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  90. package/lib/internal/template/icon/generated/icons.d.ts +1 -0
  91. package/lib/internal/template/icon/generated/icons.d.ts.map +1 -1
  92. package/lib/internal/template/icon/generated/icons.js +2 -0
  93. package/lib/internal/template/icon/generated/icons.js.map +1 -1
  94. package/lib/internal/template/icon-provider/interfaces.d.ts +1 -1
  95. package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
  96. package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
  97. package/lib/internal/template/internal/base-component/index.js +3 -3
  98. package/lib/internal/template/internal/base-component/index.js.map +1 -1
  99. package/lib/internal/template/internal/base-component/styles.scoped.css +33 -1
  100. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  101. package/lib/internal/template/internal/components/token-list/styles.scoped.css +24 -24
  102. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  103. package/lib/internal/template/internal/environment.js +2 -2
  104. package/lib/internal/template/internal/environment.json +2 -2
  105. package/lib/internal/template/internal/generated/styles/tokens.d.ts +140 -0
  106. package/lib/internal/template/internal/generated/styles/tokens.js +140 -0
  107. package/lib/internal/template/internal/generated/theming/index.cjs +2080 -20
  108. package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +45 -0
  109. package/lib/internal/template/internal/generated/theming/index.d.ts +45 -0
  110. package/lib/internal/template/internal/generated/theming/index.js +2080 -20
  111. package/lib/internal/template/internal/utils/external-props.js +7 -5
  112. package/lib/internal/template/internal/utils/external-props.js.map +1 -1
  113. package/lib/internal/template/item-card/internal.js +1 -1
  114. package/lib/internal/template/item-card/internal.js.map +1 -1
  115. package/lib/internal/template/link/styles.css.js +21 -21
  116. package/lib/internal/template/link/styles.scoped.css +86 -86
  117. package/lib/internal/template/link/styles.selectors.js +21 -21
  118. package/lib/internal/template/multiselect/embedded.d.ts +2 -2
  119. package/lib/internal/template/multiselect/internal.d.ts +1 -1
  120. package/lib/internal/template/pagination/internal.d.ts.map +1 -1
  121. package/lib/internal/template/pagination/internal.js +2 -2
  122. package/lib/internal/template/pagination/internal.js.map +1 -1
  123. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  124. package/lib/internal/template/select/utils/connect-options.d.ts.map +1 -1
  125. package/lib/internal/template/select/utils/connect-options.js +11 -7
  126. package/lib/internal/template/select/utils/connect-options.js.map +1 -1
  127. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  128. package/lib/internal/template/select/utils/use-select.js +5 -4
  129. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  130. package/lib/internal/template/side-navigation/parts.js +4 -3
  131. package/lib/internal/template/side-navigation/parts.js.map +1 -1
  132. package/lib/internal/template/side-navigation/styles.css.js +47 -46
  133. package/lib/internal/template/side-navigation/styles.scoped.css +76 -70
  134. package/lib/internal/template/side-navigation/styles.selectors.js +47 -46
  135. package/lib/internal/template/table/index.d.ts.map +1 -1
  136. package/lib/internal/template/table/index.js +5 -3
  137. package/lib/internal/template/table/index.js.map +1 -1
  138. package/lib/internal/template/test-utils/dom/action-card/index.d.ts +4 -2
  139. package/lib/internal/template/test-utils/dom/action-card/index.js +5 -3
  140. package/lib/internal/template/test-utils/dom/action-card/index.js.map +1 -1
  141. package/lib/internal/template/test-utils/dom/button-dropdown/index.d.ts +16 -0
  142. package/lib/internal/template/test-utils/dom/button-dropdown/index.js +24 -0
  143. package/lib/internal/template/test-utils/dom/button-dropdown/index.js.map +1 -1
  144. package/lib/internal/template/test-utils/dom/pagination/index.d.ts +9 -6
  145. package/lib/internal/template/test-utils/dom/pagination/index.js +15 -5
  146. package/lib/internal/template/test-utils/dom/pagination/index.js.map +1 -1
  147. package/lib/internal/template/test-utils/selectors/button-dropdown/index.d.ts +16 -0
  148. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js +24 -0
  149. package/lib/internal/template/test-utils/selectors/button-dropdown/index.js.map +1 -1
  150. package/lib/internal/template/test-utils/selectors/pagination/index.d.ts +8 -6
  151. package/lib/internal/template/test-utils/selectors/pagination/index.js +9 -5
  152. package/lib/internal/template/test-utils/selectors/pagination/index.js.map +1 -1
  153. package/package.json +1 -1
package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --color-primary-700-xkgxe3:#0a4a74;
19
19
  --color-primary-800-umo0y4:#003b8f;
20
20
  --color-primary-900-fp8i41:#002b66;
21
+ --color-primary-950-3iog37:#00204d;
21
22
  --color-primary-1000-gaqvjz:#12293b;
22
23
  --color-neutral-50-vcz3bf:#fcfcfd;
23
24
  --color-neutral-100-wbgy1o:#fafafa;
@@ -40,23 +41,38 @@
40
41
  --color-neutral-950-qehfms:#16191f;
41
42
  --color-neutral-1000-hyci1n:#06080a;
42
43
  --color-error-50-io178d:#fdf3f1;
44
+ --color-error-100-ku7qz3:#ffe0e0;
43
45
  --color-error-400-9vxaa6:#ff5d64;
44
46
  --color-error-600-l0qq56:#d13212;
47
+ --color-error-800-pnqs8l:#990000;
45
48
  --color-error-900-9a8dkh:#700000;
49
+ --color-error-950-rfwmbt:#520000;
46
50
  --color-error-1000-n60rq7:#270a11;
47
51
  --color-success-50-imllf9:#f2f8f0;
52
+ --color-success-100-6utfco:#d9ffd6;
53
+ --color-success-400-w8bcwp:#00e500;
48
54
  --color-success-500-ozgyf5:#6aaf35;
49
55
  --color-success-600-ma9qew:#1d8102;
56
+ --color-success-800-71dk4o:#005c26;
57
+ --color-success-950-wsrrh4:#003311;
50
58
  --color-success-1000-qm50d9:#172211;
51
59
  --color-warning-50-sgekuj:#fffef0;
60
+ --color-warning-100-z9f3fh:#fffbbd;
52
61
  --color-warning-400-fgqmlt:#ffe347;
53
62
  --color-warning-500-g16re6:#fbd332;
63
+ --color-warning-600-4m0ogn:#f2b100;
64
+ --color-warning-800-ak0eph:#9e6900;
54
65
  --color-warning-900-6pnziu:#906806;
66
+ --color-warning-950-zq8qyv:#573a00;
55
67
  --color-warning-1000-1ifqwp:#191100;
56
68
  --color-info-50-vuas2o:#f1faff;
69
+ --color-info-100-em93ir:#d1f1ff;
57
70
  --color-info-300-lmblcc:#44b9d6;
58
71
  --color-info-400-bfbwcz:#00a1c9;
59
72
  --color-info-600-ieuf7e:#0073bb;
73
+ --color-info-700-agborf:#004a9e;
74
+ --color-info-800-l8p7mk:#003b8f;
75
+ --color-info-950-76e1op:#00204d;
60
76
  --color-info-1000-og0pob:#12293b;
61
77
  --color-purple-400-v76rym:#bf80ff;
62
78
  --color-purple-700-e3ppuj:#7300e5;
@@ -588,6 +604,11 @@
588
604
  --color-icon-action-card-disabled-pby6he:var(--color-neutral-400-nr06g4);
589
605
  --color-background-skeleton-ggsbkh:var(--color-neutral-250-hdfqdx);
590
606
  --color-background-skeleton-wave-huwveo:var(--color-neutral-150-8fqber);
607
+ --color-background-badge-green-aahq3n:var(--color-background-notification-green-7yuv70);
608
+ --color-background-badge-blue-89he01:var(--color-background-notification-blue-jgc5fr);
609
+ --color-background-badge-red-lfiebe:var(--color-background-notification-red-k51keq);
610
+ --color-background-badge-yellow-szr3n0:var(--color-background-notification-yellow-pu41bb);
611
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
591
612
  --color-border-badge-wjc22l:transparent;
592
613
  --color-border-badge-grey-7x1xit:transparent;
593
614
  --color-border-badge-green-t7n2iz:transparent;
@@ -615,6 +636,8 @@
615
636
  --font-link-button-weight-bnpz8h:400;
616
637
  --font-panel-header-line-height-z3wpa5:var(--line-height-heading-l-vhgtnq);
617
638
  --font-panel-header-size-i1j838:var(--font-size-heading-l-qgg2za);
639
+ --font-side-navigation-section-header-size-h9a6gx:inherit;
640
+ --font-side-navigation-section-header-weight-54g58o:inherit;
618
641
  --font-size-body-m-vv54cm:14px;
619
642
  --font-size-body-s-psgqn2:12px;
620
643
  --font-size-display-l-h1h1h9:44px;
@@ -646,6 +669,7 @@
646
669
  --font-weight-heavy-pxt4u0:700;
647
670
  --font-weight-key-value-pairs-label-n8tgha:var(--font-display-label-weight-ise9n2);
648
671
  --font-weight-lighter-2bj4od:300;
672
+ --font-weight-link-secondary-clvuxr:inherit;
649
673
  --font-weight-normal-7w835s:400;
650
674
  --font-weight-tabs-w2el4h:700;
651
675
  --font-weight-tabs-disabled-5li4ra:400;
@@ -1605,6 +1629,7 @@
1605
1629
  --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
1606
1630
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-text-link-default-z7zuy8);
1607
1631
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
1632
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
1608
1633
  }
1609
1634
  .awsui-context-flashbar:not(#\9) {
1610
1635
  --color-background-button-normal-active-4h10xg:rgba(0, 7, 22, 0.2);
@@ -2281,6 +2306,10 @@
2281
2306
  --color-icon-action-card-default-g1tv20:var(--color-primary-600-be1v6a);
2282
2307
  --color-icon-action-card-disabled-pby6he:var(--color-neutral-400-nr06g4);
2283
2308
  --color-background-skeleton-ggsbkh:var(--color-neutral-250-hdfqdx);
2309
+ --color-background-badge-green-aahq3n:var(--color-background-notification-green-7yuv70);
2310
+ --color-background-badge-blue-89he01:var(--color-background-notification-blue-jgc5fr);
2311
+ --color-background-badge-red-lfiebe:var(--color-background-notification-red-k51keq);
2312
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
2284
2313
  --color-text-badge-grey-5hljh0:var(--color-text-notification-default-fmebm4);
2285
2314
  --color-text-badge-green-i688l8:var(--color-text-notification-default-fmebm4);
2286
2315
  --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
@@ -2925,6 +2954,7 @@
2925
2954
  --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
2926
2955
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-text-link-default-z7zuy8);
2927
2956
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
2957
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
2928
2958
  }
2929
2959
  .awsui-visual-refresh .awsui-context-content-header:not(#\9), .awsui-context-content-header.awsui-visual-refresh:not(#\9) {
2930
2960
  --color-grey-opaque-70-ueherc:rgba(15, 20, 26, 0.7);
@@ -3214,6 +3244,7 @@
3214
3244
  --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
3215
3245
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-text-link-default-z7zuy8);
3216
3246
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
3247
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
3217
3248
  --shadow-dropup-44quix:var(--shadow-dropdown-skxpuu);
3218
3249
  --shadow-modal-pjndl9:var(--shadow-dropdown-skxpuu);
3219
3250
  --shadow-popover-ijmv1l:var(--shadow-dropdown-skxpuu);
@@ -3761,6 +3792,7 @@
3761
3792
  --color-text-segment-hover-33xnva:var(--color-text-button-normal-hover-tksuqp);
3762
3793
  --color-text-tutorial-hotspot-default-ql4c5o:var(--color-text-link-default-z7zuy8);
3763
3794
  --color-text-tutorial-hotspot-hover-baiupp:var(--color-text-link-hover-pqxtsy);
3795
+ --color-background-badge-grey-0gre59:var(--color-background-notification-grey-yzex9c);
3764
3796
  }
3765
3797
  .awsui-visual-refresh .awsui-context-app-layout-toolbar:not(#\9), .awsui-context-app-layout-toolbar.awsui-visual-refresh:not(#\9) {
3766
3798
  --color-background-layout-main-05m5y6:var(--color-neutral-50-vcz3bf);
@@ -3928,5 +3960,5 @@
3928
3960
  }
3929
3961
  }
3930
3962
  :root {
3931
- --awsui-version-info-45502c04: true;
3963
+ --awsui-version-info-3f01803d: true;
3932
3964
  }
package/lib/internal/template/internal/components/token-list/styles.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_gfwv3_1ww1g_193",
5
- "horizontal": "awsui_horizontal_gfwv3_1ww1g_196",
6
- "vertical": "awsui_vertical_gfwv3_1ww1g_202",
7
- "list": "awsui_list_gfwv3_1ww1g_207",
8
- "grid": "awsui_grid_gfwv3_1ww1g_226",
9
- "list-item": "awsui_list-item_gfwv3_1ww1g_238",
10
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ww1g_245",
11
- "toggle": "awsui_toggle_gfwv3_1ww1g_245",
12
- "description": "awsui_description_gfwv3_1ww1g_338",
13
- "separator": "awsui_separator_gfwv3_1ww1g_342"
4
+ "root": "awsui_root_gfwv3_1xw5t_193",
5
+ "horizontal": "awsui_horizontal_gfwv3_1xw5t_196",
6
+ "vertical": "awsui_vertical_gfwv3_1xw5t_202",
7
+ "list": "awsui_list_gfwv3_1xw5t_207",
8
+ "grid": "awsui_grid_gfwv3_1xw5t_226",
9
+ "list-item": "awsui_list-item_gfwv3_1xw5t_238",
10
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xw5t_245",
11
+ "toggle": "awsui_toggle_gfwv3_1xw5t_245",
12
+ "description": "awsui_description_gfwv3_1xw5t_338",
13
+ "separator": "awsui_separator_gfwv3_1xw5t_342"
14
14
  };
15
15
 
package/lib/internal/template/internal/components/token-list/styles.scoped.css CHANGED
@@ -190,21 +190,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
190
190
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
191
191
  SPDX-License-Identifier: Apache-2.0
192
192
  */
193
- .awsui_root_gfwv3_1ww1g_193:not(#\9) {
193
+ .awsui_root_gfwv3_1xw5t_193:not(#\9) {
194
194
  gap: var(--space-scaled-xs-sppte9, 8px);
195
195
  }
196
- .awsui_root_gfwv3_1ww1g_193.awsui_horizontal_gfwv3_1ww1g_196:not(#\9) {
196
+ .awsui_root_gfwv3_1xw5t_193.awsui_horizontal_gfwv3_1xw5t_196:not(#\9) {
197
197
  display: flex;
198
198
  gap: var(--space-xs-kw7k3v, 8px);
199
199
  flex-direction: row;
200
200
  flex-wrap: wrap;
201
201
  }
202
- .awsui_root_gfwv3_1ww1g_193.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
202
+ .awsui_root_gfwv3_1xw5t_193.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
203
203
  display: flex;
204
204
  flex-direction: column;
205
205
  }
206
206
 
207
- .awsui_list_gfwv3_1ww1g_207:not(#\9) {
207
+ .awsui_list_gfwv3_1xw5t_207:not(#\9) {
208
208
  display: contents;
209
209
  list-style: none;
210
210
  padding-block: 0;
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
212
212
  margin-block: 0;
213
213
  margin-inline: 0;
214
214
  }
215
- .awsui_list_gfwv3_1ww1g_207.awsui_horizontal_gfwv3_1ww1g_196:not(#\9), .awsui_list_gfwv3_1ww1g_207.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
215
+ .awsui_list_gfwv3_1xw5t_207.awsui_horizontal_gfwv3_1xw5t_196:not(#\9), .awsui_list_gfwv3_1xw5t_207.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
216
216
  display: flex;
217
217
  gap: var(--space-xs-kw7k3v, 8px);
218
218
  }
219
- .awsui_list_gfwv3_1ww1g_207.awsui_horizontal_gfwv3_1ww1g_196:not(#\9) {
219
+ .awsui_list_gfwv3_1xw5t_207.awsui_horizontal_gfwv3_1xw5t_196:not(#\9) {
220
220
  flex-direction: row;
221
221
  flex-wrap: wrap;
222
222
  }
223
- .awsui_list_gfwv3_1ww1g_207.awsui_vertical_gfwv3_1ww1g_202:not(#\9) {
223
+ .awsui_list_gfwv3_1xw5t_207.awsui_vertical_gfwv3_1xw5t_202:not(#\9) {
224
224
  flex-direction: column;
225
225
  }
226
- .awsui_list_gfwv3_1ww1g_207.awsui_grid_gfwv3_1ww1g_226:not(#\9) {
226
+ .awsui_list_gfwv3_1xw5t_207.awsui_grid_gfwv3_1xw5t_226:not(#\9) {
227
227
  display: grid;
228
228
  gap: var(--space-xs-kw7k3v, 8px);
229
229
  grid-template-columns: repeat(auto-fill, 230px);
230
230
  }
231
231
  @media (max-width: 688px) {
232
- .awsui_list_gfwv3_1ww1g_207.awsui_grid_gfwv3_1ww1g_226:not(#\9) {
232
+ .awsui_list_gfwv3_1xw5t_207.awsui_grid_gfwv3_1xw5t_226:not(#\9) {
233
233
  display: flex;
234
234
  flex-direction: column;
235
235
  }
236
236
  }
237
237
 
238
- .awsui_list-item_gfwv3_1ww1g_238:not(#\9) {
238
+ .awsui_list-item_gfwv3_1xw5t_238:not(#\9) {
239
239
  padding-block: 0;
240
240
  padding-inline: 0;
241
241
  margin-block: 0;
242
242
  margin-inline: 0;
243
243
  }
244
244
 
245
- .awsui_toggle-container-inline_gfwv3_1ww1g_245:not(#\9) {
245
+ .awsui_toggle-container-inline_gfwv3_1xw5t_245:not(#\9) {
246
246
  padding-inline-start: var(--space-xs-kw7k3v, 8px);
247
247
  display: flex;
248
248
  align-items: center;
249
249
  }
250
250
 
251
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
251
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
252
252
  border-collapse: separate;
253
253
  border-spacing: 0;
254
254
  box-sizing: border-box;
@@ -290,7 +290,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
290
290
  text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
291
291
  text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
292
292
  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
293
- font-weight: inherit;
293
+ font-weight: var(--font-weight-link-secondary-clvuxr, inherit);
294
294
  letter-spacing: normal;
295
295
  text-decoration-line: none;
296
296
  text-decoration-color: transparent;
@@ -300,34 +300,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
300
300
  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
301
301
  }
302
302
  @media (prefers-reduced-motion: reduce) {
303
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
303
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
304
304
  animation: none;
305
305
  transition: none;
306
306
  }
307
307
  }
308
- .awsui-motion-disabled .awsui_toggle_gfwv3_1ww1g_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1ww1g_245:not(#\9) {
308
+ .awsui-motion-disabled .awsui_toggle_gfwv3_1xw5t_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1xw5t_245:not(#\9) {
309
309
  animation: none;
310
310
  transition: none;
311
311
  }
312
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
312
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
313
313
  cursor: pointer;
314
314
  color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
315
315
  }
316
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus {
316
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus {
317
317
  outline: none;
318
318
  }
319
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9):active {
319
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9):active {
320
320
  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
321
321
  }
322
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9):active, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
322
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9):active, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
323
323
  text-decoration-line: underline;
324
- text-decoration-color: currentColor;
324
+ text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
325
325
  }
326
- .awsui_toggle_gfwv3_1ww1g_245:not(#\9):active, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus, .awsui_toggle_gfwv3_1ww1g_245:not(#\9):hover {
326
+ .awsui_toggle_gfwv3_1xw5t_245:not(#\9):active, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus, .awsui_toggle_gfwv3_1xw5t_245:not(#\9):hover {
327
327
  text-decoration: none;
328
328
  text-decoration-color: transparent;
329
329
  }
330
- body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus {
330
+ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1xw5t_245:not(#\9):focus {
331
331
  outline: 2px dotted transparent;
332
332
  border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
333
333
  border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
@@ -337,11 +337,11 @@ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1ww1g_245:not(#\9):focus
337
337
  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
338
338
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
339
339
  }
340
- .awsui_toggle_gfwv3_1ww1g_245 > .awsui_description_gfwv3_1ww1g_338:not(#\9) {
340
+ .awsui_toggle_gfwv3_1xw5t_245 > .awsui_description_gfwv3_1xw5t_338:not(#\9) {
341
341
  margin-inline-start: var(--space-xxs-jnczic, 4px);
342
342
  }
343
343
 
344
- .awsui_separator_gfwv3_1ww1g_342:not(#\9) {
344
+ .awsui_separator_gfwv3_1xw5t_342:not(#\9) {
345
345
  margin-block: 0;
346
346
  margin-inline: var(--space-scaled-m-sw9kcx, 16px);
347
347
  inline-size: var(--border-divider-section-width-sznrdy, 1px);
package/lib/internal/template/internal/components/token-list/styles.selectors.js CHANGED
@@ -2,15 +2,15 @@
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_gfwv3_1ww1g_193",
6
- "horizontal": "awsui_horizontal_gfwv3_1ww1g_196",
7
- "vertical": "awsui_vertical_gfwv3_1ww1g_202",
8
- "list": "awsui_list_gfwv3_1ww1g_207",
9
- "grid": "awsui_grid_gfwv3_1ww1g_226",
10
- "list-item": "awsui_list-item_gfwv3_1ww1g_238",
11
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1ww1g_245",
12
- "toggle": "awsui_toggle_gfwv3_1ww1g_245",
13
- "description": "awsui_description_gfwv3_1ww1g_338",
14
- "separator": "awsui_separator_gfwv3_1ww1g_342"
5
+ "root": "awsui_root_gfwv3_1xw5t_193",
6
+ "horizontal": "awsui_horizontal_gfwv3_1xw5t_196",
7
+ "vertical": "awsui_vertical_gfwv3_1xw5t_202",
8
+ "list": "awsui_list_gfwv3_1xw5t_207",
9
+ "grid": "awsui_grid_gfwv3_1xw5t_226",
10
+ "list-item": "awsui_list-item_gfwv3_1xw5t_238",
11
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1xw5t_245",
12
+ "toggle": "awsui_toggle_gfwv3_1xw5t_245",
13
+ "description": "awsui_description_gfwv3_1xw5t_338",
14
+ "separator": "awsui_separator_gfwv3_1xw5t_342"
15
15
  };
16
16
 
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 (45502c04)";
3
- export var GIT_SHA = "45502c04";
2
+ export var PACKAGE_VERSION = "3.0.0 (3f01803d)";
3
+ export var GIT_SHA = "3f01803d";
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 (45502c04)",
4
- "GIT_SHA": "45502c04",
3
+ "PACKAGE_VERSION": "3.0.0 (3f01803d)",
4
+ "GIT_SHA": "3f01803d",
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
@@ -8,6 +8,7 @@ export const colorPrimary600: string;
8
8
  export const colorPrimary700: string;
9
9
  export const colorPrimary800: string;
10
10
  export const colorPrimary900: string;
11
+ export const colorPrimary950: string;
11
12
  export const colorPrimary1000: string;
12
13
  export const colorNeutral50: string;
13
14
  export const colorNeutral100: string;
@@ -30,23 +31,38 @@ export const colorNeutral900: string;
30
31
  export const colorNeutral950: string;
31
32
  export const colorNeutral1000: string;
32
33
  export const colorError50: string;
34
+ export const colorError100: string;
33
35
  export const colorError400: string;
34
36
  export const colorError600: string;
37
+ export const colorError800: string;
35
38
  export const colorError900: string;
39
+ export const colorError950: string;
36
40
  export const colorError1000: string;
37
41
  export const colorSuccess50: string;
42
+ export const colorSuccess100: string;
43
+ export const colorSuccess400: string;
38
44
  export const colorSuccess500: string;
39
45
  export const colorSuccess600: string;
46
+ export const colorSuccess800: string;
47
+ export const colorSuccess950: string;
40
48
  export const colorSuccess1000: string;
41
49
  export const colorWarning50: string;
50
+ export const colorWarning100: string;
42
51
  export const colorWarning400: string;
43
52
  export const colorWarning500: string;
53
+ export const colorWarning600: string;
54
+ export const colorWarning800: string;
44
55
  export const colorWarning900: string;
56
+ export const colorWarning950: string;
45
57
  export const colorWarning1000: string;
46
58
  export const colorInfo50: string;
59
+ export const colorInfo100: string;
47
60
  export const colorInfo300: string;
48
61
  export const colorInfo400: string;
49
62
  export const colorInfo600: string;
63
+ export const colorInfo700: string;
64
+ export const colorInfo800: string;
65
+ export const colorInfo950: string;
50
66
  export const colorInfo1000: string;
51
67
  export const colorGrey50: string;
52
68
  export const colorGrey100: string;
@@ -95,6 +111,86 @@ export const colorPurple400: string;
95
111
  export const colorPurple700: string;
96
112
  export const colorAmber400: string;
97
113
  export const colorAmber500: string;
114
+ export const colorRed950: string;
115
+ export const colorOrange50: string;
116
+ export const colorOrange100: string;
117
+ export const colorOrange400: string;
118
+ export const colorOrange700: string;
119
+ export const colorOrange800: string;
120
+ export const colorOrange950: string;
121
+ export const colorYellow600: string;
122
+ export const colorYellow950: string;
123
+ export const colorLime50: string;
124
+ export const colorLime100: string;
125
+ export const colorLime400: string;
126
+ export const colorLime700: string;
127
+ export const colorLime800: string;
128
+ export const colorLime950: string;
129
+ export const colorGreen400: string;
130
+ export const colorGreen950: string;
131
+ export const colorMint50: string;
132
+ export const colorMint100: string;
133
+ export const colorMint400: string;
134
+ export const colorMint700: string;
135
+ export const colorMint800: string;
136
+ export const colorMint950: string;
137
+ export const colorIndigo50: string;
138
+ export const colorIndigo400: string;
139
+ export const colorIndigo600: string;
140
+ export const colorIndigo950: string;
141
+ export const colorPurple50: string;
142
+ export const colorPurple100: string;
143
+ export const colorPurple600: string;
144
+ export const colorPurple800: string;
145
+ export const colorPurple950: string;
146
+ export const colorTeal50: string;
147
+ export const colorTeal100: string;
148
+ export const colorTeal400: string;
149
+ export const colorTeal700: string;
150
+ export const colorTeal800: string;
151
+ export const colorTeal950: string;
152
+ export const colorCyan50: string;
153
+ export const colorCyan100: string;
154
+ export const colorCyan400: string;
155
+ export const colorCyan700: string;
156
+ export const colorCyan800: string;
157
+ export const colorCyan950: string;
158
+ export const colorBlue950: string;
159
+ export const colorViolet50: string;
160
+ export const colorViolet100: string;
161
+ export const colorViolet400: string;
162
+ export const colorViolet700: string;
163
+ export const colorViolet800: string;
164
+ export const colorViolet950: string;
165
+ export const colorFuchsia50: string;
166
+ export const colorFuchsia100: string;
167
+ export const colorFuchsia400: string;
168
+ export const colorFuchsia700: string;
169
+ export const colorFuchsia800: string;
170
+ export const colorFuchsia950: string;
171
+ export const colorMagenta50: string;
172
+ export const colorMagenta100: string;
173
+ export const colorMagenta400: string;
174
+ export const colorMagenta700: string;
175
+ export const colorMagenta800: string;
176
+ export const colorMagenta950: string;
177
+ export const colorPink50: string;
178
+ export const colorPink100: string;
179
+ export const colorPink400: string;
180
+ export const colorPink700: string;
181
+ export const colorPink800: string;
182
+ export const colorPink950: string;
183
+ export const colorRose50: string;
184
+ export const colorRose100: string;
185
+ export const colorRose400: string;
186
+ export const colorRose700: string;
187
+ export const colorRose800: string;
188
+ export const colorRose950: string;
189
+ export const colorAmber50: string;
190
+ export const colorAmber100: string;
191
+ export const colorAmber700: string;
192
+ export const colorAmber800: string;
193
+ export const colorAmber950: string;
98
194
  export const colorAwsSquidInk: string;
99
195
  export const colorTransparent: string;
100
196
  export const colorBlack: string;
@@ -628,6 +724,11 @@ export const colorIconActionCardActive: string;
628
724
  export const colorIconActionCardDisabled: string;
629
725
  export const colorBackgroundSkeleton: string;
630
726
  export const colorBackgroundSkeletonWave: string;
727
+ export const colorBackgroundBadgeGreen: string;
728
+ export const colorBackgroundBadgeBlue: string;
729
+ export const colorBackgroundBadgeRed: string;
730
+ export const colorBackgroundBadgeYellow: string;
731
+ export const colorBackgroundBadgeGrey: string;
631
732
  export const colorBorderBadge: string;
632
733
  export const colorBorderBadgeGrey: string;
633
734
  export const colorBorderBadgeGreen: string;
@@ -638,6 +739,42 @@ export const colorTextBadgeGreen: string;
638
739
  export const colorTextBadgeBlue: string;
639
740
  export const colorTextBadgeRed: string;
640
741
  export const colorBackgroundCodeView: string;
742
+ export const colorBackgroundAccentRed: string;
743
+ export const colorBackgroundAccentYellow: string;
744
+ export const colorBackgroundAccentIndigo: string;
745
+ export const colorBackgroundAccentGreen: string;
746
+ export const colorBackgroundAccentOrange: string;
747
+ export const colorBackgroundAccentPurple: string;
748
+ export const colorBackgroundAccentMint: string;
749
+ export const colorBackgroundAccentLime: string;
750
+ export const colorBackgroundAccentGrey: string;
751
+ export const colorBackgroundAccentTeal: string;
752
+ export const colorBackgroundAccentCyan: string;
753
+ export const colorBackgroundAccentBlue: string;
754
+ export const colorBackgroundAccentViolet: string;
755
+ export const colorBackgroundAccentFuchsia: string;
756
+ export const colorBackgroundAccentMagenta: string;
757
+ export const colorBackgroundAccentPink: string;
758
+ export const colorBackgroundAccentRose: string;
759
+ export const colorBackgroundAccentAmber: string;
760
+ export const colorTextAccentRed: string;
761
+ export const colorTextAccentYellow: string;
762
+ export const colorTextAccentIndigo: string;
763
+ export const colorTextAccentGreen: string;
764
+ export const colorTextAccentOrange: string;
765
+ export const colorTextAccentPurple: string;
766
+ export const colorTextAccentMint: string;
767
+ export const colorTextAccentLime: string;
768
+ export const colorTextAccentGrey: string;
769
+ export const colorTextAccentTeal: string;
770
+ export const colorTextAccentCyan: string;
771
+ export const colorTextAccentBlue: string;
772
+ export const colorTextAccentViolet: string;
773
+ export const colorTextAccentFuchsia: string;
774
+ export const colorTextAccentMagenta: string;
775
+ export const colorTextAccentPink: string;
776
+ export const colorTextAccentRose: string;
777
+ export const colorTextAccentAmber: string;
641
778
  export const fontBoxValueLargeWeight: string;
642
779
  export const fontButtonLetterSpacing: string;
643
780
  export const fontChartDetailSize: string;
@@ -656,6 +793,8 @@ export const fontLinkButtonLetterSpacing: string;
656
793
  export const fontLinkButtonWeight: string;
657
794
  export const fontPanelHeaderLineHeight: string;
658
795
  export const fontPanelHeaderSize: string;
796
+ export const fontSideNavigationSectionHeaderSize: string;
797
+ export const fontSideNavigationSectionHeaderWeight: string;
659
798
  export const fontSizeBodyM: string;
660
799
  export const fontSizeBodyS: string;
661
800
  export const fontSizeDisplayL: string;
@@ -687,6 +826,7 @@ export const fontWeightHeadingXs: string;
687
826
  export const fontWeightHeavy: string;
688
827
  export const fontWeightKeyValuePairsLabel: string;
689
828
  export const fontWeightLighter: string;
829
+ export const fontWeightLinkSecondary: string;
690
830
  export const fontWeightNormal: string;
691
831
  export const fontWeightTabs: string;
692
832
  export const fontWeightTabsDisabled: string;