npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1329 → 3.0.1331 - Mend

@cloudscape-design/components-themeable 3.0.1329 → 3.0.1331

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

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

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "header": "awsui_header_16mm3_u2uv3_145",
-  "disabled": "awsui_disabled_16mm3_u2uv3_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_u2uv3_165",
-  "expandable-header": "awsui_expandable-header_16mm3_u2uv3_171",
-  "rolled-down": "awsui_rolled-down_16mm3_u2uv3_182",
-  "highlighted": "awsui_highlighted_16mm3_u2uv3_185",
-  "is-focused": "awsui_is-focused_16mm3_u2uv3_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_u2uv3_211",
-  "category": "awsui_category_16mm3_u2uv3_215",
-  "expandable": "awsui_expandable_16mm3_u2uv3_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_u2uv3_230",
-  "expand-icon": "awsui_expand-icon_16mm3_u2uv3_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_u2uv3_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_u2uv3_262",
-  "items-list-container": "awsui_items-list-container_16mm3_u2uv3_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_u2uv3_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_u2uv3_283",
-  "header-content": "awsui_header-content_16mm3_u2uv3_287"
+  "header": "awsui_header_16mm3_hc2xo_145",
+  "disabled": "awsui_disabled_16mm3_hc2xo_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_hc2xo_165",
+  "expandable-header": "awsui_expandable-header_16mm3_hc2xo_171",
+  "rolled-down": "awsui_rolled-down_16mm3_hc2xo_182",
+  "highlighted": "awsui_highlighted_16mm3_hc2xo_185",
+  "is-focused": "awsui_is-focused_16mm3_hc2xo_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_hc2xo_211",
+  "category": "awsui_category_16mm3_hc2xo_215",
+  "expandable": "awsui_expandable_16mm3_hc2xo_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_hc2xo_230",
+  "expand-icon": "awsui_expand-icon_16mm3_hc2xo_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_hc2xo_259",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_hc2xo_262",
+  "items-list-container": "awsui_items-list-container_16mm3_hc2xo_270",
+  "in-dropdown": "awsui_in-dropdown_16mm3_hc2xo_279",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_hc2xo_283",
+  "header-content": "awsui_header-content_16mm3_hc2xo_287"
 };

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

@@ -142,99 +142,99 @@
 */
 /* 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_header_16mm3_u2uv3_145:not(#\9) {
+.awsui_header_16mm3_hc2xo_145:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
   color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
-  border-block: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
-  border-inline: var(--border-divider-list-width-8ggz94, 1px) solid transparent;
+  border-block: var(--border-divider-list-width-2qbfmz, 1px) solid transparent;
+  border-inline: var(--border-divider-list-width-2qbfmz, 1px) solid transparent;
   border-inline-width: 0;
   font-weight: var(--font-weight-bold-p16d06, 700);
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding-block: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
-  padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) + var(--border-item-width-acvlhx, 1px));
+  padding-block: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--border-item-width-pyfg4s, 1px) - var(--border-divider-list-width-2qbfmz, 1px));
+  padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) + var(--border-item-width-pyfg4s, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_disabled_16mm3_u2uv3_161:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_disabled_16mm3_hc2xo_161:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_no-content-styling_16mm3_u2uv3_165:not(#\9) {
-  padding-block: calc(var(--border-item-width-acvlhx, 1px) - var(--border-divider-list-width-8ggz94, 1px));
-  padding-inline: var(--border-item-width-acvlhx, 1px);
+.awsui_header_16mm3_hc2xo_145.awsui_no-content-styling_16mm3_hc2xo_165:not(#\9) {
+  padding-block: calc(var(--border-item-width-pyfg4s, 1px) - var(--border-divider-list-width-2qbfmz, 1px));
+  padding-inline: var(--border-item-width-pyfg4s, 1px);
   font-weight: var(--font-weight-normal-7w835s, 400);
   color: inherit;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
   border-block-end-color: var(--color-border-dropdown-group-dg9zg5, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_disabled_16mm3_u2uv3_161:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_disabled_16mm3_hc2xo_161:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171:not(#\9):focus {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_rolled-down_16mm3_u2uv3_182:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_rolled-down_16mm3_hc2xo_182:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_highlighted_16mm3_u2uv3_185:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_highlighted_16mm3_hc2xo_185:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   padding-block: var(--space-option-padding-vertical-uomfe1, 4px);
   padding-inline: var(--space-button-horizontal-v8ywmo, 20px);
-  border-block: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
-  border-inline: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #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);
+  border-block: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
+  border-inline: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-vony6u, #879596);
+  border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
+  border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
+  border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
+  border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
   z-index: 2;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_highlighted_16mm3_u2uv3_185.awsui_no-content-styling_16mm3_u2uv3_165:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_highlighted_16mm3_hc2xo_185.awsui_no-content-styling_16mm3_hc2xo_165:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: inherit;
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_highlighted_16mm3_u2uv3_185.awsui_disabled_16mm3_u2uv3_161:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_highlighted_16mm3_hc2xo_185.awsui_disabled_16mm3_hc2xo_161:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-2hwvu9, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-twsd8z, #879596);
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_highlighted_16mm3_u2uv3_185.awsui_is-focused_16mm3_u2uv3_208:not(#\9) {
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_highlighted_16mm3_hc2xo_185.awsui_is-focused_16mm3_hc2xo_208:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_header_16mm3_u2uv3_145.awsui_expandable-header_16mm3_u2uv3_171.awsui_highlighted_16mm3_u2uv3_185.awsui_is-focused_16mm3_u2uv3_208:not(#\9):not(.awsui_visual-refresh_16mm3_u2uv3_211) {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+.awsui_header_16mm3_hc2xo_145.awsui_expandable-header_16mm3_hc2xo_171.awsui_highlighted_16mm3_hc2xo_185.awsui_is-focused_16mm3_hc2xo_208:not(#\9):not(.awsui_visual-refresh_16mm3_hc2xo_211) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_category_16mm3_u2uv3_215:not(#\9) {
+.awsui_category_16mm3_hc2xo_215:not(#\9) {
   list-style: none;
-  margin-block-start: calc(-1 * var(--border-divider-list-width-8ggz94, 1px));
+  margin-block-start: calc(-1 * var(--border-divider-list-width-2qbfmz, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_u2uv3_215:not(#\9):first-child {
+.awsui_category_16mm3_hc2xo_215:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_u2uv3_215.awsui_expandable_16mm3_u2uv3_171:not(#\9) {
+.awsui_category_16mm3_hc2xo_215.awsui_expandable_16mm3_hc2xo_171:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_u2uv3_215:not(#\9):last-child {
+.awsui_category_16mm3_hc2xo_215:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_u2uv3_215.awsui_variant-navigation_16mm3_u2uv3_230:not(#\9) {
+.awsui_category_16mm3_hc2xo_215.awsui_variant-navigation_16mm3_hc2xo_230:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_category_16mm3_u2uv3_215.awsui_variant-navigation_16mm3_u2uv3_230.awsui_expandable_16mm3_u2uv3_171:not(#\9) {
+.awsui_category_16mm3_hc2xo_215.awsui_variant-navigation_16mm3_hc2xo_230.awsui_expandable_16mm3_hc2xo_171:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_expand-icon_16mm3_u2uv3_237:not(#\9) {
+.awsui_expand-icon_16mm3_hc2xo_237:not(#\9) {
   position: relative;
   inset-inline-end: calc(-1 * var(--space-s-4a5hs8, 12px));
   inline-size: var(--space-m-n2lypl, 16px);
@@ -242,32 +242,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: auto;
   transition: transform var(--motion-duration-rotate-180-4er9qu, 135ms) var(--motion-easing-rotate-180-xlspcm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui-one-theme .awsui_expand-icon_16mm3_u2uv3_237:not(#\9) {
+.awsui-one-theme .awsui_expand-icon_16mm3_hc2xo_237:not(#\9) {
   inset-inline-end: calc(-1 * var(--space-xs-kw7k3v, 8px));
   inline-size: var(--space-s-4a5hs8, 12px);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_u2uv3_237:not(#\9) {
+  .awsui_expand-icon_16mm3_hc2xo_237:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_u2uv3_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_u2uv3_237:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_hc2xo_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_hc2xo_237:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_expand-icon-up_16mm3_u2uv3_259:not(#\9) {
+.awsui_expand-icon-up_16mm3_hc2xo_259:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_u2uv3_262:not(#\9) {
+.awsui_expand-icon-right_16mm3_hc2xo_262:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_u2uv3_262:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_hc2xo_262:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_items-list-container_16mm3_u2uv3_270:not(#\9) {
+.awsui_items-list-container_16mm3_hc2xo_270:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -276,15 +276,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
-.awsui_in-dropdown_16mm3_u2uv3_279:not(#\9) {
+.awsui_in-dropdown_16mm3_hc2xo_279:not(#\9) {
   margin-block-end: -1px;
 }
-.awsui_icon-wrapper_16mm3_u2uv3_283:not(#\9) {
+.awsui_icon-wrapper_16mm3_hc2xo_283:not(#\9) {
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-content_16mm3_u2uv3_287:not(#\9) {
+.awsui_header-content_16mm3_hc2xo_287:not(#\9) {
   display: flex;
   align-items: center;
 }

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

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header": "awsui_header_16mm3_u2uv3_145",
-  "disabled": "awsui_disabled_16mm3_u2uv3_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_u2uv3_165",
-  "expandable-header": "awsui_expandable-header_16mm3_u2uv3_171",
-  "rolled-down": "awsui_rolled-down_16mm3_u2uv3_182",
-  "highlighted": "awsui_highlighted_16mm3_u2uv3_185",
-  "is-focused": "awsui_is-focused_16mm3_u2uv3_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_u2uv3_211",
-  "category": "awsui_category_16mm3_u2uv3_215",
-  "expandable": "awsui_expandable_16mm3_u2uv3_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_u2uv3_230",
-  "expand-icon": "awsui_expand-icon_16mm3_u2uv3_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_u2uv3_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_u2uv3_262",
-  "items-list-container": "awsui_items-list-container_16mm3_u2uv3_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_u2uv3_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_u2uv3_283",
-  "header-content": "awsui_header-content_16mm3_u2uv3_287"
+  "header": "awsui_header_16mm3_hc2xo_145",
+  "disabled": "awsui_disabled_16mm3_hc2xo_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_hc2xo_165",
+  "expandable-header": "awsui_expandable-header_16mm3_hc2xo_171",
+  "rolled-down": "awsui_rolled-down_16mm3_hc2xo_182",
+  "highlighted": "awsui_highlighted_16mm3_hc2xo_185",
+  "is-focused": "awsui_is-focused_16mm3_hc2xo_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_hc2xo_211",
+  "category": "awsui_category_16mm3_hc2xo_215",
+  "expandable": "awsui_expandable_16mm3_hc2xo_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_hc2xo_230",
+  "expand-icon": "awsui_expand-icon_16mm3_hc2xo_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_hc2xo_259",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_hc2xo_262",
+  "items-list-container": "awsui_items-list-container_16mm3_hc2xo_270",
+  "in-dropdown": "awsui_in-dropdown_16mm3_hc2xo_279",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_hc2xo_283",
+  "header-content": "awsui_header-content_16mm3_hc2xo_287"
 };

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

@@ -1,26 +1,26 @@
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_7d67f_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_7d67f_157",
-  "disabled": "awsui_disabled_93a1u_7d67f_162",
-  "show-divider": "awsui_show-divider_93a1u_7d67f_169",
-  "highlighted": "awsui_highlighted_93a1u_7d67f_172",
-  "is-focused": "awsui_is-focused_93a1u_7d67f_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_7d67f_190",
-  "menu-item": "awsui_menu-item_93a1u_7d67f_194",
-  "link-style": "awsui_link-style_93a1u_7d67f_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_7d67f_248",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_7d67f_256",
-  "has-category-header": "awsui_has-category-header_93a1u_7d67f_262",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_7d67f_262",
-  "has-checkmark": "awsui_has-checkmark_93a1u_7d67f_262",
-  "icon": "awsui_icon_93a1u_7d67f_269",
-  "checkmark": "awsui_checkmark_93a1u_7d67f_273",
-  "external-icon": "awsui_external-icon_93a1u_7d67f_280",
-  "content-wrapper": "awsui_content-wrapper_93a1u_7d67f_284",
-  "main-row": "awsui_main-row_93a1u_7d67f_290",
-  "label-tag": "awsui_label-tag_93a1u_7d67f_297",
-  "secondary-text": "awsui_secondary-text_93a1u_7d67f_304"
+  "item-element": "awsui_item-element_93a1u_12uwn_145",
+  "no-content-styling": "awsui_no-content-styling_93a1u_12uwn_157",
+  "disabled": "awsui_disabled_93a1u_12uwn_162",
+  "show-divider": "awsui_show-divider_93a1u_12uwn_169",
+  "highlighted": "awsui_highlighted_93a1u_12uwn_172",
+  "is-focused": "awsui_is-focused_93a1u_12uwn_187",
+  "visual-refresh": "awsui_visual-refresh_93a1u_12uwn_190",
+  "menu-item": "awsui_menu-item_93a1u_12uwn_194",
+  "link-style": "awsui_link-style_93a1u_12uwn_211",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_12uwn_248",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_12uwn_256",
+  "has-category-header": "awsui_has-category-header_93a1u_12uwn_262",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_12uwn_262",
+  "has-checkmark": "awsui_has-checkmark_93a1u_12uwn_262",
+  "icon": "awsui_icon_93a1u_12uwn_269",
+  "checkmark": "awsui_checkmark_93a1u_12uwn_273",
+  "external-icon": "awsui_external-icon_93a1u_12uwn_280",
+  "content-wrapper": "awsui_content-wrapper_93a1u_12uwn_284",
+  "main-row": "awsui_main-row_93a1u_12uwn_290",
+  "label-tag": "awsui_label-tag_93a1u_12uwn_297",
+  "secondary-text": "awsui_secondary-text_93a1u_12uwn_304"
 };

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

@@ -142,56 +142,56 @@
 */
 /* 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_7d67f_145:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145:not(#\9) {
   position: relative;
   z-index: 1;
-  border-block: var(--border-item-width-acvlhx, 1px) solid transparent;
-  border-inline: var(--border-item-width-acvlhx, 1px) solid transparent;
+  border-block: var(--border-item-width-pyfg4s, 1px) solid transparent;
+  border-inline: var(--border-item-width-pyfg4s, 1px) solid transparent;
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
-  margin-block-start: calc(-1 * var(--border-width-dropdown-qic2p4, 1px));
+  margin-block-start: calc(-1 * var(--border-width-dropdown-4gpjx5, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_no-content-styling_93a1u_7d67f_157:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145.awsui_no-content-styling_93a1u_12uwn_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_disabled_93a1u_7d67f_162:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   cursor: default;
   color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
 }
-.awsui_item-element_93a1u_7d67f_145:not(#\9):first-child {
+.awsui_item-element_93a1u_12uwn_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_show-divider_93a1u_7d67f_169:not(#\9) {
-  border-block-end: var(--border-item-width-acvlhx, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
+.awsui_item-element_93a1u_12uwn_145.awsui_show-divider_93a1u_12uwn_169:not(#\9) {
+  border-block-end: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_highlighted_93a1u_7d67f_172:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145.awsui_highlighted_93a1u_12uwn_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
   z-index: 2;
   background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
   border-color: var(--color-border-dropdown-item-hover-vony6u, #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);
+  border-start-start-radius: var(--border-radius-item-mitz8h, 0px);
+  border-start-end-radius: var(--border-radius-item-mitz8h, 0px);
+  border-end-start-radius: var(--border-radius-item-mitz8h, 0px);
+  border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_highlighted_93a1u_7d67f_172.awsui_disabled_93a1u_7d67f_162:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145.awsui_highlighted_93a1u_12uwn_172.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   color: var(--color-text-dropdown-item-dimmed-0xf8v3, #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_7d67f_145.awsui_highlighted_93a1u_7d67f_172.awsui_is-focused_93a1u_7d67f_187:not(#\9) {
+.awsui_item-element_93a1u_12uwn_145.awsui_highlighted_93a1u_12uwn_172.awsui_is-focused_93a1u_12uwn_187:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
 }
-.awsui_item-element_93a1u_7d67f_145.awsui_highlighted_93a1u_7d67f_172.awsui_is-focused_93a1u_7d67f_187:not(#\9):not(.awsui_visual-refresh_93a1u_7d67f_190) {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+.awsui_item-element_93a1u_12uwn_145.awsui_highlighted_93a1u_12uwn_172.awsui_is-focused_93a1u_12uwn_187:not(#\9):not(.awsui_visual-refresh_93a1u_12uwn_190) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_menu-item_93a1u_7d67f_194:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_194:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -203,12 +203,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-disable selector-max-type */
   /* stylelint-enable selector-max-type */
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_no-content-styling_93a1u_7d67f_157:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_194.awsui_no-content-styling_93a1u_12uwn_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9) {
   padding-block-end: calc(var(--space-option-padding-vertical-uomfe1, 4px) + var(--space-xxxs-3w1kr2, 2px));
   text-underline-offset: 0.25em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
@@ -224,30 +224,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9) {
+  .awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):hover {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):focus {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):active {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):active {
   color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):active, .awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):focus, .awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211:not(#\9):hover {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):active, .awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):focus, .awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211.awsui_current-breadcrumb_93a1u_7d67f_248:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211.awsui_current-breadcrumb_93a1u_12uwn_248: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);
@@ -255,63 +255,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-weight-bold-p16d06, 700);
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_7d67f_194.awsui_link-style_93a1u_7d67f_211.awsui_link-style-highlighted_93a1u_7d67f_256:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_194.awsui_link-style_93a1u_12uwn_211.awsui_link-style-highlighted_93a1u_12uwn_256:not(#\9) {
   color: var(--color-text-link-hover-pqxtsy, #0a4a74);
 }
-.awsui_menu-item_93a1u_7d67f_194:not(#\9):focus {
+.awsui_menu-item_93a1u_12uwn_194:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_7d67f_262 > .awsui_menu-item_93a1u_7d67f_194:not(#\9), .awsui_has-category-header_93a1u_7d67f_262 > .awsui_item-tooltip-wrapper_93a1u_7d67f_262 > .awsui_menu-item_93a1u_7d67f_194:not(#\9), .awsui_has-category-header_93a1u_7d67f_262:not(#\9):not(.awsui_has-checkmark_93a1u_7d67f_262) > span > .awsui_menu-item_93a1u_7d67f_194 {
+.awsui_has-category-header_93a1u_12uwn_262 > .awsui_menu-item_93a1u_12uwn_194:not(#\9), .awsui_has-category-header_93a1u_12uwn_262 > .awsui_item-tooltip-wrapper_93a1u_12uwn_262 > .awsui_menu-item_93a1u_12uwn_194:not(#\9), .awsui_has-category-header_93a1u_12uwn_262:not(#\9):not(.awsui_has-checkmark_93a1u_12uwn_262) > span > .awsui_menu-item_93a1u_12uwn_194 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-option-padding-horizontal-kfszlb, 20px));
 }
-.awsui_has-category-header_93a1u_7d67f_262 > .awsui_menu-item_93a1u_7d67f_194.awsui_no-content-styling_93a1u_7d67f_157:not(#\9), .awsui_has-category-header_93a1u_7d67f_262 > .awsui_item-tooltip-wrapper_93a1u_7d67f_262 > .awsui_menu-item_93a1u_7d67f_194.awsui_no-content-styling_93a1u_7d67f_157:not(#\9), .awsui_has-category-header_93a1u_7d67f_262:not(#\9):not(.awsui_has-checkmark_93a1u_7d67f_262) > span > .awsui_menu-item_93a1u_7d67f_194.awsui_no-content-styling_93a1u_7d67f_157 {
+.awsui_has-category-header_93a1u_12uwn_262 > .awsui_menu-item_93a1u_12uwn_194.awsui_no-content-styling_93a1u_12uwn_157:not(#\9), .awsui_has-category-header_93a1u_12uwn_262 > .awsui_item-tooltip-wrapper_93a1u_12uwn_262 > .awsui_menu-item_93a1u_12uwn_194.awsui_no-content-styling_93a1u_12uwn_157:not(#\9), .awsui_has-category-header_93a1u_12uwn_262:not(#\9):not(.awsui_has-checkmark_93a1u_12uwn_262) > span > .awsui_menu-item_93a1u_12uwn_194.awsui_no-content-styling_93a1u_12uwn_157 {
   padding-inline-start: 0;
 }
-.awsui_icon_93a1u_7d67f_269:not(#\9) {
+.awsui_icon_93a1u_12uwn_269:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_7d67f_269.awsui_checkmark_93a1u_7d67f_273:not(#\9) {
+.awsui_icon_93a1u_12uwn_269.awsui_checkmark_93a1u_12uwn_273:not(#\9) {
   color: var(--color-item-selected-2dv7ug, #0073bb);
 }
-.awsui_icon_93a1u_7d67f_269.awsui_disabled_93a1u_7d67f_162:not(#\9) {
+.awsui_icon_93a1u_12uwn_269.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_external-icon_93a1u_7d67f_280:not(#\9) {
+.awsui_external-icon_93a1u_12uwn_280:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_content-wrapper_93a1u_7d67f_284:not(#\9) {
+.awsui_content-wrapper_93a1u_12uwn_284:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.awsui_main-row_93a1u_7d67f_290:not(#\9) {
+.awsui_main-row_93a1u_12uwn_290:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-4a5hs8, 12px);
 }
-.awsui_label-tag_93a1u_7d67f_297:not(#\9) {
+.awsui_label-tag_93a1u_12uwn_297:not(#\9) {
   color: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_label-tag_93a1u_7d67f_297.awsui_disabled_93a1u_7d67f_162:not(#\9) {
+.awsui_label-tag_93a1u_12uwn_297.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }
-.awsui_secondary-text_93a1u_7d67f_304:not(#\9) {
+.awsui_secondary-text_93a1u_12uwn_304:not(#\9) {
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
 }
-.awsui_secondary-text_93a1u_7d67f_304.awsui_highlighted_93a1u_7d67f_172:not(#\9) {
+.awsui_secondary-text_93a1u_12uwn_304.awsui_highlighted_93a1u_12uwn_172:not(#\9) {
   color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
 }
-.awsui_secondary-text_93a1u_7d67f_304.awsui_disabled_93a1u_7d67f_162:not(#\9) {
+.awsui_secondary-text_93a1u_12uwn_304.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }

package/lib/internal/template/button-dropdown/item-element/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 = {
-  "item-element": "awsui_item-element_93a1u_7d67f_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_7d67f_157",
-  "disabled": "awsui_disabled_93a1u_7d67f_162",
-  "show-divider": "awsui_show-divider_93a1u_7d67f_169",
-  "highlighted": "awsui_highlighted_93a1u_7d67f_172",
-  "is-focused": "awsui_is-focused_93a1u_7d67f_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_7d67f_190",
-  "menu-item": "awsui_menu-item_93a1u_7d67f_194",
-  "link-style": "awsui_link-style_93a1u_7d67f_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_7d67f_248",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_7d67f_256",
-  "has-category-header": "awsui_has-category-header_93a1u_7d67f_262",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_7d67f_262",
-  "has-checkmark": "awsui_has-checkmark_93a1u_7d67f_262",
-  "icon": "awsui_icon_93a1u_7d67f_269",
-  "checkmark": "awsui_checkmark_93a1u_7d67f_273",
-  "external-icon": "awsui_external-icon_93a1u_7d67f_280",
-  "content-wrapper": "awsui_content-wrapper_93a1u_7d67f_284",
-  "main-row": "awsui_main-row_93a1u_7d67f_290",
-  "label-tag": "awsui_label-tag_93a1u_7d67f_297",
-  "secondary-text": "awsui_secondary-text_93a1u_7d67f_304"
+  "item-element": "awsui_item-element_93a1u_12uwn_145",
+  "no-content-styling": "awsui_no-content-styling_93a1u_12uwn_157",
+  "disabled": "awsui_disabled_93a1u_12uwn_162",
+  "show-divider": "awsui_show-divider_93a1u_12uwn_169",
+  "highlighted": "awsui_highlighted_93a1u_12uwn_172",
+  "is-focused": "awsui_is-focused_93a1u_12uwn_187",
+  "visual-refresh": "awsui_visual-refresh_93a1u_12uwn_190",
+  "menu-item": "awsui_menu-item_93a1u_12uwn_194",
+  "link-style": "awsui_link-style_93a1u_12uwn_211",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_12uwn_248",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_12uwn_256",
+  "has-category-header": "awsui_has-category-header_93a1u_12uwn_262",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_12uwn_262",
+  "has-checkmark": "awsui_has-checkmark_93a1u_12uwn_262",
+  "icon": "awsui_icon_93a1u_12uwn_269",
+  "checkmark": "awsui_checkmark_93a1u_12uwn_273",
+  "external-icon": "awsui_external-icon_93a1u_12uwn_280",
+  "content-wrapper": "awsui_content-wrapper_93a1u_12uwn_284",
+  "main-row": "awsui_main-row_93a1u_12uwn_290",
+  "label-tag": "awsui_label-tag_93a1u_12uwn_297",
+  "secondary-text": "awsui_secondary-text_93a1u_12uwn_304"
 };