@cloudscape-design/components-themeable 3.0.1301 → 3.0.1302

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "be984ac790ad40485a7f8bfe6c41161046f3033a"
+  "commit": "742c992ab312c55f52d4fc3198ca85f6d7a982ad"
 }

package/lib/internal/scss/breadcrumb-group/item/styles.scss

@@ -43,7 +43,7 @@
     }
     > .anchor {
       color: awsui.$color-text-breadcrumb-current;
-      font-weight: styles.$font-weight-bold;
+      font-weight: awsui.$font-weight-breadcrumb-current;
       text-decoration: none;
       cursor: default;
     }

package/lib/internal/scss/breadcrumb-group/styles.scss

@@ -94,7 +94,7 @@
   }
   > :last-child {
     color: awsui.$color-text-breadcrumb-current;
-    font-weight: styles.$font-weight-bold;
+    font-weight: awsui.$font-weight-breadcrumb-current;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/lib/internal/scss/copy-to-clipboard/styles.scss

@@ -15,4 +15,22 @@
   &-trigger {
     margin-inline-end: awsui.$space-scaled-xxs;
   }
+
+  &-no-wrap {
+    display: inline-flex;
+    align-items: start;
+    max-inline-size: 100%;
+    word-break: normal;
+
+    > .inline-container-trigger {
+      flex-shrink: 0;
+    }
+
+    > .text-to-display {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      min-inline-size: 0;
+    }
+  }
 }

package/lib/internal/scss/drawer/styles.scss

@@ -30,7 +30,18 @@
   &.position-absolute,
   &.position-sticky,
   &.position-fixed {
-    box-shadow: awsui.$shadow-panel;
+    &.placement-end {
+      border-inline-start: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
+    }
+    &.placement-start {
+      border-inline-end: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
+    }
+    &.placement-top {
+      border-block-end: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
+    }
+    &.placement-bottom {
+      border-block-start: awsui.$border-divider-section-width solid awsui.$color-border-panel-header;
+    }
   }
 
   &.with-footer {
@@ -110,7 +121,7 @@
 
 .close-action {
   position: absolute;
-  inset-block-start: awsui.$space-panel-header-vertical;
+  inset-block-start: awsui.$space-static-m;
   inset-inline-end: awsui.$space-scaled-l;
 }
 

package/lib/internal/scss/form-field/styles.scss

@@ -20,7 +20,7 @@
   // We display label inline to achieve the proper line-wrapping with info links
   display: inline;
   @include styles.font-smoothing;
-  @include styles.font-label;
+  @include styles.font-label(awsui.$font-size-form-label, awsui.$line-height-form-label, awsui.$font-weight-form-label);
   @include styles.info-link-spacing;
 }
 

package/lib/internal/scss/internal/generated/custom-css-properties/index.scss

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "be984ac7";
+    $awsui-commit-hash: "742c992a";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-6b9ypa;
 $minContentWidth: --awsui-min-content-width-6b9ypa;

package/lib/internal/scss/internal/styles/links.scss

@@ -48,6 +48,7 @@
 @mixin link-font-size-style($font-size) {
   text-underline-offset: map.get($font-size, 'text-underline-offset');
   text-decoration-thickness: map.get($font-size, 'text-decoration-thickness');
+  text-decoration-style: awsui.$font-decoration-style-link;
 }
 
 @mixin link-default($font-size: 'inherit') {

package/lib/internal/scss/internal/styles/typography/mixins.scss

@@ -121,9 +121,14 @@
   @include font-smoothing;
 }
 
-@mixin font-label {
-  @include font-body-m();
-  font-weight: awsui.$font-display-label-weight;
+@mixin font-label(
+  $font-size: awsui.$font-size-body-m,
+  $line-height: awsui.$line-height-body-m,
+  $font-weight: awsui.$font-display-label-weight
+) {
+  font-size: $font-size;
+  line-height: $line-height;
+  font-weight: $font-weight;
 }
 
 @mixin font-panel-header {

package/lib/internal/scss/key-value-pairs/styles.scss

@@ -26,7 +26,11 @@
 }
 
 .term {
-  @include styles.font-label;
+  @include styles.font-label(
+    awsui.$font-size-key-value-pairs-label,
+    awsui.$line-height-key-value-pairs-label,
+    awsui.$font-weight-key-value-pairs-label
+  );
   color: awsui.$color-text-label;
   margin-block-end: awsui.$space-key-value-gap;
 }

package/lib/internal/scss/link/constants.scss

@@ -10,39 +10,39 @@
 $link-font-sizes: (
   'body-s': (
     'text-underline-offset': 0.3em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'body-m': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'heading-xs': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'heading-s': (
     'text-underline-offset': 0.3em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'heading-m': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'heading-l': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'heading-xl': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
   'display-l': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 2px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link-display-l,
   ),
   'inherit': (
     'text-underline-offset': 0.25em,
-    'text-decoration-thickness': 1px,
+    'text-decoration-thickness': awsui.$font-decoration-thickness-link,
   ),
 );
 
@@ -75,8 +75,8 @@ $link-variants: (
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': inherit,
     'decoration-line': underline,
-    'decoration-color': currentColor,
-    'decoration-color-hover': currentColor,
+    'decoration-color': awsui.$color-text-link-decoration-default,
+    'decoration-color-hover': awsui.$color-text-link-decoration-hover,
     'letter-spacing': normal,
   ),
   'info': (

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_u2hgx_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_u2hgx_1",
-  "root": "awsui_root_n4qlp_u2hgx_175",
-  "empty": "awsui_empty_n4qlp_u2hgx_153",
-  "row": "awsui_row_n4qlp_u2hgx_218",
-  "divider": "awsui_divider_n4qlp_u2hgx_222",
-  "row-control": "awsui_row-control_n4qlp_u2hgx_227",
-  "field": "awsui_field_n4qlp_u2hgx_231",
-  "additional-info": "awsui_additional-info_n4qlp_u2hgx_235",
-  "add-row": "awsui_add-row_n4qlp_u2hgx_281",
-  "add-button": "awsui_add-button_n4qlp_u2hgx_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_u2hgx_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_u2hgx_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_u2hgx_297",
-  "remove-button": "awsui_remove-button_n4qlp_u2hgx_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_ivvx5_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ivvx5_1",
+  "root": "awsui_root_n4qlp_ivvx5_175",
+  "empty": "awsui_empty_n4qlp_ivvx5_153",
+  "row": "awsui_row_n4qlp_ivvx5_218",
+  "divider": "awsui_divider_n4qlp_ivvx5_222",
+  "row-control": "awsui_row-control_n4qlp_ivvx5_227",
+  "field": "awsui_field_n4qlp_ivvx5_231",
+  "additional-info": "awsui_additional-info_n4qlp_ivvx5_235",
+  "add-row": "awsui_add-row_n4qlp_ivvx5_282",
+  "add-button": "awsui_add-button_n4qlp_ivvx5_286",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_ivvx5_290",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ivvx5_294",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ivvx5_298",
+  "remove-button": "awsui_remove-button_n4qlp_ivvx5_290"
 };
   

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

@@ -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_u2hgx_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_u2hgx_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_ivvx5_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_u2hgx_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_ivvx5_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_u2hgx_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_u2hgx_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_ivvx5_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_u2hgx_175:not(#\9) {
+.awsui_root_n4qlp_ivvx5_175:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -208,31 +208,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: start;
 }
 
-.awsui_empty_n4qlp_u2hgx_153:not(#\9) {
+.awsui_empty_n4qlp_ivvx5_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_u2hgx_218:not(#\9) {
+.awsui_row_n4qlp_ivvx5_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_u2hgx_222:not(#\9) {
+.awsui_divider_n4qlp_ivvx5_222:not(#\9) {
   grid-column: 1/-1;
   border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
 
-.awsui_row-control_n4qlp_u2hgx_227:not(#\9) {
+.awsui_row-control_n4qlp_ivvx5_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_u2hgx_231:not(#\9) {
+.awsui_field_n4qlp_ivvx5_231:not(#\9) {
   min-inline-size: 40px;
 }
 
-.awsui_additional-info_n4qlp_u2hgx_235:not(#\9) {
+.awsui_additional-info_n4qlp_ivvx5_235: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);
@@ -242,64 +242,65 @@ 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_u2hgx_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
-  text-decoration-thickness: 1px;
+  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));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_u2hgx_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_ivvx5_235 > a:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
 
-.awsui_add-row_n4qlp_u2hgx_281:not(#\9) {
+.awsui_add-row_n4qlp_ivvx5_282:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_u2hgx_285:not(#\9) {
+.awsui_add-button_n4qlp_ivvx5_286:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_u2hgx_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_ivvx5_290:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_u2hgx_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_ivvx5_294:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
 
-.awsui_remove-button-own-row_n4qlp_u2hgx_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_ivvx5_298:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_u2hgx_289:not(#\9) {
+.awsui_remove-button_n4qlp_ivvx5_290:not(#\9) {
   /* used in test-utils */
 }

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

@@ -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_u2hgx_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_u2hgx_1",
-  "root": "awsui_root_n4qlp_u2hgx_175",
-  "empty": "awsui_empty_n4qlp_u2hgx_153",
-  "row": "awsui_row_n4qlp_u2hgx_218",
-  "divider": "awsui_divider_n4qlp_u2hgx_222",
-  "row-control": "awsui_row-control_n4qlp_u2hgx_227",
-  "field": "awsui_field_n4qlp_u2hgx_231",
-  "additional-info": "awsui_additional-info_n4qlp_u2hgx_235",
-  "add-row": "awsui_add-row_n4qlp_u2hgx_281",
-  "add-button": "awsui_add-button_n4qlp_u2hgx_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_u2hgx_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_u2hgx_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_u2hgx_297",
-  "remove-button": "awsui_remove-button_n4qlp_u2hgx_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_ivvx5_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ivvx5_1",
+  "root": "awsui_root_n4qlp_ivvx5_175",
+  "empty": "awsui_empty_n4qlp_ivvx5_153",
+  "row": "awsui_row_n4qlp_ivvx5_218",
+  "divider": "awsui_divider_n4qlp_ivvx5_222",
+  "row-control": "awsui_row-control_n4qlp_ivvx5_227",
+  "field": "awsui_field_n4qlp_ivvx5_231",
+  "additional-info": "awsui_additional-info_n4qlp_ivvx5_235",
+  "add-row": "awsui_add-row_n4qlp_ivvx5_282",
+  "add-button": "awsui_add-button_n4qlp_ivvx5_286",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_ivvx5_290",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_ivvx5_294",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_ivvx5_298",
+  "remove-button": "awsui_remove-button_n4qlp_ivvx5_290"
 };
   

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

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_u4e5g_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_u4e5g_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_u4e5g_150",
-  "icon": "awsui_icon_1kosq_u4e5g_153",
-  "anchor": "awsui_anchor_1kosq_u4e5g_159",
-  "text": "awsui_text_1kosq_u4e5g_206",
-  "last": "awsui_last_1kosq_u4e5g_225"
+  "link": "awsui_link_1kosq_yqyzz_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_yqyzz_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_yqyzz_150",
+  "icon": "awsui_icon_1kosq_yqyzz_153",
+  "anchor": "awsui_anchor_1kosq_yqyzz_159",
+  "text": "awsui_text_1kosq_yqyzz_207",
+  "last": "awsui_last_1kosq_yqyzz_226"
 };
   

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

@@ -142,73 +142,74 @@
 */
 /* 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_u4e5g_145:not(#\9):after {
+.awsui_link_1kosq_yqyzz_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_u4e5g_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_icon_1kosq_u4e5g_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_icon_1kosq_u4e5g_153:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_icon_1kosq_yqyzz_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_icon_1kosq_yqyzz_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-breadcrumb-icon-c379ty, #687078);
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
-  text-decoration-thickness: 1px;
+  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));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-default-15ta09, currentColor);
   transition-property: color, -webkit-text-decoration;
   transition-property: color, text-decoration;
   transition-property: color, text-decoration, -webkit-text-decoration;
   transition-duration: var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):hover {
   cursor: pointer;
   color: var(--awsui-style-color-hover-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):active {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):active {
   color: var(--awsui-style-color-active-6b9ypa, var(--color-text-link-hover-pqxtsy, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):active, .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus, .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):active, .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus, .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):hover {
   text-decoration-line: underline;
-  text-decoration-color: currentColor;
+  text-decoration-color: var(--color-text-link-decoration-hover-jnu2g9, currentColor);
 }
-.awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159 > .awsui_text_1kosq_u4e5g_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159 > .awsui_text_1kosq_u4e5g_206:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159 > .awsui_text_1kosq_yqyzz_207:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159 > .awsui_text_1kosq_yqyzz_207:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_u4e5g_149 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .awsui_anchor_1kosq_u4e5g_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_yqyzz_149 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_yqyzz_150 > .awsui_anchor_1kosq_yqyzz_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -219,14 +220,14 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_u4e5g_150 > .a
   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);
 }
-.awsui_breadcrumb_1kosq_u4e5g_149.awsui_last_1kosq_u4e5g_225 > .awsui_icon_1kosq_u4e5g_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150.awsui_last_1kosq_u4e5g_225 > .awsui_icon_1kosq_u4e5g_153:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149.awsui_last_1kosq_yqyzz_226 > .awsui_icon_1kosq_yqyzz_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150.awsui_last_1kosq_yqyzz_226 > .awsui_icon_1kosq_yqyzz_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_u4e5g_149.awsui_last_1kosq_u4e5g_225 > .awsui_anchor_1kosq_u4e5g_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_u4e5g_150.awsui_last_1kosq_u4e5g_225 > .awsui_anchor_1kosq_u4e5g_159:not(#\9) {
+.awsui_breadcrumb_1kosq_yqyzz_149.awsui_last_1kosq_yqyzz_226 > .awsui_anchor_1kosq_yqyzz_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_yqyzz_150.awsui_last_1kosq_yqyzz_226 > .awsui_anchor_1kosq_yqyzz_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-hwvp31, #687078);
-  font-weight: var(--font-weight-bold-p16d06, 700);
+  font-weight: var(--font-weight-breadcrumb-current-p7evnu, 700);
   text-decoration: none;
   cursor: default;
 }

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

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_u4e5g_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_u4e5g_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_u4e5g_150",
-  "icon": "awsui_icon_1kosq_u4e5g_153",
-  "anchor": "awsui_anchor_1kosq_u4e5g_159",
-  "text": "awsui_text_1kosq_u4e5g_206",
-  "last": "awsui_last_1kosq_u4e5g_225"
+  "link": "awsui_link_1kosq_yqyzz_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_yqyzz_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_yqyzz_150",
+  "icon": "awsui_icon_1kosq_yqyzz_153",
+  "anchor": "awsui_anchor_1kosq_yqyzz_159",
+  "text": "awsui_text_1kosq_yqyzz_207",
+  "last": "awsui_last_1kosq_yqyzz_226"
 };
   

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

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_1bq00_145",
-  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_1bq00_180",
-  "ghost": "awsui_ghost_d19fg_1bq00_191",
-  "item": "awsui_item_d19fg_1bq00_196",
-  "ghost-item": "awsui_ghost-item_d19fg_1bq00_197",
-  "ellipsis": "awsui_ellipsis_d19fg_1bq00_198",
-  "hide": "awsui_hide_d19fg_1bq00_209",
-  "visible": "awsui_visible_d19fg_1bq00_215",
-  "icon": "awsui_icon_d19fg_1bq00_219",
-  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_1bq00_225",
-  "collapsed-button": "awsui_collapsed-button_d19fg_1bq00_229",
-  "button-icon": "awsui_button-icon_d19fg_1bq00_311",
-  "button-icon-open": "awsui_button-icon-open_d19fg_1bq00_325",
-  "hidden": "awsui_hidden_d19fg_1bq00_329"
+  "breadcrumb-group": "awsui_breadcrumb-group_d19fg_aqb44_145",
+  "breadcrumb-group-list": "awsui_breadcrumb-group-list_d19fg_aqb44_180",
+  "ghost": "awsui_ghost_d19fg_aqb44_191",
+  "item": "awsui_item_d19fg_aqb44_196",
+  "ghost-item": "awsui_ghost-item_d19fg_aqb44_197",
+  "ellipsis": "awsui_ellipsis_d19fg_aqb44_198",
+  "hide": "awsui_hide_d19fg_aqb44_209",
+  "visible": "awsui_visible_d19fg_aqb44_215",
+  "icon": "awsui_icon_d19fg_aqb44_219",
+  "breadcrumbs-skeleton": "awsui_breadcrumbs-skeleton_d19fg_aqb44_225",
+  "collapsed-button": "awsui_collapsed-button_d19fg_aqb44_229",
+  "button-icon": "awsui_button-icon_d19fg_aqb44_311",
+  "button-icon-open": "awsui_button-icon-open_d19fg_aqb44_325",
+  "hidden": "awsui_hidden_d19fg_aqb44_329"
 };