npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1342 → 3.0.1344 - Mend

@cloudscape-design/components-themeable 3.0.1342 → 3.0.1344

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

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

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1p67j_153",
-  "button": "awsui_button_vjswe_1p67j_157",
-  "variant-normal": "awsui_variant-normal_vjswe_1p67j_206",
-  "disabled": "awsui_disabled_vjswe_1p67j_227",
-  "variant-primary": "awsui_variant-primary_vjswe_1p67j_235",
-  "variant-link": "awsui_variant-link_vjswe_1p67j_264",
-  "variant-icon": "awsui_variant-icon_vjswe_1p67j_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1p67j_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1p67j_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1p67j_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1p67j_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1p67j_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1p67j_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1p67j_505",
-  "button-no-text": "awsui_button-no-text_vjswe_1p67j_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1p67j_605",
-  "full-width": "awsui_full-width_vjswe_1p67j_608",
-  "button-compact": "awsui_button-compact_vjswe_1p67j_625",
-  "icon-left": "awsui_icon-left_vjswe_1p67j_635",
-  "icon-right": "awsui_icon-right_vjswe_1p67j_640",
-  "icon": "awsui_icon_vjswe_1p67j_635",
-  "link": "awsui_link_vjswe_1p67j_659",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1p67j_659"
+  "content": "awsui_content_vjswe_1245f_153",
+  "button": "awsui_button_vjswe_1245f_157",
+  "variant-normal": "awsui_variant-normal_vjswe_1245f_206",
+  "disabled": "awsui_disabled_vjswe_1245f_227",
+  "variant-primary": "awsui_variant-primary_vjswe_1245f_235",
+  "variant-link": "awsui_variant-link_vjswe_1245f_264",
+  "variant-icon": "awsui_variant-icon_vjswe_1245f_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1245f_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1245f_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_1245f_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1245f_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1245f_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1245f_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1245f_505",
+  "button-no-text": "awsui_button-no-text_vjswe_1245f_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_1245f_605",
+  "full-width": "awsui_full-width_vjswe_1245f_608",
+  "button-compact": "awsui_button-compact_vjswe_1245f_625",
+  "icon-left": "awsui_icon-left_vjswe_1245f_635",
+  "icon-right": "awsui_icon-right_vjswe_1245f_640",
+  "icon": "awsui_icon_vjswe_1245f_635",
+  "link": "awsui_link_vjswe_1245f_659",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1245f_659"
 };

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_1asga_145",
-  "disabled": "awsui_disabled_16mm3_1asga_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_1asga_165",
-  "expandable-header": "awsui_expandable-header_16mm3_1asga_171",
-  "rolled-down": "awsui_rolled-down_16mm3_1asga_182",
-  "highlighted": "awsui_highlighted_16mm3_1asga_185",
-  "is-focused": "awsui_is-focused_16mm3_1asga_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1asga_211",
-  "category": "awsui_category_16mm3_1asga_215",
-  "expandable": "awsui_expandable_16mm3_1asga_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1asga_230",
-  "expand-icon": "awsui_expand-icon_16mm3_1asga_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1asga_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1asga_262",
-  "items-list-container": "awsui_items-list-container_16mm3_1asga_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1asga_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1asga_283",
-  "header-content": "awsui_header-content_16mm3_1asga_287"
+  "header": "awsui_header_16mm3_rij22_145",
+  "disabled": "awsui_disabled_16mm3_rij22_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_rij22_165",
+  "expandable-header": "awsui_expandable-header_16mm3_rij22_171",
+  "rolled-down": "awsui_rolled-down_16mm3_rij22_182",
+  "highlighted": "awsui_highlighted_16mm3_rij22_185",
+  "is-focused": "awsui_is-focused_16mm3_rij22_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_rij22_211",
+  "category": "awsui_category_16mm3_rij22_215",
+  "expandable": "awsui_expandable_16mm3_rij22_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_rij22_230",
+  "expand-icon": "awsui_expand-icon_16mm3_rij22_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_rij22_259",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_rij22_262",
+  "items-list-container": "awsui_items-list-container_16mm3_rij22_270",
+  "in-dropdown": "awsui_in-dropdown_16mm3_rij22_279",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_rij22_283",
+  "header-content": "awsui_header-content_16mm3_rij22_287"
 };

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

@@ -142,11 +142,11 @@
 */
 /* 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_1asga_145:not(#\9) {
+.awsui_header_16mm3_rij22_145:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
-  color: var(--color-text-dropdown-group-label-m31yo5, #545b64);
+  color: var(--color-text-dropdown-group-label-ev6i63, #545b64);
   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;
@@ -158,83 +158,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: calc(var(--space-button-horizontal-v8ywmo, 20px) + var(--border-item-width-pyfg4s, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_1asga_145.awsui_disabled_16mm3_1asga_161:not(#\9) {
-  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
+.awsui_header_16mm3_rij22_145.awsui_disabled_16mm3_rij22_161:not(#\9) {
+  color: var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_1asga_145.awsui_no-content-styling_16mm3_1asga_165:not(#\9) {
+.awsui_header_16mm3_rij22_145.awsui_no-content-styling_16mm3_rij22_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-fr92v6, 400);
   color: inherit;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_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);
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171:not(#\9) {
+  border-block-start-color: var(--color-border-dropdown-group-vjcmu0, #eaeded);
+  border-block-end-color: var(--color-border-dropdown-group-vjcmu0, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_disabled_16mm3_1asga_161:not(#\9) {
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_disabled_16mm3_rij22_161:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171:not(#\9):focus {
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_rolled-down_16mm3_1asga_182:not(#\9) {
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_rolled-down_16mm3_rij22_182:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_highlighted_16mm3_1asga_185:not(#\9) {
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
-  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_highlighted_16mm3_rij22_185:not(#\9) {
+  background-color: var(--color-background-dropdown-item-hover-8liz26, #f2f3f3);
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
   padding-block: var(--space-option-padding-vertical-uomfe1, 4px);
   padding-inline: var(--space-button-horizontal-v8ywmo, 20px);
-  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-block: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-4796ds, #879596);
+  border-inline: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-item-hover-4796ds, #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_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_highlighted_16mm3_1asga_185.awsui_no-content-styling_16mm3_1asga_165:not(#\9) {
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_highlighted_16mm3_rij22_185.awsui_no-content-styling_16mm3_rij22_165:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: inherit;
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_highlighted_16mm3_1asga_185.awsui_disabled_16mm3_1asga_161:not(#\9) {
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_highlighted_16mm3_rij22_185.awsui_disabled_16mm3_rij22_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);
+  color: var(--color-text-dropdown-item-dimmed-7akr3u, #aab7b8);
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_highlighted_16mm3_1asga_185.awsui_is-focused_16mm3_1asga_208:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_highlighted_16mm3_rij22_185.awsui_is-focused_16mm3_rij22_208:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
 }
-.awsui_header_16mm3_1asga_145.awsui_expandable-header_16mm3_1asga_171.awsui_highlighted_16mm3_1asga_185.awsui_is-focused_16mm3_1asga_208:not(#\9):not(.awsui_visual-refresh_16mm3_1asga_211) {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+.awsui_header_16mm3_rij22_145.awsui_expandable-header_16mm3_rij22_171.awsui_highlighted_16mm3_rij22_185.awsui_is-focused_16mm3_rij22_208:not(#\9):not(.awsui_visual-refresh_16mm3_rij22_211) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_category_16mm3_1asga_215:not(#\9) {
+.awsui_category_16mm3_rij22_215:not(#\9) {
   list-style: none;
   margin-block-start: calc(-1 * var(--border-divider-list-width-2qbfmz, 1px));
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_category_16mm3_1asga_215:not(#\9):first-child {
+.awsui_category_16mm3_rij22_215:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_1asga_215.awsui_expandable_16mm3_1asga_171:not(#\9) {
+.awsui_category_16mm3_rij22_215.awsui_expandable_16mm3_rij22_171:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_1asga_215:not(#\9):last-child {
+.awsui_category_16mm3_rij22_215:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_1asga_215.awsui_variant-navigation_16mm3_1asga_230:not(#\9) {
+.awsui_category_16mm3_rij22_215.awsui_variant-navigation_16mm3_rij22_230:not(#\9) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_category_16mm3_1asga_215.awsui_variant-navigation_16mm3_1asga_230.awsui_expandable_16mm3_1asga_171:not(#\9) {
+.awsui_category_16mm3_rij22_215.awsui_variant-navigation_16mm3_rij22_230.awsui_expandable_16mm3_rij22_171:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_expand-icon_16mm3_1asga_237:not(#\9) {
+.awsui_expand-icon_16mm3_rij22_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_1asga_237:not(#\9) {
+.awsui-one-theme .awsui_expand-icon_16mm3_rij22_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_1asga_237:not(#\9) {
+  .awsui_expand-icon_16mm3_rij22_237:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_1asga_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_1asga_237:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_rij22_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_rij22_237:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_expand-icon-up_16mm3_1asga_259:not(#\9) {
+.awsui_expand-icon-up_16mm3_rij22_259:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_1asga_262:not(#\9) {
+.awsui_expand-icon-right_16mm3_rij22_262:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_1asga_262:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_rij22_262:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_items-list-container_16mm3_1asga_270:not(#\9) {
+.awsui_items-list-container_16mm3_rij22_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_1asga_279:not(#\9) {
+.awsui_in-dropdown_16mm3_rij22_279:not(#\9) {
   margin-block-end: -1px;
 }
-.awsui_icon-wrapper_16mm3_1asga_283:not(#\9) {
+.awsui_icon-wrapper_16mm3_rij22_283:not(#\9) {
   margin-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_header-content_16mm3_1asga_287:not(#\9) {
+.awsui_header-content_16mm3_rij22_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_1asga_145",
-  "disabled": "awsui_disabled_16mm3_1asga_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_1asga_165",
-  "expandable-header": "awsui_expandable-header_16mm3_1asga_171",
-  "rolled-down": "awsui_rolled-down_16mm3_1asga_182",
-  "highlighted": "awsui_highlighted_16mm3_1asga_185",
-  "is-focused": "awsui_is-focused_16mm3_1asga_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_1asga_211",
-  "category": "awsui_category_16mm3_1asga_215",
-  "expandable": "awsui_expandable_16mm3_1asga_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_1asga_230",
-  "expand-icon": "awsui_expand-icon_16mm3_1asga_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_1asga_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_1asga_262",
-  "items-list-container": "awsui_items-list-container_16mm3_1asga_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_1asga_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_1asga_283",
-  "header-content": "awsui_header-content_16mm3_1asga_287"
+  "header": "awsui_header_16mm3_rij22_145",
+  "disabled": "awsui_disabled_16mm3_rij22_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_rij22_165",
+  "expandable-header": "awsui_expandable-header_16mm3_rij22_171",
+  "rolled-down": "awsui_rolled-down_16mm3_rij22_182",
+  "highlighted": "awsui_highlighted_16mm3_rij22_185",
+  "is-focused": "awsui_is-focused_16mm3_rij22_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_rij22_211",
+  "category": "awsui_category_16mm3_rij22_215",
+  "expandable": "awsui_expandable_16mm3_rij22_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_rij22_230",
+  "expand-icon": "awsui_expand-icon_16mm3_rij22_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_rij22_259",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_rij22_262",
+  "items-list-container": "awsui_items-list-container_16mm3_rij22_270",
+  "in-dropdown": "awsui_in-dropdown_16mm3_rij22_279",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_rij22_283",
+  "header-content": "awsui_header-content_16mm3_rij22_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_11o9p_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_11o9p_157",
-  "disabled": "awsui_disabled_93a1u_11o9p_162",
-  "show-divider": "awsui_show-divider_93a1u_11o9p_169",
-  "highlighted": "awsui_highlighted_93a1u_11o9p_172",
-  "is-focused": "awsui_is-focused_93a1u_11o9p_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_11o9p_190",
-  "menu-item": "awsui_menu-item_93a1u_11o9p_194",
-  "link-style": "awsui_link-style_93a1u_11o9p_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_11o9p_248",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_11o9p_256",
-  "has-category-header": "awsui_has-category-header_93a1u_11o9p_262",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_11o9p_262",
-  "has-checkmark": "awsui_has-checkmark_93a1u_11o9p_262",
-  "icon": "awsui_icon_93a1u_11o9p_269",
-  "checkmark": "awsui_checkmark_93a1u_11o9p_273",
-  "external-icon": "awsui_external-icon_93a1u_11o9p_280",
-  "content-wrapper": "awsui_content-wrapper_93a1u_11o9p_284",
-  "main-row": "awsui_main-row_93a1u_11o9p_290",
-  "label-tag": "awsui_label-tag_93a1u_11o9p_297",
-  "secondary-text": "awsui_secondary-text_93a1u_11o9p_304"
+  "item-element": "awsui_item-element_93a1u_ppzil_145",
+  "no-content-styling": "awsui_no-content-styling_93a1u_ppzil_157",
+  "disabled": "awsui_disabled_93a1u_ppzil_162",
+  "show-divider": "awsui_show-divider_93a1u_ppzil_169",
+  "highlighted": "awsui_highlighted_93a1u_ppzil_172",
+  "is-focused": "awsui_is-focused_93a1u_ppzil_187",
+  "visual-refresh": "awsui_visual-refresh_93a1u_ppzil_190",
+  "menu-item": "awsui_menu-item_93a1u_ppzil_194",
+  "link-style": "awsui_link-style_93a1u_ppzil_211",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_ppzil_248",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_ppzil_256",
+  "has-category-header": "awsui_has-category-header_93a1u_ppzil_262",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_ppzil_262",
+  "has-checkmark": "awsui_has-checkmark_93a1u_ppzil_262",
+  "icon": "awsui_icon_93a1u_ppzil_269",
+  "checkmark": "awsui_checkmark_93a1u_ppzil_273",
+  "external-icon": "awsui_external-icon_93a1u_ppzil_280",
+  "content-wrapper": "awsui_content-wrapper_93a1u_ppzil_284",
+  "main-row": "awsui_main-row_93a1u_ppzil_290",
+  "label-tag": "awsui_label-tag_93a1u_ppzil_297",
+  "secondary-text": "awsui_secondary-text_93a1u_ppzil_304"
 };

package/lib/internal/template/button-dropdown/item-element/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_item-element_93a1u_11o9p_145:not(#\9) {
+.awsui_item-element_93a1u_ppzil_145:not(#\9) {
   position: relative;
   z-index: 1;
   border-block: var(--border-item-width-pyfg4s, 1px) solid transparent;
@@ -150,48 +150,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
-  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
+  color: var(--color-text-dropdown-item-default-q1v4ei, #16191f);
   margin-block-start: calc(-1 * var(--border-width-dropdown-4gpjx5, 1px));
   cursor: pointer;
 }
-.awsui_item-element_93a1u_11o9p_145.awsui_no-content-styling_93a1u_11o9p_157:not(#\9) {
+.awsui_item-element_93a1u_ppzil_145.awsui_no-content-styling_93a1u_ppzil_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
-  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
+  color: var(--color-text-dropdown-item-default-q1v4ei, #16191f);
 }
-.awsui_item-element_93a1u_11o9p_145.awsui_disabled_93a1u_11o9p_162:not(#\9) {
+.awsui_item-element_93a1u_ppzil_145.awsui_disabled_93a1u_ppzil_162:not(#\9) {
   cursor: default;
-  color: var(--color-text-dropdown-item-disabled-oysy8n, #aab7b8);
+  color: var(--color-text-dropdown-item-disabled-g8nr7t, #aab7b8);
 }
-.awsui_item-element_93a1u_11o9p_145:not(#\9):first-child {
+.awsui_item-element_93a1u_ppzil_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_11o9p_145.awsui_show-divider_93a1u_11o9p_169:not(#\9) {
-  border-block-end: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
+.awsui_item-element_93a1u_ppzil_145.awsui_show-divider_93a1u_ppzil_169:not(#\9) {
+  border-block-end: var(--border-item-width-pyfg4s, 1px) solid var(--color-border-dropdown-group-vjcmu0, #eaeded);
 }
-.awsui_item-element_93a1u_11o9p_145.awsui_highlighted_93a1u_11o9p_172:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
+.awsui_item-element_93a1u_ppzil_145.awsui_highlighted_93a1u_ppzil_172:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
   z-index: 2;
-  background-color: var(--color-background-dropdown-item-hover-353r6f, #f2f3f3);
-  border-color: var(--color-border-dropdown-item-hover-vony6u, #879596);
+  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-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_11o9p_145.awsui_highlighted_93a1u_11o9p_172.awsui_disabled_93a1u_11o9p_162:not(#\9) {
-  color: var(--color-text-dropdown-item-dimmed-0xf8v3, #aab7b8);
+.awsui_item-element_93a1u_ppzil_145.awsui_highlighted_93a1u_ppzil_172.awsui_disabled_93a1u_ppzil_162: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_11o9p_145.awsui_highlighted_93a1u_11o9p_172.awsui_is-focused_93a1u_11o9p_187:not(#\9) {
-  border-color: var(--color-border-dropdown-item-focused-xty1zx, #0073bb);
+.awsui_item-element_93a1u_ppzil_145.awsui_highlighted_93a1u_ppzil_172.awsui_is-focused_93a1u_ppzil_187:not(#\9) {
+  border-color: var(--color-border-dropdown-item-focused-am1kt4, #0073bb);
 }
-.awsui_item-element_93a1u_11o9p_145.awsui_highlighted_93a1u_11o9p_172.awsui_is-focused_93a1u_11o9p_187:not(#\9):not(.awsui_visual-refresh_93a1u_11o9p_190) {
-  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
+.awsui_item-element_93a1u_ppzil_145.awsui_highlighted_93a1u_ppzil_172.awsui_is-focused_93a1u_ppzil_187:not(#\9):not(.awsui_visual-refresh_93a1u_ppzil_190) {
+  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-a3thrr, #0073bb);
 }
-.awsui_menu-item_93a1u_11o9p_194:not(#\9) {
+.awsui_menu-item_93a1u_ppzil_194:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: flex;
@@ -203,17 +203,17 @@ 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_11o9p_194.awsui_no-content-styling_93a1u_11o9p_157:not(#\9) {
+.awsui_menu-item_93a1u_ppzil_194.awsui_no-content-styling_93a1u_ppzil_157:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
-  color: var(--color-text-dropdown-item-default-a6mvc9, #16191f);
+  color: var(--color-text-dropdown-item-default-q1v4ei, #16191f);
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9) {
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_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-n3u7wl, 1px);
   text-decoration-style: var(--font-decoration-style-link-lw1s9g, solid);
-  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-esndbs, var(--color-text-link-default-9cv1el, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -224,94 +224,94 @@ 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_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9) {
+  .awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9) {
+.awsui-motion-disabled .awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):hover {
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):hover {
   cursor: pointer;
-  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):focus {
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):focus {
   outline: none;
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):active {
-  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):active {
+  color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-9p24kb, #0a4a74));
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):active, .awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):focus, .awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211:not(#\9):hover {
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):active, .awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):focus, .awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211.awsui_current-breadcrumb_93a1u_11o9p_248:not(#\9) {
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211.awsui_current-breadcrumb_93a1u_ppzil_248:not(#\9) {
   font-weight: var(--font-weight-button-2p3grf, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-dpz0hr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-kjlydy, auto);
-  color: var(--color-text-breadcrumb-current-hwvp31, #687078);
+  color: var(--color-text-breadcrumb-current-j7hdo7, #687078);
   font-weight: var(--font-weight-bold-xpar9m, 700);
   text-decoration: none;
 }
-.awsui_menu-item_93a1u_11o9p_194.awsui_link-style_93a1u_11o9p_211.awsui_link-style-highlighted_93a1u_11o9p_256:not(#\9) {
-  color: var(--color-text-link-hover-pqxtsy, #0a4a74);
+.awsui_menu-item_93a1u_ppzil_194.awsui_link-style_93a1u_ppzil_211.awsui_link-style-highlighted_93a1u_ppzil_256:not(#\9) {
+  color: var(--color-text-link-hover-9p24kb, #0a4a74);
 }
-.awsui_menu-item_93a1u_11o9p_194:not(#\9):focus {
+.awsui_menu-item_93a1u_ppzil_194:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_11o9p_262 > .awsui_menu-item_93a1u_11o9p_194:not(#\9), .awsui_has-category-header_93a1u_11o9p_262 > .awsui_item-tooltip-wrapper_93a1u_11o9p_262 > .awsui_menu-item_93a1u_11o9p_194:not(#\9), .awsui_has-category-header_93a1u_11o9p_262:not(#\9):not(.awsui_has-checkmark_93a1u_11o9p_262) > span > .awsui_menu-item_93a1u_11o9p_194 {
+.awsui_has-category-header_93a1u_ppzil_262 > .awsui_menu-item_93a1u_ppzil_194:not(#\9), .awsui_has-category-header_93a1u_ppzil_262 > .awsui_item-tooltip-wrapper_93a1u_ppzil_262 > .awsui_menu-item_93a1u_ppzil_194:not(#\9), .awsui_has-category-header_93a1u_ppzil_262:not(#\9):not(.awsui_has-checkmark_93a1u_ppzil_262) > span > .awsui_menu-item_93a1u_ppzil_194 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-option-padding-horizontal-kfszlb, 20px));
 }
-.awsui_has-category-header_93a1u_11o9p_262 > .awsui_menu-item_93a1u_11o9p_194.awsui_no-content-styling_93a1u_11o9p_157:not(#\9), .awsui_has-category-header_93a1u_11o9p_262 > .awsui_item-tooltip-wrapper_93a1u_11o9p_262 > .awsui_menu-item_93a1u_11o9p_194.awsui_no-content-styling_93a1u_11o9p_157:not(#\9), .awsui_has-category-header_93a1u_11o9p_262:not(#\9):not(.awsui_has-checkmark_93a1u_11o9p_262) > span > .awsui_menu-item_93a1u_11o9p_194.awsui_no-content-styling_93a1u_11o9p_157 {
+.awsui_has-category-header_93a1u_ppzil_262 > .awsui_menu-item_93a1u_ppzil_194.awsui_no-content-styling_93a1u_ppzil_157:not(#\9), .awsui_has-category-header_93a1u_ppzil_262 > .awsui_item-tooltip-wrapper_93a1u_ppzil_262 > .awsui_menu-item_93a1u_ppzil_194.awsui_no-content-styling_93a1u_ppzil_157:not(#\9), .awsui_has-category-header_93a1u_ppzil_262:not(#\9):not(.awsui_has-checkmark_93a1u_ppzil_262) > span > .awsui_menu-item_93a1u_ppzil_194.awsui_no-content-styling_93a1u_ppzil_157 {
   padding-inline-start: 0;
 }
-.awsui_icon_93a1u_11o9p_269:not(#\9) {
+.awsui_icon_93a1u_ppzil_269:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_11o9p_269.awsui_checkmark_93a1u_11o9p_273:not(#\9) {
-  color: var(--color-item-selected-2dv7ug, #0073bb);
+.awsui_icon_93a1u_ppzil_269.awsui_checkmark_93a1u_ppzil_273:not(#\9) {
+  color: var(--color-item-selected-no87na, #0073bb);
 }
-.awsui_icon_93a1u_11o9p_269.awsui_disabled_93a1u_11o9p_162:not(#\9) {
-  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
+.awsui_icon_93a1u_ppzil_269.awsui_disabled_93a1u_ppzil_162:not(#\9) {
+  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
 }
-.awsui_external-icon_93a1u_11o9p_280:not(#\9) {
+.awsui_external-icon_93a1u_ppzil_280:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_content-wrapper_93a1u_11o9p_284:not(#\9) {
+.awsui_content-wrapper_93a1u_ppzil_284:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.awsui_main-row_93a1u_11o9p_290:not(#\9) {
+.awsui_main-row_93a1u_ppzil_290:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-s-4a5hs8, 12px);
 }
-.awsui_label-tag_93a1u_11o9p_297:not(#\9) {
-  color: var(--color-text-body-default-5qid0u, #16191f);
+.awsui_label-tag_93a1u_ppzil_297:not(#\9) {
+  color: var(--color-text-body-default-kbrad2, #16191f);
 }
-.awsui_label-tag_93a1u_11o9p_297.awsui_disabled_93a1u_11o9p_162:not(#\9) {
-  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
+.awsui_label-tag_93a1u_ppzil_297.awsui_disabled_93a1u_ppzil_162:not(#\9) {
+  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
 }
-.awsui_secondary-text_93a1u_11o9p_304:not(#\9) {
+.awsui_secondary-text_93a1u_ppzil_304:not(#\9) {
   font-size: var(--font-size-body-s-89y7qg, 12px);
   line-height: var(--line-height-body-s-gako33, 16px);
   letter-spacing: var(--letter-spacing-body-s-dzcybc, normal);
-  color: var(--color-text-dropdown-item-secondary-fi0yxi, #687078);
+  color: var(--color-text-dropdown-item-secondary-w5rx3r, #687078);
 }
-.awsui_secondary-text_93a1u_11o9p_304.awsui_highlighted_93a1u_11o9p_172:not(#\9) {
-  color: var(--color-text-dropdown-item-highlighted-bchk26, #16191f);
+.awsui_secondary-text_93a1u_ppzil_304.awsui_highlighted_93a1u_ppzil_172:not(#\9) {
+  color: var(--color-text-dropdown-item-highlighted-c6ndhl, #16191f);
 }
-.awsui_secondary-text_93a1u_11o9p_304.awsui_disabled_93a1u_11o9p_162:not(#\9) {
-  color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
+.awsui_secondary-text_93a1u_ppzil_304.awsui_disabled_93a1u_ppzil_162:not(#\9) {
+  color: var(--color-text-interactive-disabled-i9f2yj, #aab7b8);
 }