@cloudscape-design/components-themeable 3.0.700 → 3.0.701

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "b1f440556846ba333f72a6ef4ba255e4e7ecbdbc"
+  "commit": "b5981ca7801d32d97e646a550bd48dd9cf601a52"
 }

package/lib/internal/scss/button-dropdown/item-element/styles.scss

@@ -67,6 +67,7 @@
 
   /* stylelint-disable selector-max-type */
   .has-category-header > &,
+  .has-category-header > .item-tooltip-wrapper > &,
   .has-category-header:not(.has-checkmark) > span > & {
     padding-inline-start: calc(#{awsui.$space-xs} + #{awsui.$space-l});
   }

package/lib/internal/scss/icon/styles.scss

@@ -42,6 +42,7 @@
       .name-external,
       .name-redo,
       .name-resize-area,
+      .name-send,
       .name-shrink,
       .name-undo,
       .name-view-vertical

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

@@ -1,57 +1,59 @@
 
-    $maxContentWidth: --awsui-max-content-width-9rhwr5;
-$minContentWidth: --awsui-min-content-width-9rhwr5;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-9rhwr5;
-$contentGapLeft: --awsui-content-gap-left-9rhwr5;
-$contentGapRight: --awsui-content-gap-right-9rhwr5;
-$contentHeight: --awsui-content-height-9rhwr5;
-$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-9rhwr5;
-$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-9rhwr5;
-$contentLayoutMainGap: --awsui-content-layout-main-gap-9rhwr5;
-$defaultMaxContentWidth: --awsui-default-max-content-width-9rhwr5;
-$defaultMinContentWidth: --awsui-default-min-content-width-9rhwr5;
-$drawerSize: --awsui-drawer-size-9rhwr5;
-$footerHeight: --awsui-footer-height-9rhwr5;
-$headerGap: --awsui-header-gap-9rhwr5;
-$headerHeight: --awsui-header-height-9rhwr5;
-$layoutWidth: --awsui-layout-width-9rhwr5;
-$mainGap: --awsui-main-gap-9rhwr5;
-$mainOffsetLeft: --awsui-main-offset-left-9rhwr5;
-$mainTemplateRows: --awsui-main-template-rows-9rhwr5;
-$mobileBarHeight: --awsui-mobile-bar-height-9rhwr5;
-$notificationsHeight: --awsui-notifications-height-9rhwr5;
-$offsetTop: --awsui-offset-top-9rhwr5;
-$overlapHeight: --awsui-overlap-height-9rhwr5;
-$navigationWidth: --awsui-navigation-width-9rhwr5;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-9rhwr5;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-9rhwr5;
-$splitPanelHeight: --awsui-split-panel-height-9rhwr5;
-$splitPanelMinWidth: --awsui-split-panel-min-width-9rhwr5;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-9rhwr5;
-$toolsMaxWidth: --awsui-tools-max-width-9rhwr5;
-$toolsWidth: --awsui-tools-width-9rhwr5;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-9rhwr5;
-$contentScrollMargin: --awsui-content-scroll-margin-9rhwr5;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-9rhwr5;
-$flashbarStackIndex: --awsui-flashbar-stack-index-9rhwr5;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-9rhwr5;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-9rhwr5;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-9rhwr5;
-$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-9rhwr5;
-$spinnerRotatorFrom: --awsui-spinner-rotator-from-9rhwr5;
-$spinnerRotatorTo: --awsui-spinner-rotator-to-9rhwr5;
-$spinnerLineLeftFrom: --awsui-spinner-line-left-from-9rhwr5;
-$spinnerLineLeftTo: --awsui-spinner-line-left-to-9rhwr5;
-$spinnerLineRightFrom: --awsui-spinner-line-right-from-9rhwr5;
-$spinnerLineRightTo: --awsui-spinner-line-right-to-9rhwr5;
-$sliderLabelCount: --awsui-slider-label-count-9rhwr5;
-$sliderTickCount: --awsui-slider-tick-count-9rhwr5;
-$sliderReferenceColumn: --awsui-slider-reference-column-9rhwr5;
-$sliderNextReferenceColumn: --awsui-slider-next-reference-column-9rhwr5;
-$sliderMaxStart: --awsui-slider-max-start-9rhwr5;
-$sliderMinEnd: --awsui-slider-min-end-9rhwr5;
-$sliderRangeInlineSize: --awsui-slider-range-inline-size-9rhwr5;
-$sliderTooltipPosition: --awsui-slider-tooltip-position-9rhwr5;
-$togglesLeftWidth: --awsui-toggles-left-width-9rhwr5;
-$togglesRightWidth: --awsui-toggles-right-width-9rhwr5;
+    $maxContentWidth: --awsui-max-content-width-g964ok;
+$minContentWidth: --awsui-min-content-width-g964ok;
+$breadcrumbsGap: --awsui-breadcrumbs-gap-g964ok;
+$contentGapLeft: --awsui-content-gap-left-g964ok;
+$contentGapRight: --awsui-content-gap-right-g964ok;
+$contentHeight: --awsui-content-height-g964ok;
+$contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-g964ok;
+$contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-g964ok;
+$contentLayoutMainGap: --awsui-content-layout-main-gap-g964ok;
+$defaultMaxContentWidth: --awsui-default-max-content-width-g964ok;
+$defaultMinContentWidth: --awsui-default-min-content-width-g964ok;
+$drawerSize: --awsui-drawer-size-g964ok;
+$footerHeight: --awsui-footer-height-g964ok;
+$headerGap: --awsui-header-gap-g964ok;
+$headerHeight: --awsui-header-height-g964ok;
+$layoutWidth: --awsui-layout-width-g964ok;
+$mainGap: --awsui-main-gap-g964ok;
+$mainOffsetLeft: --awsui-main-offset-left-g964ok;
+$mainTemplateRows: --awsui-main-template-rows-g964ok;
+$mobileBarHeight: --awsui-mobile-bar-height-g964ok;
+$notificationsHeight: --awsui-notifications-height-g964ok;
+$offsetTop: --awsui-offset-top-g964ok;
+$overlapHeight: --awsui-overlap-height-g964ok;
+$navigationWidth: --awsui-navigation-width-g964ok;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-g964ok;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-g964ok;
+$splitPanelHeight: --awsui-split-panel-height-g964ok;
+$splitPanelMinWidth: --awsui-split-panel-min-width-g964ok;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-g964ok;
+$toolsMaxWidth: --awsui-tools-max-width-g964ok;
+$toolsWidth: --awsui-tools-width-g964ok;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-g964ok;
+$contentScrollMargin: --awsui-content-scroll-margin-g964ok;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-g964ok;
+$flashbarStackIndex: --awsui-flashbar-stack-index-g964ok;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-g964ok;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-g964ok;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-g964ok;
+$dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-g964ok;
+$spinnerRotatorFrom: --awsui-spinner-rotator-from-g964ok;
+$spinnerRotatorTo: --awsui-spinner-rotator-to-g964ok;
+$spinnerLineLeftFrom: --awsui-spinner-line-left-from-g964ok;
+$spinnerLineLeftTo: --awsui-spinner-line-left-to-g964ok;
+$spinnerLineRightFrom: --awsui-spinner-line-right-from-g964ok;
+$spinnerLineRightTo: --awsui-spinner-line-right-to-g964ok;
+$sliderLabelCount: --awsui-slider-label-count-g964ok;
+$sliderTickCount: --awsui-slider-tick-count-g964ok;
+$sliderReferenceColumn: --awsui-slider-reference-column-g964ok;
+$sliderNextReferenceColumn: --awsui-slider-next-reference-column-g964ok;
+$sliderMaxStart: --awsui-slider-max-start-g964ok;
+$sliderMinEnd: --awsui-slider-min-end-g964ok;
+$sliderRangeInlineSize: --awsui-slider-range-inline-size-g964ok;
+$sliderTooltipPosition: --awsui-slider-tooltip-position-g964ok;
+$togglesLeftWidth: --awsui-toggles-left-width-g964ok;
+$togglesRightWidth: --awsui-toggles-right-width-g964ok;
+$promptInputMaxRows: --awsui-prompt-input-max-rows-g964ok;
+$promptInputScrollHeight: --awsui-prompt-input-scroll-height-g964ok;
     

package/lib/internal/scss/prompt-input/styles.scss

@@ -0,0 +1,108 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable */
+
+@use '../internal/styles' as styles;
+@use '../internal/styles/tokens' as awsui;
+@use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
+
+$send-icon-right-spacing: awsui.$space-static-xxs;
+
+.root {
+  position: relative;
+
+  > .button {
+    position: absolute;
+    inset-inline-end: $send-icon-right-spacing;
+    inset-block-end: 0;
+
+    > .action-button {
+      // offset the focus ring by 1px per side so it doesn't blend into the textarea border
+      @include focus-visible.when-visible {
+        @include styles.focus-highlight(
+          (
+            'vertical': calc((-1 * #{awsui.$space-xxxs}) - 1px),
+            'horizontal': calc((#{awsui.$space-xxxs}) - 1px),
+          )
+        );
+      }
+    }
+  }
+}
+
+.textarea {
+  @include styles.styles-reset;
+  // Restore browsers' default resize values
+  resize: none;
+  // Restore default text cursor
+  cursor: text;
+  // Allow multi-line placeholders
+  white-space: pre-wrap;
+
+  padding-block: styles.$control-padding-vertical;
+  padding-inline: styles.$control-padding-horizontal;
+
+  color: awsui.$color-text-body-default;
+  max-inline-size: 100%;
+  inline-size: 100%;
+  display: block;
+  box-sizing: border-box;
+  background-color: awsui.$color-background-input-default;
+  border-start-start-radius: styles.$control-border-radius;
+  border-start-end-radius: styles.$control-border-radius;
+  border-end-start-radius: styles.$control-border-radius;
+  border-end-end-radius: styles.$control-border-radius;
+  border-block: styles.$control-border-width solid awsui.$color-border-input-default;
+  border-inline: styles.$control-border-width solid awsui.$color-border-input-default;
+
+  @include styles.font-body-m;
+
+  &.textarea-readonly {
+    @include styles.form-readonly-element;
+  }
+
+  &::placeholder {
+    @include styles.form-placeholder;
+    opacity: 1;
+  }
+
+  &:-ms-input-placeholder {
+    @include styles.form-placeholder;
+  }
+
+  &:focus {
+    @include styles.form-focus-element;
+  }
+
+  &:invalid {
+    // discard built-in invalid styles, customers should use `invalid` property only (AWSUI-3947)
+    box-shadow: none;
+  }
+
+  &:disabled {
+    @include styles.form-disabled-element;
+    cursor: default;
+
+    &::placeholder {
+      @include styles.form-placeholder-disabled;
+      opacity: 1;
+    }
+
+    &:-ms-input-placeholder {
+      @include styles.form-placeholder-disabled;
+    }
+  }
+
+  &.textarea-invalid {
+    @include styles.form-invalid-control();
+  }
+
+  &.textarea-warning {
+    @include styles.form-warning-control();
+  }
+  &.textarea-with-button {
+    padding-inline-end: calc(styles.$control-padding-horizontal + $send-icon-right-spacing + awsui.$size-icon-normal);
+  }
+}

package/lib/internal/scss/prompt-input/test-classes/styles.scss

@@ -0,0 +1,15 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.root {
+  /* used in test-utils */
+}
+
+.textarea {
+  /* used in test-utils */
+}
+
+.action-button {
+  /* used in test-utils */
+}

package/lib/internal/template/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_3xsu9_97",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_3xsu9_101",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_3xsu9_101",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3xsu9_143",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3xsu9_143",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3xsu9_146",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3xsu9_146",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3xsu9_149",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3xsu9_149",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3xsu9_152",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152",
-  "annotation": "awsui_annotation_1hpp3_3xsu9_160",
-  "next-button": "awsui_next-button_1hpp3_3xsu9_161",
-  "previous-button": "awsui_previous-button_1hpp3_3xsu9_162",
-  "finish-button": "awsui_finish-button_1hpp3_3xsu9_163",
-  "header": "awsui_header_1hpp3_3xsu9_164",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_3xsu9_165",
-  "content": "awsui_content_1hpp3_3xsu9_166",
-  "description": "awsui_description_1hpp3_3xsu9_170",
-  "actionBar": "awsui_actionBar_1hpp3_3xsu9_175",
-  "stepCounter": "awsui_stepCounter_1hpp3_3xsu9_182",
-  "divider": "awsui_divider_1hpp3_3xsu9_186",
-  "hotspot": "awsui_hotspot_1hpp3_3xsu9_190",
-  "icon": "awsui_icon_1hpp3_3xsu9_257"
+  "arrow": "awsui_arrow_1hpp3_ggpcg_97",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ggpcg_101",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ggpcg_101",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ggpcg_143",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ggpcg_143",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ggpcg_146",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ggpcg_146",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ggpcg_149",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ggpcg_149",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ggpcg_152",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ggpcg_152",
+  "annotation": "awsui_annotation_1hpp3_ggpcg_160",
+  "next-button": "awsui_next-button_1hpp3_ggpcg_161",
+  "previous-button": "awsui_previous-button_1hpp3_ggpcg_162",
+  "finish-button": "awsui_finish-button_1hpp3_ggpcg_163",
+  "header": "awsui_header_1hpp3_ggpcg_164",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ggpcg_165",
+  "content": "awsui_content_1hpp3_ggpcg_166",
+  "description": "awsui_description_1hpp3_ggpcg_170",
+  "actionBar": "awsui_actionBar_1hpp3_ggpcg_175",
+  "stepCounter": "awsui_stepCounter_1hpp3_ggpcg_182",
+  "divider": "awsui_divider_1hpp3_ggpcg_186",
+  "hotspot": "awsui_hotspot_1hpp3_ggpcg_190",
+  "icon": "awsui_icon_1hpp3_ggpcg_257"
 };
   

package/lib/internal/template/annotation-context/annotation/styles.scoped.css

@@ -94,11 +94,11 @@ 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_arrow_1hpp3_3xsu9_97:not(#\9) {
+.awsui_arrow_1hpp3_ggpcg_97:not(#\9) {
   inline-size: 20px;
   block-size: 10px;
 }
-.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9), .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9) {
+.awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9), .awsui_arrow-inner_1hpp3_ggpcg_101:not(#\9) {
   position: absolute;
   overflow: hidden;
   inline-size: 20px;
@@ -107,7 +107,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after, .awsui_arrow-inner_1hpp3_ggpcg_101:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -123,33 +123,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9):dir(rtl)::after {
+.awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9):dir(rtl)::after, .awsui_arrow-inner_1hpp3_ggpcg_101:not(#\9):dir(rtl)::after {
   transform: rotate(-45deg);
   transform-origin: 100% 100%;
 }
-.awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after {
   background-color: var(--color-border-status-info-q9np44, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9) {
+.awsui_arrow-inner_1hpp3_ggpcg_101:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_arrow-inner_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_ggpcg_101:not(#\9)::after {
   border-start-start-radius: 1px;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
   background-color: var(--color-background-status-info-pgxhez, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_3xsu9_143 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_3xsu9_143 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_ggpcg_143 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_ggpcg_143 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_3xsu9_146 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_3xsu9_146 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_ggpcg_146 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_ggpcg_146 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_3xsu9_149 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_3xsu9_149 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_ggpcg_149 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_ggpcg_149 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_3xsu9_152 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152 > .awsui_arrow-outer_1hpp3_3xsu9_101:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_ggpcg_152 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_ggpcg_152 > .awsui_arrow-outer_1hpp3_ggpcg_101:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-9hs6xx, rgba(0, 28, 36, 0.5));
 }
 
@@ -157,37 +157,37 @@ 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_annotation_1hpp3_3xsu9_160:not(#\9),
-.awsui_next-button_1hpp3_3xsu9_161:not(#\9),
-.awsui_previous-button_1hpp3_3xsu9_162:not(#\9),
-.awsui_finish-button_1hpp3_3xsu9_163:not(#\9),
-.awsui_header_1hpp3_3xsu9_164:not(#\9),
-.awsui_step-counter-content_1hpp3_3xsu9_165:not(#\9),
-.awsui_content_1hpp3_3xsu9_166:not(#\9) {
+.awsui_annotation_1hpp3_ggpcg_160:not(#\9),
+.awsui_next-button_1hpp3_ggpcg_161:not(#\9),
+.awsui_previous-button_1hpp3_ggpcg_162:not(#\9),
+.awsui_finish-button_1hpp3_ggpcg_163:not(#\9),
+.awsui_header_1hpp3_ggpcg_164:not(#\9),
+.awsui_step-counter-content_1hpp3_ggpcg_165:not(#\9),
+.awsui_content_1hpp3_ggpcg_166:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_3xsu9_170:not(#\9) {
+.awsui_description_1hpp3_ggpcg_170:not(#\9) {
   overflow: hidden;
   margin-block-start: var(--space-xxs-9rrxti, 4px);
 }
 
-.awsui_actionBar_1hpp3_3xsu9_175:not(#\9) {
+.awsui_actionBar_1hpp3_ggpcg_175:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_3xsu9_182:not(#\9) {
+.awsui_stepCounter_1hpp3_ggpcg_182:not(#\9) {
   margin-inline-end: 20px;
 }
 
-.awsui_divider_1hpp3_3xsu9_186:not(#\9) {
+.awsui_divider_1hpp3_ggpcg_186:not(#\9) {
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_3xsu9_190:not(#\9) {
+.awsui_hotspot_1hpp3_ggpcg_190:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -227,21 +227,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-9rhwr5, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-g964ok, 40px 0 0 0);
   inline-size: 16px;
   block-size: 16px;
 }
-.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
+.awsui_hotspot_1hpp3_ggpcg_190:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ggpcg_190:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ggpcg_190:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_ggpcg_190:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -255,13 +255,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_3xsu9_190:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-circular-focus-ring-mxepal, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_hotspot_1hpp3_3xsu9_190 > .awsui_icon_1hpp3_3xsu9_257:not(#\9) {
+.awsui_hotspot_1hpp3_ggpcg_190 > .awsui_icon_1hpp3_ggpcg_257:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-hop3gv, #0073bb);
 }
-.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):hover > .awsui_icon_1hpp3_3xsu9_257 {
+.awsui_hotspot_1hpp3_ggpcg_190:not(#\9):hover > .awsui_icon_1hpp3_ggpcg_257 {
   stroke: var(--color-text-link-hover-8s5z9d, #0a4a74);
 }
-.awsui_hotspot_1hpp3_3xsu9_190:not(#\9):active > .awsui_icon_1hpp3_3xsu9_257 {
+.awsui_hotspot_1hpp3_ggpcg_190:not(#\9):active > .awsui_icon_1hpp3_ggpcg_257 {
   stroke: var(--color-text-link-default-hop3gv, #0073bb);
 }

package/lib/internal/template/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_3xsu9_97",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_3xsu9_101",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_3xsu9_101",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_3xsu9_143",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_3xsu9_143",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_3xsu9_146",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_3xsu9_146",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_3xsu9_149",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_3xsu9_149",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_3xsu9_152",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_3xsu9_152",
-  "annotation": "awsui_annotation_1hpp3_3xsu9_160",
-  "next-button": "awsui_next-button_1hpp3_3xsu9_161",
-  "previous-button": "awsui_previous-button_1hpp3_3xsu9_162",
-  "finish-button": "awsui_finish-button_1hpp3_3xsu9_163",
-  "header": "awsui_header_1hpp3_3xsu9_164",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_3xsu9_165",
-  "content": "awsui_content_1hpp3_3xsu9_166",
-  "description": "awsui_description_1hpp3_3xsu9_170",
-  "actionBar": "awsui_actionBar_1hpp3_3xsu9_175",
-  "stepCounter": "awsui_stepCounter_1hpp3_3xsu9_182",
-  "divider": "awsui_divider_1hpp3_3xsu9_186",
-  "hotspot": "awsui_hotspot_1hpp3_3xsu9_190",
-  "icon": "awsui_icon_1hpp3_3xsu9_257"
+  "arrow": "awsui_arrow_1hpp3_ggpcg_97",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_ggpcg_101",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_ggpcg_101",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_ggpcg_143",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_ggpcg_143",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_ggpcg_146",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_ggpcg_146",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_ggpcg_149",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_ggpcg_149",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_ggpcg_152",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_ggpcg_152",
+  "annotation": "awsui_annotation_1hpp3_ggpcg_160",
+  "next-button": "awsui_next-button_1hpp3_ggpcg_161",
+  "previous-button": "awsui_previous-button_1hpp3_ggpcg_162",
+  "finish-button": "awsui_finish-button_1hpp3_ggpcg_163",
+  "header": "awsui_header_1hpp3_ggpcg_164",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_ggpcg_165",
+  "content": "awsui_content_1hpp3_ggpcg_166",
+  "description": "awsui_description_1hpp3_ggpcg_170",
+  "actionBar": "awsui_actionBar_1hpp3_ggpcg_175",
+  "stepCounter": "awsui_stepCounter_1hpp3_ggpcg_182",
+  "divider": "awsui_divider_1hpp3_ggpcg_186",
+  "hotspot": "awsui_hotspot_1hpp3_ggpcg_190",
+  "icon": "awsui_icon_1hpp3_ggpcg_257"
 };
   

package/lib/internal/template/app-layout/notifications/styles.css.js

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_1hl6h_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1hl6h_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1hl6h_25"
+  "notifications": "awsui_notifications_1hmm4_1lppl_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1lppl_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1lppl_25"
 };
   

package/lib/internal/template/app-layout/notifications/styles.scoped.css

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_1hl6h_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_1hl6h_10:not(#\9) {
+.awsui_notifications_1hmm4_1lppl_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1lppl_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_1hl6h_9:not(#\9) {
+.awsui_notifications_1hmm4_1lppl_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_1hl6h_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1lppl_10:not(#\9) {
   inset-block-start: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-9rhwr5: var(--space-xxl-pd3205, 32px);
+  --awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-pd3205, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_1hl6h_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1lppl_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-9rhwr5: var(--space-scaled-l-08jb88, 20px);
+  --awsui-stacked-notifications-bottom-margin-g964ok: var(--space-scaled-l-08jb88, 20px);
 }

package/lib/internal/template/app-layout/notifications/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_1hl6h_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1hl6h_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1hl6h_25"
+  "notifications": "awsui_notifications_1hmm4_1lppl_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1lppl_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1lppl_25"
 };