@cloudscape-design/components-themeable 3.0.1056 → 3.0.1058

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "8cda3dabbe9c3293e6cede7be47391495d7a3f3d"
+  "commit": "991892e23236dd021ea64b02989253848736dc69"
 }

package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scss

@@ -0,0 +1,9 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+// backward compatibility before this commit: TODO_REPLACE_ME
+.breadcrumbs-own:not(:empty) + .breadcrumbs-discovered {
+  display: none;
+}

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

@@ -1,6 +1,6 @@
 
     // Build environment
-    $awsui-commit-hash: "8cda3dab";
+    $awsui-commit-hash: "991892e2";
     // Manually managed CSS-variables
     $maxContentWidth: --awsui-max-content-width-kcc2gu;
 $minContentWidth: --awsui-min-content-width-kcc2gu;

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

@@ -11,18 +11,22 @@
 @use '../utils' as utils;
 @use './constants' as constants;
 
-@mixin link-focus {
+@mixin link-focus(
+  $border-color: awsui.$color-border-item-focused,
+  $border-radius: awsui.$border-radius-control-default-focus-ring,
+  $box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused
+) {
   // For classic
   outline: thin dotted;
   outline: awsui.$border-link-focus-ring-outline;
   outline-offset: 2px;
-  outline-color: awsui.$color-border-item-focused;
+  outline-color: $border-color;
   // For visual refresh
-  border-start-start-radius: awsui.$border-radius-control-default-focus-ring;
-  border-start-end-radius: awsui.$border-radius-control-default-focus-ring;
-  border-end-start-radius: awsui.$border-radius-control-default-focus-ring;
-  border-end-end-radius: awsui.$border-radius-control-default-focus-ring;
-  box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused;
+  border-start-start-radius: $border-radius;
+  border-start-end-radius: $border-radius;
+  border-end-start-radius: $border-radius;
+  border-end-end-radius: $border-radius;
+  box-shadow: $box-shadow;
 }
 
 @mixin container-focus($border-radius: awsui.$border-radius-container) {

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

@@ -10,9 +10,10 @@
 @use './forms/' as mixins;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use '../../link/constants.scss' as constants;
+@use '../generated/custom-css-properties/index.scss' as custom-props;
 
 @mixin link-variant-style($variant) {
-  color: map.get($variant, 'text-color-default');
+  color: var(#{custom-props.$styleColorDefault}, map.get($variant, 'text-color-default'));
   font-weight: map.get($variant, 'font-weight');
   letter-spacing: map.get($variant, 'letter-spacing');
   text-decoration-line: map.get($variant, 'decoration-line');
@@ -25,7 +26,7 @@
 
   &:hover {
     cursor: pointer;
-    color: map.get($variant, 'text-color-hover');
+    color: var(#{custom-props.$styleColorHover}, map.get($variant, 'text-color-hover'));
   }
 
   &:focus {
@@ -33,7 +34,7 @@
   }
 
   &:active {
-    color: map.get($variant, 'text-color-active');
+    color: var(#{custom-props.$styleColorActive}, map.get($variant, 'text-color-active'));
   }
 
   &:active,

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

@@ -8,11 +8,18 @@
 @use '../internal/styles/tokens' as awsui;
 @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
 @use './constants' as constants;
+@use '../internal/generated/custom-css-properties/index.scss' as custom-props;
+@use '../internal/styles/foundation' as foundation;
 
 .link {
   @include styles.styles-reset;
   display: inline;
   white-space: inherit;
+
+  #{custom-props.$styleFocusRingBoxShadow}: 0 0 0
+    var(#{custom-props.$styleFocusRingBorderWidth}, awsui.$border-link-focus-ring-shadow-spread)
+    var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused);
+
   @include styles.link-default;
 
   @each $variant in map.keys(constants.$link-variants) {
@@ -45,7 +52,11 @@
   }
 
   @include focus-visible.when-visible {
-    @include styles.link-focus;
+    @include styles.link-focus(
+      $border-color: var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused),
+      $border-radius: var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
+      $box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
+    );
   }
 
   @each $font-size, $properties in constants.$link-font-sizes {

package/lib/internal/scss/table/body-cell/styles.scss

@@ -500,7 +500,6 @@ $cell-negative-space-vertical: 2px;
           background-color: awsui.$color-background-dropdown-item-hover;
           border-block: awsui.$border-divider-list-width solid awsui.$color-border-editable-cell-hover;
           border-inline: awsui.$border-divider-list-width solid awsui.$color-border-editable-cell-hover;
-          inset-inline: calc(-1 * #{awsui.$border-divider-list-width});
         }
 
         &.sticky-cell {

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAG/E,UAAU,oBAAoB;IAC5B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACpD;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,oBAAoB,eAa9F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAK/E,UAAU,oBAAoB;IAC5B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACpD;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,oBAAoB,eAe9F"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js

@@ -3,9 +3,11 @@
 import React from 'react';
 import { BreadcrumbGroupImplementation } from '../../../../breadcrumb-group/implementation';
 import { BreadcrumbsSlotContext } from '../../contexts';
+import styles from './styles.css.js';
 export function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }) {
     return (React.createElement(BreadcrumbsSlotContext.Provider, { value: { isInToolbar: true } },
-        ownBreadcrumbs,
-        discoveredBreadcrumbs && (React.createElement(BreadcrumbGroupImplementation, Object.assign({}, discoveredBreadcrumbs, { "data-awsui-discovered-breadcrumbs": true, __injectAnalyticsComponentMetadata: true })))));
+        React.createElement("div", { className: styles['breadcrumbs-own'] }, ownBreadcrumbs),
+        discoveredBreadcrumbs && (React.createElement("div", { className: styles['breadcrumbs-discovered'] },
+            React.createElement(BreadcrumbGroupImplementation, Object.assign({}, discoveredBreadcrumbs, { "data-awsui-discovered-breadcrumbs": true, __injectAnalyticsComponentMetadata: true }))))));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAOxD,MAAM,UAAU,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAwB;IAC7F,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;QAC1D,cAAc;QACd,qBAAqB,IAAI,CACxB,oBAAC,6BAA6B,oBACxB,qBAAqB,yCACU,IAAI,EACvC,kCAAkC,EAAE,IAAI,IACxC,CACH,CAC+B,CACnC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BreadcrumbGroupImplementation } from '../../../../breadcrumb-group/implementation';\nimport { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsSlotContext } from '../../contexts';\n\ninterface BreadcrumbsSlotProps {\n  ownBreadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n}\n\nexport function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }: BreadcrumbsSlotProps) {\n  return (\n    <BreadcrumbsSlotContext.Provider value={{ isInToolbar: true }}>\n      {ownBreadcrumbs}\n      {discoveredBreadcrumbs && (\n        <BreadcrumbGroupImplementation\n          {...discoveredBreadcrumbs}\n          data-awsui-discovered-breadcrumbs={true}\n          __injectAnalyticsComponentMetadata={true}\n        />\n      )}\n    </BreadcrumbsSlotContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,UAAU,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAwB;IAC7F,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;QAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAAG,cAAc,CAAO;QAChE,qBAAqB,IAAI,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;YAC9C,oBAAC,6BAA6B,oBACxB,qBAAqB,yCACU,IAAI,EACvC,kCAAkC,EAAE,IAAI,IACxC,CACE,CACP,CAC+B,CACnC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BreadcrumbGroupImplementation } from '../../../../breadcrumb-group/implementation';\nimport { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsSlotContext } from '../../contexts';\n\nimport styles from './styles.css.js';\n\ninterface BreadcrumbsSlotProps {\n  ownBreadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n}\n\nexport function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }: BreadcrumbsSlotProps) {\n  return (\n    <BreadcrumbsSlotContext.Provider value={{ isInToolbar: true }}>\n      <div className={styles['breadcrumbs-own']}>{ownBreadcrumbs}</div>\n      {discoveredBreadcrumbs && (\n        <div className={styles['breadcrumbs-discovered']}>\n          <BreadcrumbGroupImplementation\n            {...discoveredBreadcrumbs}\n            data-awsui-discovered-breadcrumbs={true}\n            __injectAnalyticsComponentMetadata={true}\n          />\n        </div>\n      )}\n    </BreadcrumbsSlotContext.Provider>\n  );\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "breadcrumbs-own": "awsui_breadcrumbs-own_ete58_yonx9_5",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_ete58_yonx9_5"
+};
+  

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scoped.css

@@ -0,0 +1,7 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_breadcrumbs-own_ete58_yonx9_5:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_ete58_yonx9_5 {
+  display: none;
+}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "breadcrumbs-own": "awsui_breadcrumbs-own_ete58_yonx9_5",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_ete58_yonx9_5"
+};
+  

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_lsdwm_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
-  "root": "awsui_root_n4qlp_lsdwm_175",
-  "empty": "awsui_empty_n4qlp_lsdwm_153",
-  "row": "awsui_row_n4qlp_lsdwm_218",
-  "divider": "awsui_divider_n4qlp_lsdwm_222",
-  "row-control": "awsui_row-control_n4qlp_lsdwm_227",
-  "field": "awsui_field_n4qlp_lsdwm_231",
-  "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
-  "add-row": "awsui_add-row_n4qlp_lsdwm_281",
-  "add-button": "awsui_add-button_n4qlp_lsdwm_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
-  "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
+  "root": "awsui_root_n4qlp_71c87_175",
+  "empty": "awsui_empty_n4qlp_71c87_153",
+  "row": "awsui_row_n4qlp_71c87_218",
+  "divider": "awsui_divider_n4qlp_71c87_222",
+  "row-control": "awsui_row-control_n4qlp_71c87_227",
+  "field": "awsui_field_n4qlp_71c87_231",
+  "additional-info": "awsui_additional-info_n4qlp_71c87_235",
+  "add-row": "awsui_add-row_n4qlp_71c87_281",
+  "add-button": "awsui_add-button_n4qlp_71c87_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
+  "remove-button": "awsui_remove-button_n4qlp_71c87_289"
 };
   

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_lsdwm_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_n4qlp_lsdwm_1 var(--motion-duration-transition-show-paced-0w35xp, 180ms) var(--motion-easing-transition-show-paced-ufdgkj, ease-out);
+.awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_n4qlp_71c87_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_lsdwm_1 {
+@keyframes awsui_awsui-motion-fade-in_n4qlp_71c87_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_lsdwm_153:not(#\9) {
+  .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_lsdwm_153:not(#\9) {
+.awsui-motion-disabled .awsui_empty-appear_n4qlp_71c87_153:not(#\9), .awsui-mode-entering .awsui_empty-appear_n4qlp_71c87_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_n4qlp_lsdwm_175:not(#\9) {
+.awsui_root_n4qlp_71c87_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_lsdwm_153:not(#\9) {
+.awsui_empty_n4qlp_71c87_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_lsdwm_218:not(#\9) {
+.awsui_row_n4qlp_71c87_218:not(#\9) {
   display: contents;
 }
 
-.awsui_divider_n4qlp_lsdwm_222:not(#\9) {
+.awsui_divider_n4qlp_71c87_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_lsdwm_227:not(#\9) {
+.awsui_row-control_n4qlp_71c87_227:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_field_n4qlp_lsdwm_231:not(#\9) {
+.awsui_field_n4qlp_71c87_231:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_additional-info_n4qlp_lsdwm_235:not(#\9) {
+.awsui_additional-info_n4qlp_71c87_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,10 +242,10 @@ 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_lsdwm_235 > a:not(#\9) {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
   text-underline-offset: 0.3em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-x6cnv5, #0073bb);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -256,50 +256,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_lsdwm_235 > a:not(#\9) {
+  .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9) {
+.awsui-motion-disabled .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9), .awsui-mode-entering .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus {
   outline: none;
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active {
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_lsdwm_235 > a:not(#\9):hover {
+.awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):active, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):focus, .awsui_additional-info_n4qlp_71c87_235 > a:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
 
-.awsui_add-row_n4qlp_lsdwm_281:not(#\9) {
+.awsui_add-row_n4qlp_71c87_281:not(#\9) {
   grid-column: 1/-1;
 }
 
-.awsui_add-button_n4qlp_lsdwm_285:not(#\9) {
+.awsui_add-button_n4qlp_71c87_285:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_remove-button-container_n4qlp_lsdwm_289:not(#\9) {
+.awsui_remove-button-container_n4qlp_71c87_289:not(#\9) {
   display: inline-block;
 }
 
-.awsui_remove-button-field-padding_n4qlp_lsdwm_293:not(#\9) {
+.awsui_remove-button-field-padding_n4qlp_71c87_293:not(#\9) {
   padding-block-start: calc(var(--space-xxs-jnczic, 4px) + var(--line-height-body-m-bedeoh, 22px));
 }
 
-.awsui_remove-button-own-row_n4qlp_lsdwm_297:not(#\9) {
+.awsui_remove-button-own-row_n4qlp_71c87_297:not(#\9) {
   justify-self: end;
 }
 
-.awsui_remove-button_n4qlp_lsdwm_289:not(#\9) {
+.awsui_remove-button_n4qlp_71c87_289: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_lsdwm_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_lsdwm_1",
-  "root": "awsui_root_n4qlp_lsdwm_175",
-  "empty": "awsui_empty_n4qlp_lsdwm_153",
-  "row": "awsui_row_n4qlp_lsdwm_218",
-  "divider": "awsui_divider_n4qlp_lsdwm_222",
-  "row-control": "awsui_row-control_n4qlp_lsdwm_227",
-  "field": "awsui_field_n4qlp_lsdwm_231",
-  "additional-info": "awsui_additional-info_n4qlp_lsdwm_235",
-  "add-row": "awsui_add-row_n4qlp_lsdwm_281",
-  "add-button": "awsui_add-button_n4qlp_lsdwm_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_lsdwm_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_lsdwm_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_lsdwm_297",
-  "remove-button": "awsui_remove-button_n4qlp_lsdwm_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_71c87_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_71c87_1",
+  "root": "awsui_root_n4qlp_71c87_175",
+  "empty": "awsui_empty_n4qlp_71c87_153",
+  "row": "awsui_row_n4qlp_71c87_218",
+  "divider": "awsui_divider_n4qlp_71c87_222",
+  "row-control": "awsui_row-control_n4qlp_71c87_227",
+  "field": "awsui_field_n4qlp_71c87_231",
+  "additional-info": "awsui_additional-info_n4qlp_71c87_235",
+  "add-row": "awsui_add-row_n4qlp_71c87_281",
+  "add-button": "awsui_add-button_n4qlp_71c87_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_71c87_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_71c87_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_71c87_297",
+  "remove-button": "awsui_remove-button_n4qlp_71c87_289"
 };
   

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

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "link": "awsui_link_1kosq_19n06_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
-  "icon": "awsui_icon_1kosq_19n06_153",
-  "anchor": "awsui_anchor_1kosq_19n06_159",
-  "text": "awsui_text_1kosq_19n06_206",
-  "last": "awsui_last_1kosq_19n06_225"
+  "link": "awsui_link_1kosq_1tq4i_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
+  "icon": "awsui_icon_1kosq_1tq4i_153",
+  "anchor": "awsui_anchor_1kosq_1tq4i_159",
+  "text": "awsui_text_1kosq_1tq4i_206",
+  "last": "awsui_last_1kosq_1tq4i_225"
 };
   

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

@@ -142,27 +142,27 @@
 */
 /* 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_19n06_145:not(#\9):after {
+.awsui_link_1kosq_1tq4i_145:not(#\9):after {
   display: none;
 }
 
-.awsui_breadcrumb_1kosq_19n06_149:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150:not(#\9) {
   display: flex;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_icon_1kosq_19n06_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_icon_1kosq_19n06_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
   margin-block: 0;
   margin-inline: var(--space-xs-kw7k3v, 8px);
   color: var(--color-text-breadcrumb-icon-c379ty, #687078);
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   min-inline-size: 0;
   overflow: hidden;
   text-underline-offset: 0.25em;
   text-decoration-thickness: 1px;
-  color: var(--color-text-link-default-x6cnv5, #0073bb);
+  color: var(--awsui-style-color-default-kcc2gu, var(--color-text-link-default-x6cnv5, #0073bb));
   font-weight: inherit;
   letter-spacing: normal;
   text-decoration-line: underline;
@@ -173,42 +173,42 @@ 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_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-  .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+  .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+  .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui-motion-disabled .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-motion-disabled .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9), .awsui-mode-entering .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
   cursor: pointer;
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+  color: var(--awsui-style-color-hover-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
   outline: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active,
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active {
-  color: var(--color-text-link-hover-tk5gkv, #0a4a74);
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active,
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active {
+  color: var(--awsui-style-color-active-kcc2gu, var(--color-text-link-hover-tk5gkv, #0a4a74));
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):hover {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):active, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus, .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):hover {
   text-decoration-line: underline;
   text-decoration-color: currentColor;
 }
-.awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159 > .awsui_text_1kosq_19n06_206:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159 > .awsui_text_1kosq_1tq4i_206:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   display: block;
 }
-body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_19n06_149 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus,
-body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_150 > .awsui_anchor_1kosq_19n06_159:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_breadcrumb_1kosq_1tq4i_149 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus,
+body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_1tq4i_150 > .awsui_anchor_1kosq_1tq4i_159:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-c5423y, 5px auto Highlight);
   outline-offset: 2px;
@@ -219,12 +219,12 @@ body[data-awsui-focus-visible=true] .awsui_ghost-breadcrumb_1kosq_19n06_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_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_icon_1kosq_19n06_153:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_icon_1kosq_1tq4i_153:not(#\9) {
   display: none;
 }
-.awsui_breadcrumb_1kosq_19n06_149.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9),
-.awsui_ghost-breadcrumb_1kosq_19n06_150.awsui_last_1kosq_19n06_225 > .awsui_anchor_1kosq_19n06_159:not(#\9) {
+.awsui_breadcrumb_1kosq_1tq4i_149.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9),
+.awsui_ghost-breadcrumb_1kosq_1tq4i_150.awsui_last_1kosq_1tq4i_225 > .awsui_anchor_1kosq_1tq4i_159:not(#\9) {
   color: var(--color-text-breadcrumb-current-hwvp31, #687078);
   font-weight: 700;
   text-decoration: none;

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_19n06_145",
-  "breadcrumb": "awsui_breadcrumb_1kosq_19n06_149",
-  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_19n06_150",
-  "icon": "awsui_icon_1kosq_19n06_153",
-  "anchor": "awsui_anchor_1kosq_19n06_159",
-  "text": "awsui_text_1kosq_19n06_206",
-  "last": "awsui_last_1kosq_19n06_225"
+  "link": "awsui_link_1kosq_1tq4i_145",
+  "breadcrumb": "awsui_breadcrumb_1kosq_1tq4i_149",
+  "ghost-breadcrumb": "awsui_ghost-breadcrumb_1kosq_1tq4i_150",
+  "icon": "awsui_icon_1kosq_1tq4i_153",
+  "anchor": "awsui_anchor_1kosq_1tq4i_159",
+  "text": "awsui_text_1kosq_1tq4i_206",
+  "last": "awsui_last_1kosq_1tq4i_225"
 };
   

package/lib/internal/template/button-dropdown/item-element/styles.css.js

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "item-element": "awsui_item-element_93a1u_2mxwp_145",
-  "disabled": "awsui_disabled_93a1u_2mxwp_157",
-  "show-divider": "awsui_show-divider_93a1u_2mxwp_164",
-  "highlighted": "awsui_highlighted_93a1u_2mxwp_167",
-  "is-focused": "awsui_is-focused_93a1u_2mxwp_182",
-  "visual-refresh": "awsui_visual-refresh_93a1u_2mxwp_185",
-  "menu-item": "awsui_menu-item_93a1u_2mxwp_189",
-  "link-style": "awsui_link-style_93a1u_2mxwp_201",
-  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_2mxwp_237",
-  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_2mxwp_245",
-  "has-category-header": "awsui_has-category-header_93a1u_2mxwp_251",
-  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_2mxwp_251",
-  "has-checkmark": "awsui_has-checkmark_93a1u_2mxwp_251",
-  "icon": "awsui_icon_93a1u_2mxwp_255",
-  "checkmark": "awsui_checkmark_93a1u_2mxwp_259",
-  "external-icon": "awsui_external-icon_93a1u_2mxwp_266"
+  "item-element": "awsui_item-element_93a1u_9solc_145",
+  "disabled": "awsui_disabled_93a1u_9solc_157",
+  "show-divider": "awsui_show-divider_93a1u_9solc_164",
+  "highlighted": "awsui_highlighted_93a1u_9solc_167",
+  "is-focused": "awsui_is-focused_93a1u_9solc_182",
+  "visual-refresh": "awsui_visual-refresh_93a1u_9solc_185",
+  "menu-item": "awsui_menu-item_93a1u_9solc_189",
+  "link-style": "awsui_link-style_93a1u_9solc_201",
+  "current-breadcrumb": "awsui_current-breadcrumb_93a1u_9solc_237",
+  "link-style-highlighted": "awsui_link-style-highlighted_93a1u_9solc_245",
+  "has-category-header": "awsui_has-category-header_93a1u_9solc_251",
+  "item-tooltip-wrapper": "awsui_item-tooltip-wrapper_93a1u_9solc_251",
+  "has-checkmark": "awsui_has-checkmark_93a1u_9solc_251",
+  "icon": "awsui_icon_93a1u_9solc_255",
+  "checkmark": "awsui_checkmark_93a1u_9solc_259",
+  "external-icon": "awsui_external-icon_93a1u_9solc_266"
 };