npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.962 → 3.0.963 - Mend

@cloudscape-design/components-themeable 3.0.962 → 3.0.963

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

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

@@ -142,65 +142,67 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_item-element_93a1u_puqyz_145:not(#\9) {
+.awsui_item-element_93a1u_stta8_145:not(#\9) {
   position: relative;
   z-index: 1;
-  border-block: var(--border-item-width-bjacxs, 1px) solid transparent;
-  border-inline: var(--border-item-width-bjacxs, 1px) solid transparent;
+  border-block: var(--border-item-width-acvlhx, 1px) solid transparent;
+  border-inline: var(--border-item-width-acvlhx, 1px) solid transparent;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
-  color: var(--color-text-dropdown-item-default-o6jy8o, #16191f);
-  margin-block-start: calc(-1 * var(--border-width-field-9kmoac, 1px));
+  color: var(--color-text-dropdown-item-default-q1v4ei, #16191f);
+  margin-block-start: calc(-1 * var(--border-width-dropdown-qic2p4, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_puqyz_145.awsui_disabled_93a1u_puqyz_157:not(#\9) {
+.awsui_item-element_93a1u_stta8_145.awsui_disabled_93a1u_stta8_157:not(#\9) {
   cursor: default;
-  color: var(--color-text-dropdown-item-disabled-gk1x2u, #aab7b8);
+  color: var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8);
 }
-.awsui_item-element_93a1u_puqyz_145:not(#\9):first-child {
+.awsui_item-element_93a1u_stta8_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_puqyz_145.awsui_show-divider_93a1u_puqyz_164:not(#\9) {
-  border-block-end: var(--border-item-width-bjacxs, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
+.awsui_item-element_93a1u_stta8_145.awsui_show-divider_93a1u_stta8_164:not(#\9) {
+  border-block-end: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-group-dxavhr, #eaeded);
 }
-.awsui_item-element_93a1u_puqyz_145.awsui_highlighted_93a1u_puqyz_167:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-xxoapj, #16191f);
+.awsui_item-element_93a1u_stta8_145.awsui_highlighted_93a1u_stta8_167:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-hover-r5jqv1, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-69t7jr, #879596);
-  border-start-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-start-end-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-start-radius: var(--border-radius-item-q4wr0w, 0px);
-  border-end-end-radius: var(--border-radius-item-q4wr0w, 0px);
+  background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
+  border-color: var(--color-border-dropdown-item-hover-4796ds, #879596);
+  border-start-start-radius: var(--border-radius-item-xggxkd, 0px);
+  border-start-end-radius: var(--border-radius-item-xggxkd, 0px);
+  border-end-start-radius: var(--border-radius-item-xggxkd, 0px);
+  border-end-end-radius: var(--border-radius-item-xggxkd, 0px);
 }
-.awsui_item-element_93a1u_puqyz_145.awsui_highlighted_93a1u_puqyz_167.awsui_disabled_93a1u_puqyz_157:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-xe0faj, #aab7b8);
-  border-color: var(--color-border-dropdown-item-dimmed-hover-0rwxkv, #879596);
-  background-color: var(--color-background-dropdown-item-dimmed-dtqtu6, transparent);
+.awsui_item-element_93a1u_stta8_145.awsui_highlighted_93a1u_stta8_167.awsui_disabled_93a1u_stta8_157:not(#\9) {
+  color: var(--color-text-dropdown-item-dimmed-7akr3u, #aab7b8);
+  border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
+  background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
 }
-.awsui_item-element_93a1u_puqyz_145.awsui_highlighted_93a1u_puqyz_167.awsui_is-focused_93a1u_puqyz_182:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-6wa092, #0073bb);
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-kvz439, 1px) var(--color-border-item-focused-q68bgg, #0073bb);
+.awsui_item-element_93a1u_stta8_145.awsui_highlighted_93a1u_stta8_167.awsui_is-focused_93a1u_stta8_182:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
+}
+.awsui_item-element_93a1u_stta8_145.awsui_highlighted_93a1u_stta8_167.awsui_is-focused_93a1u_stta8_182:not(#\9):not(.awsui_visual-refresh_93a1u_stta8_185) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-vx5mpq, #0073bb);
 }
-.awsui_menu-item_93a1u_puqyz_187:not(#\9) {
+.awsui_menu-item_93a1u_stta8_189:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xxs-y2432o, 4px);
-  padding-inline: var(--space-l-eenfqd, 20px);
+  padding-block: var(--space-xxs-jnczic, 4px);
+  padding-inline: var(--space-l-3cws6j, 20px);
   color: inherit;
   text-decoration: none;
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9) {
-  padding-block-end: calc(var(--space-xxs-y2432o, 4px) + var(--space-xxxs-gn3248, 2px));
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9) {
+  padding-block-end: calc(var(--space-xxs-jnczic, 4px) + var(--space-xxxs-3w1kr2, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-8s05yu, #0073bb);
+  color: var(--color-text-link-default-kjmmv0, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -208,61 +210,61 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9) {
+  .awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):hover {
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):focus {
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):active {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):active {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):active, .awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):focus, .awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199:not(#\9):hover {
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):active, .awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):focus, .awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199.awsui_current-breadcrumb_93a1u_puqyz_235:not(#\9) {
-  font-weight: var(--font-weight-button-rw26ot, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
-  color: var(--color-text-breadcrumb-current-e96tx0, #687078);
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201.awsui_current-breadcrumb_93a1u_stta8_237:not(#\9) {
+  font-weight: var(--font-weight-button-hh0ago, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
+  color: var(--color-text-breadcrumb-current-j7hdo7, #687078);
   font-weight: 700;
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_puqyz_187.awsui_link-style_93a1u_puqyz_199.awsui_link-style-highlighted_93a1u_puqyz_243:not(#\9) {
-  color: var(--color-text-link-hover-jvu4dp, #0a4a74);
+.awsui_menu-item_93a1u_stta8_189.awsui_link-style_93a1u_stta8_201.awsui_link-style-highlighted_93a1u_stta8_245:not(#\9) {
+  color: var(--color-text-link-hover-05b2tl, #0a4a74);
 }
-.awsui_menu-item_93a1u_puqyz_187:not(#\9):focus {
+.awsui_menu-item_93a1u_stta8_189:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_puqyz_249 > .awsui_menu-item_93a1u_puqyz_187:not(#\9), .awsui_has-category-header_93a1u_puqyz_249 > .awsui_item-tooltip-wrapper_93a1u_puqyz_249 > .awsui_menu-item_93a1u_puqyz_187:not(#\9), .awsui_has-category-header_93a1u_puqyz_249:not(#\9):not(.awsui_has-checkmark_93a1u_puqyz_249) > span > .awsui_menu-item_93a1u_puqyz_187 {
-  padding-inline-start: calc(var(--space-xs-6dgkww, 8px) + var(--space-l-eenfqd, 20px));
+.awsui_has-category-header_93a1u_stta8_251 > .awsui_menu-item_93a1u_stta8_189:not(#\9), .awsui_has-category-header_93a1u_stta8_251 > .awsui_item-tooltip-wrapper_93a1u_stta8_251 > .awsui_menu-item_93a1u_stta8_189:not(#\9), .awsui_has-category-header_93a1u_stta8_251:not(#\9):not(.awsui_has-checkmark_93a1u_stta8_251) > span > .awsui_menu-item_93a1u_stta8_189 {
+  padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-l-3cws6j, 20px));
 }
-.awsui_icon_93a1u_puqyz_253:not(#\9) {
-  padding-inline-end: var(--space-xxs-y2432o, 4px);
+.awsui_icon_93a1u_stta8_255:not(#\9) {
+  padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_puqyz_253.awsui_checkmark_93a1u_puqyz_257:not(#\9) {
-  color: var(--color-text-status-info-1ypqr6, #0073bb);
+.awsui_icon_93a1u_stta8_255.awsui_checkmark_93a1u_stta8_259:not(#\9) {
+  color: var(--color-text-status-info-q591kt, #0073bb);
 }
-.awsui_icon_93a1u_puqyz_253.awsui_disabled_93a1u_puqyz_157:not(#\9) {
-  color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
+.awsui_icon_93a1u_stta8_255.awsui_disabled_93a1u_stta8_157:not(#\9) {
+  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
 }
-.awsui_external-icon_93a1u_puqyz_264:not(#\9) {
-  margin-inline-start: var(--space-xxs-y2432o, 4px);
+.awsui_external-icon_93a1u_stta8_266:not(#\9) {
+  margin-inline-start: var(--space-xxs-jnczic, 4px);
 }

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

@@ -2,20 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "item-element": "awsui_item-element_93a1u_puqyz_145",
-  "disabled": "awsui_disabled_93a1u_puqyz_157",
-  "show-divider": "awsui_show-divider_93a1u_puqyz_164",
-  "highlighted": "awsui_highlighted_93a1u_puqyz_167",
-  "is-focused": "awsui_is-focused_93a1u_puqyz_182",
-  "menu-item": "awsui_menu-item_93a1u_puqyz_187",
-  "link-style": "awsui_link-style_93a1u_puqyz_199",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_puqyz_235",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_puqyz_243",
-  "has-category-header": "awsui_has-category-header_93a1u_puqyz_249",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_puqyz_249",
-  "has-checkmark": "awsui_has-checkmark_93a1u_puqyz_249",
-  "icon": "awsui_icon_93a1u_puqyz_253",
-  "checkmark": "awsui_checkmark_93a1u_puqyz_257",
-  "external-icon": "awsui_external-icon_93a1u_puqyz_264"
+  "item-element": "awsui_item-element_93a1u_stta8_145",
+  "disabled": "awsui_disabled_93a1u_stta8_157",
+  "show-divider": "awsui_show-divider_93a1u_stta8_164",
+  "highlighted": "awsui_highlighted_93a1u_stta8_167",
+  "is-focused": "awsui_is-focused_93a1u_stta8_182",
+  "visual-refresh": "awsui_visual-refresh_93a1u_stta8_185",
+  "menu-item": "awsui_menu-item_93a1u_stta8_189",
+  "link-style": "awsui_link-style_93a1u_stta8_201",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_stta8_237",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_stta8_245",
+  "has-category-header": "awsui_has-category-header_93a1u_stta8_251",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_stta8_251",
+  "has-checkmark": "awsui_has-checkmark_93a1u_stta8_251",
+  "icon": "awsui_icon_93a1u_stta8_255",
+  "checkmark": "awsui_checkmark_93a1u_stta8_259",
+  "external-icon": "awsui_external-icon_93a1u_stta8_266"
 };

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_19hcp_145",
-  "trigger": "awsui_trigger_14cnr_19hcp_179",
-  "dropdown": "awsui_dropdown_14cnr_19hcp_182",
-  "nowrap": "awsui_nowrap_14cnr_19hcp_193",
-  "open": "awsui_open_14cnr_19hcp_196"
+  "root": "awsui_root_14cnr_37aad_145",
+  "trigger": "awsui_trigger_14cnr_37aad_179",
+  "dropdown": "awsui_dropdown_14cnr_37aad_182",
+  "nowrap": "awsui_nowrap_14cnr_37aad_193",
+  "open": "awsui_open_14cnr_37aad_196"
 };

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

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_14cnr_19hcp_145:not(#\9) {
+.awsui_root_14cnr_37aad_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -166,25 +166,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   position: static;
   white-space: inherit;
   display: inline;
 }
-.awsui_root_14cnr_19hcp_145 > .awsui_trigger_14cnr_19hcp_179:not(#\9) {
+.awsui_root_14cnr_37aad_145 > .awsui_trigger_14cnr_37aad_179:not(#\9) {
   display: inline;
 }
-.awsui_root_14cnr_19hcp_145 > .awsui_dropdown_14cnr_19hcp_182:not(#\9) {
+.awsui_root_14cnr_37aad_145 > .awsui_dropdown_14cnr_37aad_182:not(#\9) {
   position: static;
   -webkit-user-select: none;
           user-select: none;
-  background-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
+  background-color: var(--color-background-dropdown-item-default-79esq0, #ffffff);
   outline: none;
   border-block-start: none;
   border-block-end: none;
@@ -192,9 +192,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_root_14cnr_19hcp_145 > .awsui_dropdown_14cnr_19hcp_182.awsui_nowrap_14cnr_19hcp_193:not(#\9) {
+.awsui_root_14cnr_37aad_145 > .awsui_dropdown_14cnr_37aad_182.awsui_nowrap_14cnr_37aad_193:not(#\9) {
   white-space: nowrap;
 }
-.awsui_root_14cnr_19hcp_145 > .awsui_dropdown_14cnr_19hcp_182.awsui_open_14cnr_19hcp_196:not(#\9) {
+.awsui_root_14cnr_37aad_145 > .awsui_dropdown_14cnr_37aad_182.awsui_open_14cnr_37aad_196: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_19hcp_145",
-  "trigger": "awsui_trigger_14cnr_19hcp_179",
-  "dropdown": "awsui_dropdown_14cnr_19hcp_182",
-  "nowrap": "awsui_nowrap_14cnr_19hcp_193",
-  "open": "awsui_open_14cnr_19hcp_196"
+  "root": "awsui_root_14cnr_37aad_145",
+  "trigger": "awsui_trigger_14cnr_37aad_179",
+  "dropdown": "awsui_dropdown_14cnr_37aad_182",
+  "nowrap": "awsui_nowrap_14cnr_37aad_193",
+  "open": "awsui_open_14cnr_37aad_196"
 };

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

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "button-dropdown": "awsui_button-dropdown_sne0l_4w4gz_145",
-  "full-width": "awsui_full-width_sne0l_4w4gz_148",
-  "items-list-container": "awsui_items-list-container_sne0l_4w4gz_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_4w4gz_1",
-  "rotate": "awsui_rotate_sne0l_4w4gz_172",
-  "rotate-open": "awsui_rotate-open_sne0l_4w4gz_186",
-  "header": "awsui_header_sne0l_4w4gz_190",
-  "title": "awsui_title_sne0l_4w4gz_201",
-  "description": "awsui_description_sne0l_4w4gz_202",
-  "trigger-button": "awsui_trigger-button_sne0l_4w4gz_206",
-  "loading": "awsui_loading_sne0l_4w4gz_210",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_4w4gz_214",
-  "trigger-item": "awsui_trigger-item_sne0l_4w4gz_217",
-  "has-no-text": "awsui_has-no-text_sne0l_4w4gz_226",
-  "visual-refresh": "awsui_visual-refresh_sne0l_4w4gz_229",
-  "variant-normal": "awsui_variant-normal_sne0l_4w4gz_240",
-  "split-trigger": "awsui_split-trigger_sne0l_4w4gz_214",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_4w4gz_251",
-  "main-action-full-width": "awsui_main-action-full-width_sne0l_4w4gz_255",
-  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_4w4gz_259",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_4w4gz_263"
+  "button-dropdown": "awsui_button-dropdown_sne0l_116m2_145",
+  "full-width": "awsui_full-width_sne0l_116m2_148",
+  "items-list-container": "awsui_items-list-container_sne0l_116m2_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_116m2_1",
+  "rotate": "awsui_rotate_sne0l_116m2_172",
+  "rotate-open": "awsui_rotate-open_sne0l_116m2_186",
+  "header": "awsui_header_sne0l_116m2_190",
+  "title": "awsui_title_sne0l_116m2_201",
+  "description": "awsui_description_sne0l_116m2_202",
+  "trigger-button": "awsui_trigger-button_sne0l_116m2_206",
+  "loading": "awsui_loading_sne0l_116m2_210",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_116m2_214",
+  "trigger-item": "awsui_trigger-item_sne0l_116m2_217",
+  "has-no-text": "awsui_has-no-text_sne0l_116m2_226",
+  "visual-refresh": "awsui_visual-refresh_sne0l_116m2_229",
+  "variant-normal": "awsui_variant-normal_sne0l_116m2_240",
+  "split-trigger": "awsui_split-trigger_sne0l_116m2_214",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_116m2_251",
+  "main-action-full-width": "awsui_main-action-full-width_sne0l_116m2_255",
+  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_116m2_259",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_116m2_263"
 };

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

@@ -142,124 +142,124 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_button-dropdown_sne0l_4w4gz_145:not(#\9) {
+.awsui_button-dropdown_sne0l_116m2_145:not(#\9) {
   display: inline-block;
 }
-.awsui_button-dropdown_sne0l_4w4gz_145.awsui_full-width_sne0l_4w4gz_148:not(#\9) {
+.awsui_button-dropdown_sne0l_116m2_145.awsui_full-width_sne0l_116m2_148:not(#\9) {
   inline-size: 100%;
   display: block;
 }
-.awsui_items-list-container_sne0l_4w4gz_153:not(#\9) {
+.awsui_items-list-container_sne0l_116m2_153:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
-  animation: awsui_awsui-motion-fade-in-0_sne0l_4w4gz_1 500ms var(--motion-easing-show-quick-014od6, ease-out);
+  animation: awsui_awsui-motion-fade-in-0_sne0l_116m2_1 500ms var(--motion-easing-show-quick-xucy9w, ease-out);
   animation-fill-mode: none;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_items-list-container_sne0l_4w4gz_153:not(#\9) {
+  .awsui_items-list-container_sne0l_116m2_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_items-list-container_sne0l_4w4gz_153:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_4w4gz_153:not(#\9) {
+.awsui-motion-disabled .awsui_items-list-container_sne0l_116m2_153:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_116m2_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate_sne0l_4w4gz_172:not(#\9) {
+.awsui_rotate_sne0l_116m2_172:not(#\9) {
   transform: rotate(0deg);
-  transition: transform var(--motion-duration-rotate-180-llqolb, 135ms) var(--motion-easing-rotate-180-wt4cje, cubic-bezier(0.165, 0.84, 0.44, 1));
+  transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_rotate_sne0l_4w4gz_172:not(#\9) {
+  .awsui_rotate_sne0l_116m2_172:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_rotate_sne0l_4w4gz_172:not(#\9), .awsui-mode-entering .awsui_rotate_sne0l_4w4gz_172:not(#\9) {
+.awsui-motion-disabled .awsui_rotate_sne0l_116m2_172:not(#\9), .awsui-mode-entering .awsui_rotate_sne0l_116m2_172:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_rotate-open_sne0l_4w4gz_186:not(#\9) {
+.awsui_rotate-open_sne0l_116m2_186:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_header_sne0l_4w4gz_190:not(#\9) {
+.awsui_header_sne0l_116m2_190:not(#\9) {
   display: flex;
   flex-direction: column;
   list-style: none;
-  padding-block: var(--space-s-vmutj3, 12px);
-  padding-inline: var(--space-l-eenfqd, 20px);
-  border-block-start: var(--border-width-field-9kmoac, 1px) solid transparent;
-  border-block-end: var(--border-width-field-9kmoac, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
-  border-inline: var(--border-width-field-9kmoac, 1px) solid transparent;
+  padding-block: var(--space-s-4a5hs8, 12px);
+  padding-inline: var(--space-l-3cws6j, 20px);
+  border-block-start: var(--border-width-dropdown-qic2p4, 1px) solid transparent;
+  border-block-end: var(--border-width-dropdown-qic2p4, 1px) solid var(--color-border-dropdown-group-dxavhr, #eaeded);
+  border-inline: var(--border-width-dropdown-qic2p4, 1px) solid transparent;
 }
-.awsui_title_sne0l_4w4gz_201:not(#\9),
-.awsui_description_sne0l_4w4gz_202:not(#\9) {
-  color: var(--color-text-top-navigation-title-e4w0av, #16191f);
+.awsui_title_sne0l_116m2_201:not(#\9),
+.awsui_description_sne0l_116m2_202:not(#\9) {
+  color: var(--color-text-top-navigation-title-50mcr5, #16191f);
 }
-.awsui_trigger-button_sne0l_4w4gz_206.awsui_full-width_sne0l_4w4gz_148:not(#\9) {
+.awsui_trigger-button_sne0l_116m2_206.awsui_full-width_sne0l_116m2_148:not(#\9) {
   display: grid;
   grid-template-columns: 1fr auto;
 }
-.awsui_trigger-button_sne0l_4w4gz_206.awsui_full-width_sne0l_4w4gz_148.awsui_loading_sne0l_4w4gz_210:not(#\9) {
+.awsui_trigger-button_sne0l_116m2_206.awsui_full-width_sne0l_116m2_148.awsui_loading_sne0l_116m2_210:not(#\9) {
   grid-template-columns: auto 1fr auto;
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214:not(#\9) {
+.awsui_split-trigger-wrapper_sne0l_116m2_214:not(#\9) {
   display: flex;
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217 > .awsui_trigger-button_sne0l_4w4gz_206:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217 > .awsui_trigger-button_sne0l_4w4gz_206:not(#\9):hover {
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217 > .awsui_trigger-button_sne0l_116m2_206:not(#\9):focus, .awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217 > .awsui_trigger-button_sne0l_116m2_206:not(#\9):hover {
   z-index: 1;
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_4w4gz_206 {
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_116m2_206 {
   border-start-end-radius: 0;
   border-end-end-radius: 0;
-  padding-inline-end: var(--space-m-u91ipm, 16px);
-  margin-inline-end: var(--space-xxxs-gn3248, 2px);
+  padding-inline-end: var(--space-m-n2lypl, 16px);
+  margin-inline-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_4w4gz_206.awsui_has-no-text_sne0l_4w4gz_226 {
-  padding-inline: var(--space-button-icon-only-horizontal-gl6z91, 16px);
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_116m2_206.awsui_has-no-text_sne0l_116m2_226 {
+  padding-inline: var(--space-button-icon-only-horizontal-67q6rd, 16px);
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_4w4gz_206.awsui_has-no-text_sne0l_4w4gz_226.awsui_visual-refresh_sne0l_4w4gz_229 {
-  padding-inline-start: calc(var(--space-s-vmutj3, 12px) - 2px);
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_116m2_206.awsui_has-no-text_sne0l_116m2_226.awsui_visual-refresh_sne0l_116m2_229 {
+  padding-inline-start: calc(var(--space-s-4a5hs8, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_4w4gz_206 {
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_116m2_206 {
   border-start-start-radius: 0;
   border-end-start-radius: 0;
-  padding-inline: calc(var(--space-xs-6dgkww, 8px) - 2px);
+  padding-inline: calc(var(--space-xs-kw7k3v, 8px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_4w4gz_229 > .awsui_trigger-button_sne0l_4w4gz_206 {
-  padding-inline-end: calc(var(--space-s-vmutj3, 12px) - 2px);
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_116m2_229 > .awsui_trigger-button_sne0l_116m2_206 {
+  padding-inline-end: calc(var(--space-s-4a5hs8, 12px) - 2px);
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217.awsui_variant-normal_sne0l_4w4gz_240:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_4w4gz_206 {
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217.awsui_variant-normal_sne0l_116m2_240:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_116m2_206 {
   margin-inline-end: 0;
 }
-.awsui_split-trigger-wrapper_sne0l_4w4gz_214 > .awsui_trigger-item_sne0l_4w4gz_217.awsui_variant-normal_sne0l_4w4gz_240:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_4w4gz_206 {
-  margin-inline-start: calc(var(--border-width-field-9kmoac, 1px) * -1);
+.awsui_split-trigger-wrapper_sne0l_116m2_214 > .awsui_trigger-item_sne0l_116m2_217.awsui_variant-normal_sne0l_116m2_240:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_116m2_206 {
+  margin-inline-start: calc(var(--border-width-button-40y1n5, 1px) * -1);
 }
-.awsui_split-trigger_sne0l_4w4gz_214:not(#\9) {
+.awsui_split-trigger_sne0l_116m2_214:not(#\9) {
   display: contents;
 }
-.awsui_dropdown-trigger_sne0l_4w4gz_251:not(#\9) {
+.awsui_dropdown-trigger_sne0l_116m2_251:not(#\9) {
   display: contents;
 }
-.awsui_main-action-full-width_sne0l_4w4gz_255:not(#\9) {
+.awsui_main-action-full-width_sne0l_116m2_255:not(#\9) {
   flex: 1 1 0;
 }
-.awsui_main-action-trigger-full-width_sne0l_4w4gz_259:not(#\9) {
+.awsui_main-action-trigger-full-width_sne0l_116m2_259:not(#\9) {
   flex: 0 0 auto;
 }
-.awsui_test-utils-button-trigger_sne0l_4w4gz_263:not(#\9) {
+.awsui_test-utils-button-trigger_sne0l_116m2_263:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button-dropdown": "awsui_button-dropdown_sne0l_4w4gz_145",
-  "full-width": "awsui_full-width_sne0l_4w4gz_148",
-  "items-list-container": "awsui_items-list-container_sne0l_4w4gz_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_4w4gz_1",
-  "rotate": "awsui_rotate_sne0l_4w4gz_172",
-  "rotate-open": "awsui_rotate-open_sne0l_4w4gz_186",
-  "header": "awsui_header_sne0l_4w4gz_190",
-  "title": "awsui_title_sne0l_4w4gz_201",
-  "description": "awsui_description_sne0l_4w4gz_202",
-  "trigger-button": "awsui_trigger-button_sne0l_4w4gz_206",
-  "loading": "awsui_loading_sne0l_4w4gz_210",
-  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_4w4gz_214",
-  "trigger-item": "awsui_trigger-item_sne0l_4w4gz_217",
-  "has-no-text": "awsui_has-no-text_sne0l_4w4gz_226",
-  "visual-refresh": "awsui_visual-refresh_sne0l_4w4gz_229",
-  "variant-normal": "awsui_variant-normal_sne0l_4w4gz_240",
-  "split-trigger": "awsui_split-trigger_sne0l_4w4gz_214",
-  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_4w4gz_251",
-  "main-action-full-width": "awsui_main-action-full-width_sne0l_4w4gz_255",
-  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_4w4gz_259",
-  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_4w4gz_263"
+  "button-dropdown": "awsui_button-dropdown_sne0l_116m2_145",
+  "full-width": "awsui_full-width_sne0l_116m2_148",
+  "items-list-container": "awsui_items-list-container_sne0l_116m2_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_116m2_1",
+  "rotate": "awsui_rotate_sne0l_116m2_172",
+  "rotate-open": "awsui_rotate-open_sne0l_116m2_186",
+  "header": "awsui_header_sne0l_116m2_190",
+  "title": "awsui_title_sne0l_116m2_201",
+  "description": "awsui_description_sne0l_116m2_202",
+  "trigger-button": "awsui_trigger-button_sne0l_116m2_206",
+  "loading": "awsui_loading_sne0l_116m2_210",
+  "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_116m2_214",
+  "trigger-item": "awsui_trigger-item_sne0l_116m2_217",
+  "has-no-text": "awsui_has-no-text_sne0l_116m2_226",
+  "visual-refresh": "awsui_visual-refresh_sne0l_116m2_229",
+  "variant-normal": "awsui_variant-normal_sne0l_116m2_240",
+  "split-trigger": "awsui_split-trigger_sne0l_116m2_214",
+  "dropdown-trigger": "awsui_dropdown-trigger_sne0l_116m2_251",
+  "main-action-full-width": "awsui_main-action-full-width_sne0l_116m2_255",
+  "main-action-trigger-full-width": "awsui_main-action-trigger-full-width_sne0l_116m2_259",
+  "test-utils-button-trigger": "awsui_test-utils-button-trigger_sne0l_116m2_263"
 };

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

@@ -1,9 +1,9 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_vdkpj_1laq4_181",
-  "item-wrapper": "awsui_item-wrapper_vdkpj_1laq4_217",
-  "group": "awsui_group_vdkpj_1laq4_221",
-  "divider": "awsui_divider_vdkpj_1laq4_225"
+  "root": "awsui_root_vdkpj_e1pur_181",
+  "item-wrapper": "awsui_item-wrapper_vdkpj_e1pur_217",
+  "group": "awsui_group_vdkpj_e1pur_221",
+  "divider": "awsui_divider_vdkpj_e1pur_225"
 };