npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.5 → 3.0.8 - Mend

@cloudscape-design/components-themeable 3.0.5 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/lib/internal/template/token-group/styles.scoped.css CHANGED Viewed

@@ -94,7 +94,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_1vdgh_97:not(#\9) {
+.awsui_root_dm8gx_54dg7_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -135,12 +135,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_root_dm8gx_1vdgh_97.awsui_has-items_dm8gx_1vdgh_107:not(#\9) {
+.awsui_root_dm8gx_54dg7_97.awsui_has-items_dm8gx_54dg7_107:not(#\9) {
   padding-top: 8px;
   padding-top: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_token_dm8gx_1vdgh_111:not(#\9) {
+.awsui_token_dm8gx_54dg7_111:not(#\9) {
   border: 1px solid #00a1c9;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-selected-pr9yuf, #00a1c9);
   padding: 4px 4px 4px 8px;
@@ -157,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123:not(#\9) {
+.awsui_dismiss-button_dm8gx_54dg7_123:not(#\9) {
   margin: -1px -1px 0 4px;
   margin: -1px -1px 0 var(--space-xxs-ynfts5, 4px);
   border: 1px solid transparent;
@@ -167,14 +167,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-button-inline-icon-default-qhj7jl, #545b64);
   background-color: transparent;
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_54dg7_123[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_54dg7_123[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_dismiss-button_dm8gx_54dg7_123[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -184,20 +184,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * 0px);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_54dg7_123:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_1vdgh_123:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_54dg7_123:not(#\9):hover {
   cursor: pointer;
   color: #16191f;
   color: var(--color-text-button-inline-icon-hover-84mkuo, #16191f);
 }
-.awsui_token-disabled_dm8gx_1vdgh_157:not(#\9) {
+.awsui_token-disabled_dm8gx_54dg7_157:not(#\9) {
   border-color: #d5dbdb;
   border-color: var(--color-border-control-disabled-zgidl5, #d5dbdb);
   background-color: #ffffff;
@@ -206,18 +206,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-disabled-pjiy51, #aab7b8);
   pointer-events: none;
 }
-.awsui_token-disabled_dm8gx_1vdgh_157 > .awsui_dismiss-button_dm8gx_1vdgh_123:not(#\9) {
+.awsui_token-disabled_dm8gx_54dg7_157 > .awsui_dismiss-button_dm8gx_54dg7_123:not(#\9) {
   color: #aab7b8;
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
-.awsui_token-disabled_dm8gx_1vdgh_157 > .awsui_dismiss-button_dm8gx_1vdgh_123:not(#\9):hover {
+.awsui_token-disabled_dm8gx_54dg7_157 > .awsui_dismiss-button_dm8gx_54dg7_123:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: auto;
   color: #aab7b8;
   color: var(--color-text-button-inline-icon-disabled-sesloi, #aab7b8);
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9) {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -278,47 +278,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_dm8gx_1vdgh_172:not(#\9) {
+  .awsui_toggle_dm8gx_54dg7_172:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_dm8gx_1vdgh_172:not(#\9), .awsui-mode-entering .awsui_toggle_dm8gx_1vdgh_172:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_dm8gx_54dg7_172:not(#\9), .awsui-mode-entering .awsui_toggle_dm8gx_54dg7_172:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9):hover {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9):hover {
   cursor: pointer;
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9):focus {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9):active {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9):active {
   color: #0073bb;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9):active, .awsui_toggle_dm8gx_1vdgh_172:not(#\9):focus, .awsui_toggle_dm8gx_1vdgh_172:not(#\9):hover {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9):active, .awsui_toggle_dm8gx_54dg7_172:not(#\9):focus, .awsui_toggle_dm8gx_54dg7_172:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_toggle_dm8gx_1vdgh_172:not(#\9):active, .awsui_toggle_dm8gx_1vdgh_172:not(#\9):focus, .awsui_toggle_dm8gx_1vdgh_172:not(#\9):hover {
+.awsui_toggle_dm8gx_54dg7_172:not(#\9):active, .awsui_toggle_dm8gx_54dg7_172:not(#\9):focus, .awsui_toggle_dm8gx_54dg7_172:not(#\9):hover {
   text-decoration: none;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-.awsui_toggle_dm8gx_1vdgh_172[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_toggle_dm8gx_54dg7_172[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
-  border: 1px solid #00a1c9;
-  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-bs10w5, #00a1c9);
+  border: 1px solid #0073bb;
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 1px #00a1c9;
-  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 1px #0073bb;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_toggle_dm8gx_1vdgh_172 > .awsui_description_dm8gx_1vdgh_233:not(#\9) {
+.awsui_toggle_dm8gx_54dg7_172 > .awsui_description_dm8gx_54dg7_233:not(#\9) {
   margin-left: 4px;
   margin-left: var(--space-xxs-ynfts5, 4px);
 }

package/lib/internal/template/token-group/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_1vdgh_97",
-  "has-items": "awsui_has-items_dm8gx_1vdgh_107",
-  "token": "awsui_token_dm8gx_1vdgh_111",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_1vdgh_123",
-  "token-disabled": "awsui_token-disabled_dm8gx_1vdgh_157",
-  "toggle": "awsui_toggle_dm8gx_1vdgh_172",
-  "description": "awsui_description_dm8gx_1vdgh_233"
+  "root": "awsui_root_dm8gx_54dg7_97",
+  "has-items": "awsui_has-items_dm8gx_54dg7_107",
+  "token": "awsui_token_dm8gx_54dg7_111",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_54dg7_123",
+  "token-disabled": "awsui_token-disabled_dm8gx_54dg7_157",
+  "toggle": "awsui_toggle_dm8gx_54dg7_172",
+  "description": "awsui_description_dm8gx_54dg7_233"
 };

package/lib/internal/template/top-navigation/1.0-beta/styles.css.js CHANGED Viewed

@@ -1,30 +1,30 @@
     import './styles.scoped.css';
     export default {
-  "top-navigation": "awsui_top-navigation_1ca1i_kze71_93",
-  "padding-box": "awsui_padding-box_1ca1i_kze71_104",
-  "medium": "awsui_medium_1ca1i_kze71_114",
-  "narrow": "awsui_narrow_1ca1i_kze71_114",
-  "hidden": "awsui_hidden_1ca1i_kze71_122",
-  "\t": "awsui_\t_1ca1i_kze71_1",
-  "identity": "awsui_identity_1ca1i_kze71_135",
-  "identity-link": "awsui_identity-link_1ca1i_kze71_135",
-  "no-logo": "awsui_no-logo_1ca1i_kze71_152",
-  "logo": "awsui_logo_1ca1i_kze71_156",
-  "title": "awsui_title_1ca1i_kze71_167",
-  "inputs": "awsui_inputs_1ca1i_kze71_181",
-  "search": "awsui_search_1ca1i_kze71_188",
-  "search-expanded": "awsui_search-expanded_1ca1i_kze71_193",
-  "utilities": "awsui_utilities_1ca1i_kze71_198",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_kze71_210",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_kze71_226",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_kze71_226",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_kze71_240",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_kze71_255",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_kze71_268",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_kze71_272",
-  "trigger": "awsui_trigger_1ca1i_kze71_276",
-  "rotate-up": "awsui_rotate-up_1ca1i_kze71_280",
-  "rotate-down": "awsui_rotate-down_1ca1i_kze71_295"
+  "top-navigation": "awsui_top-navigation_1ca1i_7j8tp_93",
+  "padding-box": "awsui_padding-box_1ca1i_7j8tp_104",
+  "medium": "awsui_medium_1ca1i_7j8tp_114",
+  "narrow": "awsui_narrow_1ca1i_7j8tp_114",
+  "hidden": "awsui_hidden_1ca1i_7j8tp_122",
+  "\t": "awsui_\t_1ca1i_7j8tp_1",
+  "identity": "awsui_identity_1ca1i_7j8tp_135",
+  "identity-link": "awsui_identity-link_1ca1i_7j8tp_135",
+  "no-logo": "awsui_no-logo_1ca1i_7j8tp_152",
+  "logo": "awsui_logo_1ca1i_7j8tp_156",
+  "title": "awsui_title_1ca1i_7j8tp_167",
+  "inputs": "awsui_inputs_1ca1i_7j8tp_181",
+  "search": "awsui_search_1ca1i_7j8tp_188",
+  "search-expanded": "awsui_search-expanded_1ca1i_7j8tp_193",
+  "utilities": "awsui_utilities_1ca1i_7j8tp_198",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_7j8tp_210",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_7j8tp_226",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_7j8tp_226",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_7j8tp_240",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_7j8tp_255",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_7j8tp_268",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_7j8tp_272",
+  "trigger": "awsui_trigger_1ca1i_7j8tp_276",
+  "rotate-up": "awsui_rotate-up_1ca1i_7j8tp_280",
+  "rotate-down": "awsui_rotate-down_1ca1i_7j8tp_295"
 };

package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,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_top-navigation_1ca1i_kze71_93:not(#\9) {
+.awsui_top-navigation_1ca1i_7j8tp_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -133,7 +133,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #ffffff;
   background: var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_top-navigation_1ca1i_kze71_93 > .awsui_padding-box_1ca1i_kze71_104:not(#\9) {
+.awsui_top-navigation_1ca1i_7j8tp_93 > .awsui_padding-box_1ca1i_7j8tp_104:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -145,18 +145,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding: 0 0 0 20px;
   padding: 0 0 0 var(--space-l-4vl6xu, 20px);
 }
-.awsui_top-navigation_1ca1i_kze71_93.awsui_medium_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104:not(#\9), .awsui_top-navigation_1ca1i_kze71_93.awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104:not(#\9) {
+.awsui_top-navigation_1ca1i_7j8tp_93.awsui_medium_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104:not(#\9), .awsui_top-navigation_1ca1i_7j8tp_93.awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104:not(#\9) {
   height: calc(40px + 8px);
   height: calc(var(--space-xxxl-bo9z7f, 40px) + var(--space-scaled-xs-6859qs, 8px));
 }
-.awsui_top-navigation_1ca1i_kze71_93.awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104:not(#\9) {
+.awsui_top-navigation_1ca1i_7j8tp_93.awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104:not(#\9) {
   height: 40px;
   height: var(--space-xxxl-bo9z7f, 40px);
   padding: 0 0 0 8px;
   padding: 0 0 0 var(--space-xs-rsr2qu, 8px);
 }
-.awsui_hidden_1ca1i_kze71_122:not(#\9) {
+.awsui_hidden_1ca1i_7j8tp_122:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
@@ -165,38 +165,38 @@ 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_kze71_122 *:not(#\9):not(#awsui_\9 _1ca1i_kze71_1) {
+.awsui_hidden_1ca1i_7j8tp_122 *:not(#\9):not(#awsui_\9 _1ca1i_7j8tp_1) {
   visibility: hidden;
 }
-.awsui_identity_1ca1i_kze71_135 > .awsui_identity-link_1ca1i_kze71_135:not(#\9) {
+.awsui_identity_1ca1i_7j8tp_135 > .awsui_identity-link_1ca1i_7j8tp_135:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: #16191f;
   color: var(--color-text-top-navigation-title-2nrlq4, #16191f);
 }
-.awsui_identity_1ca1i_kze71_135 > .awsui_identity-link_1ca1i_kze71_135:not(#\9):hover {
+.awsui_identity_1ca1i_7j8tp_135 > .awsui_identity-link_1ca1i_7j8tp_135:not(#\9):hover {
   color: #0073bb;
   color: var(--color-text-accent-s0earc, #0073bb);
 }
-.awsui_identity_1ca1i_kze71_135 > .awsui_identity-link_1ca1i_kze71_135[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_identity_1ca1i_7j8tp_135 > .awsui_identity-link_1ca1i_7j8tp_135[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: thin dotted;
   outline: 5px auto Highlight;
   outline: var(--border-link-focus-ring-outline-67z0xv, 5px auto Highlight);
   outline-offset: 2px;
-  outline-color: #00a1c9;
-  outline-color: var(--color-border-item-focused-bs10w5, #00a1c9);
+  outline-color: #0073bb;
+  outline-color: var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: 2px;
   border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
-  box-shadow: 0 0 0 0px #00a1c9;
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 0px #0073bb;
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-e3dct9, 0px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_identity_1ca1i_kze71_135.awsui_no-logo_1ca1i_kze71_152:not(#\9) {
+.awsui_identity_1ca1i_7j8tp_135.awsui_no-logo_1ca1i_7j8tp_152:not(#\9) {
   min-width: 100px;
 }
-.awsui_logo_1ca1i_kze71_156:not(#\9) {
+.awsui_logo_1ca1i_7j8tp_156:not(#\9) {
   display: block;
   max-height: 32px;
   max-height: var(--space-xxl-2nvmf1, 32px);
@@ -205,12 +205,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: auto;
   min-width: 10px;
 }
-.awsui_logo_1ca1i_kze71_156.awsui_narrow_1ca1i_kze71_114:not(#\9) {
+.awsui_logo_1ca1i_7j8tp_156.awsui_narrow_1ca1i_7j8tp_114:not(#\9) {
   max-height: 24px;
   max-height: var(--space-xl-a39hup, 24px);
 }
-.awsui_title_1ca1i_kze71_167:not(#\9) {
+.awsui_title_1ca1i_7j8tp_167:not(#\9) {
   font-size: 18px;
   font-size: var(--font-heading-m-size-f8kmgg, 18px);
   line-height: 22px;
@@ -225,30 +225,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_1ca1i_kze71_152 > .awsui_identity-link_1ca1i_kze71_135 > .awsui_title_1ca1i_kze71_167:not(#\9) {
+.awsui_no-logo_1ca1i_7j8tp_152 > .awsui_identity-link_1ca1i_7j8tp_135 > .awsui_title_1ca1i_7j8tp_167:not(#\9) {
   font-weight: 700;
 }
-.awsui_inputs_1ca1i_kze71_181:not(#\9) {
+.awsui_inputs_1ca1i_7j8tp_181:not(#\9) {
   flex: 1;
   min-width: 0;
   display: flex;
   justify-content: center;
 }
-.awsui_search_1ca1i_kze71_188:not(#\9) {
+.awsui_search_1ca1i_7j8tp_188:not(#\9) {
   width: 100%;
   max-width: 340px;
   padding-left: 40px;
   padding-left: var(--space-xxxl-bo9z7f, 40px);
 }
-.awsui_search-expanded_1ca1i_kze71_193:not(#\9) {
+.awsui_search-expanded_1ca1i_7j8tp_193:not(#\9) {
   max-width: none;
   padding-left: 12px;
   padding-left: var(--space-s-hv8c1d, 12px);
 }
-.awsui_utilities_1ca1i_kze71_198:not(#\9) {
+.awsui_utilities_1ca1i_7j8tp_198:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
@@ -257,17 +257,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-left: var(--space-m-17eucw, 16px);
   height: 100%;
 }
-.awsui_medium_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198:not(#\9), .awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198:not(#\9) {
+.awsui_medium_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198:not(#\9), .awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198:not(#\9) {
   padding-left: 0;
 }
-.awsui_utility-wrapper_1ca1i_kze71_210:not(#\9) {
+.awsui_utility-wrapper_1ca1i_7j8tp_210:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
   align-items: center;
 }
-.awsui_utility-wrapper_1ca1i_kze71_210:not(#\9)::after {
+.awsui_utility-wrapper_1ca1i_7j8tp_210:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -280,96 +280,96 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: #eaeded;
   background: var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_utility-wrapper_1ca1i_kze71_210.awsui_utility-wrapper-last_1ca1i_kze71_226:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_kze71_226) {
+.awsui_utility-wrapper_1ca1i_7j8tp_210.awsui_utility-wrapper-last_1ca1i_7j8tp_226:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226) {
   padding-right: 0;
 }
-.awsui_utility-wrapper_1ca1i_kze71_210.awsui_utility-wrapper-last_1ca1i_kze71_226:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_kze71_226)::after {
+.awsui_utility-wrapper_1ca1i_7j8tp_210.awsui_utility-wrapper-last_1ca1i_7j8tp_226:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226)::after {
   display: none;
 }
-.awsui_medium_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198 > .awsui_utility-wrapper_1ca1i_kze71_210:not(#\9)::after, .awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198 > .awsui_utility-wrapper_1ca1i_kze71_210:not(#\9)::after {
+.awsui_medium_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198 > .awsui_utility-wrapper_1ca1i_7j8tp_210:not(#\9)::after, .awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198 > .awsui_utility-wrapper_1ca1i_7j8tp_210:not(#\9)::after {
   top: 8px;
   top: var(--space-xs-rsr2qu, 8px);
   bottom: 8px;
   bottom: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_utility-wrapper-last_1ca1i_kze71_226:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_7j8tp_226:not(#\9) {
   margin-right: 12px;
   margin-right: var(--space-s-hv8c1d, 12px);
 }
-.awsui_utility-wrapper-last_1ca1i_kze71_226.awsui_utility-type-menu-dropdown_1ca1i_kze71_240:not(#\9) {
+.awsui_utility-wrapper-last_1ca1i_7j8tp_226.awsui_utility-type-menu-dropdown_1ca1i_7j8tp_240:not(#\9) {
   margin-right: 0;
 }
-.awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198 > .awsui_utility-wrapper-last_1ca1i_kze71_226:not(#\9) {
+.awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198 > .awsui_utility-wrapper-last_1ca1i_7j8tp_226:not(#\9) {
   margin-right: 0;
 }
-.awsui_narrow_1ca1i_kze71_114 > .awsui_padding-box_1ca1i_kze71_104 > .awsui_utilities_1ca1i_kze71_198 > .awsui_utility-wrapper-last_1ca1i_kze71_226.awsui_utility-type-button-primary-button_1ca1i_kze71_226:not(#\9) {
+.awsui_narrow_1ca1i_7j8tp_114 > .awsui_padding-box_1ca1i_7j8tp_104 > .awsui_utilities_1ca1i_7j8tp_198 > .awsui_utility-wrapper-last_1ca1i_7j8tp_226.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226:not(#\9) {
   padding-right: 20px;
   padding-right: var(--space-l-4vl6xu, 20px);
 }
-.awsui_utility-type-menu-dropdown_1ca1i_kze71_240:not(#\9) {
+.awsui_utility-type-menu-dropdown_1ca1i_7j8tp_240:not(#\9) {
   padding: 0 12px;
   padding: 0 var(--space-s-hv8c1d, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-button-link_1ca1i_kze71_255:not(#\9),
-.awsui_utility-type-button-primary-button_1ca1i_kze71_226:not(#\9) {
+.awsui_utility-type-button-link_1ca1i_7j8tp_255:not(#\9),
+.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226:not(#\9) {
   padding: 0 16px;
   padding: 0 var(--space-m-17eucw, 16px);
 }
-.awsui_utility-type-button-primary-button_1ca1i_kze71_226:not(#\9) {
+.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226:not(#\9) {
   left: -1px;
   border-left: 1px solid #ffffff;
   border-left: 1px solid var(--color-background-container-content-o88wxm, #ffffff);
 }
-.awsui_utility-type-button-primary-button_1ca1i_kze71_226:not(#\9)::after {
+.awsui_utility-type-button-primary-button_1ca1i_7j8tp_226:not(#\9)::after {
   display: none;
 }
-.awsui_utility-link-icon_1ca1i_kze71_268:not(#\9) {
+.awsui_utility-link-icon_1ca1i_7j8tp_268:not(#\9) {
   margin-right: 4px;
   margin-right: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_utility-button-external-icon_1ca1i_kze71_272:not(#\9) {
+.awsui_utility-button-external-icon_1ca1i_7j8tp_272:not(#\9) {
   display: inline-block;
 }
-.awsui_trigger_1ca1i_kze71_276:not(#\9) {
+.awsui_trigger_1ca1i_7j8tp_276:not(#\9) {
   /*used in test-utils*/
 }
-.awsui_rotate-up_1ca1i_kze71_280:not(#\9) {
+.awsui_rotate-up_1ca1i_7j8tp_280:not(#\9) {
   transform: rotate(-180deg);
   transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_1ca1i_kze71_280:not(#\9) {
+  .awsui_rotate-up_1ca1i_7j8tp_280:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_1ca1i_kze71_280:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_kze71_280:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_1ca1i_7j8tp_280:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_7j8tp_280:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-down_1ca1i_kze71_295:not(#\9) {
+.awsui_rotate-down_1ca1i_7j8tp_295:not(#\9) {
   transform: rotate(0deg);
   transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
   transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_1ca1i_kze71_295:not(#\9) {
+  .awsui_rotate-down_1ca1i_7j8tp_295:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_1ca1i_kze71_295:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_kze71_295:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_1ca1i_7j8tp_295:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_7j8tp_295:not(#\9) {
   animation: none;
   transition: none;
 }

package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js CHANGED Viewed

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "top-navigation": "awsui_top-navigation_1ca1i_kze71_93",
-  "padding-box": "awsui_padding-box_1ca1i_kze71_104",
-  "medium": "awsui_medium_1ca1i_kze71_114",
-  "narrow": "awsui_narrow_1ca1i_kze71_114",
-  "hidden": "awsui_hidden_1ca1i_kze71_122",
-  "\t": "awsui_\t_1ca1i_kze71_1",
-  "identity": "awsui_identity_1ca1i_kze71_135",
-  "identity-link": "awsui_identity-link_1ca1i_kze71_135",
-  "no-logo": "awsui_no-logo_1ca1i_kze71_152",
-  "logo": "awsui_logo_1ca1i_kze71_156",
-  "title": "awsui_title_1ca1i_kze71_167",
-  "inputs": "awsui_inputs_1ca1i_kze71_181",
-  "search": "awsui_search_1ca1i_kze71_188",
-  "search-expanded": "awsui_search-expanded_1ca1i_kze71_193",
-  "utilities": "awsui_utilities_1ca1i_kze71_198",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_kze71_210",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_kze71_226",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_kze71_226",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_kze71_240",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_kze71_255",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_kze71_268",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_kze71_272",
-  "trigger": "awsui_trigger_1ca1i_kze71_276",
-  "rotate-up": "awsui_rotate-up_1ca1i_kze71_280",
-  "rotate-down": "awsui_rotate-down_1ca1i_kze71_295"
+  "top-navigation": "awsui_top-navigation_1ca1i_7j8tp_93",
+  "padding-box": "awsui_padding-box_1ca1i_7j8tp_104",
+  "medium": "awsui_medium_1ca1i_7j8tp_114",
+  "narrow": "awsui_narrow_1ca1i_7j8tp_114",
+  "hidden": "awsui_hidden_1ca1i_7j8tp_122",
+  "\t": "awsui_\t_1ca1i_7j8tp_1",
+  "identity": "awsui_identity_1ca1i_7j8tp_135",
+  "identity-link": "awsui_identity-link_1ca1i_7j8tp_135",
+  "no-logo": "awsui_no-logo_1ca1i_7j8tp_152",
+  "logo": "awsui_logo_1ca1i_7j8tp_156",
+  "title": "awsui_title_1ca1i_7j8tp_167",
+  "inputs": "awsui_inputs_1ca1i_7j8tp_181",
+  "search": "awsui_search_1ca1i_7j8tp_188",
+  "search-expanded": "awsui_search-expanded_1ca1i_7j8tp_193",
+  "utilities": "awsui_utilities_1ca1i_7j8tp_198",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_7j8tp_210",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_7j8tp_226",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_7j8tp_226",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_7j8tp_240",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_7j8tp_255",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_7j8tp_268",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_7j8tp_272",
+  "trigger": "awsui_trigger_1ca1i_7j8tp_276",
+  "rotate-up": "awsui_rotate-up_1ca1i_7j8tp_280",
+  "rotate-down": "awsui_rotate-down_1ca1i_7j8tp_295"
 };