@cloudscape-design/components-themeable 3.0.1343 → 3.0.1345

package/lib/internal/template/internal/components/selectable-item/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "selectable-item": "awsui_selectable-item_15o6u_w08i4_145",
-  "parent": "awsui_parent_15o6u_w08i4_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_w08i4_164",
-  "highlighted": "awsui_highlighted_15o6u_w08i4_164",
-  "selected": "awsui_selected_15o6u_w08i4_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_w08i4_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_w08i4_171",
-  "virtual": "awsui_virtual_15o6u_w08i4_178",
-  "has-background": "awsui_has-background_15o6u_w08i4_181",
-  "child": "awsui_child_15o6u_w08i4_184",
-  "disabled": "awsui_disabled_15o6u_w08i4_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_w08i4_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_w08i4_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_w08i4_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_w08i4_239",
-  "sticky": "awsui_sticky_15o6u_w08i4_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_w08i4_290",
-  "after-header": "awsui_after-header_15o6u_w08i4_293",
-  "measure-strut": "awsui_measure-strut_15o6u_w08i4_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_w08i4_334",
-  "option-content": "awsui_option-content_15o6u_w08i4_340",
-  "select-all": "awsui_select-all_15o6u_w08i4_344"
+  "selectable-item": "awsui_selectable-item_15o6u_158rj_145",
+  "parent": "awsui_parent_15o6u_158rj_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_158rj_164",
+  "highlighted": "awsui_highlighted_15o6u_158rj_164",
+  "selected": "awsui_selected_15o6u_158rj_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_158rj_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_158rj_171",
+  "virtual": "awsui_virtual_15o6u_158rj_178",
+  "has-background": "awsui_has-background_15o6u_158rj_181",
+  "child": "awsui_child_15o6u_158rj_184",
+  "disabled": "awsui_disabled_15o6u_158rj_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_158rj_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_158rj_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_158rj_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_158rj_239",
+  "sticky": "awsui_sticky_15o6u_158rj_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_158rj_290",
+  "after-header": "awsui_after-header_15o6u_158rj_293",
+  "measure-strut": "awsui_measure-strut_15o6u_158rj_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_158rj_334",
+  "option-content": "awsui_option-content_15o6u_158rj_340",
+  "select-all": "awsui_select-all_15o6u_158rj_344"
 };
   

package/lib/internal/template/internal/components/sortable-area/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_gct5g_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_gct5g_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_gct5g_174",
-  "active": "awsui_active_1ksmw_gct5g_200",
-  "placeholder": "awsui_placeholder_1ksmw_gct5g_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_gct5g_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_gct5g_225",
-  "sorting": "awsui_sorting_1ksmw_gct5g_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1luca_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1luca_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1luca_174",
+  "active": "awsui_active_1ksmw_1luca_200",
+  "placeholder": "awsui_placeholder_1ksmw_1luca_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1luca_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1luca_225",
+  "sorting": "awsui_sorting_1ksmw_1luca_232"
 };
   

package/lib/internal/template/internal/components/sortable-area/styles.scoped.css

@@ -142,22 +142,22 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_drag-overlay_1ksmw_gct5g_145:not(#\9) {
+.awsui_drag-overlay_1ksmw_1luca_145:not(#\9) {
   box-shadow: var(--shadow-container-active-hawm65, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  background-color: var(--color-background-container-content-aemn43, #ffffff);
+  background-color: var(--color-background-container-content-mvmryi, #ffffff);
 }
-.awsui_drag-overlay-item_1ksmw_gct5g_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9) {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
   position: relative;
 }
-.awsui_drag-overlay-item_1ksmw_gct5g_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-item_1ksmw_gct5g_149:not(#\9)::before {
+.awsui_drag-overlay-item_1ksmw_1luca_149:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,20 +169,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_drag-overlay-container_1ksmw_gct5g_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9) {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   position: relative;
 }
-.awsui_drag-overlay-container_1ksmw_gct5g_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-container_1ksmw_gct5g_174:not(#\9)::before {
+.awsui_drag-overlay-container_1ksmw_1luca_174:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -194,51 +194,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-a3thrr, #0073bb);
 }
 
-.awsui_active_1ksmw_gct5g_200:not(#\9) {
+.awsui_active_1ksmw_1luca_200:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_placeholder_1ksmw_gct5g_210:not(#\9) {
+.awsui_placeholder_1ksmw_1luca_210:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_gct5g_210:not(#\9):after {
+.awsui_placeholder_1ksmw_1luca_210:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
-  background: var(--color-drag-placeholder-hover-owaghb, #99cbe4);
+  background: var(--color-drag-placeholder-hover-bul13g, #99cbe4);
 }
-.awsui_placeholder-item_1ksmw_gct5g_219:not(#\9):after {
+.awsui_placeholder-item_1ksmw_1luca_219:not(#\9):after {
   border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_placeholder-container_1ksmw_gct5g_225:not(#\9):after {
+.awsui_placeholder-container_1ksmw_1luca_225:not(#\9):after {
   border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
   border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
 }
 
-.awsui_sorting_1ksmw_gct5g_232:not(#\9) {
+.awsui_sorting_1ksmw_1luca_232:not(#\9) {
   transition: transform var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sorting_1ksmw_gct5g_232:not(#\9) {
+  .awsui_sorting_1ksmw_1luca_232:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_gct5g_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_gct5g_232:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_1luca_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1luca_232:not(#\9) {
   animation: none;
   transition: none;
 }

package/lib/internal/template/internal/components/sortable-area/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_gct5g_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_gct5g_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_gct5g_174",
-  "active": "awsui_active_1ksmw_gct5g_200",
-  "placeholder": "awsui_placeholder_1ksmw_gct5g_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_gct5g_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_gct5g_225",
-  "sorting": "awsui_sorting_1ksmw_gct5g_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1luca_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1luca_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1luca_174",
+  "active": "awsui_active_1ksmw_1luca_200",
+  "placeholder": "awsui_placeholder_1ksmw_1luca_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1luca_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1luca_225",
+  "sorting": "awsui_sorting_1ksmw_1luca_232"
 };
   

package/lib/internal/template/internal/components/structured-item/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ifko_1kg2a_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_1kg2a_184",
-  "main": "awsui_main_1ifko_1kg2a_188",
-  "actions": "awsui_actions_1ifko_1kg2a_195",
-  "content-wrap": "awsui_content-wrap_1ifko_1kg2a_199",
-  "wrap-actions": "awsui_wrap-actions_1ifko_1kg2a_209",
-  "content": "awsui_content_1ifko_1kg2a_199"
+  "root": "awsui_root_1ifko_eoveq_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_eoveq_184",
+  "main": "awsui_main_1ifko_eoveq_188",
+  "actions": "awsui_actions_1ifko_eoveq_195",
+  "content-wrap": "awsui_content-wrap_1ifko_eoveq_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_eoveq_209",
+  "content": "awsui_content_1ifko_eoveq_199"
 };
   

package/lib/internal/template/internal/components/structured-item/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1ifko_1kg2a_145:not(#\9) {
+.awsui_root_1ifko_eoveq_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -167,7 +167,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -181,39 +181,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: baseline;
   column-gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_root_1ifko_1kg2a_145.awsui_disable-paddings_1ifko_1kg2a_184:not(#\9) {
+.awsui_root_1ifko_eoveq_145.awsui_disable-paddings_1ifko_eoveq_184:not(#\9) {
   column-gap: 0;
 }
 
-.awsui_main_1ifko_1kg2a_188:not(#\9) {
+.awsui_main_1ifko_eoveq_188:not(#\9) {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_actions_1ifko_1kg2a_195:not(#\9) {
+.awsui_actions_1ifko_eoveq_195:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_content-wrap_1ifko_1kg2a_199:not(#\9) {
+.awsui_content-wrap_1ifko_eoveq_199:not(#\9) {
   flex-grow: 1;
   display: flex;
   align-items: baseline;
   flex-direction: row;
   column-gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_disable-paddings_1ifko_1kg2a_184 > .awsui_main_1ifko_1kg2a_188 > .awsui_content-wrap_1ifko_1kg2a_199:not(#\9) {
+.awsui_disable-paddings_1ifko_eoveq_184 > .awsui_main_1ifko_eoveq_188 > .awsui_content-wrap_1ifko_eoveq_199:not(#\9) {
   column-gap: 0;
 }
-.awsui_content-wrap_1ifko_1kg2a_199.awsui_wrap-actions_1ifko_1kg2a_209:not(#\9) {
+.awsui_content-wrap_1ifko_eoveq_199.awsui_wrap-actions_1ifko_eoveq_209:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_content-wrap_1ifko_1kg2a_199:not(#\9):not(.awsui_wrap-actions_1ifko_1kg2a_209) > .awsui_actions_1ifko_1kg2a_195 {
+.awsui_content-wrap_1ifko_eoveq_199:not(#\9):not(.awsui_wrap-actions_1ifko_eoveq_209) > .awsui_actions_1ifko_eoveq_195 {
   flex-shrink: 0;
 }
 
-.awsui_content_1ifko_1kg2a_199:not(#\9) {
+.awsui_content_1ifko_eoveq_199:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
 }

package/lib/internal/template/internal/components/structured-item/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1ifko_1kg2a_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_1kg2a_184",
-  "main": "awsui_main_1ifko_1kg2a_188",
-  "actions": "awsui_actions_1ifko_1kg2a_195",
-  "content-wrap": "awsui_content-wrap_1ifko_1kg2a_199",
-  "wrap-actions": "awsui_wrap-actions_1ifko_1kg2a_209",
-  "content": "awsui_content_1ifko_1kg2a_199"
+  "root": "awsui_root_1ifko_eoveq_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_eoveq_184",
+  "main": "awsui_main_1ifko_eoveq_188",
+  "actions": "awsui_actions_1ifko_eoveq_195",
+  "content-wrap": "awsui_content-wrap_1ifko_eoveq_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_eoveq_209",
+  "content": "awsui_content_1ifko_eoveq_199"
 };
   

package/lib/internal/template/internal/components/token-list/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_zp3l7_193",
-  "horizontal": "awsui_horizontal_gfwv3_zp3l7_196",
-  "vertical": "awsui_vertical_gfwv3_zp3l7_202",
-  "list": "awsui_list_gfwv3_zp3l7_207",
-  "grid": "awsui_grid_gfwv3_zp3l7_226",
-  "list-item": "awsui_list-item_gfwv3_zp3l7_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zp3l7_245",
-  "toggle": "awsui_toggle_gfwv3_zp3l7_245",
-  "description": "awsui_description_gfwv3_zp3l7_338",
-  "separator": "awsui_separator_gfwv3_zp3l7_342"
+  "root": "awsui_root_gfwv3_11cca_193",
+  "horizontal": "awsui_horizontal_gfwv3_11cca_196",
+  "vertical": "awsui_vertical_gfwv3_11cca_202",
+  "list": "awsui_list_gfwv3_11cca_207",
+  "grid": "awsui_grid_gfwv3_11cca_226",
+  "list-item": "awsui_list-item_gfwv3_11cca_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11cca_245",
+  "toggle": "awsui_toggle_gfwv3_11cca_245",
+  "description": "awsui_description_gfwv3_11cca_338",
+  "separator": "awsui_separator_gfwv3_11cca_342"
 };
   

package/lib/internal/template/internal/components/token-list/styles.scoped.css

@@ -190,21 +190,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_gfwv3_zp3l7_193:not(#\9) {
+.awsui_root_gfwv3_11cca_193:not(#\9) {
   gap: var(--space-scaled-xs-sppte9, 8px);
 }
-.awsui_root_gfwv3_zp3l7_193.awsui_horizontal_gfwv3_zp3l7_196:not(#\9) {
+.awsui_root_gfwv3_11cca_193.awsui_horizontal_gfwv3_11cca_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-kw7k3v, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_zp3l7_193.awsui_vertical_gfwv3_zp3l7_202:not(#\9) {
+.awsui_root_gfwv3_11cca_193.awsui_vertical_gfwv3_11cca_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_zp3l7_207:not(#\9) {
+.awsui_list_gfwv3_11cca_207:not(#\9) {
   display: contents;
   list-style: none;
   padding-block: 0;
@@ -212,43 +212,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_list_gfwv3_zp3l7_207.awsui_horizontal_gfwv3_zp3l7_196:not(#\9), .awsui_list_gfwv3_zp3l7_207.awsui_vertical_gfwv3_zp3l7_202:not(#\9) {
+.awsui_list_gfwv3_11cca_207.awsui_horizontal_gfwv3_11cca_196:not(#\9), .awsui_list_gfwv3_11cca_207.awsui_vertical_gfwv3_11cca_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_list_gfwv3_zp3l7_207.awsui_horizontal_gfwv3_zp3l7_196:not(#\9) {
+.awsui_list_gfwv3_11cca_207.awsui_horizontal_gfwv3_11cca_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_zp3l7_207.awsui_vertical_gfwv3_zp3l7_202:not(#\9) {
+.awsui_list_gfwv3_11cca_207.awsui_vertical_gfwv3_11cca_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_zp3l7_207.awsui_grid_gfwv3_zp3l7_226:not(#\9) {
+.awsui_list_gfwv3_11cca_207.awsui_grid_gfwv3_11cca_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-kw7k3v, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_zp3l7_207.awsui_grid_gfwv3_zp3l7_226:not(#\9) {
+  .awsui_list_gfwv3_11cca_207.awsui_grid_gfwv3_11cca_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_zp3l7_238:not(#\9) {
+.awsui_list-item_gfwv3_11cca_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_zp3l7_245:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_11cca_245:not(#\9) {
   padding-inline-start: var(--space-xs-kw7k3v, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9) {
+.awsui_toggle_gfwv3_11cca_245:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -273,7 +273,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-spacing: normal;
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
-  color: var(--color-text-body-default-5qid0u, #16191f);
+  color: var(--color-text-body-default-kbrad2, #16191f);
   font-weight: var(--font-weight-normal-fr92v6, 400);
   font-family: var(--font-family-base-c9u5cr, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -289,7 +289,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-6w6hsr, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-bpvnwh, #0073bb));
   font-weight: var(--font-weight-link-secondary-gzuq69, inherit);
   letter-spacing: normal;
   text-decoration-line: none;
@@ -300,50 +300,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_zp3l7_245:not(#\9) {
+  .awsui_toggle_gfwv3_11cca_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_zp3l7_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_zp3l7_245:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_11cca_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_11cca_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9):hover {
+.awsui_toggle_gfwv3_11cca_245:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-arf0mx, #0a4a74));
 }
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9):focus {
+.awsui_toggle_gfwv3_11cca_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-c3snug, #0a4a74));
+.awsui_toggle_gfwv3_11cca_245:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-arf0mx, #0a4a74));
 }
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9):active, .awsui_toggle_gfwv3_zp3l7_245:not(#\9):focus, .awsui_toggle_gfwv3_zp3l7_245:not(#\9):hover {
+.awsui_toggle_gfwv3_11cca_245:not(#\9):active, .awsui_toggle_gfwv3_11cca_245:not(#\9):focus, .awsui_toggle_gfwv3_11cca_245:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_toggle_gfwv3_zp3l7_245:not(#\9):active, .awsui_toggle_gfwv3_zp3l7_245:not(#\9):focus, .awsui_toggle_gfwv3_zp3l7_245:not(#\9):hover {
+.awsui_toggle_gfwv3_11cca_245:not(#\9):active, .awsui_toggle_gfwv3_11cca_245:not(#\9):focus, .awsui_toggle_gfwv3_11cca_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_zp3l7_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_11cca_245:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
-  border-inline: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
+  border-block: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-a3thrr, #0073bb);
+  border-inline: var(--border-width-button-lffd4t, 1px) solid var(--color-border-item-focused-a3thrr, #0073bb);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_toggle_gfwv3_zp3l7_245 > .awsui_description_gfwv3_zp3l7_338:not(#\9) {
+.awsui_toggle_gfwv3_11cca_245 > .awsui_description_gfwv3_11cca_338:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_separator_gfwv3_zp3l7_342:not(#\9) {
+.awsui_separator_gfwv3_11cca_342:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-sw9kcx, 16px);
   inline-size: var(--border-divider-section-width-dlkb8v, 1px);
-  background-color: var(--color-border-divider-default-ipvpev, #eaeded);
+  background-color: var(--color-border-divider-default-hfk422, #eaeded);
 }

package/lib/internal/template/internal/components/token-list/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_zp3l7_193",
-  "horizontal": "awsui_horizontal_gfwv3_zp3l7_196",
-  "vertical": "awsui_vertical_gfwv3_zp3l7_202",
-  "list": "awsui_list_gfwv3_zp3l7_207",
-  "grid": "awsui_grid_gfwv3_zp3l7_226",
-  "list-item": "awsui_list-item_gfwv3_zp3l7_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_zp3l7_245",
-  "toggle": "awsui_toggle_gfwv3_zp3l7_245",
-  "description": "awsui_description_gfwv3_zp3l7_338",
-  "separator": "awsui_separator_gfwv3_zp3l7_342"
+  "root": "awsui_root_gfwv3_11cca_193",
+  "horizontal": "awsui_horizontal_gfwv3_11cca_196",
+  "vertical": "awsui_vertical_gfwv3_11cca_202",
+  "list": "awsui_list_gfwv3_11cca_207",
+  "grid": "awsui_grid_gfwv3_11cca_226",
+  "list-item": "awsui_list-item_gfwv3_11cca_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_11cca_245",
+  "toggle": "awsui_toggle_gfwv3_11cca_245",
+  "description": "awsui_description_gfwv3_11cca_338",
+  "separator": "awsui_separator_gfwv3_11cca_342"
 };
   

package/lib/internal/template/internal/components/transition/index.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import { MutableRefObject } from 'react';
 import { TransitionStatus as ReactTransitionGroupTransitionStatus } from 'react-transition-group';
 export type TransitionStatus = ReactTransitionGroupTransitionStatus | 'enter' | 'exit';
-interface TransitionProps {
+interface TransitionProps<T extends HTMLElement> {
     in: boolean;
     exit?: boolean;
     disabled?: boolean;
-    children: (state: TransitionStatus, transitioningElementRef: MutableRefObject<any>) => React.ReactNode;
+    children: (state: TransitionStatus, transitioningElementRef: MutableRefObject<T | null>, motionDisabled: boolean) => React.ReactNode;
     onStatusChange?: (status: TransitionStatus) => void;
     transitionChangeDelay?: {
         entering?: number;
@@ -14,11 +14,11 @@ interface TransitionProps {
     exitTimeout?: number;
 }
 /**
- * This component is a wrapper around the CSSTransition component.
+ * This component wraps react-transition-group's Transition component.
  *
- * It provides a second parameter in its rendering function that must be
- * attached to the node that is transitioning.
+ * Its rendering function receives the transition state, a ref that must be attached to the transitioning node,
+ * and whether motion is disabled by either user preference or the disabled prop.
  */
-export declare function Transition({ in: isIn, children, exit, onStatusChange, disabled, transitionChangeDelay, exitTimeout, ...rest }: TransitionProps): JSX.Element;
+export declare function Transition<T extends HTMLElement = any>({ in: isIn, children, exit, onStatusChange, disabled, transitionChangeDelay, exitTimeout, ...rest }: TransitionProps<T>): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/components/transition/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/transition/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAEL,gBAAgB,IAAI,oCAAoC,EACzD,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,gBAAgB,GAAG,oCAAoC,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvF,UAAU,eAAe;IACvB,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EAAE,IAAI,EACR,QAAQ,EACR,IAAW,EACX,cAA6B,EAC7B,QAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,GAAG,IAAI,EACR,EAAE,eAAe,eA8EjB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/transition/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAEL,gBAAgB,IAAI,oCAAoC,EACzD,MAAM,wBAAwB,CAAC;AAIhC,MAAM,MAAM,gBAAgB,GAAG,oCAAoC,GAAG,OAAO,GAAG,MAAM,CAAC;AAEvF,UAAU,eAAe,CAAC,CAAC,SAAS,WAAW;IAC7C,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,EAAE,CACR,KAAK,EAAE,gBAAgB,EACvB,uBAAuB,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,EACnD,cAAc,EAAE,OAAO,KACpB,KAAK,CAAC,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpD,qBAAqB,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,GAAG,EAAE,EACtD,EAAE,EAAE,IAAI,EACR,QAAQ,EACR,IAAW,EACX,cAA6B,EAC7B,QAAgB,EAChB,qBAAqB,EACrB,WAAW,EACX,GAAG,IAAI,EACR,EAAE,eAAe,CAAC,CAAC,CAAC,eA8EpB"}

package/lib/internal/template/internal/components/transition/index.js

@@ -5,10 +5,10 @@ import { useCallback, useRef } from 'react';
 import { Transition as ReactTransitionGroupTransition, } from 'react-transition-group';
 import { useReducedMotion } from '@cloudscape-design/component-toolkit/internal';
 /**
- * This component is a wrapper around the CSSTransition component.
+ * This component wraps react-transition-group's Transition component.
  *
- * It provides a second parameter in its rendering function that must be
- * attached to the node that is transitioning.
+ * Its rendering function receives the transition state, a ref that must be attached to the transitioning node,
+ * and whether motion is disabled by either user preference or the disabled prop.
  */
 export function Transition({ in: isIn, children, exit = true, onStatusChange = () => void 0, disabled = false, transitionChangeDelay, exitTimeout, ...rest }) {
     const transitionRootElement = useRef(null);
@@ -68,6 +68,6 @@ export function Transition({ in: isIn, children, exit = true, onStatusChange = (
         }, onExited: () => {
             setTransitionState('exited');
             onStatusChange('exited');
-        }, ...rest }, () => children(transitionState, transitionRootElement)));
+        }, ...rest }, () => children(transitionState, transitionRootElement, motionDisabled)));
 }
 //# sourceMappingURL=index.js.map