@cloudscape-design/components 3.0.387 → 3.0.389

package/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_bruth_97",
-  "disabled": "awsui_disabled_1p2cx_bruth_115",
-  "parent": "awsui_parent_1p2cx_bruth_118",
-  "highlighted": "awsui_highlighted_1p2cx_bruth_121",
-  "content": "awsui_content_1p2cx_bruth_125",
-  "label-content": "awsui_label-content_1p2cx_bruth_132",
-  "label": "awsui_label_1p2cx_bruth_132",
-  "tag": "awsui_tag_1p2cx_bruth_139",
-  "label-tag": "awsui_label-tag_1p2cx_bruth_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_bruth_151",
-  "tags": "awsui_tags_1p2cx_bruth_164",
-  "description": "awsui_description_1p2cx_bruth_165",
-  "selected": "awsui_selected_1p2cx_bruth_176",
-  "icon": "awsui_icon_1p2cx_bruth_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_bruth_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_bruth_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_bruth_216"
+  "option": "awsui_option_1p2cx_1c2xj_97",
+  "disabled": "awsui_disabled_1p2cx_1c2xj_115",
+  "parent": "awsui_parent_1p2cx_1c2xj_118",
+  "highlighted": "awsui_highlighted_1p2cx_1c2xj_121",
+  "content": "awsui_content_1p2cx_1c2xj_125",
+  "label-content": "awsui_label-content_1p2cx_1c2xj_132",
+  "label": "awsui_label_1p2cx_1c2xj_132",
+  "tag": "awsui_tag_1p2cx_1c2xj_139",
+  "label-tag": "awsui_label-tag_1p2cx_1c2xj_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1c2xj_150",
+  "tags": "awsui_tags_1p2cx_1c2xj_163",
+  "description": "awsui_description_1p2cx_1c2xj_164",
+  "selected": "awsui_selected_1p2cx_1c2xj_175",
+  "icon": "awsui_icon_1p2cx_1c2xj_189",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1c2xj_196",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1c2xj_200",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1c2xj_215"
 };
   

package/internal/components/option/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_option_1p2cx_bruth_97:not(#\9) {
+.awsui_option_1p2cx_1c2xj_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -138,108 +138,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_bruth_97:not(#\9):not(.awsui_disabled_1p2cx_bruth_115) {
+.awsui_option_1p2cx_1c2xj_97:not(#\9):not(.awsui_disabled_1p2cx_1c2xj_115) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_bruth_97.awsui_parent_1p2cx_bruth_118:not(#\9) {
+.awsui_option_1p2cx_1c2xj_97.awsui_parent_1p2cx_1c2xj_118:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_bruth_97.awsui_parent_1p2cx_bruth_118:not(#\9):not(.awsui_disabled_1p2cx_bruth_115):not(.awsui_highlighted_1p2cx_bruth_121) {
+.awsui_option_1p2cx_1c2xj_97.awsui_parent_1p2cx_1c2xj_118:not(#\9):not(.awsui_disabled_1p2cx_1c2xj_115):not(.awsui_highlighted_1p2cx_1c2xj_121) {
   color: var(--color-text-dropdown-group-label-mej1lb, #414d5c);
 }
 
-.awsui_content_1p2cx_bruth_125:not(#\9) {
+.awsui_content_1p2cx_1c2xj_125:not(#\9) {
   width: 100%;
   display: flex;
   flex-direction: column;
   min-width: 0;
 }
 
-.awsui_label-content_1p2cx_bruth_132:not(#\9) {
+.awsui_label-content_1p2cx_1c2xj_132:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_bruth_132:not(#\9),
-.awsui_tag_1p2cx_bruth_139:not(#\9),
-.awsui_label-tag_1p2cx_bruth_140:not(#\9) {
+.awsui_label_1p2cx_1c2xj_132:not(#\9),
+.awsui_tag_1p2cx_1c2xj_139:not(#\9),
+.awsui_label-tag_1p2cx_1c2xj_140:not(#\9) {
   min-width: 0;
-  -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_bruth_132:not(#\9),
-.awsui_tag_1p2cx_bruth_139:not(#\9) {
+.awsui_label_1p2cx_1c2xj_132:not(#\9),
+.awsui_tag_1p2cx_1c2xj_139:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_bruth_151:not(#\9) {
+.awsui_label-prefix_1p2cx_1c2xj_150:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_bruth_140:not(#\9) {
+.awsui_label-tag_1p2cx_1c2xj_140:not(#\9) {
   padding-left: var(--space-s-34lx8l, 12px);
   flex: auto;
   text-align: right;
 }
-.awsui_label-tag_1p2cx_bruth_140:not(#\9):empty {
+.awsui_label-tag_1p2cx_1c2xj_140:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_bruth_164:not(#\9),
-.awsui_description_1p2cx_bruth_165:not(#\9) {
+.awsui_tags_1p2cx_1c2xj_163:not(#\9),
+.awsui_description_1p2cx_1c2xj_164:not(#\9) {
   font-size: var(--font-size-body-s-asqx2i, 12px);
   line-height: var(--line-height-body-s-7zv1j5, 16px);
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_bruth_164.awsui_highlighted_1p2cx_bruth_121:not(#\9),
-.awsui_description_1p2cx_bruth_165.awsui_highlighted_1p2cx_bruth_121:not(#\9) {
+.awsui_tags_1p2cx_1c2xj_163.awsui_highlighted_1p2cx_1c2xj_121:not(#\9),
+.awsui_description_1p2cx_1c2xj_164.awsui_highlighted_1p2cx_1c2xj_121:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-zfmqjr, #5f6b7a);
 }
-.awsui_tags_1p2cx_bruth_164.awsui_selected_1p2cx_bruth_176:not(#\9),
-.awsui_description_1p2cx_bruth_165.awsui_selected_1p2cx_bruth_176:not(#\9) {
+.awsui_tags_1p2cx_1c2xj_163.awsui_selected_1p2cx_1c2xj_175:not(#\9),
+.awsui_description_1p2cx_1c2xj_164.awsui_selected_1p2cx_1c2xj_175:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-jho0ju, #5f6b7a);
 }
 
-.awsui_tags_1p2cx_bruth_164:not(#\9) {
+.awsui_tags_1p2cx_1c2xj_163:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_bruth_139:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1c2xj_139:not(#\9):not(:last-child) {
   padding-right: var(--space-m-udix3p, 16px);
 }
 
-.awsui_icon_1p2cx_bruth_190:not(#\9) {
+.awsui_icon_1p2cx_1c2xj_189:not(#\9) {
   padding-right: var(--space-xs-zb16t3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_bruth_197:not(#\9) {
+.awsui_icon-size-big_1p2cx_1c2xj_196:not(#\9) {
   padding-top: var(--space-option-icon-big-top-hybljv, 0px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_bruth_201:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_1c2xj_200:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-h5rjsp, #f2f8fd);
   color: var(--color-text-dropdown-item-filter-match-6moumb, #0972d3);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_bruth_115:not(#\9) {
+.awsui_disabled_1p2cx_1c2xj_115:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_bruth_115 > .awsui_content_1p2cx_bruth_125 > .awsui_tags_1p2cx_bruth_164:not(#\9),
-.awsui_disabled_1p2cx_bruth_115 > .awsui_content_1p2cx_bruth_125 > .awsui_description_1p2cx_bruth_165:not(#\9) {
+.awsui_disabled_1p2cx_1c2xj_115 > .awsui_content_1p2cx_1c2xj_125 > .awsui_tags_1p2cx_1c2xj_163:not(#\9),
+.awsui_disabled_1p2cx_1c2xj_115 > .awsui_content_1p2cx_1c2xj_125 > .awsui_description_1p2cx_1c2xj_164:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_bruth_216:not(#\9) {
+.awsui_trigger-variant_1p2cx_1c2xj_215:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_bruth_97",
-  "disabled": "awsui_disabled_1p2cx_bruth_115",
-  "parent": "awsui_parent_1p2cx_bruth_118",
-  "highlighted": "awsui_highlighted_1p2cx_bruth_121",
-  "content": "awsui_content_1p2cx_bruth_125",
-  "label-content": "awsui_label-content_1p2cx_bruth_132",
-  "label": "awsui_label_1p2cx_bruth_132",
-  "tag": "awsui_tag_1p2cx_bruth_139",
-  "label-tag": "awsui_label-tag_1p2cx_bruth_140",
-  "label-prefix": "awsui_label-prefix_1p2cx_bruth_151",
-  "tags": "awsui_tags_1p2cx_bruth_164",
-  "description": "awsui_description_1p2cx_bruth_165",
-  "selected": "awsui_selected_1p2cx_bruth_176",
-  "icon": "awsui_icon_1p2cx_bruth_190",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_bruth_197",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_bruth_201",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_bruth_216"
+  "option": "awsui_option_1p2cx_1c2xj_97",
+  "disabled": "awsui_disabled_1p2cx_1c2xj_115",
+  "parent": "awsui_parent_1p2cx_1c2xj_118",
+  "highlighted": "awsui_highlighted_1p2cx_1c2xj_121",
+  "content": "awsui_content_1p2cx_1c2xj_125",
+  "label-content": "awsui_label-content_1p2cx_1c2xj_132",
+  "label": "awsui_label_1p2cx_1c2xj_132",
+  "tag": "awsui_tag_1p2cx_1c2xj_139",
+  "label-tag": "awsui_label-tag_1p2cx_1c2xj_140",
+  "label-prefix": "awsui_label-prefix_1p2cx_1c2xj_150",
+  "tags": "awsui_tags_1p2cx_1c2xj_163",
+  "description": "awsui_description_1p2cx_1c2xj_164",
+  "selected": "awsui_selected_1p2cx_1c2xj_175",
+  "icon": "awsui_icon_1p2cx_1c2xj_189",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1c2xj_196",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1c2xj_200",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1c2xj_215"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (11090e44)";
+export var PACKAGE_VERSION = "3.0.0 (c3fe8ad7)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (11090e44)",
+  "PACKAGE_VERSION": "3.0.0 (c3fe8ad7)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAwClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAyClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/internal/generated/custom-css-properties/index.js

@@ -1,43 +1,44 @@
 const customCSSPropertiesMap = {
-    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',
+    breadcrumbsGap: '--awsui-breadcrumbs-gap-y98gph',
+    contentGapLeft: '--awsui-content-gap-left-y98gph',
+    contentGapRight: '--awsui-content-gap-right-y98gph',
+    contentHeight: '--awsui-content-height-y98gph',
+    containerFirstGap: '--awsui-container-first-gap-y98gph',
+    containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-y98gph',
+    defaultMaxContentWidth: '--awsui-default-max-content-width-y98gph',
+    defaultMinContentWidth: '--awsui-default-min-content-width-y98gph',
+    drawerSize: '--awsui-drawer-size-y98gph',
+    footerHeight: '--awsui-footer-height-y98gph',
+    headerGap: '--awsui-header-gap-y98gph',
+    headerHeight: '--awsui-header-height-y98gph',
+    layoutWidth: '--awsui-layout-width-y98gph',
+    mainGap: '--awsui-main-gap-y98gph',
+    mainOffsetLeft: '--awsui-main-offset-left-y98gph',
+    mainTemplateRows: '--awsui-main-template-rows-y98gph',
+    maxContentWidth: '--awsui-max-content-width-y98gph',
+    minContentWidth: '--awsui-min-content-width-y98gph',
+    mobileBarHeight: '--awsui-mobile-bar-height-y98gph',
+    notificationsGap: '--awsui-notifications-gap-y98gph',
+    notificationsHeight: '--awsui-notifications-height-y98gph',
+    offsetTop: '--awsui-offset-top-y98gph',
+    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-y98gph',
+    overlapHeight: '--awsui-overlap-height-y98gph',
+    navigationWidth: '--awsui-navigation-width-y98gph',
+    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-y98gph',
+    splitPanelReportedSize: '--awsui-split-panel-reported-size-y98gph',
+    splitPanelHeight: '--awsui-split-panel-height-y98gph',
+    splitPanelMinWidth: '--awsui-split-panel-min-width-y98gph',
+    splitPanelMaxWidth: '--awsui-split-panel-max-width-y98gph',
+    toolsMaxWidth: '--awsui-tools-max-width-y98gph',
+    toolsWidth: '--awsui-tools-width-y98gph',
+    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-y98gph',
+    contentScrollMargin: '--awsui-content-scroll-margin-y98gph',
+    flashbarStackDepth: '--awsui-flashbar-stack-depth-y98gph',
+    flashbarStackIndex: '--awsui-flashbar-stack-index-y98gph',
+    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-y98gph',
+    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-y98gph',
+    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-y98gph',
+    dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-y98gph',
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,iBAAiB,EAAE,oCAAoC;IACvD,8BAA8B,EAAE,kDAAkD;IAClF,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,UAAU,EAAE,4BAA4B;IACxC,YAAY,EAAE,8BAA8B;IAC5C,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;IACrD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,mBAAmB,EAAE,qCAAqC;IAC1D,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  breadcrumbsGap: '--awsui-breadcrumbs-gap-zw2xxa',\n  contentGapLeft: '--awsui-content-gap-left-zw2xxa',\n  contentGapRight: '--awsui-content-gap-right-zw2xxa',\n  contentHeight: '--awsui-content-height-zw2xxa',\n  containerFirstGap: '--awsui-container-first-gap-zw2xxa',\n  containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-zw2xxa',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-zw2xxa',\n  defaultMinContentWidth: '--awsui-default-min-content-width-zw2xxa',\n  drawerSize: '--awsui-drawer-size-zw2xxa',\n  footerHeight: '--awsui-footer-height-zw2xxa',\n  headerGap: '--awsui-header-gap-zw2xxa',\n  headerHeight: '--awsui-header-height-zw2xxa',\n  layoutWidth: '--awsui-layout-width-zw2xxa',\n  mainGap: '--awsui-main-gap-zw2xxa',\n  mainOffsetLeft: '--awsui-main-offset-left-zw2xxa',\n  mainTemplateRows: '--awsui-main-template-rows-zw2xxa',\n  maxContentWidth: '--awsui-max-content-width-zw2xxa',\n  minContentWidth: '--awsui-min-content-width-zw2xxa',\n  mobileBarHeight: '--awsui-mobile-bar-height-zw2xxa',\n  notificationsGap: '--awsui-notifications-gap-zw2xxa',\n  notificationsHeight: '--awsui-notifications-height-zw2xxa',\n  offsetTop: '--awsui-offset-top-zw2xxa',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-zw2xxa',\n  overlapHeight: '--awsui-overlap-height-zw2xxa',\n  navigationWidth: '--awsui-navigation-width-zw2xxa',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-zw2xxa',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-zw2xxa',\n  splitPanelHeight: '--awsui-split-panel-height-zw2xxa',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-zw2xxa',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-zw2xxa',\n  toolsMaxWidth: '--awsui-tools-max-width-zw2xxa',\n  toolsWidth: '--awsui-tools-width-zw2xxa',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-zw2xxa',\n  contentScrollMargin: '--awsui-content-scroll-margin-zw2xxa',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-zw2xxa',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-zw2xxa',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-zw2xxa',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-zw2xxa',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-zw2xxa',\n};\nexport default customCSSPropertiesMap;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,iBAAiB,EAAE,oCAAoC;IACvD,8BAA8B,EAAE,kDAAkD;IAClF,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,UAAU,EAAE,4BAA4B;IACxC,YAAY,EAAE,8BAA8B;IAC5C,SAAS,EAAE,2BAA2B;IACtC,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,OAAO,EAAE,yBAAyB;IAClC,cAAc,EAAE,iCAAiC;IACjD,gBAAgB,EAAE,mCAAmC;IACrD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,gBAAgB,EAAE,kCAAkC;IACpD,mBAAmB,EAAE,qCAAqC;IAC1D,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;IACrG,uBAAuB,EAAE,2CAA2C;CACrE,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  breadcrumbsGap: '--awsui-breadcrumbs-gap-y98gph',\n  contentGapLeft: '--awsui-content-gap-left-y98gph',\n  contentGapRight: '--awsui-content-gap-right-y98gph',\n  contentHeight: '--awsui-content-height-y98gph',\n  containerFirstGap: '--awsui-container-first-gap-y98gph',\n  containerFirstOverlapExtension: '--awsui-container-first-overlap-extension-y98gph',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-y98gph',\n  defaultMinContentWidth: '--awsui-default-min-content-width-y98gph',\n  drawerSize: '--awsui-drawer-size-y98gph',\n  footerHeight: '--awsui-footer-height-y98gph',\n  headerGap: '--awsui-header-gap-y98gph',\n  headerHeight: '--awsui-header-height-y98gph',\n  layoutWidth: '--awsui-layout-width-y98gph',\n  mainGap: '--awsui-main-gap-y98gph',\n  mainOffsetLeft: '--awsui-main-offset-left-y98gph',\n  mainTemplateRows: '--awsui-main-template-rows-y98gph',\n  maxContentWidth: '--awsui-max-content-width-y98gph',\n  minContentWidth: '--awsui-min-content-width-y98gph',\n  mobileBarHeight: '--awsui-mobile-bar-height-y98gph',\n  notificationsGap: '--awsui-notifications-gap-y98gph',\n  notificationsHeight: '--awsui-notifications-height-y98gph',\n  offsetTop: '--awsui-offset-top-y98gph',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-y98gph',\n  overlapHeight: '--awsui-overlap-height-y98gph',\n  navigationWidth: '--awsui-navigation-width-y98gph',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-y98gph',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-y98gph',\n  splitPanelHeight: '--awsui-split-panel-height-y98gph',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-y98gph',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-y98gph',\n  toolsMaxWidth: '--awsui-tools-max-width-y98gph',\n  toolsWidth: '--awsui-tools-width-y98gph',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-y98gph',\n  contentScrollMargin: '--awsui-content-scroll-margin-y98gph',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-y98gph',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-y98gph',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-y98gph',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-y98gph',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-y98gph',\n  dropdownDefaultMaxWidth: '--awsui-dropdown-default-max-width-y98gph',\n};\nexport default customCSSPropertiesMap;\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "11090e446c62a52522d936bccb902117cfd8d245"
+  "commit": "c3fe8ad71dd7908b19ab2417efe027e38f55a960"
 }

package/internal/utils/scrollable-containers.d.ts

@@ -5,7 +5,12 @@ export interface Dimensions {
     left: number;
 }
 export declare const getOverflowParents: (element: HTMLElement) => HTMLElement[];
-export declare const getOverflowParentDimensions: (element: HTMLElement, excludeClosestParent?: boolean, expandToViewport?: boolean, canExpandOutsideViewport?: boolean) => Dimensions[];
+export declare const getOverflowParentDimensions: ({ element, excludeClosestParent, expandToViewport, canExpandOutsideViewport, }: {
+    element: HTMLElement;
+    excludeClosestParent: boolean;
+    expandToViewport: boolean;
+    canExpandOutsideViewport: boolean;
+}) => Dimensions[];
 type ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];
 /**
  * Calls `scrollIntoView` on the provided element with sensible defaults. If

package/internal/utils/scrollable-containers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrollable-containers.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,WAAW,EAQpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAC7B,WAAW,qGAInB,UAAU,EAqCZ,CAAC;AAEF,KAAK,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1E;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,OAAO,GAAE,qBAA+D,QAGzE"}
+{"version":3,"file":"scrollable-containers.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,kBAAkB,YAAa,WAAW,KAAG,WAAW,EAQpE,CAAC;AAEF,eAAO,MAAM,2BAA2B;aAM7B,WAAW;0BACE,OAAO;sBACX,OAAO;8BACC,OAAO;MAC/B,UAAU,EAqCb,CAAC;AAEF,KAAK,qBAAqB,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1E;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,GAAG,SAAS,EAChC,OAAO,GAAE,qBAA+D,QAGzE"}

package/internal/utils/scrollable-containers.js

@@ -6,7 +6,7 @@ export const getOverflowParents = (element) => {
     }
     return parents;
 };
-export const getOverflowParentDimensions = (element, excludeClosestParent = false, expandToViewport = false, canExpandOutsideViewport = false) => {
+export const getOverflowParentDimensions = ({ element, excludeClosestParent = false, expandToViewport = false, canExpandOutsideViewport = false, }) => {
     const parents = expandToViewport
         ? []
         : getOverflowParents(element).map(el => {

package/internal/utils/scrollable-containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollable-containers.js","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAiB,EAAE;IACxE,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,IAAI,IAAI,GAAuB,OAAO,CAAC;IAEvC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;QAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACrE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,OAAoB,EACpB,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,KAAK,EACxB,wBAAwB,GAAG,KAAK,EAClB,EAAE;IAChB,MAAM,OAAO,GAAG,gBAAgB;QAC9B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YAChE,OAAO;gBACL,0DAA0D;gBAC1D,gDAAgD;gBAChD,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;gBAC3D,KAAK;gBACL,GAAG;gBACH,IAAI;aACL,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAI,wBAAwB,IAAI,CAAC,gBAAgB,EAAE;QACjD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;QAC5E,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;YAC/E,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;YAClF,GAAG,EAAE,kBAAkB,CAAC,GAAG;YAC3B,IAAI,EAAE,kBAAkB,CAAC,IAAI;SAC9B,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,MAAM,CAAC,WAAW;YAC1B,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;SACR,CAAC,CAAC;KACJ;IAED,IAAI,oBAAoB,IAAI,CAAC,gBAAgB,EAAE;QAC7C,OAAO,CAAC,KAAK,EAAE,CAAC;KACjB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAIF;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAgC,EAChC,UAAiC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;;IAExE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,wDAAG,OAAO,CAAC,CAAC;AACrC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport interface Dimensions {\n  height: number;\n  width: number;\n  top: number;\n  left: number;\n}\n\nexport const getOverflowParents = (element: HTMLElement): HTMLElement[] => {\n  const parents = [];\n  let node: HTMLElement | null = element;\n\n  while ((node = node.parentElement) && node !== document.body) {\n    getComputedStyle(node).overflow !== 'visible' && parents.push(node);\n  }\n  return parents;\n};\n\nexport const getOverflowParentDimensions = (\n  element: HTMLElement,\n  excludeClosestParent = false,\n  expandToViewport = false,\n  canExpandOutsideViewport = false\n): Dimensions[] => {\n  const parents = expandToViewport\n    ? []\n    : getOverflowParents(element).map(el => {\n        const { height, width, top, left } = el.getBoundingClientRect();\n        return {\n          // Treat the whole scrollable area as the available height\n          // if we're allowed to expand past the viewport.\n          height: canExpandOutsideViewport ? el.scrollHeight : height,\n          width,\n          top,\n          left,\n        };\n      });\n\n  if (canExpandOutsideViewport && !expandToViewport) {\n    const documentDimensions = document.documentElement.getBoundingClientRect();\n    parents.push({\n      width: Math.max(documentDimensions.width, document.documentElement.clientWidth),\n      height: Math.max(documentDimensions.height, document.documentElement.clientHeight),\n      top: documentDimensions.top,\n      left: documentDimensions.left,\n    });\n  } else {\n    parents.push({\n      height: window.innerHeight,\n      width: window.innerWidth,\n      top: 0,\n      left: 0,\n    });\n  }\n\n  if (excludeClosestParent && !expandToViewport) {\n    parents.shift();\n  }\n\n  return parents;\n};\n\ntype ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];\n\n/**\n * Calls `scrollIntoView` on the provided element with sensible defaults. If\n * the element does not existed or does not support the `scrollIntoView`\n * method, it will do nothing. This wrapper is created to support environments\n * where the native function is not available like JSDom (feature request:\n * https://github.com/jsdom/jsdom/issues/1422).\n *\n * @param element to be scrolled into view\n * @param options native options for `scrollIntoView`\n */\nexport function scrollElementIntoView(\n  element: HTMLElement | undefined,\n  options: ScrollIntoViewOptions = { block: 'nearest', inline: 'nearest' }\n) {\n  element?.scrollIntoView?.(options);\n}\n"]}
+{"version":3,"file":"scrollable-containers.js","sourceRoot":"lib/default/","sources":["internal/utils/scrollable-containers.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,OAAoB,EAAiB,EAAE;IACxE,MAAM,OAAO,GAAG,EAAE,CAAC;IACnB,IAAI,IAAI,GAAuB,OAAO,CAAC;IAEvC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI,EAAE;QAC5D,gBAAgB,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACrE;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,OAAO,EACP,oBAAoB,GAAG,KAAK,EAC5B,gBAAgB,GAAG,KAAK,EACxB,wBAAwB,GAAG,KAAK,GAMjC,EAAgB,EAAE;IACjB,MAAM,OAAO,GAAG,gBAAgB;QAC9B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACnC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;YAChE,OAAO;gBACL,0DAA0D;gBAC1D,gDAAgD;gBAChD,MAAM,EAAE,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;gBAC3D,KAAK;gBACL,GAAG;gBACH,IAAI;aACL,CAAC;QACJ,CAAC,CAAC,CAAC;IAEP,IAAI,wBAAwB,IAAI,CAAC,gBAAgB,EAAE;QACjD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;QAC5E,OAAO,CAAC,IAAI,CAAC;YACX,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;YAC/E,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;YAClF,GAAG,EAAE,kBAAkB,CAAC,GAAG;YAC3B,IAAI,EAAE,kBAAkB,CAAC,IAAI;SAC9B,CAAC,CAAC;KACJ;SAAM;QACL,OAAO,CAAC,IAAI,CAAC;YACX,MAAM,EAAE,MAAM,CAAC,WAAW;YAC1B,KAAK,EAAE,MAAM,CAAC,UAAU;YACxB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;SACR,CAAC,CAAC;KACJ;IAED,IAAI,oBAAoB,IAAI,CAAC,gBAAgB,EAAE;QAC7C,OAAO,CAAC,KAAK,EAAE,CAAC;KACjB;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAIF;;;;;;;;;GASG;AACH,MAAM,UAAU,qBAAqB,CACnC,OAAgC,EAChC,UAAiC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;;IAExE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,wDAAG,OAAO,CAAC,CAAC;AACrC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport interface Dimensions {\n  height: number;\n  width: number;\n  top: number;\n  left: number;\n}\n\nexport const getOverflowParents = (element: HTMLElement): HTMLElement[] => {\n  const parents = [];\n  let node: HTMLElement | null = element;\n\n  while ((node = node.parentElement) && node !== document.body) {\n    getComputedStyle(node).overflow !== 'visible' && parents.push(node);\n  }\n  return parents;\n};\n\nexport const getOverflowParentDimensions = ({\n  element,\n  excludeClosestParent = false,\n  expandToViewport = false,\n  canExpandOutsideViewport = false,\n}: {\n  element: HTMLElement;\n  excludeClosestParent: boolean;\n  expandToViewport: boolean;\n  canExpandOutsideViewport: boolean;\n}): Dimensions[] => {\n  const parents = expandToViewport\n    ? []\n    : getOverflowParents(element).map(el => {\n        const { height, width, top, left } = el.getBoundingClientRect();\n        return {\n          // Treat the whole scrollable area as the available height\n          // if we're allowed to expand past the viewport.\n          height: canExpandOutsideViewport ? el.scrollHeight : height,\n          width,\n          top,\n          left,\n        };\n      });\n\n  if (canExpandOutsideViewport && !expandToViewport) {\n    const documentDimensions = document.documentElement.getBoundingClientRect();\n    parents.push({\n      width: Math.max(documentDimensions.width, document.documentElement.clientWidth),\n      height: Math.max(documentDimensions.height, document.documentElement.clientHeight),\n      top: documentDimensions.top,\n      left: documentDimensions.left,\n    });\n  } else {\n    parents.push({\n      height: window.innerHeight,\n      width: window.innerWidth,\n      top: 0,\n      left: 0,\n    });\n  }\n\n  if (excludeClosestParent && !expandToViewport) {\n    parents.shift();\n  }\n\n  return parents;\n};\n\ntype ScrollIntoViewOptions = Parameters<HTMLElement['scrollIntoView']>[0];\n\n/**\n * Calls `scrollIntoView` on the provided element with sensible defaults. If\n * the element does not existed or does not support the `scrollIntoView`\n * method, it will do nothing. This wrapper is created to support environments\n * where the native function is not available like JSDom (feature request:\n * https://github.com/jsdom/jsdom/issues/1422).\n *\n * @param element to be scrolled into view\n * @param options native options for `scrollIntoView`\n */\nexport function scrollElementIntoView(\n  element: HTMLElement | undefined,\n  options: ScrollIntoViewOptions = { block: 'nearest', inline: 'nearest' }\n) {\n  element?.scrollIntoView?.(options);\n}\n"]}

package/modal/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAM/E"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAU/E"}

package/modal/internal.js

@@ -23,13 +23,15 @@ import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { ButtonContext } from '../internal/context/button-context';
 export default function InternalModal(_a) {
     var { modalRoot } = _a, rest = __rest(_a, ["modalRoot"]);
-    return (React.createElement(Portal, { container: modalRoot },
-        React.createElement(InnerModal, Object.assign({}, rest))));
+    const referrerId = useUniqueId('modal');
+    return (React.createElement("div", { id: referrerId },
+        React.createElement(Portal, { container: modalRoot },
+            React.createElement(InnerModal, Object.assign({}, rest, { referrerId: referrerId })))));
 }
 // Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.
 // useContainerQuery needs its targeted element to exist on the first render in order to work properly.
 function InnerModal(_a) {
-    var { size, visible, header, children, footer, disableContentPaddings, onDismiss, __internalRootRef = null } = _a, rest = __rest(_a, ["size", "visible", "header", "children", "footer", "disableContentPaddings", "onDismiss", "__internalRootRef"]);
+    var { size, visible, header, children, footer, disableContentPaddings, onDismiss, __internalRootRef = null, referrerId } = _a, rest = __rest(_a, ["size", "visible", "header", "children", "footer", "disableContentPaddings", "onDismiss", "__internalRootRef", "referrerId"]);
     const instanceUniqueId = useUniqueId();
     const headerId = `${rest.id || instanceUniqueId}-header`;
     const lastMouseDownElementRef = useRef(null);
@@ -86,7 +88,7 @@ function InnerModal(_a) {
     const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);
     return (React.createElement(ButtonContext.Provider, { value: { onClick: () => { } } },
         React.createElement(FormFieldContext.Provider, { value: {} },
-            React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-modal": true, "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef, style: footerHeight ? { scrollPaddingBottom: footerHeight } : undefined }),
+            React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-modal": true, "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef, style: footerHeight ? { scrollPaddingBottom: footerHeight } : undefined, "data-awsui-referrer-id": referrerId }),
                 React.createElement(FocusLock, { disabled: !visible, autoFocus: true, restoreFocus: true, className: styles['focus-lock'] },
                     React.createElement("div", { className: clsx(styles.dialog, styles[size], styles[`breakpoint-${breakpoint}`], isRefresh && styles.refresh), onKeyDown: escKeyHandler },
                         React.createElement("div", { className: styles.container },

package/modal/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { ButtonContext } from '../internal/context/button-context';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n  return (\n    <Portal container={modalRoot}>\n      <InnerModal {...rest} />\n    </Portal>\n  );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n  return (\n    <ButtonContext.Provider value={{ onClick: () => {} }}>\n      <FormFieldContext.Provider value={{}}>\n        <div\n          {...baseProps}\n          className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n          role=\"dialog\"\n          aria-modal={true}\n          aria-labelledby={headerId}\n          onMouseDown={onOverlayMouseDown}\n          onClick={onOverlayClick}\n          ref={mergedRef}\n          style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n        >\n          <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n            <div\n              className={clsx(\n                styles.dialog,\n                styles[size],\n                styles[`breakpoint-${breakpoint}`],\n                isRefresh && styles.refresh\n              )}\n              onKeyDown={escKeyHandler}\n            >\n              <div className={styles.container}>\n                <div className={styles.header}>\n                  <InternalHeader\n                    variant=\"h2\"\n                    __disableActionsWrapping={true}\n                    actions={\n                      <InternalButton\n                        ariaLabel={closeAriaLabel}\n                        className={styles['dismiss-control']}\n                        variant=\"modal-dismiss\"\n                        iconName=\"close\"\n                        formAction=\"none\"\n                        onClick={onCloseButtonClick}\n                      />\n                    }\n                  >\n                    <span id={headerId} className={styles['header--text']}>\n                      {header}\n                    </span>\n                  </InternalHeader>\n                </div>\n                <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                  {children}\n                  <div ref={stickySentinelRef} />\n                </div>\n                {footer && (\n                  <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                    {footer}\n                  </div>\n                )}\n              </div>\n            </div>\n          </FocusLock>\n        </div>\n      </FormFieldContext.Provider>\n    </ButtonContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { ButtonContext } from '../internal/context/button-context';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n  const referrerId = useUniqueId('modal');\n\n  return (\n    <div id={referrerId}>\n      <Portal container={modalRoot}>\n        <InnerModal {...rest} referrerId={referrerId} />\n      </Portal>\n    </div>\n  );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n  size,\n  visible,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  __internalRootRef = null,\n  referrerId,\n  ...rest\n}: InternalModalProps & { referrerId: string }) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const i18n = useInternalI18n('modal');\n  const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  // We use an empty div element at the end of the content slot as a sentinel\n  // to detect when the user has scrolled to the bottom.\n  const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n  // Add extra scroll padding to account for the height of the sticky footer,\n  // to prevent it from covering focused elements.\n  const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n  return (\n    <ButtonContext.Provider value={{ onClick: () => {} }}>\n      <FormFieldContext.Provider value={{}}>\n        <div\n          {...baseProps}\n          className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n          role=\"dialog\"\n          aria-modal={true}\n          aria-labelledby={headerId}\n          onMouseDown={onOverlayMouseDown}\n          onClick={onOverlayClick}\n          ref={mergedRef}\n          style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n          data-awsui-referrer-id={referrerId}\n        >\n          <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n            <div\n              className={clsx(\n                styles.dialog,\n                styles[size],\n                styles[`breakpoint-${breakpoint}`],\n                isRefresh && styles.refresh\n              )}\n              onKeyDown={escKeyHandler}\n            >\n              <div className={styles.container}>\n                <div className={styles.header}>\n                  <InternalHeader\n                    variant=\"h2\"\n                    __disableActionsWrapping={true}\n                    actions={\n                      <InternalButton\n                        ariaLabel={closeAriaLabel}\n                        className={styles['dismiss-control']}\n                        variant=\"modal-dismiss\"\n                        iconName=\"close\"\n                        formAction=\"none\"\n                        onClick={onCloseButtonClick}\n                      />\n                    }\n                  >\n                    <span id={headerId} className={styles['header--text']}>\n                      {header}\n                    </span>\n                  </InternalHeader>\n                </div>\n                <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                  {children}\n                  <div ref={stickySentinelRef} />\n                </div>\n                {footer && (\n                  <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n                    {footer}\n                  </div>\n                )}\n              </div>\n            </div>\n          </FocusLock>\n        </div>\n      </FormFieldContext.Provider>\n    </ButtonContext.Provider>\n  );\n}\n"]}

package/package.json

@@ -10,6 +10,7 @@
     "./interfaces": "./interfaces.js",
     "./contexts/form-field": "./contexts/form-field.js",
     "./alert": "./alert/index.js",
+    "./anchor-navigation": "./anchor-navigation/index.js",
     "./annotation-context": "./annotation-context/index.js",
     "./app-layout": "./app-layout/index.js",
     "./area-chart": "./area-chart/index.js",
@@ -109,7 +110,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.387",
+  "version": "3.0.389",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/progress-bar/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1vrrs_185",
-  "result-state": "awsui_result-state_11huc_1vrrs_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1vrrs_1",
-  "root": "awsui_root_11huc_1vrrs_221",
-  "with-result-button": "awsui_with-result-button_11huc_1vrrs_234",
-  "result-text": "awsui_result-text_11huc_1vrrs_238",
-  "result-container-error": "awsui_result-container-error_11huc_1vrrs_242",
-  "result-container-success": "awsui_result-container-success_11huc_1vrrs_242",
-  "result-button": "awsui_result-button_11huc_1vrrs_246",
-  "word-wrap": "awsui_word-wrap_11huc_1vrrs_251",
-  "label-flash": "awsui_label-flash_11huc_1vrrs_257",
-  "label-key-value": "awsui_label-key-value_11huc_1vrrs_261",
-  "flash": "awsui_flash_11huc_1vrrs_269",
-  "progress-container": "awsui_progress-container_11huc_1vrrs_273",
-  "percentage-container": "awsui_percentage-container_11huc_1vrrs_280",
-  "percentage": "awsui_percentage_11huc_1vrrs_280",
-  "complete": "awsui_complete_11huc_1vrrs_315",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1vrrs_330"
+  "progress": "awsui_progress_11huc_106uy_185",
+  "result-state": "awsui_result-state_11huc_106uy_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_106uy_1",
+  "root": "awsui_root_11huc_106uy_221",
+  "with-result-button": "awsui_with-result-button_11huc_106uy_234",
+  "result-text": "awsui_result-text_11huc_106uy_238",
+  "result-container-error": "awsui_result-container-error_11huc_106uy_242",
+  "result-container-success": "awsui_result-container-success_11huc_106uy_242",
+  "result-button": "awsui_result-button_11huc_106uy_246",
+  "word-wrap": "awsui_word-wrap_11huc_106uy_251",
+  "label-flash": "awsui_label-flash_11huc_106uy_256",
+  "label-key-value": "awsui_label-key-value_11huc_106uy_260",
+  "flash": "awsui_flash_11huc_106uy_268",
+  "progress-container": "awsui_progress-container_11huc_106uy_272",
+  "percentage-container": "awsui_percentage-container_11huc_106uy_279",
+  "percentage": "awsui_percentage_11huc_106uy_279",
+  "complete": "awsui_complete_11huc_106uy_314",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_106uy_329"
 };