@cloudscape-design/components 3.0.1344 → 3.0.1346

package/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_o48cd_145",
-  "parent": "awsui_parent_15o6u_o48cd_164",
-  "interactiveGroups": "awsui_interactiveGroups_15o6u_o48cd_164",
-  "highlighted": "awsui_highlighted_15o6u_o48cd_164",
-  "selected": "awsui_selected_15o6u_o48cd_164",
-  "selectable-item-content": "awsui_selectable-item-content_15o6u_o48cd_167",
-  "pad-bottom": "awsui_pad-bottom_15o6u_o48cd_171",
-  "virtual": "awsui_virtual_15o6u_o48cd_178",
-  "has-background": "awsui_has-background_15o6u_o48cd_181",
-  "child": "awsui_child_15o6u_o48cd_184",
-  "disabled": "awsui_disabled_15o6u_o48cd_190",
-  "is-keyboard": "awsui_is-keyboard_15o6u_o48cd_205",
-  "visual-refresh": "awsui_visual-refresh_15o6u_o48cd_215",
-  "next-item-selected": "awsui_next-item-selected_15o6u_o48cd_229",
-  "previous-item-selected": "awsui_previous-item-selected_15o6u_o48cd_239",
-  "sticky": "awsui_sticky_15o6u_o48cd_271",
-  "with-scrollbar": "awsui_with-scrollbar_15o6u_o48cd_290",
-  "after-header": "awsui_after-header_15o6u_o48cd_293",
-  "measure-strut": "awsui_measure-strut_15o6u_o48cd_322",
-  "screenreader-content": "awsui_screenreader-content_15o6u_o48cd_334",
-  "option-content": "awsui_option-content_15o6u_o48cd_340",
-  "select-all": "awsui_select-all_15o6u_o48cd_344"
+  "selectable-item": "awsui_selectable-item_15o6u_1a2zm_145",
+  "parent": "awsui_parent_15o6u_1a2zm_164",
+  "interactiveGroups": "awsui_interactiveGroups_15o6u_1a2zm_164",
+  "highlighted": "awsui_highlighted_15o6u_1a2zm_164",
+  "selected": "awsui_selected_15o6u_1a2zm_164",
+  "selectable-item-content": "awsui_selectable-item-content_15o6u_1a2zm_167",
+  "pad-bottom": "awsui_pad-bottom_15o6u_1a2zm_171",
+  "virtual": "awsui_virtual_15o6u_1a2zm_178",
+  "has-background": "awsui_has-background_15o6u_1a2zm_181",
+  "child": "awsui_child_15o6u_1a2zm_184",
+  "disabled": "awsui_disabled_15o6u_1a2zm_190",
+  "is-keyboard": "awsui_is-keyboard_15o6u_1a2zm_205",
+  "visual-refresh": "awsui_visual-refresh_15o6u_1a2zm_215",
+  "next-item-selected": "awsui_next-item-selected_15o6u_1a2zm_229",
+  "previous-item-selected": "awsui_previous-item-selected_15o6u_1a2zm_239",
+  "sticky": "awsui_sticky_15o6u_1a2zm_271",
+  "with-scrollbar": "awsui_with-scrollbar_15o6u_1a2zm_290",
+  "after-header": "awsui_after-header_15o6u_1a2zm_293",
+  "measure-strut": "awsui_measure-strut_15o6u_1a2zm_322",
+  "screenreader-content": "awsui_screenreader-content_15o6u_1a2zm_334",
+  "option-content": "awsui_option-content_15o6u_1a2zm_340",
+  "select-all": "awsui_select-all_15o6u_1a2zm_344"
 };
   

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

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_1ekcd_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1ekcd_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1ekcd_174",
-  "active": "awsui_active_1ksmw_1ekcd_200",
-  "placeholder": "awsui_placeholder_1ksmw_1ekcd_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1ekcd_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1ekcd_225",
-  "sorting": "awsui_sorting_1ksmw_1ekcd_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1o63d_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1o63d_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1o63d_174",
+  "active": "awsui_active_1ksmw_1o63d_200",
+  "placeholder": "awsui_placeholder_1ksmw_1o63d_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1o63d_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1o63d_225",
+  "sorting": "awsui_sorting_1ksmw_1o63d_232"
 };
   

package/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_1ekcd_145:not(#\9) {
+.awsui_drag-overlay_1ksmw_1o63d_145:not(#\9) {
   box-shadow: var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
-  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
+  background-color: var(--color-background-container-content-78ljyf, #ffffff);
 }
-.awsui_drag-overlay-item_1ksmw_1ekcd_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1o63d_149:not(#\9) {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
   position: relative;
 }
-.awsui_drag-overlay-item_1ksmw_1ekcd_149:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_1o63d_149:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-item_1ksmw_1ekcd_149:not(#\9)::before {
+.awsui_drag-overlay-item_1ksmw_1o63d_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-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_drag-overlay-container_1ksmw_1ekcd_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1o63d_174:not(#\9) {
   border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
   position: relative;
 }
-.awsui_drag-overlay-container_1ksmw_1ekcd_174:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_1o63d_174:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_drag-overlay-container_1ksmw_1ekcd_174:not(#\9)::before {
+.awsui_drag-overlay-container_1ksmw_1o63d_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-nsfwmm, 16px);
   border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
 }
 
-.awsui_active_1ksmw_1ekcd_200:not(#\9) {
+.awsui_active_1ksmw_1o63d_200:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  color: var(--color-text-body-default-gtm97i, #0f141a);
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_placeholder_1ksmw_1ekcd_210:not(#\9) {
+.awsui_placeholder_1ksmw_1o63d_210:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_1ekcd_210:not(#\9):after {
+.awsui_placeholder_1ksmw_1o63d_210:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
-  background: var(--color-drag-placeholder-hover-qwadna, #d1f1ff);
+  background: var(--color-drag-placeholder-hover-guvi5d, #d1f1ff);
 }
-.awsui_placeholder-item_1ksmw_1ekcd_219:not(#\9):after {
+.awsui_placeholder-item_1ksmw_1o63d_219:not(#\9):after {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_placeholder-container_1ksmw_1ekcd_225:not(#\9):after {
+.awsui_placeholder-container_1ksmw_1o63d_225:not(#\9):after {
   border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
 }
 
-.awsui_sorting_1ksmw_1ekcd_232:not(#\9) {
+.awsui_sorting_1ksmw_1o63d_232:not(#\9) {
   transition: transform var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sorting_1ksmw_1ekcd_232:not(#\9) {
+  .awsui_sorting_1ksmw_1o63d_232:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_1ekcd_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1ekcd_232:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_1o63d_232:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1o63d_232:not(#\9) {
   animation: none;
   transition: none;
 }

package/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_1ekcd_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1ekcd_149",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1ekcd_174",
-  "active": "awsui_active_1ksmw_1ekcd_200",
-  "placeholder": "awsui_placeholder_1ksmw_1ekcd_210",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1ekcd_219",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1ekcd_225",
-  "sorting": "awsui_sorting_1ksmw_1ekcd_232"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_1o63d_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1o63d_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1o63d_174",
+  "active": "awsui_active_1ksmw_1o63d_200",
+  "placeholder": "awsui_placeholder_1ksmw_1o63d_210",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_1o63d_219",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_1o63d_225",
+  "sorting": "awsui_sorting_1ksmw_1o63d_232"
 };
   

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

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ifko_bsgs0_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_bsgs0_184",
-  "main": "awsui_main_1ifko_bsgs0_188",
-  "actions": "awsui_actions_1ifko_bsgs0_195",
-  "content-wrap": "awsui_content-wrap_1ifko_bsgs0_199",
-  "wrap-actions": "awsui_wrap-actions_1ifko_bsgs0_209",
-  "content": "awsui_content_1ifko_bsgs0_199"
+  "root": "awsui_root_1ifko_1q40r_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_1q40r_184",
+  "main": "awsui_main_1ifko_1q40r_188",
+  "actions": "awsui_actions_1ifko_1q40r_195",
+  "content-wrap": "awsui_content-wrap_1ifko_1q40r_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_1q40r_209",
+  "content": "awsui_content_1ifko_1q40r_199"
 };
   

package/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_bsgs0_145:not(#\9) {
+.awsui_root_1ifko_1q40r_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-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  color: var(--color-text-body-default-gtm97i, #0f141a);
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open 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-ymlm0b, 8px);
 }
-.awsui_root_1ifko_bsgs0_145.awsui_disable-paddings_1ifko_bsgs0_184:not(#\9) {
+.awsui_root_1ifko_1q40r_145.awsui_disable-paddings_1ifko_1q40r_184:not(#\9) {
   column-gap: 0;
 }
 
-.awsui_main_1ifko_bsgs0_188:not(#\9) {
+.awsui_main_1ifko_1q40r_188:not(#\9) {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_actions_1ifko_bsgs0_195:not(#\9) {
+.awsui_actions_1ifko_1q40r_195:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_content-wrap_1ifko_bsgs0_199:not(#\9) {
+.awsui_content-wrap_1ifko_1q40r_199:not(#\9) {
   flex-grow: 1;
   display: flex;
   align-items: baseline;
   flex-direction: row;
   column-gap: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_disable-paddings_1ifko_bsgs0_184 > .awsui_main_1ifko_bsgs0_188 > .awsui_content-wrap_1ifko_bsgs0_199:not(#\9) {
+.awsui_disable-paddings_1ifko_1q40r_184 > .awsui_main_1ifko_1q40r_188 > .awsui_content-wrap_1ifko_1q40r_199:not(#\9) {
   column-gap: 0;
 }
-.awsui_content-wrap_1ifko_bsgs0_199.awsui_wrap-actions_1ifko_bsgs0_209:not(#\9) {
+.awsui_content-wrap_1ifko_1q40r_199.awsui_wrap-actions_1ifko_1q40r_209:not(#\9) {
   flex-wrap: wrap;
 }
-.awsui_content-wrap_1ifko_bsgs0_199:not(#\9):not(.awsui_wrap-actions_1ifko_bsgs0_209) > .awsui_actions_1ifko_bsgs0_195 {
+.awsui_content-wrap_1ifko_1q40r_199:not(#\9):not(.awsui_wrap-actions_1ifko_1q40r_209) > .awsui_actions_1ifko_1q40r_195 {
   flex-shrink: 0;
 }
 
-.awsui_content_1ifko_bsgs0_199:not(#\9) {
+.awsui_content_1ifko_1q40r_199:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
 }

package/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_bsgs0_145",
-  "disable-paddings": "awsui_disable-paddings_1ifko_bsgs0_184",
-  "main": "awsui_main_1ifko_bsgs0_188",
-  "actions": "awsui_actions_1ifko_bsgs0_195",
-  "content-wrap": "awsui_content-wrap_1ifko_bsgs0_199",
-  "wrap-actions": "awsui_wrap-actions_1ifko_bsgs0_209",
-  "content": "awsui_content_1ifko_bsgs0_199"
+  "root": "awsui_root_1ifko_1q40r_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_1q40r_184",
+  "main": "awsui_main_1ifko_1q40r_188",
+  "actions": "awsui_actions_1ifko_1q40r_195",
+  "content-wrap": "awsui_content-wrap_1ifko_1q40r_199",
+  "wrap-actions": "awsui_wrap-actions_1ifko_1q40r_209",
+  "content": "awsui_content_1ifko_1q40r_199"
 };
   

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_t7j8q_193",
-  "horizontal": "awsui_horizontal_gfwv3_t7j8q_196",
-  "vertical": "awsui_vertical_gfwv3_t7j8q_202",
-  "list": "awsui_list_gfwv3_t7j8q_207",
-  "grid": "awsui_grid_gfwv3_t7j8q_226",
-  "list-item": "awsui_list-item_gfwv3_t7j8q_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_t7j8q_245",
-  "toggle": "awsui_toggle_gfwv3_t7j8q_245",
-  "description": "awsui_description_gfwv3_t7j8q_338",
-  "separator": "awsui_separator_gfwv3_t7j8q_342"
+  "root": "awsui_root_gfwv3_15eip_193",
+  "horizontal": "awsui_horizontal_gfwv3_15eip_196",
+  "vertical": "awsui_vertical_gfwv3_15eip_202",
+  "list": "awsui_list_gfwv3_15eip_207",
+  "grid": "awsui_grid_gfwv3_15eip_226",
+  "list-item": "awsui_list-item_gfwv3_15eip_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_15eip_245",
+  "toggle": "awsui_toggle_gfwv3_15eip_245",
+  "description": "awsui_description_gfwv3_15eip_338",
+  "separator": "awsui_separator_gfwv3_15eip_342"
 };
   

package/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_t7j8q_193:not(#\9) {
+.awsui_root_gfwv3_15eip_193:not(#\9) {
   gap: var(--space-scaled-xs-xwoogq, 8px);
 }
-.awsui_root_gfwv3_t7j8q_193.awsui_horizontal_gfwv3_t7j8q_196:not(#\9) {
+.awsui_root_gfwv3_15eip_193.awsui_horizontal_gfwv3_15eip_196:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_root_gfwv3_t7j8q_193.awsui_vertical_gfwv3_t7j8q_202:not(#\9) {
+.awsui_root_gfwv3_15eip_193.awsui_vertical_gfwv3_15eip_202:not(#\9) {
   display: flex;
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_t7j8q_207:not(#\9) {
+.awsui_list_gfwv3_15eip_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_t7j8q_207.awsui_horizontal_gfwv3_t7j8q_196:not(#\9), .awsui_list_gfwv3_t7j8q_207.awsui_vertical_gfwv3_t7j8q_202:not(#\9) {
+.awsui_list_gfwv3_15eip_207.awsui_horizontal_gfwv3_15eip_196:not(#\9), .awsui_list_gfwv3_15eip_207.awsui_vertical_gfwv3_15eip_202:not(#\9) {
   display: flex;
   gap: var(--space-xs-ymlm0b, 8px);
 }
-.awsui_list_gfwv3_t7j8q_207.awsui_horizontal_gfwv3_t7j8q_196:not(#\9) {
+.awsui_list_gfwv3_15eip_207.awsui_horizontal_gfwv3_15eip_196:not(#\9) {
   flex-direction: row;
   flex-wrap: wrap;
 }
-.awsui_list_gfwv3_t7j8q_207.awsui_vertical_gfwv3_t7j8q_202:not(#\9) {
+.awsui_list_gfwv3_15eip_207.awsui_vertical_gfwv3_15eip_202:not(#\9) {
   flex-direction: column;
 }
-.awsui_list_gfwv3_t7j8q_207.awsui_grid_gfwv3_t7j8q_226:not(#\9) {
+.awsui_list_gfwv3_15eip_207.awsui_grid_gfwv3_15eip_226:not(#\9) {
   display: grid;
   gap: var(--space-xs-ymlm0b, 8px);
   grid-template-columns: repeat(auto-fill, 230px);
 }
 @media (max-width: 688px) {
-  .awsui_list_gfwv3_t7j8q_207.awsui_grid_gfwv3_t7j8q_226:not(#\9) {
+  .awsui_list_gfwv3_15eip_207.awsui_grid_gfwv3_15eip_226:not(#\9) {
     display: flex;
     flex-direction: column;
   }
 }
 
-.awsui_list-item_gfwv3_t7j8q_238:not(#\9) {
+.awsui_list-item_gfwv3_15eip_238:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_t7j8q_245:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_15eip_245:not(#\9) {
   padding-inline-start: var(--space-xs-ymlm0b, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9) {
+.awsui_toggle_gfwv3_15eip_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-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
-  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  color: var(--color-text-body-default-gtm97i, #0f141a);
   font-weight: var(--font-weight-normal-cxw1m3, 400);
   font-family: var(--font-family-base-gmnpzl, "Open 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-uesuo7, 1px);
   text-decoration-style: var(--font-decoration-style-link-pk2xmp, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-4p0gj8, #006ce0));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-secondary-default-6ui3do, #006ce0));
   font-weight: var(--font-weight-link-secondary-2yfxrh, 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-5rbn3k, 165ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_t7j8q_245:not(#\9) {
+  .awsui_toggle_gfwv3_15eip_245:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_t7j8q_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_t7j8q_245:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_15eip_245:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_15eip_245:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9):hover {
+.awsui_toggle_gfwv3_15eip_245:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-secondary-hover-oy8eob, #002b66));
 }
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9):focus {
+.awsui_toggle_gfwv3_15eip_245:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-0kzmc4, #002b66));
+.awsui_toggle_gfwv3_15eip_245:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-secondary-hover-oy8eob, #002b66));
 }
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9):active, .awsui_toggle_gfwv3_t7j8q_245:not(#\9):focus, .awsui_toggle_gfwv3_t7j8q_245:not(#\9):hover {
+.awsui_toggle_gfwv3_15eip_245:not(#\9):active, .awsui_toggle_gfwv3_15eip_245:not(#\9):focus, .awsui_toggle_gfwv3_15eip_245:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-kui2t9, currentColor);
 }
-.awsui_toggle_gfwv3_t7j8q_245:not(#\9):active, .awsui_toggle_gfwv3_t7j8q_245:not(#\9):focus, .awsui_toggle_gfwv3_t7j8q_245:not(#\9):hover {
+.awsui_toggle_gfwv3_15eip_245:not(#\9):active, .awsui_toggle_gfwv3_15eip_245:not(#\9):focus, .awsui_toggle_gfwv3_15eip_245:not(#\9):hover {
   text-decoration: none;
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_t7j8q_245:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_15eip_245:not(#\9):focus {
   outline: 2px dotted transparent;
-  border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
-  border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-uk47pl, #006ce0);
+  border-block: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-ditkrb, #006ce0);
+  border-inline: var(--border-width-button-jm0qg7, 2px) solid var(--color-border-item-focused-ditkrb, #006ce0);
   border-start-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-uk47pl, #006ce0);
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-9mjajk, 1px) var(--color-border-item-focused-ditkrb, #006ce0);
 }
-.awsui_toggle_gfwv3_t7j8q_245 > .awsui_description_gfwv3_t7j8q_338:not(#\9) {
+.awsui_toggle_gfwv3_15eip_245 > .awsui_description_gfwv3_15eip_338:not(#\9) {
   margin-inline-start: var(--space-xxs-hwfkai, 4px);
 }
 
-.awsui_separator_gfwv3_t7j8q_342:not(#\9) {
+.awsui_separator_gfwv3_15eip_342:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-scaled-m-m892r9, 16px);
   inline-size: var(--border-divider-section-width-uwo8my, 1px);
-  background-color: var(--color-border-divider-default-nr68jt, #c6c6cd);
+  background-color: var(--color-border-divider-default-0de9c8, #c6c6cd);
 }

package/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_t7j8q_193",
-  "horizontal": "awsui_horizontal_gfwv3_t7j8q_196",
-  "vertical": "awsui_vertical_gfwv3_t7j8q_202",
-  "list": "awsui_list_gfwv3_t7j8q_207",
-  "grid": "awsui_grid_gfwv3_t7j8q_226",
-  "list-item": "awsui_list-item_gfwv3_t7j8q_238",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_t7j8q_245",
-  "toggle": "awsui_toggle_gfwv3_t7j8q_245",
-  "description": "awsui_description_gfwv3_t7j8q_338",
-  "separator": "awsui_separator_gfwv3_t7j8q_342"
+  "root": "awsui_root_gfwv3_15eip_193",
+  "horizontal": "awsui_horizontal_gfwv3_15eip_196",
+  "vertical": "awsui_vertical_gfwv3_15eip_202",
+  "list": "awsui_list_gfwv3_15eip_207",
+  "grid": "awsui_grid_gfwv3_15eip_226",
+  "list-item": "awsui_list-item_gfwv3_15eip_238",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_15eip_245",
+  "toggle": "awsui_toggle_gfwv3_15eip_245",
+  "description": "awsui_description_gfwv3_15eip_338",
+  "separator": "awsui_separator_gfwv3_15eip_342"
 };
   

package/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,12 +14,12 @@ 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({
+export declare function Transition<T extends HTMLElement = any>({
   in: isIn,
   children,
   exit,
@@ -28,5 +28,5 @@ export declare function Transition({
   transitionChangeDelay,
   exitTimeout,
   ...rest
-}: TransitionProps): JSX.Element;
+}: TransitionProps<T>): JSX.Element;
 export {};

package/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/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