@cloudscape-design/components-themeable 3.0.440 → 3.0.442

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "d8db7fce029a893b023a11e4b1e5caf78afb1d9f"
+  "commit": "49829b206a3f7aed7c09e03098ce074a0f5ab350"
 }

package/lib/internal/scss/attribute-editor/styles.scss

@@ -61,7 +61,7 @@
 
   /* stylelint-disable-next-line selector-max-type */
   > a {
-    @include styles.link-inline;
+    @include styles.link-inline('body-s');
   }
 }
 

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

@@ -20,7 +20,7 @@
   }
 
   > .anchor {
-    @include styles.link-inline;
+    @include styles.link-inline('body-m');
 
     @include focus-visible.when-visible {
       @include styles.link-focus;

package/lib/internal/scss/internal/components/token-list/styles.scss

@@ -55,7 +55,7 @@
 
 .toggle {
   @include styles.styles-reset;
-  @include styles.link-default;
+  @include styles.link-default('body-m');
 
   display: flex;
   align-items: center;

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

@@ -11,15 +11,12 @@
 @use '../hooks/focus-visible/' as focus-visible;
 @use '../../link/constants.scss' as constants;
 
-@mixin link-style($variant) {
+@mixin link-variant-style($variant) {
   color: map.get($variant, 'text-color-default');
   font-weight: map.get($variant, 'font-weight');
   letter-spacing: map.get($variant, 'letter-spacing');
-  // Fallback for browsers that do not support text-decoration-color, like IE11
-  text-decoration: map.get($variant, 'decoration');
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-line: map.get($variant, 'decoration-line');
   text-decoration-color: map.get($variant, 'decoration-color');
-  text-decoration-thickness: map.get($variant, 'decoration-thickness');
 
   @include styles.with-motion {
     transition-property: color, text-decoration;
@@ -42,25 +39,31 @@
   &:active,
   &:focus,
   &:hover {
-    text-decoration: underline;
-    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+    text-decoration-line: underline;
     text-decoration-color: map.get($variant, 'decoration-color-hover');
-    text-decoration-thickness: map.get($variant, 'decoration-thickness');
   }
 }
 
-@mixin link-default {
-  @include link-style(map.get(constants.$link-variants, 'secondary'));
+@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');
+}
+
+@mixin link-default($font-size: 'inherit') {
+  @include link-variant-style(map.get(constants.$link-variants, 'secondary'));
+  @include link-font-size-style(map.get(constants.$link-font-sizes, $font-size));
 }
 
 /* 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 */
-@mixin link-inline {
-  @include link-style(map.get(constants.$link-variants, 'primary'));
+@mixin link-inline($font-size: 'inherit') {
+  @include link-variant-style(map.get(constants.$link-variants, 'primary'));
+  @include link-font-size-style(map.get(constants.$link-font-sizes, $font-size));
 }
 
 // Need style as a mixin for tag editor only, because it needs special keyup/keydown behavior and thus cannot use the Link component
-@mixin link-recovery {
+@mixin link-recovery($font-size: 'inherit') {
   @include typography.font-smoothing;
-  @include link-style(map.get(constants.$link-variants, 'recovery'));
+  @include link-variant-style(map.get(constants.$link-variants, 'recovery'));
+  @include link-font-size-style(map.get(constants.$link-font-sizes, $font-size));
 }

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

@@ -7,13 +7,52 @@
 @use '../internal/styles/typography/constants.scss' as styles;
 @use '../internal/styles/tokens' as awsui;
 
+$link-font-sizes: (
+  'body-s': (
+    'text-underline-offset': 0.3em,
+    'text-decoration-thickness': 1px,
+  ),
+  'body-m': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+  'heading-xs': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+  'heading-s': (
+    'text-underline-offset': 0.3em,
+    'text-decoration-thickness': 1px,
+  ),
+  'heading-m': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+  'heading-l': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+  'heading-xl': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+  'display-l': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 2px,
+  ),
+  'inherit': (
+    'text-underline-offset': 0.25em,
+    'text-decoration-thickness': 1px,
+  ),
+);
+
 $link-variants: (
   'secondary': (
     'text-color-default': awsui.$color-text-link-default,
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': inherit,
-    'decoration': none,
+    'decoration-line': none,
     'decoration-color': transparent,
     'decoration-color-hover': currentColor,
     'letter-spacing': normal,
@@ -23,7 +62,7 @@ $link-variants: (
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': inherit,
-    'decoration': underline,
+    'decoration-line': underline,
     'decoration-color': currentColor,
     'decoration-color-hover': currentColor,
     'letter-spacing': normal,
@@ -33,7 +72,7 @@ $link-variants: (
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': awsui.$font-button-weight,
-    'decoration': none,
+    'decoration-line': none,
     'decoration-color': transparent,
     'decoration-color-hover': awsui.$color-text-link-button-underline-hover,
     'letter-spacing': styles.$letter-spacing-bold-link,
@@ -43,17 +82,16 @@ $link-variants: (
     'text-color-hover': awsui.$color-text-link-hover,
     'text-color-active': awsui.$color-text-link-hover,
     'font-weight': awsui.$font-box-value-large-weight,
-    'decoration': underline,
+    'decoration-line': underline,
     'decoration-color': currentColor,
     'decoration-color-hover': currentColor,
-    'decoration-thickness': 0.3rem,
   ),
   'top-navigation': (
     'text-color-default': awsui.$color-text-interactive-default,
     'text-color-hover': awsui.$color-text-interactive-hover,
     'text-color-active': awsui.$color-text-interactive-active,
     'font-weight': styles.$font-weight-bold,
-    'decoration': none,
+    'decoration-line': none,
     'decoration-color': transparent,
     'decoration-color-hover': transparent,
     'letter-spacing': styles.$letter-spacing-bold-link,
@@ -67,7 +105,7 @@ $link-variants: (
       'text-color-active': awsui.$color-text-link-hover,
       'font-weight': awsui.$font-link-button-weight,
       // Decoration fallback is for IE11, and IE11 does not support VR, so no variable needed
-      'decoration': underline,
+      'decoration-line': underline,
       'decoration-color': awsui.$color-text-link-button-underline,
       'decoration-color-hover': awsui.$color-text-link-button-underline-hover,
       'letter-spacing': awsui.$font-link-button-letter-spacing,
@@ -82,7 +120,7 @@ $link-styles: (
       'text-color-hover': awsui.$color-text-link-button-normal-hover,
       'text-color-active': awsui.$color-text-link-button-normal-active,
       'font-weight': awsui.$font-button-weight,
-      'decoration': none,
+      'decoration-line': none,
       'decoration-color': transparent,
       'decoration-color-hover': transparent,
       'letter-spacing': awsui.$font-button-letter-spacing,

package/lib/internal/scss/link/styles.scss

@@ -9,18 +9,6 @@
 @use '../internal/hooks/focus-visible' as focus-visible;
 @use './constants' as constants;
 
-$font-sizes: (
-  'body-s',
-  'body-m',
-  'heading-xs',
-  'heading-s',
-  'heading-m',
-  'heading-l',
-  'heading-xl',
-  'display-l',
-  'inherit'
-);
-
 .link {
   @include styles.styles-reset;
   display: inline;
@@ -36,20 +24,19 @@ $font-sizes: (
         -webkit-font-smoothing: inherit;
         -moz-osx-font-smoothing: inherit;
       }
-      @include styles.link-style(map.get(constants.$link-variants, $variant));
+      @include styles.link-variant-style(map.get(constants.$link-variants, $variant));
     }
   }
 
   &.button {
     @include styles.font-smoothing;
-    @include styles.link-style(map.get(constants.$link-styles, 'button'));
+    @include styles.link-variant-style(map.get(constants.$link-styles, 'button'));
   }
 
   &.color-inverted {
     color: awsui.$color-text-notification-default;
     &:not(.button) {
-      text-decoration: underline;
-      /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+      text-decoration-line: underline;
       text-decoration-color: currentColor;
     }
     &:hover {
@@ -61,9 +48,10 @@ $font-sizes: (
     @include styles.link-focus;
   }
 
-  @each $variant in $font-sizes {
-    &.font-size-#{$variant} {
-      @include styles.font($variant);
+  @each $font-size, $properties in constants.$link-font-sizes {
+    &.font-size-#{$font-size} {
+      @include styles.font($font-size);
+      @include styles.link-font-size-style(map.get(constants.$link-font-sizes, $font-size));
     }
   }
 }

package/lib/internal/scss/tag-editor/styles.scss

@@ -16,7 +16,7 @@
 }
 
 .undo-button {
-  @include styles.link-recovery;
+  @include styles.link-recovery('body-m');
 
   @include focus-visible.when-visible {
     @include styles.link-focus;

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

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_yqowy_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_yqowy_1",
-  "root": "awsui_root_n4qlp_yqowy_119",
-  "empty": "awsui_empty_n4qlp_yqowy_93",
-  "row": "awsui_row_n4qlp_yqowy_139",
-  "row-control": "awsui_row-control_n4qlp_yqowy_143",
-  "field": "awsui_field_n4qlp_yqowy_147",
-  "add-button": "awsui_add-button_n4qlp_yqowy_151",
-  "remove-button": "awsui_remove-button_n4qlp_yqowy_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_yqowy_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_yqowy_163",
-  "divider": "awsui_divider_n4qlp_yqowy_167",
-  "additional-info": "awsui_additional-info_n4qlp_yqowy_171",
-  "right-align": "awsui_right-align_n4qlp_yqowy_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_y86kd_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y86kd_1",
+  "root": "awsui_root_n4qlp_y86kd_119",
+  "empty": "awsui_empty_n4qlp_y86kd_93",
+  "row": "awsui_row_n4qlp_y86kd_139",
+  "row-control": "awsui_row-control_n4qlp_y86kd_143",
+  "field": "awsui_field_n4qlp_y86kd_147",
+  "add-button": "awsui_add-button_n4qlp_y86kd_151",
+  "remove-button": "awsui_remove-button_n4qlp_y86kd_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_y86kd_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_y86kd_163",
+  "divider": "awsui_divider_n4qlp_y86kd_167",
+  "additional-info": "awsui_additional-info_n4qlp_y86kd_171",
+  "right-align": "awsui_right-align_n4qlp_y86kd_217"
 };
   

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

@@ -90,10 +90,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_yqowy_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_yqowy_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
+.awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_y86kd_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_n4qlp_yqowy_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_y86kd_1 {
   from {
     opacity: 0.2;
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_empty-appear_n4qlp_yqowy_93:not(#\9) {
+  .awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_yqowy_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_yqowy_93:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_y86kd_93:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_y86kd_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -116,7 +116,7 @@ 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_root_n4qlp_yqowy_119:not(#\9) {
+.awsui_root_n4qlp_y86kd_119:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -156,45 +156,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_empty_n4qlp_yqowy_93:not(#\9) {
+.awsui_empty_n4qlp_y86kd_93:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   color: var(--color-text-empty-jskpnv, #687078);
 }
 
-.awsui_row_n4qlp_yqowy_139:not(#\9) {
+.awsui_row_n4qlp_y86kd_139:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_row-control_n4qlp_yqowy_143:not(#\9) {
+.awsui_row-control_n4qlp_y86kd_143:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_yqowy_147:not(#\9) {
+.awsui_field_n4qlp_y86kd_147:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_add-button_n4qlp_yqowy_151:not(#\9) {
+.awsui_add-button_n4qlp_y86kd_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button_n4qlp_yqowy_155:not(#\9) {
+.awsui_remove-button_n4qlp_y86kd_155:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_button-container-haslabel_n4qlp_yqowy_159:not(#\9) {
+.awsui_button-container-haslabel_n4qlp_y86kd_159:not(#\9) {
   padding-top: calc(var(--space-xxs-9rrxti, 4px) + var(--line-height-body-m-2zx78l, 22px));
 }
 
-.awsui_button-container-nolabel_n4qlp_yqowy_163:not(#\9) {
+.awsui_button-container-nolabel_n4qlp_y86kd_163:not(#\9) {
   padding-top: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_divider_n4qlp_yqowy_167:not(#\9) {
+.awsui_divider_n4qlp_y86kd_167:not(#\9) {
   border-bottom: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
 
-.awsui_additional-info_n4qlp_yqowy_171:not(#\9) {
+.awsui_additional-info_n4qlp_y86kd_171:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
@@ -204,44 +204,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-top: var(--space-xxs-9rrxti, 4px);
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
+.awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
-  text-decoration: underline;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-line: underline;
   text-decoration-color: 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-0rwzu1, 165ms);
+  text-underline-offset: 0.3em;
+  text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):active {
+.awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_yqowy_171 > a:not(#\9):hover {
-  text-decoration: underline;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):active, .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):focus, .awsui_additional-info_n4qlp_y86kd_171 > a:not(#\9):hover {
+  text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_right-align_n4qlp_yqowy_217:not(#\9) {
+.awsui_right-align_n4qlp_y86kd_217:not(#\9) {
   float: right;
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "empty-appear": "awsui_empty-appear_n4qlp_yqowy_93",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_yqowy_1",
-  "root": "awsui_root_n4qlp_yqowy_119",
-  "empty": "awsui_empty_n4qlp_yqowy_93",
-  "row": "awsui_row_n4qlp_yqowy_139",
-  "row-control": "awsui_row-control_n4qlp_yqowy_143",
-  "field": "awsui_field_n4qlp_yqowy_147",
-  "add-button": "awsui_add-button_n4qlp_yqowy_151",
-  "remove-button": "awsui_remove-button_n4qlp_yqowy_155",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_yqowy_159",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_yqowy_163",
-  "divider": "awsui_divider_n4qlp_yqowy_167",
-  "additional-info": "awsui_additional-info_n4qlp_yqowy_171",
-  "right-align": "awsui_right-align_n4qlp_yqowy_217"
+  "empty-appear": "awsui_empty-appear_n4qlp_y86kd_93",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_y86kd_1",
+  "root": "awsui_root_n4qlp_y86kd_119",
+  "empty": "awsui_empty_n4qlp_y86kd_93",
+  "row": "awsui_row_n4qlp_y86kd_139",
+  "row-control": "awsui_row-control_n4qlp_y86kd_143",
+  "field": "awsui_field_n4qlp_y86kd_147",
+  "add-button": "awsui_add-button_n4qlp_y86kd_151",
+  "remove-button": "awsui_remove-button_n4qlp_y86kd_155",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_y86kd_159",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_y86kd_163",
+  "divider": "awsui_divider_n4qlp_y86kd_167",
+  "additional-info": "awsui_additional-info_n4qlp_y86kd_171",
+  "right-align": "awsui_right-align_n4qlp_y86kd_217"
 };
   

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_2vw2o_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_2vw2o_97",
-  "icon": "awsui_icon_1kosq_2vw2o_100",
-  "anchor": "awsui_anchor_1kosq_2vw2o_104",
-  "last": "awsui_last_1kosq_2vw2o_147",
-  "compressed": "awsui_compressed_1kosq_2vw2o_157",
-  "text": "awsui_text_1kosq_2vw2o_161",
-  "virtual-item": "awsui_virtual-item_1kosq_2vw2o_168",
-  "item-popover": "awsui_item-popover_1kosq_2vw2o_175"
+  "link": "awsui_link_1kosq_ttk24_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_ttk24_97",
+  "icon": "awsui_icon_1kosq_ttk24_100",
+  "anchor": "awsui_anchor_1kosq_ttk24_104",
+  "last": "awsui_last_1kosq_ttk24_147",
+  "compressed": "awsui_compressed_1kosq_ttk24_157",
+  "text": "awsui_text_1kosq_ttk24_161",
+  "virtual-item": "awsui_virtual-item_1kosq_ttk24_168",
+  "item-popover": "awsui_item-popover_1kosq_ttk24_175"
 };
   

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

@@ -90,55 +90,55 @@ 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_link_1kosq_2vw2o_93:not(#\9):after {
+.awsui_link_1kosq_ttk24_93:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_2vw2o_97:not(#\9) {
+.awsui_breadcrumb_1kosq_ttk24_97:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_icon_1kosq_2vw2o_100:not(#\9) {
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_icon_1kosq_ttk24_100:not(#\9) {
   margin: 0 var(--space-xs-xf5ch3, 8px);
   color: var(--color-text-breadcrumb-icon-egad48, #687078);
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
   color: var(--color-text-link-default-hop3gv, #0073bb);
   font-weight: inherit;
   letter-spacing: normal;
-  text-decoration: underline;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-line: underline;
   text-decoration-color: 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-0rwzu1, 165ms);
+  text-underline-offset: 0.25em;
+  text-decoration-thickness: 1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
+  .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):hover {
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus {
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):active {
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):active {
   color: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):active, .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus, .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):hover {
-  text-decoration: underline;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):active, .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus, .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):hover {
+  text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_anchor_1kosq_2vw2o_104:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_ttk24_97 > .awsui_anchor_1kosq_ttk24_104:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-gygm43, 5px auto Highlight);
   outline-offset: 2px;
@@ -146,34 +146,34 @@ body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_2vw2o_97 > .awsui_an
   border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-efbp5h, 0px) var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_breadcrumb_1kosq_2vw2o_97.awsui_last_1kosq_2vw2o_147 > .awsui_icon_1kosq_2vw2o_100:not(#\9) {
+.awsui_breadcrumb_1kosq_ttk24_97.awsui_last_1kosq_ttk24_147 > .awsui_icon_1kosq_ttk24_100:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_2vw2o_97.awsui_last_1kosq_2vw2o_147 > .awsui_anchor_1kosq_2vw2o_104:not(#\9) {
+.awsui_breadcrumb_1kosq_ttk24_97.awsui_last_1kosq_ttk24_147 > .awsui_anchor_1kosq_ttk24_104:not(#\9) {
   color: var(--color-text-breadcrumb-current-pm5uhh, #687078);
   font-weight: 700;
   text-decoration: none;
   cursor: default;
 }
 
-.awsui_compressed_1kosq_2vw2o_157:not(#\9) {
+.awsui_compressed_1kosq_ttk24_157:not(#\9) {
   min-width: 0;
   overflow: hidden;
 }
-.awsui_compressed_1kosq_2vw2o_157 > .awsui_text_1kosq_2vw2o_161:not(#\9) {
+.awsui_compressed_1kosq_ttk24_157 > .awsui_text_1kosq_ttk24_161:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
 
-.awsui_virtual-item_1kosq_2vw2o_168:not(#\9) {
+.awsui_virtual-item_1kosq_ttk24_168:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
   visibility: hidden;
 }
 
-.awsui_item-popover_1kosq_2vw2o_175:not(#\9) {
+.awsui_item-popover_1kosq_ttk24_175:not(#\9) {
   /* used in tests */
 }

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "link": "awsui_link_1kosq_2vw2o_93",
-  "breadcrumb": "awsui_breadcrumb_1kosq_2vw2o_97",
-  "icon": "awsui_icon_1kosq_2vw2o_100",
-  "anchor": "awsui_anchor_1kosq_2vw2o_104",
-  "last": "awsui_last_1kosq_2vw2o_147",
-  "compressed": "awsui_compressed_1kosq_2vw2o_157",
-  "text": "awsui_text_1kosq_2vw2o_161",
-  "virtual-item": "awsui_virtual-item_1kosq_2vw2o_168",
-  "item-popover": "awsui_item-popover_1kosq_2vw2o_175"
+  "link": "awsui_link_1kosq_ttk24_93",
+  "breadcrumb": "awsui_breadcrumb_1kosq_ttk24_97",
+  "icon": "awsui_icon_1kosq_ttk24_100",
+  "anchor": "awsui_anchor_1kosq_ttk24_104",
+  "last": "awsui_last_1kosq_ttk24_147",
+  "compressed": "awsui_compressed_1kosq_ttk24_157",
+  "text": "awsui_text_1kosq_ttk24_161",
+  "virtual-item": "awsui_virtual-item_1kosq_ttk24_168",
+  "item-popover": "awsui_item-popover_1kosq_ttk24_175"
 };