npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.476 → 3.0.477 - Mend

@cloudscape-design/components-themeable 3.0.476 → 3.0.477

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

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

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_de68w_97",
-  "button": "awsui_button_vjswe_de68w_101",
-  "variant-normal": "awsui_variant-normal_vjswe_de68w_130",
-  "is-activated": "awsui_is-activated_vjswe_de68w_143",
-  "variant-icon": "awsui_variant-icon_vjswe_de68w_170",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_de68w_170",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_de68w_170",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_de68w_188",
-  "disabled": "awsui_disabled_vjswe_de68w_206",
-  "variant-primary": "awsui_variant-primary_vjswe_de68w_214",
-  "variant-link": "awsui_variant-link_vjswe_de68w_298",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_de68w_550",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_de68w_806",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_de68w_895",
-  "button-no-text": "awsui_button-no-text_vjswe_de68w_979",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_de68w_983",
-  "full-width": "awsui_full-width_vjswe_de68w_986",
-  "icon-left": "awsui_icon-left_vjswe_de68w_1005",
-  "icon-right": "awsui_icon-right_vjswe_de68w_1010",
-  "icon": "awsui_icon_vjswe_de68w_1005"
+  "content": "awsui_content_vjswe_41uc8_97",
+  "button": "awsui_button_vjswe_41uc8_101",
+  "variant-normal": "awsui_variant-normal_vjswe_41uc8_130",
+  "is-activated": "awsui_is-activated_vjswe_41uc8_143",
+  "variant-icon": "awsui_variant-icon_vjswe_41uc8_170",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_41uc8_170",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_41uc8_170",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_41uc8_188",
+  "disabled": "awsui_disabled_vjswe_41uc8_206",
+  "variant-primary": "awsui_variant-primary_vjswe_41uc8_214",
+  "variant-link": "awsui_variant-link_vjswe_41uc8_298",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_41uc8_550",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_41uc8_805",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_41uc8_893",
+  "button-no-text": "awsui_button-no-text_vjswe_41uc8_977",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_41uc8_981",
+  "full-width": "awsui_full-width_vjswe_41uc8_984",
+  "icon-left": "awsui_icon-left_vjswe_41uc8_1003",
+  "icon-right": "awsui_icon-right_vjswe_41uc8_1008",
+  "icon": "awsui_icon_vjswe_41uc8_1003"
 };

package/lib/internal/template/button-dropdown/category-elements/styles.css.js CHANGED Viewed

@@ -1,18 +1,18 @@
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_sy4bn_93",
-  "disabled": "awsui_disabled_16mm3_sy4bn_110",
-  "expandable-header": "awsui_expandable-header_16mm3_sy4bn_114",
-  "rolled-down": "awsui_rolled-down_16mm3_sy4bn_125",
-  "highlighted": "awsui_highlighted_16mm3_sy4bn_128",
-  "is-focused": "awsui_is-focused_16mm3_sy4bn_146",
-  "variant-navigation": "awsui_variant-navigation_16mm3_sy4bn_150",
-  "category": "awsui_category_16mm3_sy4bn_161",
-  "expandable": "awsui_expandable_16mm3_sy4bn_114",
-  "expand-icon": "awsui_expand-icon_16mm3_sy4bn_183",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_sy4bn_190",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_sy4bn_193",
-  "items-list-container": "awsui_items-list-container_16mm3_sy4bn_207"
+  "header": "awsui_header_16mm3_ovqf8_93",
+  "disabled": "awsui_disabled_16mm3_ovqf8_108",
+  "expandable-header": "awsui_expandable-header_16mm3_ovqf8_112",
+  "rolled-down": "awsui_rolled-down_16mm3_ovqf8_123",
+  "highlighted": "awsui_highlighted_16mm3_ovqf8_126",
+  "is-focused": "awsui_is-focused_16mm3_ovqf8_139",
+  "variant-navigation": "awsui_variant-navigation_16mm3_ovqf8_143",
+  "category": "awsui_category_16mm3_ovqf8_155",
+  "expandable": "awsui_expandable_16mm3_ovqf8_112",
+  "expand-icon": "awsui_expand-icon_16mm3_ovqf8_176",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_ovqf8_183",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_ovqf8_186",
+  "items-list-container": "awsui_items-list-container_16mm3_ovqf8_200"
 };

package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css CHANGED Viewed

@@ -90,125 +90,115 @@ 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_header_16mm3_sy4bn_93:not(#\9) {
+.awsui_header_16mm3_ovqf8_93:not(#\9) {
   position: relative;
-  margin-block: 0;
-  margin-inline: 0;
+  margin: 0;
   color: var(--color-text-dropdown-group-label-fkeaqf, #545b64);
-  border-block: var(--border-divider-list-width-471u6a, 1px) solid transparent;
-  border-inline: var(--border-divider-list-width-471u6a, 1px) solid transparent;
-  border-inline-width: 0;
+  border: var(--border-divider-list-width-471u6a, 1px) solid transparent;
+  border-left: 0;
+  border-right: 0;
   font-weight: bold;
   display: flex;
   justify-content: space-between;
-  padding-block: calc(
+  padding: calc(
   var(--space-xxs-9rrxti, 4px) + (var(--border-item-width-0zxiwv, 1px) - var(--border-divider-list-width-471u6a, 1px))
-);
-  padding-inline: calc(var(--space-button-horizontal-lcftji, 20px) + var(--border-item-width-0zxiwv, 1px));
+) calc(var(--space-button-horizontal-lcftji, 20px) + var(--border-item-width-0zxiwv, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_disabled_16mm3_sy4bn_110:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_disabled_16mm3_ovqf8_108:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114:not(#\9) {
-  border-block-start-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
-  border-block-end-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112:not(#\9) {
+  border-top-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
+  border-bottom-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_disabled_16mm3_sy4bn_110:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_disabled_16mm3_ovqf8_108:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114:not(#\9):focus {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_rolled-down_16mm3_sy4bn_125:not(#\9) {
-  border-block-end-color: transparent;
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_rolled-down_16mm3_ovqf8_123:not(#\9) {
+  border-bottom-color: transparent;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_highlighted_16mm3_sy4bn_128:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_highlighted_16mm3_ovqf8_126:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-2ay9y2, #f2f3f3);
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
-  padding-block: var(--space-xxs-9rrxti, 4px);
-  padding-inline: var(--space-button-horizontal-lcftji, 20px);
-  border-block: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
-  border-inline: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  padding: var(--space-xxs-9rrxti, 4px) var(--space-button-horizontal-lcftji, 20px);
+  border: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-item-hover-gqjku2, #879596);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
   z-index: 2;
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_highlighted_16mm3_sy4bn_128.awsui_disabled_16mm3_sy4bn_110:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_highlighted_16mm3_ovqf8_126.awsui_disabled_16mm3_ovqf8_108:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_highlighted_16mm3_sy4bn_128.awsui_is-focused_16mm3_sy4bn_146:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_highlighted_16mm3_ovqf8_126.awsui_is-focused_16mm3_ovqf8_139:not(#\9) {
   border-color: var(--color-border-item-focused-v8nq2m, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_variant-navigation_16mm3_sy4bn_150:not(#\9) {
-  padding-block: var(--space-xs-xf5ch3, 8px);
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_variant-navigation_16mm3_ovqf8_143:not(#\9) {
+  padding-top: var(--space-xs-xf5ch3, 8px);
+  padding-bottom: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_header_16mm3_sy4bn_93.awsui_expandable-header_16mm3_sy4bn_114.awsui_variant-navigation_16mm3_sy4bn_150.awsui_highlighted_16mm3_sy4bn_128:not(#\9) {
+.awsui_header_16mm3_ovqf8_93.awsui_expandable-header_16mm3_ovqf8_112.awsui_variant-navigation_16mm3_ovqf8_143.awsui_highlighted_16mm3_ovqf8_126:not(#\9) {
   border-color: transparent;
-  border-block-start-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
-  border-block-end-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
+  border-top-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
+  border-bottom-color: var(--color-border-dropdown-group-4i9mpx, #eaeded);
   background-color: transparent;
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_category_16mm3_sy4bn_161:not(#\9) {
+.awsui_category_16mm3_ovqf8_155:not(#\9) {
   list-style: none;
-  margin-block-start: calc(-1 * var(--border-divider-list-width-471u6a, 1px));
-  padding-block: 0;
-  padding-inline: 0;
+  margin-top: calc(-1 * var(--border-divider-list-width-471u6a, 1px));
+  padding: 0;
 }
-.awsui_category_16mm3_sy4bn_161:not(#\9):first-child {
-  margin-block-start: 0;
+.awsui_category_16mm3_ovqf8_155:not(#\9):first-child {
+  margin-top: 0;
 }
-.awsui_category_16mm3_sy4bn_161.awsui_expandable_16mm3_sy4bn_114:not(#\9) {
-  border-block-start: 0;
+.awsui_category_16mm3_ovqf8_155.awsui_expandable_16mm3_ovqf8_112:not(#\9) {
+  border-top: 0;
 }
-.awsui_category_16mm3_sy4bn_161:not(#\9):last-child {
-  border-block-end: none;
+.awsui_category_16mm3_ovqf8_155:not(#\9):last-child {
+  border-bottom: none;
 }
-.awsui_category_16mm3_sy4bn_161.awsui_variant-navigation_16mm3_sy4bn_150:not(#\9) {
-  padding-block-start: var(--space-xxs-9rrxti, 4px);
+.awsui_category_16mm3_ovqf8_155.awsui_variant-navigation_16mm3_ovqf8_143:not(#\9) {
+  padding-top: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_category_16mm3_sy4bn_161.awsui_variant-navigation_16mm3_sy4bn_150.awsui_expandable_16mm3_sy4bn_114:not(#\9) {
-  padding-block-start: 0;
+.awsui_category_16mm3_ovqf8_155.awsui_variant-navigation_16mm3_ovqf8_143.awsui_expandable_16mm3_ovqf8_112:not(#\9) {
+  padding-top: 0;
 }
-.awsui_expand-icon_16mm3_sy4bn_183:not(#\9) {
+.awsui_expand-icon_16mm3_ovqf8_176:not(#\9) {
   position: relative;
-  inset-inline-start: var(--space-s-2025hl, 12px);
-  inline-size: var(--space-m-kpg8id, 16px);
+  left: var(--space-s-2025hl, 12px);
+  width: var(--space-m-kpg8id, 16px);
   display: inline-block;
   transition: transform var(--motion-duration-rotate-180-6z1h8e, 135ms) var(--motion-easing-rotate-180-l3wboa, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui_expand-icon-up_16mm3_sy4bn_190:not(#\9) {
+.awsui_expand-icon-up_16mm3_ovqf8_183:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_sy4bn_193:not(#\9) {
+.awsui_expand-icon-right_16mm3_ovqf8_186:not(#\9) {
   transform: rotate(-90deg);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_sy4bn_183:not(#\9) {
+  .awsui_expand-icon_16mm3_ovqf8_176:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_sy4bn_183:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_sy4bn_183:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_ovqf8_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_ovqf8_176:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_items-list-container_16mm3_sy4bn_207:not(#\9) {
-  padding-block: 0;
-  padding-inline: 0;
-  margin-block-start: -1px;
-  margin-block-end: 0;
-  margin-inline: 0;
+.awsui_items-list-container_16mm3_ovqf8_200:not(#\9) {
+  padding: 0;
+  margin: -1px 0 0 0;
   overflow-y: auto;
 }

package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js CHANGED Viewed

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_sy4bn_93",
-  "disabled": "awsui_disabled_16mm3_sy4bn_110",
-  "expandable-header": "awsui_expandable-header_16mm3_sy4bn_114",
-  "rolled-down": "awsui_rolled-down_16mm3_sy4bn_125",
-  "highlighted": "awsui_highlighted_16mm3_sy4bn_128",
-  "is-focused": "awsui_is-focused_16mm3_sy4bn_146",
-  "variant-navigation": "awsui_variant-navigation_16mm3_sy4bn_150",
-  "category": "awsui_category_16mm3_sy4bn_161",
-  "expandable": "awsui_expandable_16mm3_sy4bn_114",
-  "expand-icon": "awsui_expand-icon_16mm3_sy4bn_183",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_sy4bn_190",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_sy4bn_193",
-  "items-list-container": "awsui_items-list-container_16mm3_sy4bn_207"
+  "header": "awsui_header_16mm3_ovqf8_93",
+  "disabled": "awsui_disabled_16mm3_ovqf8_108",
+  "expandable-header": "awsui_expandable-header_16mm3_ovqf8_112",
+  "rolled-down": "awsui_rolled-down_16mm3_ovqf8_123",
+  "highlighted": "awsui_highlighted_16mm3_ovqf8_126",
+  "is-focused": "awsui_is-focused_16mm3_ovqf8_139",
+  "variant-navigation": "awsui_variant-navigation_16mm3_ovqf8_143",
+  "category": "awsui_category_16mm3_ovqf8_155",
+  "expandable": "awsui_expandable_16mm3_ovqf8_112",
+  "expand-icon": "awsui_expand-icon_16mm3_ovqf8_176",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_ovqf8_183",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_ovqf8_186",
+  "items-list-container": "awsui_items-list-container_16mm3_ovqf8_200"
 };

package/lib/internal/template/button-dropdown/item-element/styles.css.js CHANGED Viewed

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_1eyqi_93",
-  "disabled": "awsui_disabled_93a1u_1eyqi_105",
-  "last": "awsui_last_93a1u_1eyqi_112",
-  "highlighted": "awsui_highlighted_93a1u_1eyqi_115",
-  "variant-icon": "awsui_variant-icon_93a1u_1eyqi_119",
-  "variant-inline-icon": "awsui_variant-inline-icon_93a1u_1eyqi_119",
-  "variant-normal": "awsui_variant-normal_93a1u_1eyqi_119",
-  "variant-primary": "awsui_variant-primary_93a1u_1eyqi_119",
-  "is-focused": "awsui_is-focused_93a1u_1eyqi_132",
-  "variant-navigation": "awsui_variant-navigation_93a1u_1eyqi_136",
-  "first": "awsui_first_93a1u_1eyqi_139",
-  "has-category-header": "awsui_has-category-header_93a1u_1eyqi_139",
-  "menu-item": "awsui_menu-item_93a1u_1eyqi_152",
-  "icon": "awsui_icon_93a1u_1eyqi_170",
-  "external-icon": "awsui_external-icon_93a1u_1eyqi_175"
+  "item-element": "awsui_item-element_93a1u_1raz6_93",
+  "disabled": "awsui_disabled_93a1u_1raz6_103",
+  "last": "awsui_last_93a1u_1raz6_110",
+  "highlighted": "awsui_highlighted_93a1u_1raz6_113",
+  "variant-icon": "awsui_variant-icon_93a1u_1raz6_117",
+  "variant-inline-icon": "awsui_variant-inline-icon_93a1u_1raz6_117",
+  "variant-normal": "awsui_variant-normal_93a1u_1raz6_117",
+  "variant-primary": "awsui_variant-primary_93a1u_1raz6_117",
+  "is-focused": "awsui_is-focused_93a1u_1raz6_127",
+  "variant-navigation": "awsui_variant-navigation_93a1u_1raz6_131",
+  "first": "awsui_first_93a1u_1raz6_134",
+  "has-category-header": "awsui_has-category-header_93a1u_1raz6_134",
+  "menu-item": "awsui_menu-item_93a1u_1raz6_148",
+  "icon": "awsui_icon_93a1u_1raz6_165",
+  "external-icon": "awsui_external-icon_93a1u_1raz6_170"
 };

package/lib/internal/template/button-dropdown/item-element/styles.scoped.css CHANGED Viewed

@@ -90,88 +90,83 @@ 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_item-element_93a1u_1eyqi_93:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93:not(#\9) {
   position: relative;
   z-index: 1;
-  border-block: var(--border-item-width-0zxiwv, 1px) solid transparent;
-  border-inline: var(--border-item-width-0zxiwv, 1px) solid transparent;
+  border: var(--border-item-width-0zxiwv, 1px) solid transparent;
   list-style: none;
-  padding-block: 0;
-  padding-inline: 0;
+  padding: 0;
   color: var(--color-text-dropdown-item-default-d4af6n, #16191f);
-  margin-block-start: calc(-1 * var(--border-field-width-yoy972, 1px));
+  margin-top: calc(-1 * var(--border-field-width-yoy972, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_disabled_93a1u_1eyqi_105:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_disabled_93a1u_1raz6_103:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
 }
-.awsui_item-element_93a1u_1eyqi_93:not(#\9):first-child {
-  margin-block-start: 0;
+.awsui_item-element_93a1u_1raz6_93:not(#\9):first-child {
+  margin-top: 0;
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_last_93a1u_1eyqi_112:not(#\9) {
-  border-block-end: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-group-4i9mpx, #eaeded);
+.awsui_item-element_93a1u_1raz6_93.awsui_last_93a1u_1raz6_110:not(#\9) {
+  border-bottom: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-dropdown-group-4i9mpx, #eaeded);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-ek38zi, #16191f);
   z-index: 2;
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-icon_93a1u_1eyqi_119:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-inline-icon_93a1u_1eyqi_119:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-normal_93a1u_1eyqi_119:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-primary_93a1u_1eyqi_119:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-icon_93a1u_1raz6_117:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-inline-icon_93a1u_1raz6_117:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-normal_93a1u_1raz6_117:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-primary_93a1u_1raz6_117:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-2ay9y2, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-gqjku2, #879596);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-icon_93a1u_1eyqi_119.awsui_disabled_93a1u_1eyqi_105:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-inline-icon_93a1u_1eyqi_119.awsui_disabled_93a1u_1eyqi_105:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-normal_93a1u_1eyqi_119.awsui_disabled_93a1u_1eyqi_105:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-primary_93a1u_1eyqi_119.awsui_disabled_93a1u_1eyqi_105:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-icon_93a1u_1raz6_117.awsui_disabled_93a1u_1raz6_103:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-inline-icon_93a1u_1raz6_117.awsui_disabled_93a1u_1raz6_103:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-normal_93a1u_1raz6_117.awsui_disabled_93a1u_1raz6_103:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-primary_93a1u_1raz6_117.awsui_disabled_93a1u_1raz6_103:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-oru6hf, #aab7b8);
   border-color: var(--color-border-dropdown-item-dimmed-hover-ydzhss, #879596);
   background-color: var(--color-background-dropdown-item-dimmed-e83q5u, transparent);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-icon_93a1u_1eyqi_119.awsui_is-focused_93a1u_1eyqi_132:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-inline-icon_93a1u_1eyqi_119.awsui_is-focused_93a1u_1eyqi_132:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-normal_93a1u_1eyqi_119.awsui_is-focused_93a1u_1eyqi_132:not(#\9), .awsui_item-element_93a1u_1eyqi_93.awsui_highlighted_93a1u_1eyqi_115.awsui_variant-primary_93a1u_1eyqi_119.awsui_is-focused_93a1u_1eyqi_132:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-icon_93a1u_1raz6_117.awsui_is-focused_93a1u_1raz6_127:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-inline-icon_93a1u_1raz6_117.awsui_is-focused_93a1u_1raz6_127:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-normal_93a1u_1raz6_117.awsui_is-focused_93a1u_1raz6_127:not(#\9), .awsui_item-element_93a1u_1raz6_93.awsui_highlighted_93a1u_1raz6_113.awsui_variant-primary_93a1u_1raz6_117.awsui_is-focused_93a1u_1raz6_127:not(#\9) {
   border-color: var(--color-border-item-focused-v8nq2m, #0073bb);
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0k725q, 1px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_variant-navigation_93a1u_1eyqi_136.awsui_highlighted_93a1u_1eyqi_115:not(#\9) {
+.awsui_item-element_93a1u_1raz6_93.awsui_variant-navigation_93a1u_1raz6_131.awsui_highlighted_93a1u_1raz6_113:not(#\9) {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_variant-navigation_93a1u_1eyqi_136.awsui_first_93a1u_1eyqi_139:not(#\9):not(.awsui_has-category-header_93a1u_1eyqi_139) {
-  padding-block-start: var(--space-xxs-9rrxti, 4px);
+.awsui_item-element_93a1u_1raz6_93.awsui_variant-navigation_93a1u_1raz6_131.awsui_first_93a1u_1raz6_134:not(#\9):not(.awsui_has-category-header_93a1u_1raz6_134) {
+  padding-top: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_variant-navigation_93a1u_1eyqi_136.awsui_last_93a1u_1eyqi_112:not(#\9) {
-  padding-block-end: var(--space-xxs-9rrxti, 4px);
+.awsui_item-element_93a1u_1raz6_93.awsui_variant-navigation_93a1u_1raz6_131.awsui_last_93a1u_1raz6_110:not(#\9) {
+  padding-bottom: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_variant-navigation_93a1u_1eyqi_136.awsui_first_93a1u_1eyqi_139.awsui_last_93a1u_1eyqi_112:not(#\9) {
-  padding-block: var(--space-xxs-9rrxti, 4px);
+.awsui_item-element_93a1u_1raz6_93.awsui_variant-navigation_93a1u_1raz6_131.awsui_first_93a1u_1raz6_134.awsui_last_93a1u_1raz6_110:not(#\9) {
+  padding-bottom: var(--space-xxs-9rrxti, 4px);
+  padding-top: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_item-element_93a1u_1eyqi_93.awsui_variant-navigation_93a1u_1eyqi_136.awsui_last_93a1u_1eyqi_112:not(#\9):last-child {
-  padding-block-end: var(--space-xxs-9rrxti, 4px);
+.awsui_item-element_93a1u_1raz6_93.awsui_variant-navigation_93a1u_1raz6_131.awsui_last_93a1u_1raz6_110:not(#\9):last-child {
+  padding-bottom: var(--space-xxs-9rrxti, 4px);
 }
-.awsui_menu-item_93a1u_1eyqi_152:not(#\9) {
+.awsui_menu-item_93a1u_1raz6_148:not(#\9) {
   min-width: 0;
   word-break: break-word;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xxs-9rrxti, 4px);
-  padding-inline: var(--space-button-horizontal-lcftji, 20px);
+  padding: var(--space-xxs-9rrxti, 4px) var(--space-button-horizontal-lcftji, 20px);
   color: inherit;
   text-decoration: none;
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_menu-item_93a1u_1eyqi_152:not(#\9):focus {
+.awsui_menu-item_93a1u_1raz6_148:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1eyqi_139 > .awsui_menu-item_93a1u_1eyqi_152:not(#\9), .awsui_has-category-header_93a1u_1eyqi_139 > span > .awsui_menu-item_93a1u_1eyqi_152:not(#\9) {
-  padding-inline-start: calc(var(--space-s-2025hl, 12px) + var(--space-button-horizontal-lcftji, 20px));
+.awsui_has-category-header_93a1u_1raz6_134 > .awsui_menu-item_93a1u_1raz6_148:not(#\9), .awsui_has-category-header_93a1u_1raz6_134 > span > .awsui_menu-item_93a1u_1raz6_148:not(#\9) {
+  padding-left: calc(var(--space-s-2025hl, 12px) + var(--space-button-horizontal-lcftji, 20px));
 }
-.awsui_icon_93a1u_1eyqi_170:not(#\9) {
-  padding-inline-end: var(--space-xs-xf5ch3, 8px);
+.awsui_icon_93a1u_1raz6_165:not(#\9) {
+  padding-right: var(--space-xs-xf5ch3, 8px);
   flex-shrink: 0;
 }
-.awsui_external-icon_93a1u_1eyqi_175:not(#\9) {
-  margin-inline-start: var(--space-xxs-9rrxti, 4px);
+.awsui_external-icon_93a1u_1raz6_170:not(#\9) {
+  margin-left: var(--space-xxs-9rrxti, 4px);
 }

package/lib/internal/template/button-dropdown/item-element/styles.selectors.js CHANGED Viewed

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_1eyqi_93",
-  "disabled": "awsui_disabled_93a1u_1eyqi_105",
-  "last": "awsui_last_93a1u_1eyqi_112",
-  "highlighted": "awsui_highlighted_93a1u_1eyqi_115",
-  "variant-icon": "awsui_variant-icon_93a1u_1eyqi_119",
-  "variant-inline-icon": "awsui_variant-inline-icon_93a1u_1eyqi_119",
-  "variant-normal": "awsui_variant-normal_93a1u_1eyqi_119",
-  "variant-primary": "awsui_variant-primary_93a1u_1eyqi_119",
-  "is-focused": "awsui_is-focused_93a1u_1eyqi_132",
-  "variant-navigation": "awsui_variant-navigation_93a1u_1eyqi_136",
-  "first": "awsui_first_93a1u_1eyqi_139",
-  "has-category-header": "awsui_has-category-header_93a1u_1eyqi_139",
-  "menu-item": "awsui_menu-item_93a1u_1eyqi_152",
-  "icon": "awsui_icon_93a1u_1eyqi_170",
-  "external-icon": "awsui_external-icon_93a1u_1eyqi_175"
+  "item-element": "awsui_item-element_93a1u_1raz6_93",
+  "disabled": "awsui_disabled_93a1u_1raz6_103",
+  "last": "awsui_last_93a1u_1raz6_110",
+  "highlighted": "awsui_highlighted_93a1u_1raz6_113",
+  "variant-icon": "awsui_variant-icon_93a1u_1raz6_117",
+  "variant-inline-icon": "awsui_variant-inline-icon_93a1u_1raz6_117",
+  "variant-normal": "awsui_variant-normal_93a1u_1raz6_117",
+  "variant-primary": "awsui_variant-primary_93a1u_1raz6_117",
+  "is-focused": "awsui_is-focused_93a1u_1raz6_127",
+  "variant-navigation": "awsui_variant-navigation_93a1u_1raz6_131",
+  "first": "awsui_first_93a1u_1raz6_134",
+  "has-category-header": "awsui_has-category-header_93a1u_1raz6_134",
+  "menu-item": "awsui_menu-item_93a1u_1raz6_148",
+  "icon": "awsui_icon_93a1u_1raz6_165",
+  "external-icon": "awsui_external-icon_93a1u_1raz6_170"
 };

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js CHANGED Viewed

@@ -1,10 +1,10 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14cnr_1vu6c_93",
-  "trigger": "awsui_trigger_14cnr_1vu6c_108",
-  "dropdown": "awsui_dropdown_14cnr_1vu6c_111",
-  "nowrap": "awsui_nowrap_14cnr_1vu6c_122",
-  "open": "awsui_open_14cnr_1vu6c_125"
+  "root": "awsui_root_14cnr_1bjql_93",
+  "trigger": "awsui_trigger_14cnr_1bjql_108",
+  "dropdown": "awsui_dropdown_14cnr_1bjql_111",
+  "nowrap": "awsui_nowrap_14cnr_1bjql_122",
+  "open": "awsui_open_14cnr_1bjql_125"
 };

package/lib/internal/template/button-dropdown/mobile-expandable-group/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_root_14cnr_1vu6c_93:not(#\9) {
+.awsui_root_14cnr_1bjql_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -131,24 +131,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: inherit;
   display: inline;
 }
-.awsui_root_14cnr_1vu6c_93 > .awsui_trigger_14cnr_1vu6c_108:not(#\9) {
+.awsui_root_14cnr_1bjql_93 > .awsui_trigger_14cnr_1bjql_108:not(#\9) {
   display: inline;
 }
-.awsui_root_14cnr_1vu6c_93 > .awsui_dropdown_14cnr_1vu6c_111:not(#\9) {
+.awsui_root_14cnr_1bjql_93 > .awsui_dropdown_14cnr_1bjql_111:not(#\9) {
   position: static;
   -webkit-user-select: none;
           user-select: none;
   background-color: var(--color-background-dropdown-item-default-s7k0er, #ffffff);
   outline: none;
-  border-block-start: none;
-  border-block-end: none;
+  border-top: none;
+  border-bottom: none;
   display: flex;
   flex-direction: column;
-  inline-size: 100%;
+  width: 100%;
 }
-.awsui_root_14cnr_1vu6c_93 > .awsui_dropdown_14cnr_1vu6c_111.awsui_nowrap_14cnr_1vu6c_122:not(#\9) {
+.awsui_root_14cnr_1bjql_93 > .awsui_dropdown_14cnr_1bjql_111.awsui_nowrap_14cnr_1bjql_122:not(#\9) {
   white-space: nowrap;
 }
-.awsui_root_14cnr_1vu6c_93 > .awsui_dropdown_14cnr_1vu6c_111.awsui_open_14cnr_1vu6c_125:not(#\9) {
+.awsui_root_14cnr_1bjql_93 > .awsui_dropdown_14cnr_1bjql_111.awsui_open_14cnr_1bjql_125:not(#\9) {
   display: flex;
 }

package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js CHANGED Viewed

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14cnr_1vu6c_93",
-  "trigger": "awsui_trigger_14cnr_1vu6c_108",
-  "dropdown": "awsui_dropdown_14cnr_1vu6c_111",
-  "nowrap": "awsui_nowrap_14cnr_1vu6c_122",
-  "open": "awsui_open_14cnr_1vu6c_125"
+  "root": "awsui_root_14cnr_1bjql_93",
+  "trigger": "awsui_trigger_14cnr_1bjql_108",
+  "dropdown": "awsui_dropdown_14cnr_1bjql_111",
+  "nowrap": "awsui_nowrap_14cnr_1bjql_122",
+  "open": "awsui_open_14cnr_1bjql_125"
 };

package/lib/internal/template/button-dropdown/styles.css.js CHANGED Viewed

@@ -1,20 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_1a2jk_93",
-  "items-list-container": "awsui_items-list-container_sne0l_1a2jk_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1a2jk_1",
-  "rotate-up": "awsui_rotate-up_sne0l_1a2jk_116",
-  "rotate-down": "awsui_rotate-down_sne0l_1a2jk_131",
-  "header": "awsui_header_sne0l_1a2jk_146",
-  "title": "awsui_title_sne0l_1a2jk_157",
-  "description": "awsui_description_sne0l_1a2jk_158",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1a2jk_162",
-  "trigger-item": "awsui_trigger-item_sne0l_1a2jk_165",
-  "trigger-button": "awsui_trigger-button_sne0l_1a2jk_168",
-  "visual-refresh": "awsui_visual-refresh_sne0l_1a2jk_179",
-  "split-trigger": "awsui_split-trigger_sne0l_1a2jk_162",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1a2jk_187",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_1a2jk_191"
+  "button-dropdown": "awsui_button-dropdown_sne0l_9w4lz_93",
+  "items-list-container": "awsui_items-list-container_sne0l_9w4lz_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_9w4lz_1",
+  "rotate-up": "awsui_rotate-up_sne0l_9w4lz_114",
+  "rotate-down": "awsui_rotate-down_sne0l_9w4lz_129",
+  "header": "awsui_header_sne0l_9w4lz_144",
+  "title": "awsui_title_sne0l_9w4lz_153",
+  "description": "awsui_description_sne0l_9w4lz_154",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_9w4lz_158",
+  "trigger-item": "awsui_trigger-item_sne0l_9w4lz_161",
+  "trigger-button": "awsui_trigger-button_sne0l_9w4lz_164",
+  "visual-refresh": "awsui_visual-refresh_sne0l_9w4lz_176",
+  "split-trigger": "awsui_split-trigger_sne0l_9w4lz_158",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_9w4lz_184",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_9w4lz_188"
 };