@cloudscape-design/components 3.0.840 → 3.0.842

package/top-navigation/styles.scoped.css

@@ -136,31 +136,13 @@
  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 */
-/*
- 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
 */
-.awsui_icon_k5dlb_1ulj1_149:not(#\9) {
-  transition: transform var(--motion-duration-rotate-90-4ry26y, 135ms) var(--motion-easing-rotate-90-sb4dk7, cubic-bezier(0.165, 0.84, 0.44, 1));
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_icon_k5dlb_1ulj1_149:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_icon_k5dlb_1ulj1_149:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_1ulj1_149:not(#\9) {
-  animation: none;
-  transition: none;
-}
-
-.awsui_top-navigation_k5dlb_1ulj1_163:not(#\9) {
+/* 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_k5dlb_1c946_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -193,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_k5dlb_1ulj1_163 > .awsui_padding-box_k5dlb_1ulj1_195:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -203,22 +185,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-m-mo5yse, 16px));
   padding-inline-start: var(--space-xxl-cu2m1r, 32px);
 }
-.awsui_top-navigation_k5dlb_1ulj1_163.awsui_medium_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195:not(#\9), .awsui_top-navigation_k5dlb_1ulj1_163.awsui_narrow_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9), .awsui_top-navigation_k5dlb_1c946_145.awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   padding-inline-start: var(--space-l-t419sm, 20px);
 }
-.awsui_top-navigation_k5dlb_1ulj1_163.awsui_medium_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   block-size: calc(var(--space-xxxl-4x2gki, 40px) + var(--space-scaled-xs-26e2du, 8px));
   padding-inline-end: 0;
 }
-.awsui_top-navigation_k5dlb_1ulj1_163.awsui_narrow_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195:not(#\9) {
+.awsui_top-navigation_k5dlb_1c946_145.awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177:not(#\9) {
   block-size: var(--space-xxxl-4x2gki, 40px);
 }
 
-.awsui_virtual_k5dlb_1ulj1_216:not(#\9) {
+.awsui_virtual_k5dlb_1c946_198:not(#\9) {
   inline-size: 9000px;
 }
 
-.awsui_hidden_k5dlb_1ulj1_220:not(#\9) {
+.awsui_hidden_k5dlb_1c946_202:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;
@@ -226,23 +208,23 @@ 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_k5dlb_1ulj1_220 *:not(#\9):not(#awsui_\9 _k5dlb_1ulj1_1) {
+.awsui_hidden_k5dlb_1c946_202 *:not(#\9):not(#awsui_\9 _k5dlb_1c946_1) {
   visibility: hidden;
 }
 
-.awsui_identity_k5dlb_1ulj1_232:not(#\9) {
+.awsui_identity_k5dlb_1c946_214:not(#\9) {
   min-inline-size: 0;
 }
-.awsui_identity_k5dlb_1ulj1_232 > .awsui_identity-link_k5dlb_1ulj1_235:not(#\9) {
+.awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-v9cb3m, #0f141a);
 }
-.awsui_identity_k5dlb_1ulj1_232 > .awsui_identity-link_k5dlb_1ulj1_235:not(#\9):hover {
+.awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_identity-link_k5dlb_1ulj1_235:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1c946_214 > .awsui_identity-link_k5dlb_1c946_217:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-kkfop6, 0);
   outline-offset: 2px;
@@ -253,11 +235,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .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_k5dlb_1ulj1_232.awsui_no-logo_k5dlb_1ulj1_255:not(#\9) {
+.awsui_identity_k5dlb_1c946_214.awsui_no-logo_k5dlb_1c946_237:not(#\9) {
   min-inline-size: 100px;
 }
 
-.awsui_logo_k5dlb_1ulj1_259:not(#\9) {
+.awsui_logo_k5dlb_1c946_241:not(#\9) {
   display: block;
   max-block-size: var(--space-xxl-cu2m1r, 32px);
   margin-inline-end: var(--space-s-34lx8l, 12px);
@@ -265,11 +247,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   flex-shrink: 0;
   min-inline-size: 10px;
 }
-.awsui_logo_k5dlb_1ulj1_259.awsui_narrow_k5dlb_1ulj1_205:not(#\9) {
+.awsui_logo_k5dlb_1c946_241.awsui_narrow_k5dlb_1c946_187:not(#\9) {
   max-block-size: var(--space-xl-lmui9r, 24px);
 }
 
-.awsui_title_k5dlb_1ulj1_271:not(#\9) {
+.awsui_title_k5dlb_1c946_253: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);
@@ -280,11 +262,11 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_k5dlb_1ulj1_255 > .awsui_identity-link_k5dlb_1ulj1_235 > .awsui_title_k5dlb_1ulj1_271:not(#\9) {
+.awsui_no-logo_k5dlb_1c946_237 > .awsui_identity-link_k5dlb_1c946_217 > .awsui_title_k5dlb_1c946_253:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_k5dlb_1ulj1_286:not(#\9) {
+.awsui_inputs_k5dlb_1c946_268:not(#\9) {
   display: flex;
   flex: 1;
   padding-block: 0;
@@ -292,26 +274,26 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   justify-content: center;
 }
 
-.awsui_search_k5dlb_1ulj1_294:not(#\9) {
+.awsui_search_k5dlb_1c946_276:not(#\9) {
   inline-size: 100%;
   max-inline-size: 340px;
 }
-.awsui_search-expanded_k5dlb_1ulj1_298:not(#\9) {
+.awsui_search-expanded_k5dlb_1c946_280:not(#\9) {
   max-inline-size: none;
 }
 
-.awsui_utilities_k5dlb_1ulj1_302:not(#\9) {
+.awsui_utilities_k5dlb_1c946_284:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
   block-size: 100%;
 }
-.awsui_medium_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195 > .awsui_utilities_k5dlb_1ulj1_302:not(#\9), .awsui_narrow_k5dlb_1ulj1_205 > .awsui_padding-box_k5dlb_1ulj1_195 > .awsui_utilities_k5dlb_1ulj1_302:not(#\9) {
+.awsui_medium_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177 > .awsui_utilities_k5dlb_1c946_284:not(#\9), .awsui_narrow_k5dlb_1c946_187 > .awsui_padding-box_k5dlb_1c946_177 > .awsui_utilities_k5dlb_1c946_284:not(#\9) {
   padding-inline-start: 0;
 }
 
-.awsui_utility-wrapper_k5dlb_1ulj1_313:not(#\9) {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
@@ -319,7 +301,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   padding-block: 0;
   padding-inline: var(--space-m-udix3p, 16px);
 }
-.awsui_utility-wrapper_k5dlb_1ulj1_313:not(#\9)::after {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -328,61 +310,61 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   inset-block: var(--space-s-34lx8l, 12px);
   background: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_utility-wrapper_k5dlb_1ulj1_313:not(#\9):last-of-type::after {
+.awsui_utility-wrapper_k5dlb_1c946_295:not(#\9):last-of-type::after {
   display: none;
 }
 
-.awsui_utility-type-button-link_k5dlb_1ulj1_334:not(#\9) {
+.awsui_utility-type-button-link_k5dlb_1c946_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-t419sm, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_k5dlb_1ulj1_339:not(#\9) {
+.awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-s-34lx8l, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-menu-dropdown_k5dlb_1ulj1_339:not(#\9):not(.awsui_narrow_k5dlb_1ulj1_205):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_1ulj1_339:not(#\9):not(.awsui_medium_k5dlb_1ulj1_205):last-of-type {
+.awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9):not(.awsui_narrow_k5dlb_1c946_187):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_1c946_321:not(#\9):not(.awsui_medium_k5dlb_1c946_187):last-of-type {
   padding-inline-end: 0;
 }
 
-.awsui_utility-type-button-primary-button_k5dlb_1ulj1_348:not(#\9) {
+.awsui_utility-type-button-primary-button_k5dlb_1c946_330:not(#\9) {
   inset-inline-start: -1px;
   border-inline-start: 1px solid var(--color-background-container-content-z79u4u, #ffffff);
 }
-.awsui_utility-type-button-primary-button_k5dlb_1ulj1_348:not(#\9)::after {
+.awsui_utility-type-button-primary-button_k5dlb_1c946_330:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_k5dlb_1ulj1_356:not(#\9) {
+.awsui_utility-link-icon_k5dlb_1c946_338:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_utility-button-external-icon_k5dlb_1ulj1_360:not(#\9) {
+.awsui_utility-button-external-icon_k5dlb_1c946_342:not(#\9) {
   display: inline-block;
 }
 
-.awsui_offset-right-none_k5dlb_1ulj1_364:not(#\9) {
+.awsui_offset-right-none_k5dlb_1c946_346:not(#\9) {
   margin-inline-end: 0;
 }
 
-.awsui_offset-right-l_k5dlb_1ulj1_368:not(#\9) {
+.awsui_offset-right-l_k5dlb_1c946_350:not(#\9) {
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_offset-right-xxl_k5dlb_1ulj1_372:not(#\9) {
+.awsui_offset-right-xxl_k5dlb_1c946_354:not(#\9) {
   margin-inline-end: var(--space-m-udix3p, 16px);
 }
 
 /* Overflow Menu */
-.awsui_overflow-menu-drawer_k5dlb_1ulj1_377:not(#\9) {
+.awsui_overflow-menu-drawer_k5dlb_1c946_359:not(#\9) {
   position: fixed;
   block-size: 100%;
   inline-size: 100%;
   z-index: 1001;
 }
 
-.awsui_overflow-menu_k5dlb_1ulj1_377:not(#\9) {
+.awsui_overflow-menu_k5dlb_1c946_359:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -417,7 +399,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   block-size: 100%;
 }
 
-.awsui_overflow-menu-header_k5dlb_1ulj1_418:not(#\9) {
+.awsui_overflow-menu-header_k5dlb_1c946_400:not(#\9) {
   display: flex;
   align-items: center;
   min-block-size: var(--font-panel-header-line-height-kxi4u2, 22px);
@@ -425,7 +407,7 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   padding-inline: var(--space-scaled-m-mo5yse, 16px);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_overflow-menu-header-text_k5dlb_1ulj1_426:not(#\9) {
+.awsui_overflow-menu-header-text_k5dlb_1c946_408:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -437,25 +419,25 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   margin-inline: 0;
   text-align: center;
 }
-.awsui_overflow-menu-header-text--secondary_k5dlb_1ulj1_438:not(#\9) {
+.awsui_overflow-menu-header-text--secondary_k5dlb_1c946_420:not(#\9) {
   font-size: var(--font-header-h2-description-size-2hj97p, 14px);
   line-height: var(--font-header-h2-description-line-height-rtewek, 20px);
   font-weight: 400;
 }
 
-.awsui_overflow-menu-header-text--title_k5dlb_1ulj1_444:not(#\9) {
+.awsui_overflow-menu-header-text--title_k5dlb_1c946_426:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-back-button_k5dlb_1ulj1_448:not(#\9) {
+.awsui_overflow-menu-back-button_k5dlb_1c946_430:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-dismiss-button_k5dlb_1ulj1_452:not(#\9) {
+.awsui_overflow-menu-dismiss-button_k5dlb_1c946_434:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9) {
+.awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -494,32 +476,32 @@ body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_1ulj1_232 > .awsui_ide
   border-block: none;
   border-inline: none;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_1ulj1_494 > .awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_1c946_476 > .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9) {
   padding-block: var(--space-scaled-m-mo5yse, 16px);
   padding-inline: var(--space-scaled-m-mo5yse, 16px);
 }
-.awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9):hover {
+.awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
   cursor: pointer;
 }
-.awsui_overflow-menu-control-link_k5dlb_1ulj1_502:not(#\9) {
+.awsui_overflow-menu-control-link_k5dlb_1c946_484:not(#\9) {
   text-decoration: none;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1ulj1_505:not(#\9) {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487:not(#\9) {
   color: var(--color-text-dropdown-group-label-iy2p4t, #424650);
   font-weight: bold;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1ulj1_505:not(#\9):hover {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-cqfd0c, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1ulj1_456:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1c946_438:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -534,52 +516,63 @@ body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_1ulj1_456
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_overflow-menu-list_k5dlb_1ulj1_494:not(#\9) {
+.awsui_overflow-menu-list_k5dlb_1c946_476:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_overflow-menu-list-submenu_k5dlb_1ulj1_541:not(#\9) {
+.awsui_overflow-menu-list-submenu_k5dlb_1c946_523:not(#\9) {
   margin-block: var(--space-scaled-xxs-7597g1, 4px);
   margin-inline: 0;
 }
 
-.awsui_overflow-menu-list-item_k5dlb_1ulj1_494:not(#\9) {
+.awsui_overflow-menu-list-item_k5dlb_1c946_476:not(#\9) {
   box-sizing: border-box;
   letter-spacing: var(--font-button-letter-spacing-65ug0o, 0.005em);
 }
-.awsui_overflow-menu-list-item-icon_k5dlb_1ulj1_550:not(#\9) {
+.awsui_overflow-menu-list-item-icon_k5dlb_1c946_532:not(#\9) {
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_overflow-menu-list-item-text_k5dlb_1ulj1_553:not(#\9) {
+.awsui_overflow-menu-list-item-text_k5dlb_1c946_535:not(#\9) {
   flex: 1;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_1ulj1_494:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_1c946_476:not(#\9) {
   font-weight: var(--font-weight-button-c91p4t, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_overflow-menu-list-item-submenu_k5dlb_1ulj1_562:not(#\9) {
+.awsui_overflow-menu-list-item-submenu_k5dlb_1c946_544:not(#\9) {
   border-block-start: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1ulj1_568:not(#\9) {
+.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1c946_550:not(#\9) {
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_overflow-menu-list-item-expandable_k5dlb_1ulj1_572:not(#\9) {
+.awsui_overflow-menu-list-item-expandable_k5dlb_1c946_554:not(#\9) {
   border-block-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
   border-block-end-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
 
-.awsui_icon_k5dlb_1ulj1_149:not(#\9) {
-  transform: rotate(-180deg);
-}
-.awsui_icon_k5dlb_1ulj1_149.awsui_expanded_k5dlb_1ulj1_580:not(#\9) {
+.awsui_icon_k5dlb_1c946_559: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_icon_k5dlb_1c946_559:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_icon_k5dlb_1c946_559:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_1c946_559:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_icon-open_k5dlb_1c946_573:not(#\9) {
+  transform: rotate(-180deg);
 }

package/top-navigation/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_k5dlb_1ulj1_149",
-  "top-navigation": "awsui_top-navigation_k5dlb_1ulj1_163",
-  "padding-box": "awsui_padding-box_k5dlb_1ulj1_195",
-  "medium": "awsui_medium_k5dlb_1ulj1_205",
-  "narrow": "awsui_narrow_k5dlb_1ulj1_205",
-  "virtual": "awsui_virtual_k5dlb_1ulj1_216",
-  "hidden": "awsui_hidden_k5dlb_1ulj1_220",
-  "\t": "awsui_\t_k5dlb_1ulj1_1",
-  "identity": "awsui_identity_k5dlb_1ulj1_232",
-  "identity-link": "awsui_identity-link_k5dlb_1ulj1_235",
-  "no-logo": "awsui_no-logo_k5dlb_1ulj1_255",
-  "logo": "awsui_logo_k5dlb_1ulj1_259",
-  "title": "awsui_title_k5dlb_1ulj1_271",
-  "inputs": "awsui_inputs_k5dlb_1ulj1_286",
-  "search": "awsui_search_k5dlb_1ulj1_294",
-  "search-expanded": "awsui_search-expanded_k5dlb_1ulj1_298",
-  "utilities": "awsui_utilities_k5dlb_1ulj1_302",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1ulj1_313",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1ulj1_334",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1ulj1_339",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1ulj1_348",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1ulj1_356",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1ulj1_360",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_1ulj1_364",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_1ulj1_368",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1ulj1_372",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1ulj1_377",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_1ulj1_377",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1ulj1_418",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1ulj1_426",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1ulj1_438",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1ulj1_444",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1ulj1_448",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1ulj1_452",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1ulj1_456",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1ulj1_494",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1ulj1_502",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1ulj1_505",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1ulj1_494",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1ulj1_541",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1ulj1_494",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1ulj1_550",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1ulj1_553",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1ulj1_562",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1ulj1_568",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1ulj1_572",
-  "expanded": "awsui_expanded_k5dlb_1ulj1_580"
+  "top-navigation": "awsui_top-navigation_k5dlb_1c946_145",
+  "padding-box": "awsui_padding-box_k5dlb_1c946_177",
+  "medium": "awsui_medium_k5dlb_1c946_187",
+  "narrow": "awsui_narrow_k5dlb_1c946_187",
+  "virtual": "awsui_virtual_k5dlb_1c946_198",
+  "hidden": "awsui_hidden_k5dlb_1c946_202",
+  "\t": "awsui_\t_k5dlb_1c946_1",
+  "identity": "awsui_identity_k5dlb_1c946_214",
+  "identity-link": "awsui_identity-link_k5dlb_1c946_217",
+  "no-logo": "awsui_no-logo_k5dlb_1c946_237",
+  "logo": "awsui_logo_k5dlb_1c946_241",
+  "title": "awsui_title_k5dlb_1c946_253",
+  "inputs": "awsui_inputs_k5dlb_1c946_268",
+  "search": "awsui_search_k5dlb_1c946_276",
+  "search-expanded": "awsui_search-expanded_k5dlb_1c946_280",
+  "utilities": "awsui_utilities_k5dlb_1c946_284",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_1c946_295",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_1c946_316",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_1c946_321",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_1c946_330",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_1c946_338",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_1c946_342",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_1c946_346",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_1c946_350",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_1c946_354",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_1c946_359",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_1c946_359",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_1c946_400",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_1c946_408",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_1c946_420",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_1c946_426",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_1c946_430",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_1c946_434",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_1c946_438",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_1c946_476",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_1c946_484",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_1c946_487",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_1c946_476",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_1c946_523",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_1c946_476",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_1c946_532",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_1c946_535",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_1c946_544",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_1c946_550",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_1c946_554",
+  "icon": "awsui_icon_k5dlb_1c946_559",
+  "icon-open": "awsui_icon-open_k5dlb_1c946_573"
 };
   

package/top-navigation/use-top-navigation.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { TopNavigationProps } from './interfaces';
-export interface UseTopNavigationParams {
+interface UseTopNavigationParams {
     identity: TopNavigationProps['identity'];
     search: TopNavigationProps['search'];
     utilities: NonNullable<TopNavigationProps['utilities']>;
 }
-export interface ResponsiveState {
+interface ResponsiveState {
     hideUtilityText?: boolean;
     hideSearch?: boolean;
     hideUtilities?: number[];
@@ -23,7 +23,7 @@ export interface TopNavigationSizeConfiguration {
     utilityWithoutLabelWidths: number[];
     menuTriggerUtilityWidth: number;
 }
-export interface UseTopNavigation {
+interface UseTopNavigation {
     mainRef: React.Ref<HTMLDivElement>;
     virtualRef: React.Ref<HTMLDivElement>;
     responsiveState: ResponsiveState;
@@ -41,4 +41,5 @@ export declare function generateResponsiveStateKeys(utilities: ReadonlyArray<Top
  * and the current sizes of all elements inside the navigation bar.
  */
 export declare function determineBestResponsiveState(possibleStates: ReadonlyArray<ResponsiveState>, sizes: TopNavigationSizeConfiguration): ResponsiveState;
+export {};
 //# sourceMappingURL=use-top-navigation.d.ts.map

package/top-navigation/use-top-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-top-navigation.d.ts","sourceRoot":"","sources":["../../../src/top-navigation/use-top-navigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,EAAE,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,MAAM,EAAE,CAAC;IACjC,yBAAyB,EAAE,MAAM,EAAE,CAAC;IACpC,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEtC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,SAAS,GAAG,KAAK,GAAG,GAAG,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAKD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,sBAAsB,GAAG,gBAAgB,CA8G1G;AAYD;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,EACpD,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,GACpB,aAAa,CAAC,eAAe,CAAC,CA+BhC;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,aAAa,CAAC,eAAe,CAAC,EAC9C,KAAK,EAAE,8BAA8B,GACpC,eAAe,CA6BjB"}
+{"version":3,"file":"use-top-navigation.d.ts","sourceRoot":"","sources":["../../../src/top-navigation/use-top-navigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,EAAE,WAAW,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC;CACzD;AAED,UAAU,eAAe;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,MAAM,EAAE,CAAC;IACjC,yBAAyB,EAAE,MAAM,EAAE,CAAC;IACpC,uBAAuB,EAAE,MAAM,CAAC;CACjC;AAED,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnC,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEtC,eAAe,EAAE,eAAe,CAAC;IACjC,UAAU,EAAE,SAAS,GAAG,KAAK,GAAG,GAAG,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAKD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,sBAAsB,GAAG,gBAAgB,CA8G1G;AAYD;;GAEG;AACH,wBAAgB,2BAA2B,CACzC,SAAS,EAAE,aAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC,EACpD,aAAa,EAAE,OAAO,EACtB,YAAY,EAAE,OAAO,GACpB,aAAa,CAAC,eAAe,CAAC,CA+BhC;AAED;;;GAGG;AACH,wBAAgB,4BAA4B,CAC1C,cAAc,EAAE,aAAa,CAAC,eAAe,CAAC,EAC9C,KAAK,EAAE,8BAA8B,GACpC,eAAe,CA6BjB"}