@cloudscape-design/components-themeable 3.0.328 → 3.0.329

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f9029ce3e6cc9c6b859b2cbbece2c21c3bd1e4d1"
+  "commit": "33386f193758bb09cc7b30c6df5176e3175da933"
 }

package/lib/internal/scss/app-layout/styles.scss

@@ -7,6 +7,32 @@
 @use '../internal/styles/tokens' as awsui;
 @use './constants' as constants;
 
+/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
+// these styles are expected to apply to the entire document, so they do not follow the scoping rules
+.resize {
+  &-active * {
+    user-select: none;
+  }
+  &-active iframe {
+    // Prevents iframes from eating the mouseup event if the cursor is on top of it.
+    pointer-events: none;
+  }
+  &-side * {
+    cursor: ew-resize;
+  }
+  &-bottom * {
+    cursor: ns-resize;
+  }
+}
+/* stylelint-enable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
+
+.with-motion {
+  @include styles.with-motion {
+    transition: awsui.$motion-duration-refresh-only-fast;
+    transition-property: border-color, opacity, width;
+  }
+}
+
 // double flex container to work around flexbox issue in IE
 // https://github.com/philipwalton/flexbugs#flexbug-3
 .root,

package/lib/internal/scss/app-layout/visual-refresh/drawers.scss

@@ -114,12 +114,12 @@
 }
 
 .drawer {
-  #{custom-props.$activeDrawerWidth}: 290px;
+  #{custom-props.$drawerSize}: 290px;
   background-color: awsui.$color-background-container-content;
   border-color: transparent;
   display: grid;
   flex-shrink: 0;
-  grid-template-columns: 1fr auto awsui.$space-m;
+  grid-template-columns: awsui.$space-m 1fr auto awsui.$space-m;
   grid-template-rows: awsui.$size-vertical-panel-icon-offset auto 1fr;
   height: 100%;
   overflow-y: auto;
@@ -129,15 +129,23 @@
   word-wrap: break-word;
 
   > .drawer-close-button {
-    grid-column: 2;
+    grid-column: 3;
     grid-row: 2;
     z-index: 1;
   }
 
   > .drawer-content {
-    grid-column: 1 / span 3;
+    grid-column: 1 / span 4;
     grid-row: 1 / span 3;
-    width: var(#{custom-props.$activeDrawerWidth});
+    width: var(#{custom-props.$drawerSize});
+  }
+
+  > .drawer-slider {
+    grid-column: 1;
+    grid-row: 3;
+    height: 100%;
+    display: flex;
+    align-items: center;
   }
 
   &:not(.is-drawer-open) {
@@ -148,23 +156,19 @@
   &.is-drawer-open {
     border-right: awsui.$border-divider-section-width solid awsui.$color-border-divider-default;
     opacity: 1;
-    width: var(#{custom-props.$activeDrawerWidth});
-  }
-
-  @include styles.with-motion {
-    transition: awsui.$motion-duration-refresh-only-fast;
-    transition-property: border-color, opacity, width;
+    width: var(#{custom-props.$drawerSize});
   }
 
   @include styles.media-breakpoint-up(styles.$breakpoint-xx-large) {
     &.is-drawer-open {
-      #{custom-props.$activeDrawerWidth}: 320px;
+      #{custom-props.$drawerSize}: 320px;
     }
   }
 
   @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {
     &.is-drawer-open {
-      #{custom-props.$activeDrawerWidth}: 100vw;
+      #{custom-props.$drawerSize}: 100vw;
+      width: 100vw;
     }
   }
 }

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

@@ -1,41 +1,41 @@
 
-    $activeDrawerWidth: --awsui-active-drawer-width-8nglyc;
-$breadcrumbsGap: --awsui-breadcrumbs-gap-8nglyc;
-$contentGapLeft: --awsui-content-gap-left-8nglyc;
-$contentGapRight: --awsui-content-gap-right-8nglyc;
-$contentHeight: --awsui-content-height-8nglyc;
-$containerFirstGap: --awsui-container-first-gap-8nglyc;
-$containerFirstOverlapExtension: --awsui-container-first-overlap-extension-8nglyc;
-$defaultMaxContentWidth: --awsui-default-max-content-width-8nglyc;
-$defaultMinContentWidth: --awsui-default-min-content-width-8nglyc;
-$footerHeight: --awsui-footer-height-8nglyc;
-$headerGap: --awsui-header-gap-8nglyc;
-$headerHeight: --awsui-header-height-8nglyc;
-$layoutWidth: --awsui-layout-width-8nglyc;
-$mainGap: --awsui-main-gap-8nglyc;
-$mainOffsetLeft: --awsui-main-offset-left-8nglyc;
-$mainTemplateRows: --awsui-main-template-rows-8nglyc;
-$maxContentWidth: --awsui-max-content-width-8nglyc;
-$minContentWidth: --awsui-min-content-width-8nglyc;
-$mobileBarHeight: --awsui-mobile-bar-height-8nglyc;
-$notificationsGap: --awsui-notifications-gap-8nglyc;
-$notificationsHeight: --awsui-notifications-height-8nglyc;
-$offsetTop: --awsui-offset-top-8nglyc;
-$offsetTopWithNotifications: --awsui-offset-top-with-notifications-8nglyc;
-$overlapHeight: --awsui-overlap-height-8nglyc;
-$navigationWidth: --awsui-navigation-width-8nglyc;
-$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-8nglyc;
-$splitPanelReportedSize: --awsui-split-panel-reported-size-8nglyc;
-$splitPanelHeight: --awsui-split-panel-height-8nglyc;
-$splitPanelMinWidth: --awsui-split-panel-min-width-8nglyc;
-$splitPanelMaxWidth: --awsui-split-panel-max-width-8nglyc;
-$toolsMaxWidth: --awsui-tools-max-width-8nglyc;
-$toolsWidth: --awsui-tools-width-8nglyc;
-$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-8nglyc;
-$contentScrollMargin: --awsui-content-scroll-margin-8nglyc;
-$flashbarStackDepth: --awsui-flashbar-stack-depth-8nglyc;
-$flashbarStackIndex: --awsui-flashbar-stack-index-8nglyc;
-$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-8nglyc;
-$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-8nglyc;
-$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-8nglyc;
+    $breadcrumbsGap: --awsui-breadcrumbs-gap-zw2xxa;
+$contentGapLeft: --awsui-content-gap-left-zw2xxa;
+$contentGapRight: --awsui-content-gap-right-zw2xxa;
+$contentHeight: --awsui-content-height-zw2xxa;
+$containerFirstGap: --awsui-container-first-gap-zw2xxa;
+$containerFirstOverlapExtension: --awsui-container-first-overlap-extension-zw2xxa;
+$defaultMaxContentWidth: --awsui-default-max-content-width-zw2xxa;
+$defaultMinContentWidth: --awsui-default-min-content-width-zw2xxa;
+$drawerSize: --awsui-drawer-size-zw2xxa;
+$footerHeight: --awsui-footer-height-zw2xxa;
+$headerGap: --awsui-header-gap-zw2xxa;
+$headerHeight: --awsui-header-height-zw2xxa;
+$layoutWidth: --awsui-layout-width-zw2xxa;
+$mainGap: --awsui-main-gap-zw2xxa;
+$mainOffsetLeft: --awsui-main-offset-left-zw2xxa;
+$mainTemplateRows: --awsui-main-template-rows-zw2xxa;
+$maxContentWidth: --awsui-max-content-width-zw2xxa;
+$minContentWidth: --awsui-min-content-width-zw2xxa;
+$mobileBarHeight: --awsui-mobile-bar-height-zw2xxa;
+$notificationsGap: --awsui-notifications-gap-zw2xxa;
+$notificationsHeight: --awsui-notifications-height-zw2xxa;
+$offsetTop: --awsui-offset-top-zw2xxa;
+$offsetTopWithNotifications: --awsui-offset-top-with-notifications-zw2xxa;
+$overlapHeight: --awsui-overlap-height-zw2xxa;
+$navigationWidth: --awsui-navigation-width-zw2xxa;
+$splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-zw2xxa;
+$splitPanelReportedSize: --awsui-split-panel-reported-size-zw2xxa;
+$splitPanelHeight: --awsui-split-panel-height-zw2xxa;
+$splitPanelMinWidth: --awsui-split-panel-min-width-zw2xxa;
+$splitPanelMaxWidth: --awsui-split-panel-max-width-zw2xxa;
+$toolsMaxWidth: --awsui-tools-max-width-zw2xxa;
+$toolsWidth: --awsui-tools-width-zw2xxa;
+$toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-zw2xxa;
+$contentScrollMargin: --awsui-content-scroll-margin-zw2xxa;
+$flashbarStackDepth: --awsui-flashbar-stack-depth-zw2xxa;
+$flashbarStackIndex: --awsui-flashbar-stack-index-zw2xxa;
+$flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-zw2xxa;
+$stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-zw2xxa;
+$stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-zw2xxa;
     

package/lib/internal/scss/split-panel/styles.scss

@@ -16,24 +16,6 @@ $slider-width: 16px;
 // Values taken from app layout
 $app-layout-drawer-width: calc(#{awsui.$space-layout-toggle-diameter} + 2 * #{awsui.$space-layout-toggle-padding});
 
-/* stylelint-disable selector-combinator-disallowed-list, selector-max-type, selector-max-universal */
-.resize {
-  &-active * {
-    user-select: none;
-  }
-  &-active iframe {
-    // Prevents iframes from eating the mouseup event if the cursor is on top of it.
-    pointer-events: none;
-  }
-  &-side * {
-    cursor: ew-resize;
-  }
-  &-bottom * {
-    cursor: ns-resize;
-  }
-}
-/* stylelint-enable */
-
 .root {
   @include styles.styles-reset;
 }

package/lib/internal/scss/table/sticky-scrollbar/styles.scss

@@ -0,0 +1,26 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+
+.sticky-scrollbar {
+  height: 15px;
+  position: sticky;
+  display: none;
+  overflow-x: auto;
+  overflow-y: hidden;
+  bottom: 0;
+  width: 100%;
+
+  &-content {
+    height: 15px;
+  }
+  &-visible {
+    display: block;
+  }
+  &-native-invisible {
+    // Native scrollbar does not take space when it is not always invisible
+    // For example it is set as "show when scrolling"
+    margin-top: -15px;
+  }
+}

package/lib/internal/scss/table/styles.scss

@@ -149,28 +149,6 @@ filter search icon.
   }
 }
 
-.sticky-scrollbar {
-  height: 15px;
-  position: sticky;
-  display: none;
-  overflow-x: auto;
-  overflow-y: hidden;
-  bottom: 0;
-  width: 100%;
-
-  &-content {
-    height: 15px;
-  }
-  &-visible {
-    display: block;
-  }
-  &-native-invisible {
-    // Native scrollbar does not take space when it is not always invisible
-    // For example it is set as "show when scrolling"
-    margin-top: -15px;
-  }
-}
-
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.

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

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_1njk2_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1njk2_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1njk2_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1njk2_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1njk2_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1njk2_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1njk2_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1njk2_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1njk2_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1njk2_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1njk2_137",
-  "annotation": "awsui_annotation_1hpp3_1njk2_145",
-  "next-button": "awsui_next-button_1hpp3_1njk2_146",
-  "previous-button": "awsui_previous-button_1hpp3_1njk2_147",
-  "finish-button": "awsui_finish-button_1hpp3_1njk2_148",
-  "header": "awsui_header_1hpp3_1njk2_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1njk2_150",
-  "content": "awsui_content_1hpp3_1njk2_151",
-  "description": "awsui_description_1hpp3_1njk2_155",
-  "actionBar": "awsui_actionBar_1hpp3_1njk2_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1njk2_167",
-  "divider": "awsui_divider_1hpp3_1njk2_171",
-  "hotspot": "awsui_hotspot_1hpp3_1njk2_175",
-  "icon": "awsui_icon_1hpp3_1njk2_215"
+  "arrow": "awsui_arrow_1hpp3_5cg9w_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_5cg9w_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_5cg9w_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_5cg9w_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_5cg9w_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_5cg9w_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_5cg9w_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_5cg9w_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_5cg9w_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_5cg9w_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_5cg9w_137",
+  "annotation": "awsui_annotation_1hpp3_5cg9w_145",
+  "next-button": "awsui_next-button_1hpp3_5cg9w_146",
+  "previous-button": "awsui_previous-button_1hpp3_5cg9w_147",
+  "finish-button": "awsui_finish-button_1hpp3_5cg9w_148",
+  "header": "awsui_header_1hpp3_5cg9w_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_5cg9w_150",
+  "content": "awsui_content_1hpp3_5cg9w_151",
+  "description": "awsui_description_1hpp3_5cg9w_155",
+  "actionBar": "awsui_actionBar_1hpp3_5cg9w_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_5cg9w_167",
+  "divider": "awsui_divider_1hpp3_5cg9w_171",
+  "hotspot": "awsui_hotspot_1hpp3_5cg9w_175",
+  "icon": "awsui_icon_1hpp3_5cg9w_215"
 };
   

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

@@ -90,11 +90,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_1njk2_93:not(#\9) {
+.awsui_arrow_1hpp3_5cg9w_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_1njk2_97:not(#\9), .awsui_arrow-inner_1hpp3_1njk2_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9), .awsui_arrow-inner_1hpp3_5cg9w_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_5cg9w_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after {
   background-color: var(--color-border-status-info-lqyesl, #0073bb);
 }
-.awsui_arrow-inner_1hpp3_1njk2_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_5cg9w_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_5cg9w_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-y7xysq, #f1faff);
 }
-.awsui_arrow-position-right-top_1hpp3_1njk2_128 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1njk2_128 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_5cg9w_128 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_5cg9w_128 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-left-top_1hpp3_1njk2_131 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1njk2_131 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_5cg9w_131 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_5cg9w_131 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-top-center_1hpp3_1njk2_134 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1njk2_134 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_5cg9w_134 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_5cg9w_134 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
-.awsui_arrow-position-bottom-center_1hpp3_1njk2_137 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1njk2_137 > .awsui_arrow-outer_1hpp3_1njk2_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_5cg9w_137 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_5cg9w_137 > .awsui_arrow-outer_1hpp3_5cg9w_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-bkdge5, rgba(0, 28, 36, 0.5));
 }
 
@@ -142,37 +142,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_1njk2_145:not(#\9),
-.awsui_next-button_1hpp3_1njk2_146:not(#\9),
-.awsui_previous-button_1hpp3_1njk2_147:not(#\9),
-.awsui_finish-button_1hpp3_1njk2_148:not(#\9),
-.awsui_header_1hpp3_1njk2_149:not(#\9),
-.awsui_step-counter-content_1hpp3_1njk2_150:not(#\9),
-.awsui_content_1hpp3_1njk2_151:not(#\9) {
+.awsui_annotation_1hpp3_5cg9w_145:not(#\9),
+.awsui_next-button_1hpp3_5cg9w_146:not(#\9),
+.awsui_previous-button_1hpp3_5cg9w_147:not(#\9),
+.awsui_finish-button_1hpp3_5cg9w_148:not(#\9),
+.awsui_header_1hpp3_5cg9w_149:not(#\9),
+.awsui_step-counter-content_1hpp3_5cg9w_150:not(#\9),
+.awsui_content_1hpp3_5cg9w_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_1njk2_155:not(#\9) {
+.awsui_description_1hpp3_5cg9w_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-xx079q, 4px);
 }
 
-.awsui_actionBar_1hpp3_1njk2_160:not(#\9) {
+.awsui_actionBar_1hpp3_5cg9w_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_1njk2_167:not(#\9) {
+.awsui_stepCounter_1hpp3_5cg9w_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_1njk2_171:not(#\9) {
+.awsui_divider_1hpp3_5cg9w_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
 }
 
-.awsui_hotspot_1hpp3_1njk2_175:not(#\9) {
+.awsui_hotspot_1hpp3_5cg9w_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -213,21 +213,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: none;
   padding: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-8nglyc, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-zw2xxa, 40px 0 0 0);
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_1njk2_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_5cg9w_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1njk2_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_5cg9w_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1njk2_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_5cg9w_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1njk2_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_5cg9w_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1njk2_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-6frgrc, 50%);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_hotspot_1hpp3_1njk2_175 > .awsui_icon_1hpp3_1njk2_215:not(#\9) {
+.awsui_hotspot_1hpp3_5cg9w_175 > .awsui_icon_1hpp3_5cg9w_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-0jy39k, #0073bb);
 }
-.awsui_hotspot_1hpp3_1njk2_175:not(#\9):hover > .awsui_icon_1hpp3_1njk2_215 {
+.awsui_hotspot_1hpp3_5cg9w_175:not(#\9):hover > .awsui_icon_1hpp3_5cg9w_215 {
   stroke: var(--color-text-link-hover-z15m9s, #0073bb);
 }
-.awsui_hotspot_1hpp3_1njk2_175:not(#\9):active > .awsui_icon_1hpp3_1njk2_215 {
+.awsui_hotspot_1hpp3_5cg9w_175:not(#\9):active > .awsui_icon_1hpp3_5cg9w_215 {
   stroke: var(--color-text-link-default-0jy39k, #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_1njk2_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_1njk2_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_1njk2_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1njk2_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1njk2_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1njk2_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1njk2_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1njk2_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1njk2_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1njk2_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1njk2_137",
-  "annotation": "awsui_annotation_1hpp3_1njk2_145",
-  "next-button": "awsui_next-button_1hpp3_1njk2_146",
-  "previous-button": "awsui_previous-button_1hpp3_1njk2_147",
-  "finish-button": "awsui_finish-button_1hpp3_1njk2_148",
-  "header": "awsui_header_1hpp3_1njk2_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_1njk2_150",
-  "content": "awsui_content_1hpp3_1njk2_151",
-  "description": "awsui_description_1hpp3_1njk2_155",
-  "actionBar": "awsui_actionBar_1hpp3_1njk2_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_1njk2_167",
-  "divider": "awsui_divider_1hpp3_1njk2_171",
-  "hotspot": "awsui_hotspot_1hpp3_1njk2_175",
-  "icon": "awsui_icon_1hpp3_1njk2_215"
+  "arrow": "awsui_arrow_1hpp3_5cg9w_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_5cg9w_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_5cg9w_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_5cg9w_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_5cg9w_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_5cg9w_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_5cg9w_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_5cg9w_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_5cg9w_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_5cg9w_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_5cg9w_137",
+  "annotation": "awsui_annotation_1hpp3_5cg9w_145",
+  "next-button": "awsui_next-button_1hpp3_5cg9w_146",
+  "previous-button": "awsui_previous-button_1hpp3_5cg9w_147",
+  "finish-button": "awsui_finish-button_1hpp3_5cg9w_148",
+  "header": "awsui_header_1hpp3_5cg9w_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_5cg9w_150",
+  "content": "awsui_content_1hpp3_5cg9w_151",
+  "description": "awsui_description_1hpp3_5cg9w_155",
+  "actionBar": "awsui_actionBar_1hpp3_5cg9w_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_5cg9w_167",
+  "divider": "awsui_divider_1hpp3_5cg9w_171",
+  "hotspot": "awsui_hotspot_1hpp3_5cg9w_175",
+  "icon": "awsui_icon_1hpp3_5cg9w_215"
 };
   

package/lib/internal/template/app-layout/drawer/interfaces.d.ts

@@ -80,13 +80,6 @@ export interface DrawerItem {
         id: string;
     }>;
 }
-export interface SizeControlProps {
-    position: 'side';
-    splitPanelRef?: React.RefObject<HTMLDivElement>;
-    handleRef?: React.RefObject<HTMLDivElement>;
-    setSidePanelWidth: (width: number) => void;
-    setBottomPanelHeight: (height: number) => void;
-}
 export interface InternalDrawerProps {
     drawers?: {
         items: Array<DrawerItem>;

package/lib/internal/template/app-layout/drawer/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/app-layout/drawer/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { ButtonProps } from '../../button/interfaces';\nimport { togglesConfig } from '../toggles';\nimport { AppLayoutProps } from '../interfaces';\nimport { IconProps } from '../../icon/interfaces';\nimport { NonCancelableEventHandler } from '../../internal/events';\n\nimport { DrawerFocusControlRefs } from '../utils/use-drawer-focus-control';\n\nexport interface DesktopDrawerProps {\n  contentClassName: string;\n  toggleClassName: string;\n  closeClassName: string;\n  toggleRefs: {\n    toggle: React.Ref<ButtonProps.Ref>;\n    close: React.Ref<ButtonProps.Ref>;\n  };\n  width: number;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  drawersAriaLabels?: DrawerItemAriaLabels | undefined;\n  children: React.ReactNode;\n  type: keyof typeof togglesConfig;\n  isMobile: boolean;\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n  onClick?: (event: React.MouseEvent) => void;\n  onLoseFocus?: (event: React.FocusEvent) => void;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId: string | undefined;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n  };\n  resizeHandle?: React.ReactNode;\n}\n\nexport interface ResizableDrawerProps extends DesktopDrawerProps {\n  activeDrawer?: DrawerItem;\n  onResize: (resizeDetail: { size: number; id: string }) => void;\n  size: number;\n  getMaxWidth: () => number;\n  refs: DrawerFocusControlRefs;\n}\n\nexport interface DrawerTriggersBarProps {\n  contentClassName: string;\n  toggleClassName: string;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  isMobile: boolean;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n    ariaLabel?: string;\n  };\n}\n\nexport interface DrawerItemAriaLabels {\n  content?: string;\n  closeButton?: string;\n  triggerButton?: string;\n  resizeHandle?: string;\n}\n\nexport interface DrawerItem {\n  id: string;\n  content: React.ReactNode;\n  trigger: {\n    iconName?: IconProps.Name;\n    iconSvg?: React.ReactNode;\n  };\n  ariaLabels: DrawerItemAriaLabels;\n  resizable?: boolean;\n  defaultSize?: number;\n  onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n}\n\nexport interface SizeControlProps {\n  position: 'side';\n  splitPanelRef?: React.RefObject<HTMLDivElement>;\n  handleRef?: React.RefObject<HTMLDivElement>;\n  setSidePanelWidth: (width: number) => void;\n  setBottomPanelHeight: (height: number) => void;\n}\n\nexport interface InternalDrawerProps {\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange?: NonCancelableEventHandler<string>;\n    onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n    ariaLabel?: string;\n  };\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { ButtonProps } from '../../button/interfaces';\nimport { togglesConfig } from '../toggles';\nimport { AppLayoutProps } from '../interfaces';\nimport { IconProps } from '../../icon/interfaces';\nimport { NonCancelableEventHandler } from '../../internal/events';\n\nimport { DrawerFocusControlRefs } from '../utils/use-drawer-focus-control';\n\nexport interface DesktopDrawerProps {\n  contentClassName: string;\n  toggleClassName: string;\n  closeClassName: string;\n  toggleRefs: {\n    toggle: React.Ref<ButtonProps.Ref>;\n    close: React.Ref<ButtonProps.Ref>;\n  };\n  width: number;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  drawersAriaLabels?: DrawerItemAriaLabels | undefined;\n  children: React.ReactNode;\n  type: keyof typeof togglesConfig;\n  isMobile: boolean;\n  isOpen: boolean;\n  onToggle: (isOpen: boolean) => void;\n  onClick?: (event: React.MouseEvent) => void;\n  onLoseFocus?: (event: React.FocusEvent) => void;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId: string | undefined;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n  };\n  resizeHandle?: React.ReactNode;\n}\n\nexport interface ResizableDrawerProps extends DesktopDrawerProps {\n  activeDrawer?: DrawerItem;\n  onResize: (resizeDetail: { size: number; id: string }) => void;\n  size: number;\n  getMaxWidth: () => number;\n  refs: DrawerFocusControlRefs;\n}\n\nexport interface DrawerTriggersBarProps {\n  contentClassName: string;\n  toggleClassName: string;\n  topOffset: number | undefined;\n  bottomOffset: number | undefined;\n  isMobile: boolean;\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange: (changeDetail: { activeDrawerId: string | undefined }) => void;\n    ariaLabel?: string;\n  };\n}\n\nexport interface DrawerItemAriaLabels {\n  content?: string;\n  closeButton?: string;\n  triggerButton?: string;\n  resizeHandle?: string;\n}\n\nexport interface DrawerItem {\n  id: string;\n  content: React.ReactNode;\n  trigger: {\n    iconName?: IconProps.Name;\n    iconSvg?: React.ReactNode;\n  };\n  ariaLabels: DrawerItemAriaLabels;\n  resizable?: boolean;\n  defaultSize?: number;\n  onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n}\n\nexport interface InternalDrawerProps {\n  drawers?: {\n    items: Array<DrawerItem>;\n    activeDrawerId?: string;\n    onChange?: NonCancelableEventHandler<string>;\n    onResize?: NonCancelableEventHandler<{ size: number; id: string }>;\n    ariaLabel?: string;\n  };\n}\n"]}

package/lib/internal/template/app-layout/drawer/resizable-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable-drawer.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAoB,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEtE,eAAO,MAAM,eAAe,kEAOzB,oBAAoB,gBAsEtB,CAAC"}
+{"version":3,"file":"resizable-drawer.d.ts","sourceRoot":"lib/default/","sources":["app-layout/drawer/resizable-drawer.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,eAAe,kEAOzB,oBAAoB,gBAsEtB,CAAC"}

package/lib/internal/template/app-layout/drawer/resizable-drawer.js

@@ -4,8 +4,8 @@ import { __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useEffect, useState, useRef } from 'react';
 import { getLimitedValue } from '../../split-panel/utils/size-utils';
-import { usePointerEvents } from '../../split-panel/utils/use-pointer-events';
-import { useKeyboardEvents } from '../../split-panel/utils/use-keyboard-events';
+import { usePointerEvents } from '../utils/use-pointer-events';
+import { useKeyboardEvents } from '../utils/use-keyboard-events';
 import { Drawer } from './index';
 import testutilStyles from '../test-classes/styles.css.js';
 import ResizeHandler from '../../split-panel/icons/resize-handler';
@@ -38,7 +38,7 @@ export const ResizableDrawer = (_a) => {
     const drawerRefObject = useRef(null);
     const sizeControlProps = {
         position,
-        splitPanelRef: drawerRefObject,
+        panelRef: drawerRefObject,
         handleRef: refs.slider,
         setSidePanelWidth,
         setBottomPanelHeight,