@cloudscape-design/components 3.0.841 → 3.0.842

package/token-group/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_50l5h_157",
-  "has-items": "awsui_has-items_dm8gx_50l5h_188",
-  "no-padding": "awsui_no-padding_dm8gx_50l5h_188",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_50l5h_192",
-  "token": "awsui_token_dm8gx_50l5h_234",
-  "token-box": "awsui_token-box_dm8gx_50l5h_241",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_50l5h_261",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_50l5h_275"
+  "root": "awsui_root_dm8gx_1qpbs_161",
+  "has-items": "awsui_has-items_dm8gx_1qpbs_192",
+  "no-padding": "awsui_no-padding_dm8gx_1qpbs_192",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1qpbs_196",
+  "token": "awsui_token_dm8gx_1qpbs_238",
+  "token-box": "awsui_token-box_dm8gx_1qpbs_245",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1qpbs_265",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1qpbs_279"
 };
   

package/token-group/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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 */
 /*
@@ -154,7 +158,7 @@ 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_dm8gx_50l5h_157:not(#\9) {
+.awsui_root_dm8gx_1qpbs_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -186,11 +190,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_dm8gx_50l5h_157.awsui_has-items_dm8gx_50l5h_188:not(#\9):not(.awsui_no-padding_dm8gx_50l5h_188) {
+.awsui_root_dm8gx_1qpbs_161.awsui_has-items_dm8gx_1qpbs_192:not(#\9):not(.awsui_no-padding_dm8gx_1qpbs_192) {
   padding-block-start: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   margin-block-start: -1px;
   margin-block-end: 0;
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
@@ -202,14 +206,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-p881yb, #006ce0);
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -223,23 +227,23 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-button-inline-icon-hover-vcdou1, #002b66);
 }
 
-.awsui_token_dm8gx_50l5h_234:not(#\9) {
+.awsui_token_dm8gx_1qpbs_238:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_token-box_dm8gx_50l5h_241:not(#\9) {
+.awsui_token-box_dm8gx_1qpbs_245:not(#\9) {
   position: relative;
   block-size: 100%;
   border-block: var(--border-width-field-h1g7tw, 2px) solid var(--color-border-item-selected-m769ej, #006ce0);
@@ -259,30 +263,30 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_50l5h_192:not(#\
   box-sizing: border-box;
 }
 
-.awsui_token-box-readonly_dm8gx_50l5h_261:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1qpbs_265:not(#\9) {
   border-color: var(--color-border-input-disabled-lb7zn3, #ebebf0);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   pointer-events: none;
 }
-.awsui_token-box-readonly_dm8gx_50l5h_261 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_token-box-readonly_dm8gx_1qpbs_265 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-readonly_dm8gx_50l5h_261 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_token-box-readonly_dm8gx_1qpbs_265 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
 
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279:not(#\9) {
   border-color: var(--color-border-control-disabled-qc5csz, #dedee3);
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
   color: var(--color-text-disabled-e4vsj4, #b4b4bb);
   pointer-events: none;
 }
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9) {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }
-.awsui_token-box-disabled_dm8gx_50l5h_275.awsui_token-box-disabled_dm8gx_50l5h_275 > .awsui_dismiss-button_dm8gx_50l5h_192:not(#\9):hover {
+.awsui_token-box-disabled_dm8gx_1qpbs_279.awsui_token-box-disabled_dm8gx_1qpbs_279 > .awsui_dismiss-button_dm8gx_1qpbs_196:not(#\9):hover {
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-yk9lvs, #b4b4bb);
 }

package/token-group/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_50l5h_157",
-  "has-items": "awsui_has-items_dm8gx_50l5h_188",
-  "no-padding": "awsui_no-padding_dm8gx_50l5h_188",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_50l5h_192",
-  "token": "awsui_token_dm8gx_50l5h_234",
-  "token-box": "awsui_token-box_dm8gx_50l5h_241",
-  "token-box-readonly": "awsui_token-box-readonly_dm8gx_50l5h_261",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_50l5h_275"
+  "root": "awsui_root_dm8gx_1qpbs_161",
+  "has-items": "awsui_has-items_dm8gx_1qpbs_192",
+  "no-padding": "awsui_no-padding_dm8gx_1qpbs_192",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_1qpbs_196",
+  "token": "awsui_token_dm8gx_1qpbs_238",
+  "token-box": "awsui_token-box_dm8gx_1qpbs_245",
+  "token-box-readonly": "awsui_token-box-readonly_dm8gx_1qpbs_265",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_1qpbs_279"
 };
   

package/top-navigation/1.0-beta/styles.css.js

@@ -1,30 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_1ca1i_k6g3r_141",
-  "padding-box": "awsui_padding-box_1ca1i_k6g3r_173",
-  "medium": "awsui_medium_1ca1i_k6g3r_185",
-  "narrow": "awsui_narrow_1ca1i_k6g3r_185",
-  "hidden": "awsui_hidden_1ca1i_k6g3r_195",
-  "\t": "awsui_\t_1ca1i_k6g3r_1",
-  "identity": "awsui_identity_1ca1i_k6g3r_208",
-  "identity-link": "awsui_identity-link_1ca1i_k6g3r_208",
-  "no-logo": "awsui_no-logo_1ca1i_k6g3r_228",
-  "logo": "awsui_logo_1ca1i_k6g3r_232",
-  "title": "awsui_title_1ca1i_k6g3r_243",
-  "inputs": "awsui_inputs_1ca1i_k6g3r_259",
-  "search": "awsui_search_1ca1i_k6g3r_266",
-  "search-expanded": "awsui_search-expanded_1ca1i_k6g3r_271",
-  "utilities": "awsui_utilities_1ca1i_k6g3r_276",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_k6g3r_288",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_k6g3r_303",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_k6g3r_303",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_k6g3r_316",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_k6g3r_332",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_k6g3r_346",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_k6g3r_350",
-  "trigger": "awsui_trigger_1ca1i_k6g3r_354",
-  "rotate-up": "awsui_rotate-up_1ca1i_k6g3r_358",
-  "rotate-down": "awsui_rotate-down_1ca1i_k6g3r_373"
+  "top-navigation": "awsui_top-navigation_1ca1i_7wfj0_145",
+  "padding-box": "awsui_padding-box_1ca1i_7wfj0_177",
+  "medium": "awsui_medium_1ca1i_7wfj0_189",
+  "narrow": "awsui_narrow_1ca1i_7wfj0_189",
+  "hidden": "awsui_hidden_1ca1i_7wfj0_199",
+  "\t": "awsui_\t_1ca1i_7wfj0_1",
+  "identity": "awsui_identity_1ca1i_7wfj0_212",
+  "identity-link": "awsui_identity-link_1ca1i_7wfj0_212",
+  "no-logo": "awsui_no-logo_1ca1i_7wfj0_232",
+  "logo": "awsui_logo_1ca1i_7wfj0_236",
+  "title": "awsui_title_1ca1i_7wfj0_247",
+  "inputs": "awsui_inputs_1ca1i_7wfj0_263",
+  "search": "awsui_search_1ca1i_7wfj0_270",
+  "search-expanded": "awsui_search-expanded_1ca1i_7wfj0_275",
+  "utilities": "awsui_utilities_1ca1i_7wfj0_280",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_7wfj0_292",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_7wfj0_307",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_7wfj0_307",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_7wfj0_320",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_7wfj0_336",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_7wfj0_350",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_7wfj0_354",
+  "trigger": "awsui_trigger_1ca1i_7wfj0_358"
 };
   

package/top-navigation/1.0-beta/styles.scoped.css

@@ -136,9 +136,13 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* 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_top-navigation_1ca1i_k6g3r_141:not(#\9) {
+.awsui_top-navigation_1ca1i_7wfj0_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -171,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_top-navigation_1ca1i_k6g3r_141 > .awsui_padding-box_1ca1i_k6g3r_173:not(#\9) {
+.awsui_top-navigation_1ca1i_7wfj0_145 > .awsui_padding-box_1ca1i_7wfj0_177:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -183,17 +187,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline-start: var(--space-l-t419sm, 20px);
   padding-inline-end: 0;
 }
-.awsui_top-navigation_1ca1i_k6g3r_141.awsui_medium_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173:not(#\9), .awsui_top-navigation_1ca1i_k6g3r_141.awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173:not(#\9) {
+.awsui_top-navigation_1ca1i_7wfj0_145.awsui_medium_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177:not(#\9), .awsui_top-navigation_1ca1i_7wfj0_145.awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177:not(#\9) {
   block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
 }
-.awsui_top-navigation_1ca1i_k6g3r_141.awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173:not(#\9) {
+.awsui_top-navigation_1ca1i_7wfj0_145.awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177:not(#\9) {
   block-size: var(--space-xxxl-4x2gki, 40px);
   padding-block: 0;
   padding-inline-start: var(--space-xs-zb16t3, 8px);
   padding-inline-end: 0;
 }
 
-.awsui_hidden_1ca1i_k6g3r_195:not(#\9) {
+.awsui_hidden_1ca1i_7wfj0_199:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
@@ -202,20 +206,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_1ca1i_k6g3r_195 *:not(#\9):not(#awsui_\9 _1ca1i_k6g3r_1) {
+.awsui_hidden_1ca1i_7wfj0_199 *:not(#\9):not(#awsui_\9 _1ca1i_7wfj0_1) {
   visibility: hidden;
 }
 
-.awsui_identity_1ca1i_k6g3r_208 > .awsui_identity-link_1ca1i_k6g3r_208:not(#\9) {
+.awsui_identity_1ca1i_7wfj0_212 > .awsui_identity-link_1ca1i_7wfj0_212:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-v9cb3m, #0f141a);
 }
-.awsui_identity_1ca1i_k6g3r_208 > .awsui_identity-link_1ca1i_k6g3r_208:not(#\9):hover {
+.awsui_identity_1ca1i_7wfj0_212 > .awsui_identity-link_1ca1i_7wfj0_212:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_k6g3r_208 > .awsui_identity-link_1ca1i_k6g3r_208:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_7wfj0_212 > .awsui_identity-link_1ca1i_7wfj0_212:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -226,22 +230,22 @@ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_k6g3r_208 > .awsui_ide
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_identity_1ca1i_k6g3r_208.awsui_no-logo_1ca1i_k6g3r_228:not(#\9) {
+.awsui_identity_1ca1i_7wfj0_212.awsui_no-logo_1ca1i_7wfj0_232:not(#\9) {
   min-inline-size: 100px;
 }
 
-.awsui_logo_1ca1i_k6g3r_232:not(#\9) {
+.awsui_logo_1ca1i_7wfj0_236:not(#\9) {
   display: block;
   max-block-size: var(--space-xxl-cu2m1r, 32px);
   margin-inline-start: var(--space-s-34lx8l, 12px);
   inline-size: auto;
   min-inline-size: 10px;
 }
-.awsui_logo_1ca1i_k6g3r_232.awsui_narrow_1ca1i_k6g3r_185:not(#\9) {
+.awsui_logo_1ca1i_7wfj0_236.awsui_narrow_1ca1i_7wfj0_189:not(#\9) {
   max-block-size: var(--space-xl-lmui9r, 24px);
 }
 
-.awsui_title_1ca1i_k6g3r_243:not(#\9) {
+.awsui_title_1ca1i_7wfj0_247:not(#\9) {
   font-size: var(--font-size-heading-m-sjd256, 18px);
   line-height: var(--line-height-heading-m-50evfk, 22px);
   letter-spacing: var(--letter-spacing-heading-m-0w575i, -0.01em);
@@ -253,28 +257,28 @@ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_k6g3r_208 > .awsui_ide
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_1ca1i_k6g3r_228 > .awsui_identity-link_1ca1i_k6g3r_208 > .awsui_title_1ca1i_k6g3r_243:not(#\9) {
+.awsui_no-logo_1ca1i_7wfj0_232 > .awsui_identity-link_1ca1i_7wfj0_212 > .awsui_title_1ca1i_7wfj0_247:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_1ca1i_k6g3r_259:not(#\9) {
+.awsui_inputs_1ca1i_7wfj0_263:not(#\9) {
   flex: 1;
   min-inline-size: 0;
   display: flex;
   justify-content: center;
 }
 
-.awsui_search_1ca1i_k6g3r_266:not(#\9) {
+.awsui_search_1ca1i_7wfj0_270:not(#\9) {
   inline-size: 100%;
   max-inline-size: 340px;
   padding-inline-start: var(--space-xxxl-4x2gki, 40px);
 }
-.awsui_search-expanded_1ca1i_k6g3r_271:not(#\9) {
+.awsui_search-expanded_1ca1i_7wfj0_275:not(#\9) {
   max-inline-size: none;
   padding-inline-start: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_utilities_1ca1i_k6g3r_276:not(#\9) {
+.awsui_utilities_1ca1i_7wfj0_280:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
@@ -282,17 +286,17 @@ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_k6g3r_208 > .awsui_ide
   padding-inline-start: var(--space-m-udix3p, 16px);
   block-size: 100%;
 }
-.awsui_medium_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276:not(#\9), .awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276:not(#\9) {
+.awsui_medium_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280:not(#\9), .awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280:not(#\9) {
   padding-inline-start: 0;
 }
 
-.awsui_utility-wrapper_1ca1i_k6g3r_288:not(#\9) {
+.awsui_utility-wrapper_1ca1i_7wfj0_292:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
   align-items: center;
 }
-.awsui_utility-wrapper_1ca1i_k6g3r_288:not(#\9)::after {
+.awsui_utility-wrapper_1ca1i_7wfj0_292:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -301,87 +305,57 @@ body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_k6g3r_208 > .awsui_ide
   inset-block: var(--space-s-34lx8l, 12px);
   background: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_utility-wrapper_1ca1i_k6g3r_288.awsui_utility-wrapper-last_1ca1i_k6g3r_303:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303) {
+.awsui_utility-wrapper_1ca1i_7wfj0_292.awsui_utility-wrapper-last_1ca1i_7wfj0_307:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307) {
   padding-inline-end: 0;
 }
-.awsui_utility-wrapper_1ca1i_k6g3r_288.awsui_utility-wrapper-last_1ca1i_k6g3r_303:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303)::after {
+.awsui_utility-wrapper_1ca1i_7wfj0_292.awsui_utility-wrapper-last_1ca1i_7wfj0_307:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307)::after {
   display: none;
 }
-.awsui_medium_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276 > .awsui_utility-wrapper_1ca1i_k6g3r_288:not(#\9)::after, .awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276 > .awsui_utility-wrapper_1ca1i_k6g3r_288:not(#\9)::after {
+.awsui_medium_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280 > .awsui_utility-wrapper_1ca1i_7wfj0_292:not(#\9)::after, .awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280 > .awsui_utility-wrapper_1ca1i_7wfj0_292:not(#\9)::after {
   inset-block: var(--space-xs-zb16t3, 8px);
 }
 
-.awsui_utility-wrapper-last_1ca1i_k6g3r_303:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_7wfj0_307:not(#\9) {
   margin-inline-end: var(--space-s-34lx8l, 12px);
 }
-.awsui_utility-wrapper-last_1ca1i_k6g3r_303.awsui_utility-type-menu-dropdown_1ca1i_k6g3r_316:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_7wfj0_307.awsui_utility-type-menu-dropdown_1ca1i_7wfj0_320:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276 > .awsui_utility-wrapper-last_1ca1i_k6g3r_303:not(#\9) {
+.awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280 > .awsui_utility-wrapper-last_1ca1i_7wfj0_307:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui_narrow_1ca1i_k6g3r_185 > .awsui_padding-box_1ca1i_k6g3r_173 > .awsui_utilities_1ca1i_k6g3r_276 > .awsui_utility-wrapper-last_1ca1i_k6g3r_303.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303:not(#\9) {
+.awsui_narrow_1ca1i_7wfj0_189 > .awsui_padding-box_1ca1i_7wfj0_177 > .awsui_utilities_1ca1i_7wfj0_280 > .awsui_utility-wrapper-last_1ca1i_7wfj0_307.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307:not(#\9) {
   padding-inline-end: var(--space-l-t419sm, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_1ca1i_k6g3r_316:not(#\9) {
+.awsui_utility-type-menu-dropdown_1ca1i_7wfj0_320:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-s-34lx8l, 12px);
   align-items: stretch;
 }
 
-.awsui_utility-type-button-link_1ca1i_k6g3r_332:not(#\9),
-.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303:not(#\9) {
+.awsui_utility-type-button-link_1ca1i_7wfj0_336:not(#\9),
+.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-m-udix3p, 16px);
 }
 
-.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303:not(#\9) {
+.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307:not(#\9) {
   inset-inline-start: -1px;
   border-inline-start: 1px solid var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_utility-type-button-primary-button_1ca1i_k6g3r_303:not(#\9)::after {
+.awsui_utility-type-button-primary-button_1ca1i_7wfj0_307:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_1ca1i_k6g3r_346:not(#\9) {
+.awsui_utility-link-icon_1ca1i_7wfj0_350:not(#\9) {
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_utility-button-external-icon_1ca1i_k6g3r_350:not(#\9) {
+.awsui_utility-button-external-icon_1ca1i_7wfj0_354:not(#\9) {
   display: inline-block;
 }
 
-.awsui_trigger_1ca1i_k6g3r_354:not(#\9) {
+.awsui_trigger_1ca1i_7wfj0_358:not(#\9) {
   /*used in test-utils*/
-}
-
-.awsui_rotate-up_1ca1i_k6g3r_358:not(#\9) {
-  transform: rotate(-180deg);
-  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_1ca1i_k6g3r_358:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_rotate-up_1ca1i_k6g3r_358:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_k6g3r_358:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_rotate-down_1ca1i_k6g3r_373:not(#\9) {
-  transform: rotate(0deg);
-  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_1ca1i_k6g3r_373:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_rotate-down_1ca1i_k6g3r_373:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_k6g3r_373:not(#\9) {
-  animation: none;
-  transition: none;
 }

package/top-navigation/1.0-beta/styles.selectors.js

@@ -2,30 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "top-navigation": "awsui_top-navigation_1ca1i_k6g3r_141",
-  "padding-box": "awsui_padding-box_1ca1i_k6g3r_173",
-  "medium": "awsui_medium_1ca1i_k6g3r_185",
-  "narrow": "awsui_narrow_1ca1i_k6g3r_185",
-  "hidden": "awsui_hidden_1ca1i_k6g3r_195",
-  "\t": "awsui_\t_1ca1i_k6g3r_1",
-  "identity": "awsui_identity_1ca1i_k6g3r_208",
-  "identity-link": "awsui_identity-link_1ca1i_k6g3r_208",
-  "no-logo": "awsui_no-logo_1ca1i_k6g3r_228",
-  "logo": "awsui_logo_1ca1i_k6g3r_232",
-  "title": "awsui_title_1ca1i_k6g3r_243",
-  "inputs": "awsui_inputs_1ca1i_k6g3r_259",
-  "search": "awsui_search_1ca1i_k6g3r_266",
-  "search-expanded": "awsui_search-expanded_1ca1i_k6g3r_271",
-  "utilities": "awsui_utilities_1ca1i_k6g3r_276",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_k6g3r_288",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_k6g3r_303",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_k6g3r_303",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_k6g3r_316",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_k6g3r_332",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_k6g3r_346",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_k6g3r_350",
-  "trigger": "awsui_trigger_1ca1i_k6g3r_354",
-  "rotate-up": "awsui_rotate-up_1ca1i_k6g3r_358",
-  "rotate-down": "awsui_rotate-down_1ca1i_k6g3r_373"
+  "top-navigation": "awsui_top-navigation_1ca1i_7wfj0_145",
+  "padding-box": "awsui_padding-box_1ca1i_7wfj0_177",
+  "medium": "awsui_medium_1ca1i_7wfj0_189",
+  "narrow": "awsui_narrow_1ca1i_7wfj0_189",
+  "hidden": "awsui_hidden_1ca1i_7wfj0_199",
+  "\t": "awsui_\t_1ca1i_7wfj0_1",
+  "identity": "awsui_identity_1ca1i_7wfj0_212",
+  "identity-link": "awsui_identity-link_1ca1i_7wfj0_212",
+  "no-logo": "awsui_no-logo_1ca1i_7wfj0_232",
+  "logo": "awsui_logo_1ca1i_7wfj0_236",
+  "title": "awsui_title_1ca1i_7wfj0_247",
+  "inputs": "awsui_inputs_1ca1i_7wfj0_263",
+  "search": "awsui_search_1ca1i_7wfj0_270",
+  "search-expanded": "awsui_search-expanded_1ca1i_7wfj0_275",
+  "utilities": "awsui_utilities_1ca1i_7wfj0_280",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_7wfj0_292",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_7wfj0_307",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_7wfj0_307",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_7wfj0_320",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_7wfj0_336",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_7wfj0_350",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_7wfj0_354",
+  "trigger": "awsui_trigger_1ca1i_7wfj0_358"
 };
   

package/top-navigation/parts/overflow-menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/top-navigation/parts/overflow-menu/menu-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAM1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAuRtD,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,eAAe,oHAQ3B,CAAC;AAEF,KAAK,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,GAAG;IACxD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,mBAAmB,CAAC,IAAI,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAclD,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../../../src/top-navigation/parts/overflow-menu/menu-item.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAO1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAuRtD,KAAK,oBAAoB,GAAG,kBAAkB,CAAC,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,eAAe,oHAQ3B,CAAC;AAEF,KAAK,gBAAgB,GAAG,mBAAmB,CAAC,WAAW,GAAG;IACxD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,mBAAmB,CAAC,IAAI,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,gBAAgB,gBAclD,CAAC"}

package/top-navigation/parts/overflow-menu/menu-item.js

@@ -7,6 +7,7 @@ import { isLinkItem } from '../../../button-dropdown/utils/utils';
 import InternalIcon from '../../../icon/internal';
 import { fireCancelableEvent, isPlainLeftClick } from '../../../internal/events';
 import { useUniqueId } from '../../../internal/hooks/use-unique-id';
+import { spinWhenOpen } from '../../../internal/styles/motion/utils';
 import { useNavigate } from './router';
 import styles from '../../styles.css.js';
 const ListItem = ({ children, startIcon, endIcon }) => {
@@ -42,8 +43,8 @@ const ExpandableItem = (_a) => {
     const headerId = useUniqueId('overflow-menu-item');
     return (React.createElement(React.Fragment, null,
         React.createElement("button", { className: clsx(styles['overflow-menu-control'], styles['overflow-menu-control-expandable-menu-trigger']), onClick: () => setExpanded(value => !value), "aria-expanded": expanded },
-            React.createElement(ListItem, { endIcon: React.createElement("span", { className: clsx(styles.icon, expanded && styles.expanded) },
-                    React.createElement(InternalIcon, { name: "caret-up-filled" })) },
+            React.createElement(ListItem, { endIcon: React.createElement("span", { className: spinWhenOpen(styles, 'icon', expanded) },
+                    React.createElement(InternalIcon, { name: "caret-down-filled" })) },
                 React.createElement("span", { id: headerId }, children))),
         expanded && (React.createElement("ul", { className: clsx(styles['overflow-menu-list'], styles['overflow-menu-list-submenu']), "aria-labelledby": headerId }, definition.items.map((item, index) => {
             const isGroup = typeof item.items !== 'undefined';