npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1349 → 3.0.1351 - Mend

@cloudscape-design/components-themeable 3.0.1349 → 3.0.1351

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

package/lib/internal/template/breadcrumb-group/item/styles.scoped.css CHANGED Viewed

@@ -142,26 +142,22 @@
 */
 /* 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_link_1kosq_i306g_145:not(#\9):after {
+.awsui_link_1kosq_o77lq_145:not(#\9):after {
   display: none;
 }
-.awsui_breadcrumb_1kosq_i306g_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_icon_1kosq_i306g_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_icon_1kosq_i306g_153:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_icon_1kosq_o77lq_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_icon_1kosq_o77lq_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-m9b7jf, 8px);
   color: var(--color-text-breadcrumb-icon-bkucca, #687078);
 }
-.awsui-one-theme .awsui_breadcrumb_1kosq_i306g_149 > .awsui_icon_1kosq_i306g_153:not(#\9),
-.awsui-one-theme .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_icon_1kosq_i306g_153:not(#\9) {
-  margin-inline: var(--space-xxs-3o1yoq, 4px);
-}
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
@@ -178,42 +174,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9) {
+  .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):hover {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):active {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):active {
   color: var(--awsui-style-color-active-esndbs, var(--color-text-link-hover-n1r6g0, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):active, .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus, .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):hover {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):active, .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus, .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-opkmr8, currentColor);
 }
-.awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163 > .awsui_text_1kosq_i306g_211:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163 > .awsui_text_1kosq_i306g_211:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159 > .awsui_text_1kosq_o77lq_207:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159 > .awsui_text_1kosq_o77lq_207:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_i306g_149 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_i306g_150 > .awsui_anchor_1kosq_i306g_163:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_o77lq_149 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_o77lq_150 > .awsui_anchor_1kosq_o77lq_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
@@ -224,12 +220,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_i306g_150 > .a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-ggjunl, 0px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_breadcrumb_1kosq_i306g_149.awsui_last_1kosq_i306g_230 > .awsui_icon_1kosq_i306g_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150.awsui_last_1kosq_i306g_230 > .awsui_icon_1kosq_i306g_153:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149.awsui_last_1kosq_o77lq_226 > .awsui_icon_1kosq_o77lq_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150.awsui_last_1kosq_o77lq_226 > .awsui_icon_1kosq_o77lq_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_i306g_149.awsui_last_1kosq_i306g_230 > .awsui_anchor_1kosq_i306g_163:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_i306g_150.awsui_last_1kosq_i306g_230 > .awsui_anchor_1kosq_i306g_163:not(#\9) {
+.awsui_breadcrumb_1kosq_o77lq_149.awsui_last_1kosq_o77lq_226 > .awsui_anchor_1kosq_o77lq_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_o77lq_150.awsui_last_1kosq_o77lq_226 > .awsui_anchor_1kosq_o77lq_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-iukxuf, #687078);
   font-weight: var(--font-weight-breadcrumb-current-7sfze6, 700);
   text-decoration: none;

package/lib/internal/template/breadcrumb-group/item/styles.selectors.js CHANGED Viewed

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_i306g_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_i306g_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_i306g_150",
-  "icon": "awsui_icon_1kosq_i306g_153",
-  "anchor": "awsui_anchor_1kosq_i306g_163",
-  "text": "awsui_text_1kosq_i306g_211",
-  "last": "awsui_last_1kosq_i306g_230"
+  "link": "awsui_link_1kosq_o77lq_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_o77lq_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_o77lq_150",
+  "icon": "awsui_icon_1kosq_o77lq_153",
+  "anchor": "awsui_anchor_1kosq_o77lq_159",
+  "text": "awsui_text_1kosq_o77lq_207",
+  "last": "awsui_last_1kosq_o77lq_226"
 };

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

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_w4egs_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_w4egs_180",
-  "ghost": "awsui_ghost_d19fg_w4egs_191",
-  "item": "awsui_item_d19fg_w4egs_196",
-  "ghost-item": "awsui_ghost-item_d19fg_w4egs_197",
-  "ellipsis": "awsui_ellipsis_d19fg_w4egs_198",
-  "hide": "awsui_hide_d19fg_w4egs_209",
-  "visible": "awsui_visible_d19fg_w4egs_215",
-  "icon": "awsui_icon_d19fg_w4egs_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_w4egs_228",
-  "collapsed-button": "awsui_collapsed-button_d19fg_w4egs_232",
-  "button-icon": "awsui_button-icon_d19fg_w4egs_314",
-  "button-icon-open": "awsui_button-icon-open_d19fg_w4egs_328",
-  "hidden": "awsui_hidden_d19fg_w4egs_332"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_1fhhd_145",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_1fhhd_180",
+  "ghost": "awsui_ghost_d19fg_1fhhd_191",
+  "item": "awsui_item_d19fg_1fhhd_196",
+  "ghost-item": "awsui_ghost-item_d19fg_1fhhd_197",
+  "ellipsis": "awsui_ellipsis_d19fg_1fhhd_198",
+  "hide": "awsui_hide_d19fg_1fhhd_209",
+  "visible": "awsui_visible_d19fg_1fhhd_215",
+  "icon": "awsui_icon_d19fg_1fhhd_219",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_1fhhd_225",
+  "collapsed-button": "awsui_collapsed-button_d19fg_1fhhd_229",
+  "button-icon": "awsui_button-icon_d19fg_1fhhd_311",
+  "button-icon-open": "awsui_button-icon-open_d19fg_1fhhd_325",
+  "hidden": "awsui_hidden_d19fg_1fhhd_329"
 };

package/lib/internal/template/breadcrumb-group/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_breadcrumb-group_d19fg_w4egs_145:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,7 +177,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-xxs-3o1yoq, 4px);
   padding-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180:not(#\9) {
   display: flex;
   align-items: center;
   padding-block: 0;
@@ -188,48 +188,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
   flex-wrap: nowrap;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180.awsui_ghost_d19fg_w4egs_191:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180.awsui_ghost_d19fg_1fhhd_191:not(#\9) {
   flex-wrap: wrap;
   position: absolute;
   inset-inline-start: -9000px;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_item_d19fg_w4egs_196:not(#\9),
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ghost-item_d19fg_w4egs_197:not(#\9),
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ellipsis_d19fg_w4egs_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_item_d19fg_1fhhd_196:not(#\9),
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_ghost-item_d19fg_1fhhd_197:not(#\9),
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_ellipsis_d19fg_1fhhd_198:not(#\9) {
   display: inline-block;
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
   margin-inline: 0;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_item_d19fg_w4egs_196:not(#\9):last-child {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_item_d19fg_1fhhd_196:not(#\9):last-child {
   flex-shrink: 1;
   min-inline-size: 0;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_item_d19fg_w4egs_196.awsui_hide_d19fg_w4egs_209:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_item_d19fg_1fhhd_196.awsui_hide_d19fg_1fhhd_209:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ellipsis_d19fg_w4egs_198:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_ellipsis_d19fg_1fhhd_198:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ellipsis_d19fg_w4egs_198.awsui_visible_d19fg_w4egs_215:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_ellipsis_d19fg_1fhhd_198.awsui_visible_d19fg_1fhhd_215:not(#\9) {
   display: flex;
   flex-shrink: 0;
 }
-.awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ellipsis_d19fg_w4egs_198 > .awsui_icon_d19fg_w4egs_219:not(#\9) {
+.awsui_breadcrumb-group_d19fg_1fhhd_145 > .awsui_breadcrumb-group-list_d19fg_1fhhd_180 > .awsui_ellipsis_d19fg_1fhhd_198 > .awsui_icon_d19fg_1fhhd_219:not(#\9) {
   margin-block: 0;
   margin-inline: 10px;
   color: var(--color-text-breadcrumb-icon-bkucca, #687078);
 }
-.awsui-one-theme .awsui_breadcrumb-group_d19fg_w4egs_145 > .awsui_breadcrumb-group-list_d19fg_w4egs_180 > .awsui_ellipsis_d19fg_w4egs_198 > .awsui_icon_d19fg_w4egs_219:not(#\9) {
-  margin-inline: var(--space-xxs-3o1yoq, 4px);
-}
-.awsui_breadcrumbs-skeleton_d19fg_w4egs_228:not(#\9) {
+.awsui_breadcrumbs-skeleton_d19fg_1fhhd_225:not(#\9) {
   display: none;
 }
-.awsui_collapsed-button_d19fg_w4egs_232:not(#\9) {
+.awsui_collapsed-button_d19fg_1fhhd_229:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -276,14 +273,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-xxs-3o1yoq, 4px);
   max-inline-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_w4egs_232:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_1fhhd_229:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_w4egs_232:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_1fhhd_229:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-dzjnny, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_w4egs_232:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_1fhhd_229:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -297,38 +294,38 @@ body[data-awsui-focus-visible=true] .awsui_collapsed-button_d19fg_w4egs_232:not(
   border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_collapsed-button_d19fg_w4egs_232:not(#\9):hover {
+.awsui_collapsed-button_d19fg_1fhhd_229:not(#\9):hover {
   color: var(--color-text-interactive-hover-zj1911, #16191f);
 }
-.awsui_collapsed-button_d19fg_w4egs_232 > :not(#\9):last-child {
+.awsui_collapsed-button_d19fg_1fhhd_229 > :not(#\9):last-child {
   color: var(--color-text-breadcrumb-current-iukxuf, #687078);
   font-weight: var(--font-weight-breadcrumb-current-7sfze6, 700);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_collapsed-button_d19fg_w4egs_232 > :not(#\9):last-child:hover {
+.awsui_collapsed-button_d19fg_1fhhd_229 > :not(#\9):last-child:hover {
   color: var(--color-text-interactive-hover-zj1911, #16191f);
 }
-.awsui_button-icon_d19fg_w4egs_314:not(#\9) {
+.awsui_button-icon_d19fg_1fhhd_311:not(#\9) {
   transform: rotate(0deg);
   transition: transform var(--motion-duration-rotate-180-69rh8b, 135ms) var(--motion-easing-rotate-180-nmpsiw, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_button-icon_d19fg_w4egs_314:not(#\9) {
+  .awsui_button-icon_d19fg_1fhhd_311:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_button-icon_d19fg_w4egs_314:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_w4egs_314:not(#\9) {
+.awsui-motion-disabled .awsui_button-icon_d19fg_1fhhd_311:not(#\9), .awsui-mode-entering .awsui_button-icon_d19fg_1fhhd_311:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_button-icon-open_d19fg_w4egs_328:not(#\9) {
+.awsui_button-icon-open_d19fg_1fhhd_325:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_hidden_d19fg_w4egs_332:not(#\9) {
+.awsui_hidden_d19fg_1fhhd_329:not(#\9) {
   display: none;
 }

package/lib/internal/template/breadcrumb-group/styles.selectors.js CHANGED Viewed

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_w4egs_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_w4egs_180",
-  "ghost": "awsui_ghost_d19fg_w4egs_191",
-  "item": "awsui_item_d19fg_w4egs_196",
-  "ghost-item": "awsui_ghost-item_d19fg_w4egs_197",
-  "ellipsis": "awsui_ellipsis_d19fg_w4egs_198",
-  "hide": "awsui_hide_d19fg_w4egs_209",
-  "visible": "awsui_visible_d19fg_w4egs_215",
-  "icon": "awsui_icon_d19fg_w4egs_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_w4egs_228",
-  "collapsed-button": "awsui_collapsed-button_d19fg_w4egs_232",
-  "button-icon": "awsui_button-icon_d19fg_w4egs_314",
-  "button-icon-open": "awsui_button-icon-open_d19fg_w4egs_328",
-  "hidden": "awsui_hidden_d19fg_w4egs_332"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_1fhhd_145",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_1fhhd_180",
+  "ghost": "awsui_ghost_d19fg_1fhhd_191",
+  "item": "awsui_item_d19fg_1fhhd_196",
+  "ghost-item": "awsui_ghost-item_d19fg_1fhhd_197",
+  "ellipsis": "awsui_ellipsis_d19fg_1fhhd_198",
+  "hide": "awsui_hide_d19fg_1fhhd_209",
+  "visible": "awsui_visible_d19fg_1fhhd_215",
+  "icon": "awsui_icon_d19fg_1fhhd_219",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_1fhhd_225",
+  "collapsed-button": "awsui_collapsed-button_d19fg_1fhhd_229",
+  "button-icon": "awsui_button-icon_d19fg_1fhhd_311",
+  "button-icon-open": "awsui_button-icon-open_d19fg_1fhhd_325",
+  "hidden": "awsui_hidden_d19fg_1fhhd_329"
 };

package/lib/internal/template/button/icon-helper.js CHANGED Viewed

@@ -17,7 +17,7 @@ function IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...
 }
 export function LeftIcon(props) {
     if (props.loading) {
-        return React.createElement(InternalSpinner, { className: clsx(styles.icon, styles['icon-left']) });
+        return React.createElement(InternalSpinner, { variant: "disabled", className: clsx(styles.icon, styles['icon-left']) });
     }
     else if (getIconAlign(props) === 'left') {
         return React.createElement(IconWrapper, { ...props });

package/lib/internal/template/button/icon-helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACtG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,eAAe,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAI,CAAC;~~IAChF~~,CAAC;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE,CAAC;QACpC,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ButtonIconProps {\n loading?: boolean;\n iconName?: ButtonProps['iconName'];\n iconAlign?: ButtonProps['iconAlign'];\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n iconAlt?: string;\n iconSize?: IconProps.Size;\n variant?: string;\n iconClass?: string;\n badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n const standalone = props.variant === 'icon' \|\| props.variant === 'inline-icon';\n\n return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n if (!iconName && !iconUrl && !iconSvg) {\n return null;\n }\n\n return (\n <InternalIcon\n className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n size={iconSize}\n badge={badge}\n />\n );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n if (props.loading) {\n return <InternalSpinner className={clsx(styles.icon, styles['icon-left'])} />;\n } else if (getIconAlign(props) === 'left') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n if (getIconAlign(props) === 'right') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n"]}
1	+ {"version":3,"file":"icon-helper.js","sourceRoot":"","sources":["../../../src/button/icon-helper.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAGlD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAerC,SAAS,YAAY,CAAC,KAAsB;IAC1C,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa,CAAC;IAE/E,OAAO,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;AAC/C,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACtG,IAAI,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,QAAQ,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,EACpF,IAAI,EAAE,QAAQ,EACd,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;QAClB,OAAO,oBAAC,eAAe,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,GAAI,CAAC;IACnG,CAAC;SAAM,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,MAAM,EAAE,CAAC;QAC1C,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC9C,IAAI,YAAY,CAAC,KAAK,CAAC,KAAK,OAAO,EAAE,CAAC;QACpC,OAAO,oBAAC,WAAW,OAAK,KAAK,GAAI,CAAC;IACpC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport * as React from 'react';\nimport clsx from 'clsx';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport InternalSpinner from '../spinner/internal';\nimport { ButtonProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ButtonIconProps {\n loading?: boolean;\n iconName?: ButtonProps['iconName'];\n iconAlign?: ButtonProps['iconAlign'];\n iconUrl?: string;\n iconSvg?: React.ReactNode;\n iconAlt?: string;\n iconSize?: IconProps.Size;\n variant?: string;\n iconClass?: string;\n badge?: boolean;\n}\n\nfunction getIconAlign(props: ButtonIconProps) {\n const standalone = props.variant === 'icon' \|\| props.variant === 'inline-icon';\n\n return standalone ? 'left' : props.iconAlign;\n}\n\nfunction IconWrapper({ iconName, iconUrl, iconAlt, iconSvg, iconSize, badge, ...props }: ButtonIconProps) {\n if (!iconName && !iconUrl && !iconSvg) {\n return null;\n }\n\n return (\n <InternalIcon\n className={clsx(styles.icon, styles[`icon-${getIconAlign(props)}`], props.iconClass)}\n name={iconName}\n url={iconUrl}\n svg={iconSvg}\n alt={iconAlt}\n size={iconSize}\n badge={badge}\n />\n );\n}\n\nexport function LeftIcon(props: ButtonIconProps) {\n if (props.loading) {\n return <InternalSpinner variant=\"disabled\" className={clsx(styles.icon, styles['icon-left'])} />;\n } else if (getIconAlign(props) === 'left') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n\nexport function RightIcon(props: ButtonIconProps) {\n if (getIconAlign(props) === 'right') {\n return <IconWrapper {...props} />;\n }\n return null;\n}\n"]}

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_6pcbo_145",
-  "disabled": "awsui_disabled_16mm3_6pcbo_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_6pcbo_165",
-  "expandable-header": "awsui_expandable-header_16mm3_6pcbo_171",
-  "rolled-down": "awsui_rolled-down_16mm3_6pcbo_182",
-  "highlighted": "awsui_highlighted_16mm3_6pcbo_185",
-  "is-focused": "awsui_is-focused_16mm3_6pcbo_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_6pcbo_211",
-  "category": "awsui_category_16mm3_6pcbo_215",
-  "expandable": "awsui_expandable_16mm3_6pcbo_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_6pcbo_230",
-  "expand-icon": "awsui_expand-icon_16mm3_6pcbo_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_6pcbo_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_6pcbo_262",
-  "items-list-container": "awsui_items-list-container_16mm3_6pcbo_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_6pcbo_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_6pcbo_283",
-  "header-content": "awsui_header-content_16mm3_6pcbo_287"
+  "header": "awsui_header_16mm3_176g9_145",
+  "disabled": "awsui_disabled_16mm3_176g9_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_176g9_165",
+  "expandable-header": "awsui_expandable-header_16mm3_176g9_171",
+  "rolled-down": "awsui_rolled-down_16mm3_176g9_182",
+  "highlighted": "awsui_highlighted_16mm3_176g9_185",
+  "is-focused": "awsui_is-focused_16mm3_176g9_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_176g9_211",
+  "category": "awsui_category_16mm3_176g9_215",
+  "expandable": "awsui_expandable_16mm3_176g9_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_176g9_230",
+  "expand-icon": "awsui_expand-icon_16mm3_176g9_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_176g9_255",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_176g9_258",
+  "items-list-container": "awsui_items-list-container_16mm3_176g9_266",
+  "in-dropdown": "awsui_in-dropdown_16mm3_176g9_275",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_176g9_279",
+  "header-content": "awsui_header-content_16mm3_176g9_283"
 };

package/lib/internal/template/button-dropdown/category-elements/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_header_16mm3_6pcbo_145:not(#\9) {
+.awsui_header_16mm3_176g9_145:not(#\9) {
   position: relative;
   margin-block: 0;
   margin-inline: 0;
@@ -158,31 +158,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: calc(var(--space-button-horizontal-ojp1rq, 20px) + var(--border-item-width-pyfg4s, 1px));
   z-index: 1;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_disabled_16mm3_6pcbo_161:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_disabled_16mm3_176g9_161:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-2udtn0, #aab7b8);
   cursor: default;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_no-content-styling_16mm3_6pcbo_165:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_no-content-styling_16mm3_176g9_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_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171:not(#\9) {
   border-block-start-color: var(--color-border-dropdown-group-y5droz, #eaeded);
   border-block-end-color: var(--color-border-dropdown-group-y5droz, #eaeded);
   cursor: pointer;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_disabled_16mm3_6pcbo_161:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_disabled_16mm3_176g9_161:not(#\9) {
   cursor: default;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171:not(#\9):focus {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171:not(#\9):focus {
   outline: none;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_rolled-down_16mm3_6pcbo_182:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_rolled-down_16mm3_176g9_182:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_highlighted_16mm3_6pcbo_185:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_highlighted_16mm3_176g9_185:not(#\9) {
   background-color: var(--color-background-dropdown-item-hover-pvfsrg, #f2f3f3);
   color: var(--color-text-dropdown-item-highlighted-dikwgu, #16191f);
   padding-block: var(--space-option-padding-vertical-hggcse, 4px);
@@ -195,46 +195,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-item-mitz8h, 0px);
   z-index: 2;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_highlighted_16mm3_6pcbo_185.awsui_no-content-styling_16mm3_6pcbo_165:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_highlighted_16mm3_176g9_185.awsui_no-content-styling_16mm3_176g9_165:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   color: inherit;
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_highlighted_16mm3_6pcbo_185.awsui_disabled_16mm3_6pcbo_161:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_highlighted_16mm3_176g9_185.awsui_disabled_16mm3_176g9_161:not(#\9) {
   background-color: var(--color-background-dropdown-item-dimmed-vz24i5, transparent);
   border-color: var(--color-border-dropdown-item-dimmed-hover-54pdcr, #879596);
   color: var(--color-text-dropdown-item-dimmed-asp9ue, #aab7b8);
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_highlighted_16mm3_6pcbo_185.awsui_is-focused_16mm3_6pcbo_208:not(#\9) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_highlighted_16mm3_176g9_185.awsui_is-focused_16mm3_176g9_208:not(#\9) {
   border-color: var(--color-border-dropdown-item-focused-y1x3ts, #0073bb);
 }
-.awsui_header_16mm3_6pcbo_145.awsui_expandable-header_16mm3_6pcbo_171.awsui_highlighted_16mm3_6pcbo_185.awsui_is-focused_16mm3_6pcbo_208:not(#\9):not(.awsui_visual-refresh_16mm3_6pcbo_211) {
+.awsui_header_16mm3_176g9_145.awsui_expandable-header_16mm3_176g9_171.awsui_highlighted_16mm3_176g9_185.awsui_is-focused_16mm3_176g9_208:not(#\9):not(.awsui_visual-refresh_16mm3_176g9_211) {
   box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-iijyo6, 1px) var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_category_16mm3_6pcbo_215:not(#\9) {
+.awsui_category_16mm3_176g9_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_6pcbo_215:not(#\9):first-child {
+.awsui_category_16mm3_176g9_215:not(#\9):first-child {
   margin-block-start: 0;
 }
-.awsui_category_16mm3_6pcbo_215.awsui_expandable_16mm3_6pcbo_171:not(#\9) {
+.awsui_category_16mm3_176g9_215.awsui_expandable_16mm3_176g9_171:not(#\9) {
   border-block-start: 0;
 }
-.awsui_category_16mm3_6pcbo_215:not(#\9):last-child {
+.awsui_category_16mm3_176g9_215:not(#\9):last-child {
   border-block-end: none;
 }
-.awsui_category_16mm3_6pcbo_215.awsui_variant-navigation_16mm3_6pcbo_230:not(#\9) {
+.awsui_category_16mm3_176g9_215.awsui_variant-navigation_16mm3_176g9_230:not(#\9) {
   padding-block-start: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_category_16mm3_6pcbo_215.awsui_variant-navigation_16mm3_6pcbo_230.awsui_expandable_16mm3_6pcbo_171:not(#\9) {
+.awsui_category_16mm3_176g9_215.awsui_variant-navigation_16mm3_176g9_230.awsui_expandable_16mm3_176g9_171:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_expand-icon_16mm3_6pcbo_237:not(#\9) {
+.awsui_expand-icon_16mm3_176g9_237:not(#\9) {
   position: relative;
   inset-inline-end: calc(-1 * var(--space-s-kll7oj, 12px));
   inline-size: var(--space-m-n8iq8o, 16px);
@@ -242,32 +242,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: auto;
   transition: transform var(--motion-duration-rotate-180-69rh8b, 135ms) var(--motion-easing-rotate-180-nmpsiw, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
-.awsui-one-theme .awsui_expand-icon_16mm3_6pcbo_237:not(#\9) {
-  inset-inline-end: calc(-1 * var(--space-xs-m9b7jf, 8px));
-  inline-size: var(--space-s-kll7oj, 12px);
-}
 @media (prefers-reduced-motion: reduce) {
-  .awsui_expand-icon_16mm3_6pcbo_237:not(#\9) {
+  .awsui_expand-icon_16mm3_176g9_237:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_expand-icon_16mm3_6pcbo_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_6pcbo_237:not(#\9) {
+.awsui-motion-disabled .awsui_expand-icon_16mm3_176g9_237:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_176g9_237:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_expand-icon-up_16mm3_6pcbo_259:not(#\9) {
+.awsui_expand-icon-up_16mm3_176g9_255:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_expand-icon-right_16mm3_6pcbo_262:not(#\9) {
+.awsui_expand-icon-right_16mm3_176g9_258:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_expand-icon-right_16mm3_6pcbo_262:not(#\9):dir(rtl) {
+.awsui_expand-icon-right_16mm3_176g9_258:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_items-list-container_16mm3_6pcbo_270:not(#\9) {
+.awsui_items-list-container_16mm3_176g9_266:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block-start: -1px;
@@ -276,15 +272,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: auto;
 }
-.awsui_in-dropdown_16mm3_6pcbo_279:not(#\9) {
+.awsui_in-dropdown_16mm3_176g9_275:not(#\9) {
   margin-block-end: -1px;
 }
-.awsui_icon-wrapper_16mm3_6pcbo_283:not(#\9) {
+.awsui_icon-wrapper_16mm3_176g9_279:not(#\9) {
   margin-inline-end: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_header-content_16mm3_6pcbo_287:not(#\9) {
+.awsui_header-content_16mm3_176g9_283: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_6pcbo_145",
-  "disabled": "awsui_disabled_16mm3_6pcbo_161",
-  "no-content-styling": "awsui_no-content-styling_16mm3_6pcbo_165",
-  "expandable-header": "awsui_expandable-header_16mm3_6pcbo_171",
-  "rolled-down": "awsui_rolled-down_16mm3_6pcbo_182",
-  "highlighted": "awsui_highlighted_16mm3_6pcbo_185",
-  "is-focused": "awsui_is-focused_16mm3_6pcbo_208",
-  "visual-refresh": "awsui_visual-refresh_16mm3_6pcbo_211",
-  "category": "awsui_category_16mm3_6pcbo_215",
-  "expandable": "awsui_expandable_16mm3_6pcbo_171",
-  "variant-navigation": "awsui_variant-navigation_16mm3_6pcbo_230",
-  "expand-icon": "awsui_expand-icon_16mm3_6pcbo_237",
-  "expand-icon-up": "awsui_expand-icon-up_16mm3_6pcbo_259",
-  "expand-icon-right": "awsui_expand-icon-right_16mm3_6pcbo_262",
-  "items-list-container": "awsui_items-list-container_16mm3_6pcbo_270",
-  "in-dropdown": "awsui_in-dropdown_16mm3_6pcbo_279",
-  "icon-wrapper": "awsui_icon-wrapper_16mm3_6pcbo_283",
-  "header-content": "awsui_header-content_16mm3_6pcbo_287"
+  "header": "awsui_header_16mm3_176g9_145",
+  "disabled": "awsui_disabled_16mm3_176g9_161",
+  "no-content-styling": "awsui_no-content-styling_16mm3_176g9_165",
+  "expandable-header": "awsui_expandable-header_16mm3_176g9_171",
+  "rolled-down": "awsui_rolled-down_16mm3_176g9_182",
+  "highlighted": "awsui_highlighted_16mm3_176g9_185",
+  "is-focused": "awsui_is-focused_16mm3_176g9_208",
+  "visual-refresh": "awsui_visual-refresh_16mm3_176g9_211",
+  "category": "awsui_category_16mm3_176g9_215",
+  "expandable": "awsui_expandable_16mm3_176g9_171",
+  "variant-navigation": "awsui_variant-navigation_16mm3_176g9_230",
+  "expand-icon": "awsui_expand-icon_16mm3_176g9_237",
+  "expand-icon-up": "awsui_expand-icon-up_16mm3_176g9_255",
+  "expand-icon-right": "awsui_expand-icon-right_16mm3_176g9_258",
+  "items-list-container": "awsui_items-list-container_16mm3_176g9_266",
+  "in-dropdown": "awsui_in-dropdown_16mm3_176g9_275",
+  "icon-wrapper": "awsui_icon-wrapper_16mm3_176g9_279",
+  "header-content": "awsui_header-content_16mm3_176g9_283"
 };