npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1328 → 3.0.1330 - Mend

@cloudscape-design/components-themeable 3.0.1328 → 3.0.1330

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

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

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1n86y_153",
-  "button": "awsui_button_vjswe_1n86y_157",
-  "variant-normal": "awsui_variant-normal_vjswe_1n86y_206",
-  "disabled": "awsui_disabled_vjswe_1n86y_227",
-  "variant-primary": "awsui_variant-primary_vjswe_1n86y_235",
-  "variant-link": "awsui_variant-link_vjswe_1n86y_264",
-  "variant-icon": "awsui_variant-icon_vjswe_1n86y_293",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1n86y_322",
-  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_1n86y_351",
-  "variant-inline-link": "awsui_variant-inline-link_vjswe_1n86y_380",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1n86y_413",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1n86y_442",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1n86y_471",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1n86y_505",
-  "button-no-text": "awsui_button-no-text_vjswe_1n86y_601",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1n86y_605",
-  "full-width": "awsui_full-width_vjswe_1n86y_608",
-  "icon-left": "awsui_icon-left_vjswe_1n86y_630",
-  "icon-right": "awsui_icon-right_vjswe_1n86y_635",
-  "icon": "awsui_icon_vjswe_1n86y_630",
-  "link": "awsui_link_vjswe_1n86y_654",
-  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_1n86y_654"
+  "content": "awsui_content_vjswe_mpcxp_153",
+  "button": "awsui_button_vjswe_mpcxp_157",
+  "variant-normal": "awsui_variant-normal_vjswe_mpcxp_206",
+  "disabled": "awsui_disabled_vjswe_mpcxp_227",
+  "variant-primary": "awsui_variant-primary_vjswe_mpcxp_235",
+  "variant-link": "awsui_variant-link_vjswe_mpcxp_264",
+  "variant-icon": "awsui_variant-icon_vjswe_mpcxp_293",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_mpcxp_322",
+  "variant-inline-icon-pointer-target": "awsui_variant-inline-icon-pointer-target_vjswe_mpcxp_351",
+  "variant-inline-link": "awsui_variant-inline-link_vjswe_mpcxp_380",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_mpcxp_413",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_mpcxp_442",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_mpcxp_471",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_mpcxp_505",
+  "button-no-text": "awsui_button-no-text_vjswe_mpcxp_601",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_mpcxp_605",
+  "full-width": "awsui_full-width_vjswe_mpcxp_608",
+  "icon-left": "awsui_icon-left_vjswe_mpcxp_630",
+  "icon-right": "awsui_icon-right_vjswe_mpcxp_635",
+  "icon": "awsui_icon_vjswe_mpcxp_630",
+  "link": "awsui_link_vjswe_mpcxp_654",
+  "disabled-with-reason": "awsui_disabled-with-reason_vjswe_mpcxp_654"
 };

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_1ps8v_145",
-  "no-content-styling": "awsui_no-content-styling_93a1u_1ps8v_157",
-  "disabled": "awsui_disabled_93a1u_1ps8v_162",
-  "show-divider": "awsui_show-divider_93a1u_1ps8v_169",
-  "highlighted": "awsui_highlighted_93a1u_1ps8v_172",
-  "is-focused": "awsui_is-focused_93a1u_1ps8v_187",
-  "visual-refresh": "awsui_visual-refresh_93a1u_1ps8v_190",
-  "menu-item": "awsui_menu-item_93a1u_1ps8v_194",
-  "link-style": "awsui_link-style_93a1u_1ps8v_211",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_1ps8v_248",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_1ps8v_256",
-  "has-category-header": "awsui_has-category-header_93a1u_1ps8v_262",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_1ps8v_262",
-  "has-checkmark": "awsui_has-checkmark_93a1u_1ps8v_262",
-  "icon": "awsui_icon_93a1u_1ps8v_269",
-  "checkmark": "awsui_checkmark_93a1u_1ps8v_273",
-  "external-icon": "awsui_external-icon_93a1u_1ps8v_280",
-  "content-wrapper": "awsui_content-wrapper_93a1u_1ps8v_284",
-  "main-row": "awsui_main-row_93a1u_1ps8v_290",
-  "label-tag": "awsui_label-tag_93a1u_1ps8v_297",
-  "secondary-text": "awsui_secondary-text_93a1u_1ps8v_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_1ps8v_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_1ps8v_145.awsui_no-content-styling_93a1u_1ps8v_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_1ps8v_145.awsui_disabled_93a1u_1ps8v_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_1ps8v_145:not(#\9):first-child {
+.awsui_item-element_93a1u_12uwn_145:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_item-element_93a1u_1ps8v_145.awsui_show-divider_93a1u_1ps8v_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_1ps8v_145.awsui_highlighted_93a1u_1ps8v_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_1ps8v_145.awsui_highlighted_93a1u_1ps8v_172.awsui_disabled_93a1u_1ps8v_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_1ps8v_145.awsui_highlighted_93a1u_1ps8v_172.awsui_is-focused_93a1u_1ps8v_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_1ps8v_145.awsui_highlighted_93a1u_1ps8v_172.awsui_is-focused_93a1u_1ps8v_187:not(#\9):not(.awsui_visual-refresh_93a1u_1ps8v_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_1ps8v_194:not(#\9) {
+.awsui_menu-item_93a1u_12uwn_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_1ps8v_194.awsui_no-content-styling_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_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);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
-  color: var(--awsui-style-color-default-6b9ypa, var(--color-text-link-default-z7zuy8, #0073bb));
+  color: var(--awsui-style-color-default-z17rmd, var(--color-text-link-default-z7zuy8, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -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_1ps8v_194.awsui_link-style_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_211:not(#\9), .awsui-mode-entering .awsui_menu-item_93a1u_1ps8v_194.awsui_link-style_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_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-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+  color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_menu-item_93a1u_1ps8v_194.awsui_link-style_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_211:not(#\9):active {
-  color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
+.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_1ps8v_194.awsui_link-style_93a1u_1ps8v_211:not(#\9):active, .awsui_menu-item_93a1u_1ps8v_194.awsui_link-style_93a1u_1ps8v_211:not(#\9):focus, .awsui_menu-item_93a1u_1ps8v_194.awsui_link-style_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_211.awsui_current-breadcrumb_93a1u_1ps8v_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_1ps8v_194.awsui_link-style_93a1u_1ps8v_211.awsui_link-style-highlighted_93a1u_1ps8v_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_1ps8v_194:not(#\9):focus {
+.awsui_menu-item_93a1u_12uwn_194:not(#\9):focus {
   outline: none;
 }
-.awsui_has-category-header_93a1u_1ps8v_262 > .awsui_menu-item_93a1u_1ps8v_194:not(#\9), .awsui_has-category-header_93a1u_1ps8v_262 > .awsui_item-tooltip-wrapper_93a1u_1ps8v_262 > .awsui_menu-item_93a1u_1ps8v_194:not(#\9), .awsui_has-category-header_93a1u_1ps8v_262:not(#\9):not(.awsui_has-checkmark_93a1u_1ps8v_262) > span > .awsui_menu-item_93a1u_1ps8v_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_1ps8v_262 > .awsui_menu-item_93a1u_1ps8v_194.awsui_no-content-styling_93a1u_1ps8v_157:not(#\9), .awsui_has-category-header_93a1u_1ps8v_262 > .awsui_item-tooltip-wrapper_93a1u_1ps8v_262 > .awsui_menu-item_93a1u_1ps8v_194.awsui_no-content-styling_93a1u_1ps8v_157:not(#\9), .awsui_has-category-header_93a1u_1ps8v_262:not(#\9):not(.awsui_has-checkmark_93a1u_1ps8v_262) > span > .awsui_menu-item_93a1u_1ps8v_194.awsui_no-content-styling_93a1u_1ps8v_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_1ps8v_269:not(#\9) {
+.awsui_icon_93a1u_12uwn_269:not(#\9) {
   padding-inline-end: var(--space-xxs-jnczic, 4px);
   flex-shrink: 0;
 }
-.awsui_icon_93a1u_1ps8v_269.awsui_checkmark_93a1u_1ps8v_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_1ps8v_269.awsui_disabled_93a1u_1ps8v_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_1ps8v_280:not(#\9) {
+.awsui_external-icon_93a1u_12uwn_280:not(#\9) {
   margin-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_content-wrapper_93a1u_1ps8v_284:not(#\9) {
+.awsui_content-wrapper_93a1u_12uwn_284:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.awsui_main-row_93a1u_1ps8v_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_1ps8v_297:not(#\9) {
+.awsui_label-tag_93a1u_12uwn_297:not(#\9) {
   color: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_label-tag_93a1u_1ps8v_297.awsui_disabled_93a1u_1ps8v_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_1ps8v_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_1ps8v_304.awsui_highlighted_93a1u_1ps8v_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_1ps8v_304.awsui_disabled_93a1u_1ps8v_162:not(#\9) {
+.awsui_secondary-text_93a1u_12uwn_304.awsui_disabled_93a1u_12uwn_162:not(#\9) {
   color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
 }