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

@cloudscape-design/components-themeable 3.0.1329 → 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 (310) hide show

package/lib/internal/template/attribute-editor/styles.scoped.css CHANGED Viewed

@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_empty-appear_n4qlp_1hh1p_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_1hh1p_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_g4aqt_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_g4aqt_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_1hh1p_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_g4aqt_1 {
   from {
     opacity: 0.2;
   }
@@ -162,17 +162,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_1hh1p_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_1hh1p_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_1hh1p_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_g4aqt_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_n4qlp_1hh1p_175:not(#\9) {
+.awsui_root_n4qlp_g4aqt_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -207,35 +207,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-grid-gutter-nm7ylt, 20px);
   align-items: start;
 }
-.awsui-one-theme .awsui_root_n4qlp_1hh1p_175:not(#\9) {
+.awsui-one-theme .awsui_root_n4qlp_g4aqt_175:not(#\9) {
   gap: var(--space-scaled-s-gjhvjd, 12px);
 }
-.awsui_empty_n4qlp_1hh1p_153:not(#\9) {
+.awsui_empty_n4qlp_g4aqt_153:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   color: var(--color-text-empty-vtt4l2, #687078);
   grid-column: 1/-1;
 }
-.awsui_row_n4qlp_1hh1p_221:not(#\9) {
+.awsui_row_n4qlp_g4aqt_221:not(#\9) {
   display: contents;
 }
-.awsui_divider_n4qlp_1hh1p_225:not(#\9) {
+.awsui_divider_n4qlp_g4aqt_225:not(#\9) {
   grid-column: 1/-1;
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_row-control_n4qlp_1hh1p_230:not(#\9) {
+.awsui_row-control_n4qlp_g4aqt_230:not(#\9) {
   /* used in test-utils */
 }
-.awsui_field_n4qlp_1hh1p_234:not(#\9) {
+.awsui_field_n4qlp_g4aqt_234:not(#\9) {
   min-inline-size: 40px;
 }
-.awsui_additional-info_n4qlp_1hh1p_238:not(#\9) {
+.awsui_additional-info_n4qlp_g4aqt_238:not(#\9) {
   color: var(--color-text-form-secondary-4sp9un, #687078);
   font-size: var(--font-size-body-s-psgqn2, 12px);
   line-height: var(--line-height-body-s-otgtsr, 16px);
@@ -245,7 +245,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: var(--space-xxs-jnczic, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9) {
+.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: var(--font-decoration-thickness-link-4tl2vi, 1px);
   text-decoration-style: var(--font-decoration-style-link-7y21z4, solid);
@@ -260,50 +260,50 @@ 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_additional-info_n4qlp_1hh1p_238 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):active {
   color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_1hh1p_238 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):active, .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):focus, .awsui_additional-info_n4qlp_g4aqt_238 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_add-row_n4qlp_1hh1p_285:not(#\9) {
+.awsui_add-row_n4qlp_g4aqt_285:not(#\9) {
   grid-column: 1/-1;
 }
-.awsui_add-button_n4qlp_1hh1p_289:not(#\9) {
+.awsui_add-button_n4qlp_g4aqt_289:not(#\9) {
   /* used in test-utils */
 }
-.awsui_remove-button-container_n4qlp_1hh1p_293:not(#\9) {
+.awsui_remove-button-container_n4qlp_g4aqt_293:not(#\9) {
   display: inline-block;
 }
-.awsui_remove-button-field-padding_n4qlp_1hh1p_297:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_g4aqt_297:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
-.awsui_remove-button-own-row_n4qlp_1hh1p_301:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_g4aqt_301:not(#\9) {
   justify-self: end;
 }
-.awsui_remove-button_n4qlp_1hh1p_293:not(#\9) {
+.awsui_remove-button_n4qlp_g4aqt_293:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/attribute-editor/styles.selectors.js CHANGED Viewed

@@ -2,20 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_1hh1p_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1hh1p_1",
-  "root": "awsui_root_n4qlp_1hh1p_175",
-  "empty": "awsui_empty_n4qlp_1hh1p_153",
-  "row": "awsui_row_n4qlp_1hh1p_221",
-  "divider": "awsui_divider_n4qlp_1hh1p_225",
-  "row-control": "awsui_row-control_n4qlp_1hh1p_230",
-  "field": "awsui_field_n4qlp_1hh1p_234",
-  "additional-info": "awsui_additional-info_n4qlp_1hh1p_238",
-  "add-row": "awsui_add-row_n4qlp_1hh1p_285",
-  "add-button": "awsui_add-button_n4qlp_1hh1p_289",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1hh1p_293",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1hh1p_297",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1hh1p_301",
-  "remove-button": "awsui_remove-button_n4qlp_1hh1p_293"
+  "empty-appear": "awsui_empty-appear_n4qlp_g4aqt_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_g4aqt_1",
+  "root": "awsui_root_n4qlp_g4aqt_175",
+  "empty": "awsui_empty_n4qlp_g4aqt_153",
+  "row": "awsui_row_n4qlp_g4aqt_221",
+  "divider": "awsui_divider_n4qlp_g4aqt_225",
+  "row-control": "awsui_row-control_n4qlp_g4aqt_230",
+  "field": "awsui_field_n4qlp_g4aqt_234",
+  "additional-info": "awsui_additional-info_n4qlp_g4aqt_238",
+  "add-row": "awsui_add-row_n4qlp_g4aqt_285",
+  "add-button": "awsui_add-button_n4qlp_g4aqt_289",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_g4aqt_293",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_g4aqt_297",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_g4aqt_301",
+  "remove-button": "awsui_remove-button_n4qlp_g4aqt_293"
 };

package/lib/internal/template/badge/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "badge": "awsui_badge_1yjyg_10cmu_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_10cmu_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_10cmu_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_10cmu_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_10cmu_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_10cmu_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_10cmu_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_10cmu_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_10cmu_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_10cmu_231"
+  "badge": "awsui_badge_1yjyg_7tkez_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_7tkez_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_7tkez_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_7tkez_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_7tkez_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_7tkez_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_7tkez_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_7tkez_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_7tkez_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_7tkez_231"
 };

package/lib/internal/template/badge/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_badge_1yjyg_10cmu_145:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -177,58 +177,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-egrcsd, normal);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   display: inline-block;
-  border-start-start-radius: var(--border-radius-badge-o70tla, 16px);
-  border-start-end-radius: var(--border-radius-badge-o70tla, 16px);
-  border-end-start-radius: var(--border-radius-badge-o70tla, 16px);
-  border-end-end-radius: var(--border-radius-badge-o70tla, 16px);
+  border-start-start-radius: var(--border-radius-badge-86n91d, 16px);
+  border-start-end-radius: var(--border-radius-badge-86n91d, 16px);
+  border-end-start-radius: var(--border-radius-badge-86n91d, 16px);
+  border-end-end-radius: var(--border-radius-badge-86n91d, 16px);
   border-block-style: solid;
   border-inline-style: solid;
-  border-width: var(--border-width-badge-xsbmkz, 0px);
+  border-width: var(--border-width-badge-p88itr, 0px);
   padding-block: 0;
   padding-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-notification-default-fmebm4, #fafafa);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-grey_1yjyg_10cmu_191:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-grey_1yjyg_7tkez_191:not(#\9) {
   background-color: var(--color-background-badge-grey-0gre59, #545b64);
   border-color: var(--color-border-badge-grey-7x1xit, transparent);
   color: var(--color-text-badge-grey-5hljh0, #fafafa);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-green_1yjyg_10cmu_196:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-green_1yjyg_7tkez_196:not(#\9) {
   background-color: var(--color-background-badge-green-aahq3n, #1d8102);
   border-color: var(--color-border-badge-green-t7n2iz, transparent);
   color: var(--color-text-badge-green-i688l8, #fafafa);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-blue_1yjyg_10cmu_201:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-blue_1yjyg_7tkez_201:not(#\9) {
   background-color: var(--color-background-badge-blue-89he01, #0073bb);
   border-color: var(--color-border-badge-blue-p28tag, transparent);
   color: var(--color-text-badge-blue-pfnjhv, #fafafa);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-red_1yjyg_10cmu_206:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-red_1yjyg_7tkez_206:not(#\9) {
   background-color: var(--color-background-badge-red-lfiebe, #d13212);
   border-color: var(--color-border-badge-red-w6mok2, transparent);
   color: var(--color-text-badge-red-e7xtdk, #fafafa);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-critical_1yjyg_10cmu_211:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-severity-critical_1yjyg_7tkez_211:not(#\9) {
   background-color: var(--color-background-notification-severity-critical-gsxtat, #870303);
   color: var(--color-text-badge-severity-critical-9m2t9l, #fafafa);
   border-color: var(--color-border-badge-severity-critical-afw1t4, transparent);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-high_1yjyg_10cmu_216:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-severity-high_1yjyg_7tkez_216:not(#\9) {
   background-color: var(--color-background-notification-severity-high-hz1dy0, #ce3311);
   color: var(--color-text-badge-severity-high-yhnb3j, #fafafa);
   border-color: var(--color-border-badge-severity-high-xpyb3z, transparent);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-medium_1yjyg_10cmu_221:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-severity-medium_1yjyg_7tkez_221:not(#\9) {
   background-color: var(--color-background-notification-severity-medium-f2pwwo, #f89256);
   color: var(--color-text-badge-severity-medium-seazfm, #000000);
   border-color: var(--color-border-badge-severity-medium-lglq87, transparent);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-low_1yjyg_10cmu_226:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-severity-low_1yjyg_7tkez_226:not(#\9) {
   background-color: var(--color-background-notification-severity-low-11rcv3, #f2cd54);
   color: var(--color-text-badge-severity-low-ixtax4, #16191f);
   border-color: var(--color-border-badge-severity-low-w6znea, transparent);
 }
-.awsui_badge_1yjyg_10cmu_145.awsui_badge-color-severity-neutral_1yjyg_10cmu_231:not(#\9) {
+.awsui_badge_1yjyg_7tkez_145.awsui_badge-color-severity-neutral_1yjyg_7tkez_231:not(#\9) {
   background-color: var(--color-background-notification-severity-neutral-1tqomh, #687078);
   color: var(--color-text-badge-severity-neutral-vfdy0w, #fafafa);
   border-color: var(--color-border-badge-severity-neutral-kdj4l5, transparent);

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "badge": "awsui_badge_1yjyg_10cmu_145",
-  "badge-color-grey": "awsui_badge-color-grey_1yjyg_10cmu_191",
-  "badge-color-green": "awsui_badge-color-green_1yjyg_10cmu_196",
-  "badge-color-blue": "awsui_badge-color-blue_1yjyg_10cmu_201",
-  "badge-color-red": "awsui_badge-color-red_1yjyg_10cmu_206",
-  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_10cmu_211",
-  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_10cmu_216",
-  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_10cmu_221",
-  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_10cmu_226",
-  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_10cmu_231"
+  "badge": "awsui_badge_1yjyg_7tkez_145",
+  "badge-color-grey": "awsui_badge-color-grey_1yjyg_7tkez_191",
+  "badge-color-green": "awsui_badge-color-green_1yjyg_7tkez_196",
+  "badge-color-blue": "awsui_badge-color-blue_1yjyg_7tkez_201",
+  "badge-color-red": "awsui_badge-color-red_1yjyg_7tkez_206",
+  "badge-color-severity-critical": "awsui_badge-color-severity-critical_1yjyg_7tkez_211",
+  "badge-color-severity-high": "awsui_badge-color-severity-high_1yjyg_7tkez_216",
+  "badge-color-severity-medium": "awsui_badge-color-severity-medium_1yjyg_7tkez_221",
+  "badge-color-severity-low": "awsui_badge-color-severity-low_1yjyg_7tkez_226",
+  "badge-color-severity-neutral": "awsui_badge-color-severity-neutral_1yjyg_7tkez_231"
 };

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

@@ -1,12 +1,12 @@
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_fgcf1_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_fgcf1_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_fgcf1_150",
-  "icon": "awsui_icon_1kosq_fgcf1_153",
-  "anchor": "awsui_anchor_1kosq_fgcf1_163",
-  "text": "awsui_text_1kosq_fgcf1_211",
-  "last": "awsui_last_1kosq_fgcf1_230"
+  "link": "awsui_link_1kosq_kg7a2_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_kg7a2_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_kg7a2_150",
+  "icon": "awsui_icon_1kosq_kg7a2_153",
+  "anchor": "awsui_anchor_1kosq_kg7a2_163",
+  "text": "awsui_text_1kosq_kg7a2_211",
+  "last": "awsui_last_1kosq_kg7a2_230"
 };

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

@@ -142,26 +142,26 @@
 */
 /* 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_fgcf1_145:not(#\9):after {
+.awsui_link_1kosq_kg7a2_145:not(#\9):after {
   display: none;
 }
-.awsui_breadcrumb_1kosq_fgcf1_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_icon_1kosq_fgcf1_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_icon_1kosq_fgcf1_153:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_icon_1kosq_kg7a2_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_icon_1kosq_kg7a2_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-breadcrumb-icon-c379ty, #687078);
 }
-.awsui-one-theme .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_icon_1kosq_fgcf1_153:not(#\9),
-.awsui-one-theme .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_icon_1kosq_fgcf1_153:not(#\9) {
+.awsui-one-theme .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_icon_1kosq_kg7a2_153:not(#\9),
+.awsui-one-theme .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_icon_1kosq_kg7a2_153:not(#\9) {
   margin-inline: var(--space-xxs-jnczic, 4px);
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
@@ -178,58 +178,58 @@ 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_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9) {
+  .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):hover {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):active {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):active {
   color: var(--awsui-style-color-active-z17rmd, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):active, .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus, .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):hover {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):active, .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus, .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163 > .awsui_text_1kosq_fgcf1_211:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163 > .awsui_text_1kosq_fgcf1_211:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163 > .awsui_text_1kosq_kg7a2_211:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163 > .awsui_text_1kosq_kg7a2_211:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_fgcf1_149 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_fgcf1_150 > .awsui_anchor_1kosq_fgcf1_163:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_kg7a2_149 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_kg7a2_150 > .awsui_anchor_1kosq_kg7a2_163:not(#\9):focus {
   outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
+  outline: var(--border-link-focus-ring-outline-wn9h6t, 5px auto Highlight);
   outline-offset: 2px;
   outline-color: var(--color-border-item-focused-r5f6xl, #0073bb);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-woh62o, 0px) var(--color-border-item-focused-r5f6xl, #0073bb);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  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-r5f6xl, #0073bb);
 }
-.awsui_breadcrumb_1kosq_fgcf1_149.awsui_last_1kosq_fgcf1_230 > .awsui_icon_1kosq_fgcf1_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150.awsui_last_1kosq_fgcf1_230 > .awsui_icon_1kosq_fgcf1_153:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149.awsui_last_1kosq_kg7a2_230 > .awsui_icon_1kosq_kg7a2_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150.awsui_last_1kosq_kg7a2_230 > .awsui_icon_1kosq_kg7a2_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_fgcf1_149.awsui_last_1kosq_fgcf1_230 > .awsui_anchor_1kosq_fgcf1_163:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_fgcf1_150.awsui_last_1kosq_fgcf1_230 > .awsui_anchor_1kosq_fgcf1_163:not(#\9) {
+.awsui_breadcrumb_1kosq_kg7a2_149.awsui_last_1kosq_kg7a2_230 > .awsui_anchor_1kosq_kg7a2_163:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_kg7a2_150.awsui_last_1kosq_kg7a2_230 > .awsui_anchor_1kosq_kg7a2_163:not(#\9) {
   color: var(--color-text-breadcrumb-current-hwvp31, #687078);
   font-weight: var(--font-weight-breadcrumb-current-p7evnu, 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_fgcf1_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_fgcf1_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_fgcf1_150",
-  "icon": "awsui_icon_1kosq_fgcf1_153",
-  "anchor": "awsui_anchor_1kosq_fgcf1_163",
-  "text": "awsui_text_1kosq_fgcf1_211",
-  "last": "awsui_last_1kosq_fgcf1_230"
+  "link": "awsui_link_1kosq_kg7a2_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_kg7a2_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_kg7a2_150",
+  "icon": "awsui_icon_1kosq_kg7a2_153",
+  "anchor": "awsui_anchor_1kosq_kg7a2_163",
+  "text": "awsui_text_1kosq_kg7a2_211",
+  "last": "awsui_last_1kosq_kg7a2_230"
 };

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_157hx_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_157hx_180",
-  "ghost": "awsui_ghost_d19fg_157hx_191",
-  "item": "awsui_item_d19fg_157hx_196",
-  "ghost-item": "awsui_ghost-item_d19fg_157hx_197",
-  "ellipsis": "awsui_ellipsis_d19fg_157hx_198",
-  "hide": "awsui_hide_d19fg_157hx_209",
-  "visible": "awsui_visible_d19fg_157hx_215",
-  "icon": "awsui_icon_d19fg_157hx_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_157hx_228",
-  "collapsed-button": "awsui_collapsed-button_d19fg_157hx_232",
-  "button-icon": "awsui_button-icon_d19fg_157hx_314",
-  "button-icon-open": "awsui_button-icon-open_d19fg_157hx_328",
-  "hidden": "awsui_hidden_d19fg_157hx_332"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_5p5j5_145",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_5p5j5_180",
+  "ghost": "awsui_ghost_d19fg_5p5j5_191",
+  "item": "awsui_item_d19fg_5p5j5_196",
+  "ghost-item": "awsui_ghost-item_d19fg_5p5j5_197",
+  "ellipsis": "awsui_ellipsis_d19fg_5p5j5_198",
+  "hide": "awsui_hide_d19fg_5p5j5_209",
+  "visible": "awsui_visible_d19fg_5p5j5_215",
+  "icon": "awsui_icon_d19fg_5p5j5_219",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_5p5j5_228",
+  "collapsed-button": "awsui_collapsed-button_d19fg_5p5j5_232",
+  "button-icon": "awsui_button-icon_d19fg_5p5j5_314",
+  "button-icon-open": "awsui_button-icon-open_d19fg_5p5j5_328",
+  "hidden": "awsui_hidden_d19fg_5p5j5_332"
 };