npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.534 → 3.0.536 - Mend

@cloudscape-design/components-themeable 3.0.534 → 3.0.536

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 (345) hide show

package/lib/internal/template/toggle/styles.selectors.js CHANGED Viewed

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_ojskk_93",
-  "outline": "awsui_outline_4yi2u_ojskk_129",
-  "toggle-control": "awsui_toggle-control_4yi2u_ojskk_148",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ojskk_158",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ojskk_161",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_ojskk_168",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ojskk_180",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ojskk_183"
+  "root": "awsui_root_4yi2u_1edry_93",
+  "outline": "awsui_outline_4yi2u_1edry_129",
+  "toggle-control": "awsui_toggle-control_4yi2u_1edry_151",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_1edry_164",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_1edry_167",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_1edry_174",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_1edry_189",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_1edry_192"
 };

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

@@ -1,13 +1,13 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_dm8gx_xxhw8_97",
-  "has-items": "awsui_has-items_dm8gx_xxhw8_131",
-  "no-padding": "awsui_no-padding_dm8gx_xxhw8_131",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_xxhw8_135",
-  "token": "awsui_token_dm8gx_xxhw8_169",
-  "token-box": "awsui_token-box_dm8gx_xxhw8_176",
-  "token-box-error": "awsui_token-box-error_dm8gx_xxhw8_188",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_xxhw8_199"
+  "root": "awsui_root_dm8gx_8e6l1_97",
+  "has-items": "awsui_has-items_dm8gx_8e6l1_131",
+  "no-padding": "awsui_no-padding_dm8gx_8e6l1_131",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_8e6l1_135",
+  "token": "awsui_token_dm8gx_8e6l1_177",
+  "token-box": "awsui_token-box_dm8gx_8e6l1_184",
+  "token-box-error": "awsui_token-box-error_dm8gx_8e6l1_203",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_8e6l1_214"
 };

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_xxhw8_97:not(#\9) {
+.awsui_root_dm8gx_8e6l1_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -129,84 +129,99 @@ 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_xxhw8_97.awsui_has-items_dm8gx_xxhw8_131:not(#\9):not(.awsui_no-padding_dm8gx_xxhw8_131) {
-  padding-top: var(--space-xs-xf5ch3, 8px);
+.awsui_root_dm8gx_8e6l1_97.awsui_has-items_dm8gx_8e6l1_131:not(#\9):not(.awsui_no-padding_dm8gx_8e6l1_131) {
+  padding-block-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9) {
-  margin: -1px -1px 0 var(--space-xxs-9rrxti, 4px);
-  border: 1px solid transparent;
-  padding: 0 var(--space-xxs-9rrxti, 4px);
+.awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9) {
+  margin-block-start: -1px;
+  margin-block-end: 0;
+  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+  margin-inline-end: -1px;
+  border-block: 1px solid transparent;
+  border-inline: 1px solid transparent;
+  padding-block: 0;
+  padding-inline: var(--space-xxs-9rrxti, 4px);
   color: var(--color-text-button-inline-icon-default-870ilx, #545b64);
   background-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * 0px);
-  top: calc(-1 * 0px);
-  width: calc(100% + 2 * 0px);
-  height: calc(100% + 2 * 0px);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * 0px);
+  inset-block-start: calc(-1 * 0px);
+  inline-size: calc(100% + 2 * 0px);
+  block-size: calc(100% + 2 * 0px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):focus {
+.awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):hover {
+.awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-button-inline-icon-hover-gmrtb4, #16191f);
 }
-.awsui_token_dm8gx_xxhw8_169:not(#\9) {
-  height: 100%;
+.awsui_token_dm8gx_8e6l1_177:not(#\9) {
+  block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_token-box_dm8gx_xxhw8_176:not(#\9) {
-  height: 100%;
-  border: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
-  padding: var(--space-scaled-xxs-t7ij38, 4px) var(--space-xxs-9rrxti, 4px) var(--space-scaled-xxs-t7ij38, 4px) var(--space-field-horizontal-cy5q05, 8px);
+.awsui_token-box_dm8gx_8e6l1_184:not(#\9) {
+  block-size: 100%;
+  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
+  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-item-selected-20gejb, #0073bb);
+  padding-block-start: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-block-end: var(--space-scaled-xxs-t7ij38, 4px);
+  padding-inline-start: var(--space-field-horizontal-cy5q05, 8px);
+  padding-inline-end: var(--space-xxs-9rrxti, 4px);
   display: flex;
   align-items: flex-start;
   background: var(--color-background-item-selected-dbqvjr, #f1faff);
-  border-radius: var(--border-radius-token-h9xa3v, 2px);
+  border-start-start-radius: var(--border-radius-token-h9xa3v, 2px);
+  border-start-end-radius: var(--border-radius-token-h9xa3v, 2px);
+  border-end-start-radius: var(--border-radius-token-h9xa3v, 2px);
+  border-end-end-radius: var(--border-radius-token-h9xa3v, 2px);
   color: var(--color-text-body-default-ffdwgg, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box-error_dm8gx_xxhw8_188:not(#\9) {
+.awsui_token-box-error_dm8gx_8e6l1_203:not(#\9) {
   border-color: var(--color-border-status-error-xj05xm, #d13212);
-  border-left-width: var(--border-invalid-width-hp6noi, 4px);
+  border-inline-start-width: var(--border-invalid-width-hp6noi, 4px);
 }
-.awsui_token-box-error_dm8gx_xxhw8_188 > .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9) {
+.awsui_token-box-error_dm8gx_8e6l1_203 > .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9) {
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_token-box-error_dm8gx_xxhw8_188 > .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):hover {
+.awsui_token-box-error_dm8gx_8e6l1_203 > .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):hover {
   color: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_token-box-disabled_dm8gx_xxhw8_199.awsui_token-box-disabled_dm8gx_xxhw8_199:not(#\9) {
+.awsui_token-box-disabled_dm8gx_8e6l1_214.awsui_token-box-disabled_dm8gx_8e6l1_214:not(#\9) {
   border-color: var(--color-border-control-disabled-4hz3mo, #d5dbdb);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   color: var(--color-text-disabled-govsss, #aab7b8);
   pointer-events: none;
 }
-.awsui_token-box-disabled_dm8gx_xxhw8_199.awsui_token-box-disabled_dm8gx_xxhw8_199 > .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9) {
+.awsui_token-box-disabled_dm8gx_8e6l1_214.awsui_token-box-disabled_dm8gx_8e6l1_214 > .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9) {
   color: var(--color-text-button-inline-icon-disabled-m6lq35, #aab7b8);
 }
-.awsui_token-box-disabled_dm8gx_xxhw8_199.awsui_token-box-disabled_dm8gx_xxhw8_199 > .awsui_dismiss-button_dm8gx_xxhw8_135:not(#\9):hover {
+.awsui_token-box-disabled_dm8gx_8e6l1_214.awsui_token-box-disabled_dm8gx_8e6l1_214 > .awsui_dismiss-button_dm8gx_8e6l1_135:not(#\9):hover {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   cursor: initial;
   color: var(--color-text-button-inline-icon-disabled-m6lq35, #aab7b8);

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

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_dm8gx_xxhw8_97",
-  "has-items": "awsui_has-items_dm8gx_xxhw8_131",
-  "no-padding": "awsui_no-padding_dm8gx_xxhw8_131",
-  "dismiss-button": "awsui_dismiss-button_dm8gx_xxhw8_135",
-  "token": "awsui_token_dm8gx_xxhw8_169",
-  "token-box": "awsui_token-box_dm8gx_xxhw8_176",
-  "token-box-error": "awsui_token-box-error_dm8gx_xxhw8_188",
-  "token-box-disabled": "awsui_token-box-disabled_dm8gx_xxhw8_199"
+  "root": "awsui_root_dm8gx_8e6l1_97",
+  "has-items": "awsui_has-items_dm8gx_8e6l1_131",
+  "no-padding": "awsui_no-padding_dm8gx_8e6l1_131",
+  "dismiss-button": "awsui_dismiss-button_dm8gx_8e6l1_135",
+  "token": "awsui_token_dm8gx_8e6l1_177",
+  "token-box": "awsui_token-box_dm8gx_8e6l1_184",
+  "token-box-error": "awsui_token-box-error_dm8gx_8e6l1_203",
+  "token-box-disabled": "awsui_token-box-disabled_dm8gx_8e6l1_214"
 };

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_kr6uc_93",
-  "padding-box": "awsui_padding-box_1ca1i_kr6uc_128",
-  "medium": "awsui_medium_1ca1i_kr6uc_138",
-  "narrow": "awsui_narrow_1ca1i_kr6uc_138",
-  "hidden": "awsui_hidden_1ca1i_kr6uc_146",
-  "\t": "awsui_\t_1ca1i_kr6uc_1",
-  "identity": "awsui_identity_1ca1i_kr6uc_159",
-  "identity-link": "awsui_identity-link_1ca1i_kr6uc_159",
-  "no-logo": "awsui_no-logo_1ca1i_kr6uc_176",
-  "logo": "awsui_logo_1ca1i_kr6uc_180",
-  "title": "awsui_title_1ca1i_kr6uc_191",
-  "inputs": "awsui_inputs_1ca1i_kr6uc_207",
-  "search": "awsui_search_1ca1i_kr6uc_214",
-  "search-expanded": "awsui_search-expanded_1ca1i_kr6uc_219",
-  "utilities": "awsui_utilities_1ca1i_kr6uc_224",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_kr6uc_236",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_kr6uc_252",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_kr6uc_252",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_kr6uc_266",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_kr6uc_281",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_kr6uc_294",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_kr6uc_298",
-  "trigger": "awsui_trigger_1ca1i_kr6uc_302",
-  "rotate-up": "awsui_rotate-up_1ca1i_kr6uc_306",
-  "rotate-down": "awsui_rotate-down_1ca1i_kr6uc_321"
+  "top-navigation": "awsui_top-navigation_1ca1i_jrbsn_93",
+  "padding-box": "awsui_padding-box_1ca1i_jrbsn_128",
+  "medium": "awsui_medium_1ca1i_jrbsn_140",
+  "narrow": "awsui_narrow_1ca1i_jrbsn_140",
+  "hidden": "awsui_hidden_1ca1i_jrbsn_150",
+  "\t": "awsui_\t_1ca1i_jrbsn_1",
+  "identity": "awsui_identity_1ca1i_jrbsn_163",
+  "identity-link": "awsui_identity-link_1ca1i_jrbsn_163",
+  "no-logo": "awsui_no-logo_1ca1i_jrbsn_183",
+  "logo": "awsui_logo_1ca1i_jrbsn_187",
+  "title": "awsui_title_1ca1i_jrbsn_198",
+  "inputs": "awsui_inputs_1ca1i_jrbsn_214",
+  "search": "awsui_search_1ca1i_jrbsn_221",
+  "search-expanded": "awsui_search-expanded_1ca1i_jrbsn_226",
+  "utilities": "awsui_utilities_1ca1i_jrbsn_231",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_jrbsn_243",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_jrbsn_258",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_jrbsn_258",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_jrbsn_271",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_jrbsn_287",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_jrbsn_301",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_jrbsn_305",
+  "trigger": "awsui_trigger_1ca1i_jrbsn_309",
+  "rotate-up": "awsui_rotate-up_1ca1i_jrbsn_313",
+  "rotate-down": "awsui_rotate-down_1ca1i_jrbsn_328"
 };

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_kr6uc_93:not(#\9) {
+.awsui_top-navigation_1ca1i_jrbsn_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -126,210 +126,217 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_top-navigation_1ca1i_kr6uc_93 > .awsui_padding-box_1ca1i_kr6uc_128:not(#\9) {
+.awsui_top-navigation_1ca1i_jrbsn_93 > .awsui_padding-box_1ca1i_jrbsn_128:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   box-sizing: border-box;
-  height: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-m-er48cl, 16px));
-  padding: 0 0 0 var(--space-l-xu1x80, 20px);
+  block-size: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-m-er48cl, 16px));
+  padding-block: 0;
+  padding-inline-start: var(--space-l-xu1x80, 20px);
+  padding-inline-end: 0;
 }
-.awsui_top-navigation_1ca1i_kr6uc_93.awsui_medium_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128:not(#\9), .awsui_top-navigation_1ca1i_kr6uc_93.awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128:not(#\9) {
-  height: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-xs-x91h81, 8px));
+.awsui_top-navigation_1ca1i_jrbsn_93.awsui_medium_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128:not(#\9), .awsui_top-navigation_1ca1i_jrbsn_93.awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128:not(#\9) {
+  block-size: calc(var(--space-xxxl-gvq98t, 40px) + var(--space-scaled-xs-x91h81, 8px));
 }
-.awsui_top-navigation_1ca1i_kr6uc_93.awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128:not(#\9) {
-  height: var(--space-xxxl-gvq98t, 40px);
-  padding: 0 0 0 var(--space-xs-xf5ch3, 8px);
+.awsui_top-navigation_1ca1i_jrbsn_93.awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128:not(#\9) {
+  block-size: var(--space-xxxl-gvq98t, 40px);
+  padding-block: 0;
+  padding-inline-start: var(--space-xs-xf5ch3, 8px);
+  padding-inline-end: 0;
 }
-.awsui_hidden_1ca1i_kr6uc_146:not(#\9) {
+.awsui_hidden_1ca1i_jrbsn_150:not(#\9) {
   position: absolute !important;
-  top: -9999px !important;
-  left: -9999px !important;
+  inset-block-start: -9999px !important;
+  inset-inline-start: -9999px !important;
   visibility: hidden;
-  width: 9000px;
+  inline-size: 9000px;
 }
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_1ca1i_kr6uc_146 *:not(#\9):not(#awsui_\9 _1ca1i_kr6uc_1) {
+.awsui_hidden_1ca1i_jrbsn_150 *:not(#\9):not(#awsui_\9 _1ca1i_jrbsn_1) {
   visibility: hidden;
 }
-.awsui_identity_1ca1i_kr6uc_159 > .awsui_identity-link_1ca1i_kr6uc_159:not(#\9) {
+.awsui_identity_1ca1i_jrbsn_163 > .awsui_identity-link_1ca1i_jrbsn_163:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-ow31ne, #16191f);
 }
-.awsui_identity_1ca1i_kr6uc_159 > .awsui_identity-link_1ca1i_kr6uc_159:not(#\9):hover {
+.awsui_identity_1ca1i_jrbsn_163 > .awsui_identity-link_1ca1i_jrbsn_163:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_kr6uc_159 > .awsui_identity-link_1ca1i_kr6uc_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_1ca1i_jrbsn_163 > .awsui_identity-link_1ca1i_jrbsn_163:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-v8nq2m, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_identity_1ca1i_kr6uc_159.awsui_no-logo_1ca1i_kr6uc_176:not(#\9) {
-  min-width: 100px;
+.awsui_identity_1ca1i_jrbsn_163.awsui_no-logo_1ca1i_jrbsn_183:not(#\9) {
+  min-inline-size: 100px;
 }
-.awsui_logo_1ca1i_kr6uc_180:not(#\9) {
+.awsui_logo_1ca1i_jrbsn_187:not(#\9) {
   display: block;
-  max-height: var(--space-xxl-pd3205, 32px);
-  margin-left: var(--space-s-2025hl, 12px);
-  width: auto;
-  min-width: 10px;
+  max-block-size: var(--space-xxl-pd3205, 32px);
+  margin-inline-start: var(--space-s-2025hl, 12px);
+  inline-size: auto;
+  min-inline-size: 10px;
 }
-.awsui_logo_1ca1i_kr6uc_180.awsui_narrow_1ca1i_kr6uc_138:not(#\9) {
-  max-height: var(--space-xl-5fdwzu, 24px);
+.awsui_logo_1ca1i_jrbsn_187.awsui_narrow_1ca1i_jrbsn_140:not(#\9) {
+  max-block-size: var(--space-xl-5fdwzu, 24px);
 }
-.awsui_title_1ca1i_kr6uc_191:not(#\9) {
+.awsui_title_1ca1i_jrbsn_198:not(#\9) {
   font-size: var(--font-size-heading-m-io97me, 18px);
   line-height: var(--line-height-heading-m-6mmwjh, 22px);
   letter-spacing: var(--letter-spacing-heading-m-kfwhdw, normal);
   font-weight: var(--font-weight-heading-m-6tlbfp, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
-  margin-left: var(--space-s-2025hl, 12px);
+  margin-inline-start: var(--space-s-2025hl, 12px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_1ca1i_kr6uc_176 > .awsui_identity-link_1ca1i_kr6uc_159 > .awsui_title_1ca1i_kr6uc_191:not(#\9) {
+.awsui_no-logo_1ca1i_jrbsn_183 > .awsui_identity-link_1ca1i_jrbsn_163 > .awsui_title_1ca1i_jrbsn_198:not(#\9) {
   font-weight: 700;
 }
-.awsui_inputs_1ca1i_kr6uc_207:not(#\9) {
+.awsui_inputs_1ca1i_jrbsn_214:not(#\9) {
   flex: 1;
-  min-width: 0;
+  min-inline-size: 0;
   display: flex;
   justify-content: center;
 }
-.awsui_search_1ca1i_kr6uc_214:not(#\9) {
-  width: 100%;
-  max-width: 340px;
-  padding-left: var(--space-xxxl-gvq98t, 40px);
+.awsui_search_1ca1i_jrbsn_221:not(#\9) {
+  inline-size: 100%;
+  max-inline-size: 340px;
+  padding-inline-start: var(--space-xxxl-gvq98t, 40px);
 }
-.awsui_search-expanded_1ca1i_kr6uc_219:not(#\9) {
-  max-width: none;
-  padding-left: var(--space-s-2025hl, 12px);
+.awsui_search-expanded_1ca1i_jrbsn_226:not(#\9) {
+  max-inline-size: none;
+  padding-inline-start: var(--space-s-2025hl, 12px);
 }
-.awsui_utilities_1ca1i_kr6uc_224:not(#\9) {
+.awsui_utilities_1ca1i_jrbsn_231:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
-  padding-left: var(--space-m-kpg8id, 16px);
-  height: 100%;
+  padding-inline-start: var(--space-m-kpg8id, 16px);
+  block-size: 100%;
 }
-.awsui_medium_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224:not(#\9), .awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224:not(#\9) {
-  padding-left: 0;
+.awsui_medium_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231:not(#\9), .awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231:not(#\9) {
+  padding-inline-start: 0;
 }
-.awsui_utility-wrapper_1ca1i_kr6uc_236:not(#\9) {
+.awsui_utility-wrapper_1ca1i_jrbsn_243:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
   align-items: center;
 }
-.awsui_utility-wrapper_1ca1i_kr6uc_236:not(#\9)::after {
+.awsui_utility-wrapper_1ca1i_jrbsn_243:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
-  width: 1px;
-  right: 0;
-  top: var(--space-s-2025hl, 12px);
-  bottom: var(--space-s-2025hl, 12px);
+  inline-size: 1px;
+  inset-inline-end: 0;
+  inset-block: var(--space-s-2025hl, 12px);
   background: var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_utility-wrapper_1ca1i_kr6uc_236.awsui_utility-wrapper-last_1ca1i_kr6uc_252:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252) {
-  padding-right: 0;
+.awsui_utility-wrapper_1ca1i_jrbsn_243.awsui_utility-wrapper-last_1ca1i_jrbsn_258:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258) {
+  padding-inline-end: 0;
 }
-.awsui_utility-wrapper_1ca1i_kr6uc_236.awsui_utility-wrapper-last_1ca1i_kr6uc_252:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252)::after {
+.awsui_utility-wrapper_1ca1i_jrbsn_243.awsui_utility-wrapper-last_1ca1i_jrbsn_258:not(#\9):not(.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258)::after {
   display: none;
 }
-.awsui_medium_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224 > .awsui_utility-wrapper_1ca1i_kr6uc_236:not(#\9)::after, .awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224 > .awsui_utility-wrapper_1ca1i_kr6uc_236:not(#\9)::after {
-  top: var(--space-xs-xf5ch3, 8px);
-  bottom: var(--space-xs-xf5ch3, 8px);
+.awsui_medium_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231 > .awsui_utility-wrapper_1ca1i_jrbsn_243:not(#\9)::after, .awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231 > .awsui_utility-wrapper_1ca1i_jrbsn_243:not(#\9)::after {
+  inset-block: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_utility-wrapper-last_1ca1i_kr6uc_252:not(#\9) {
-  margin-right: var(--space-s-2025hl, 12px);
+.awsui_utility-wrapper-last_1ca1i_jrbsn_258:not(#\9) {
+  margin-inline-end: var(--space-s-2025hl, 12px);
 }
-.awsui_utility-wrapper-last_1ca1i_kr6uc_252.awsui_utility-type-menu-dropdown_1ca1i_kr6uc_266:not(#\9) {
-  margin-right: 0;
+.awsui_utility-wrapper-last_1ca1i_jrbsn_258.awsui_utility-type-menu-dropdown_1ca1i_jrbsn_271:not(#\9) {
+  margin-inline-end: 0;
 }
-.awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224 > .awsui_utility-wrapper-last_1ca1i_kr6uc_252:not(#\9) {
-  margin-right: 0;
+.awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231 > .awsui_utility-wrapper-last_1ca1i_jrbsn_258:not(#\9) {
+  margin-inline-end: 0;
 }
-.awsui_narrow_1ca1i_kr6uc_138 > .awsui_padding-box_1ca1i_kr6uc_128 > .awsui_utilities_1ca1i_kr6uc_224 > .awsui_utility-wrapper-last_1ca1i_kr6uc_252.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252:not(#\9) {
-  padding-right: var(--space-l-xu1x80, 20px);
+.awsui_narrow_1ca1i_jrbsn_140 > .awsui_padding-box_1ca1i_jrbsn_128 > .awsui_utilities_1ca1i_jrbsn_231 > .awsui_utility-wrapper-last_1ca1i_jrbsn_258.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258:not(#\9) {
+  padding-inline-end: var(--space-l-xu1x80, 20px);
 }
-.awsui_utility-type-menu-dropdown_1ca1i_kr6uc_266:not(#\9) {
-  padding: 0 var(--space-s-2025hl, 12px);
+.awsui_utility-type-menu-dropdown_1ca1i_jrbsn_271:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-s-2025hl, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-button-link_1ca1i_kr6uc_281:not(#\9),
-.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252:not(#\9) {
-  padding: 0 var(--space-m-kpg8id, 16px);
+.awsui_utility-type-button-link_1ca1i_jrbsn_287:not(#\9),
+.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258:not(#\9) {
+  padding-block: 0;
+  padding-inline: var(--space-m-kpg8id, 16px);
 }
-.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252:not(#\9) {
-  left: -1px;
-  border-left: 1px solid var(--color-background-container-content-il2pe5, #ffffff);
+.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258:not(#\9) {
+  inset-inline-start: -1px;
+  border-inline-start: 1px solid var(--color-background-container-content-il2pe5, #ffffff);
 }
-.awsui_utility-type-button-primary-button_1ca1i_kr6uc_252:not(#\9)::after {
+.awsui_utility-type-button-primary-button_1ca1i_jrbsn_258:not(#\9)::after {
   display: none;
 }
-.awsui_utility-link-icon_1ca1i_kr6uc_294:not(#\9) {
-  margin-right: var(--space-xxs-9rrxti, 4px);
+.awsui_utility-link-icon_1ca1i_jrbsn_301:not(#\9) {
+  margin-inline-end: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_utility-button-external-icon_1ca1i_kr6uc_298:not(#\9) {
+.awsui_utility-button-external-icon_1ca1i_jrbsn_305:not(#\9) {
   display: inline-block;
 }
-.awsui_trigger_1ca1i_kr6uc_302:not(#\9) {
+.awsui_trigger_1ca1i_jrbsn_309:not(#\9) {
   /*used in test-utils*/
 }
-.awsui_rotate-up_1ca1i_kr6uc_306:not(#\9) {
+.awsui_rotate-up_1ca1i_jrbsn_313:not(#\9) {
   transform: rotate(-180deg);
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-up_1ca1i_kr6uc_306:not(#\9) {
+  .awsui_rotate-up_1ca1i_jrbsn_313:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-up_1ca1i_kr6uc_306:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_kr6uc_306:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-up_1ca1i_jrbsn_313:not(#\9), .awsui-mode-entering .awsui_rotate-up_1ca1i_jrbsn_313:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-down_1ca1i_kr6uc_321:not(#\9) {
+.awsui_rotate-down_1ca1i_jrbsn_328:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate-down_1ca1i_kr6uc_321:not(#\9) {
+  .awsui_rotate-down_1ca1i_jrbsn_328:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate-down_1ca1i_kr6uc_321:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_kr6uc_321:not(#\9) {
+.awsui-motion-disabled .awsui_rotate-down_1ca1i_jrbsn_328:not(#\9), .awsui-mode-entering .awsui_rotate-down_1ca1i_jrbsn_328: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_kr6uc_93",
-  "padding-box": "awsui_padding-box_1ca1i_kr6uc_128",
-  "medium": "awsui_medium_1ca1i_kr6uc_138",
-  "narrow": "awsui_narrow_1ca1i_kr6uc_138",
-  "hidden": "awsui_hidden_1ca1i_kr6uc_146",
-  "\t": "awsui_\t_1ca1i_kr6uc_1",
-  "identity": "awsui_identity_1ca1i_kr6uc_159",
-  "identity-link": "awsui_identity-link_1ca1i_kr6uc_159",
-  "no-logo": "awsui_no-logo_1ca1i_kr6uc_176",
-  "logo": "awsui_logo_1ca1i_kr6uc_180",
-  "title": "awsui_title_1ca1i_kr6uc_191",
-  "inputs": "awsui_inputs_1ca1i_kr6uc_207",
-  "search": "awsui_search_1ca1i_kr6uc_214",
-  "search-expanded": "awsui_search-expanded_1ca1i_kr6uc_219",
-  "utilities": "awsui_utilities_1ca1i_kr6uc_224",
-  "utility-wrapper": "awsui_utility-wrapper_1ca1i_kr6uc_236",
-  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_kr6uc_252",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_kr6uc_252",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_kr6uc_266",
-  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_kr6uc_281",
-  "utility-link-icon": "awsui_utility-link-icon_1ca1i_kr6uc_294",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_kr6uc_298",
-  "trigger": "awsui_trigger_1ca1i_kr6uc_302",
-  "rotate-up": "awsui_rotate-up_1ca1i_kr6uc_306",
-  "rotate-down": "awsui_rotate-down_1ca1i_kr6uc_321"
+  "top-navigation": "awsui_top-navigation_1ca1i_jrbsn_93",
+  "padding-box": "awsui_padding-box_1ca1i_jrbsn_128",
+  "medium": "awsui_medium_1ca1i_jrbsn_140",
+  "narrow": "awsui_narrow_1ca1i_jrbsn_140",
+  "hidden": "awsui_hidden_1ca1i_jrbsn_150",
+  "\t": "awsui_\t_1ca1i_jrbsn_1",
+  "identity": "awsui_identity_1ca1i_jrbsn_163",
+  "identity-link": "awsui_identity-link_1ca1i_jrbsn_163",
+  "no-logo": "awsui_no-logo_1ca1i_jrbsn_183",
+  "logo": "awsui_logo_1ca1i_jrbsn_187",
+  "title": "awsui_title_1ca1i_jrbsn_198",
+  "inputs": "awsui_inputs_1ca1i_jrbsn_214",
+  "search": "awsui_search_1ca1i_jrbsn_221",
+  "search-expanded": "awsui_search-expanded_1ca1i_jrbsn_226",
+  "utilities": "awsui_utilities_1ca1i_jrbsn_231",
+  "utility-wrapper": "awsui_utility-wrapper_1ca1i_jrbsn_243",
+  "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_jrbsn_258",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_jrbsn_258",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_jrbsn_271",
+  "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_jrbsn_287",
+  "utility-link-icon": "awsui_utility-link-icon_1ca1i_jrbsn_301",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_jrbsn_305",
+  "trigger": "awsui_trigger_1ca1i_jrbsn_309",
+  "rotate-up": "awsui_rotate-up_1ca1i_jrbsn_313",
+  "rotate-down": "awsui_rotate-down_1ca1i_jrbsn_328"
 };