@cloudscape-design/components 3.0.38 → 3.0.41

package/app-layout/navigation-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/navigation-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AAGtD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEzC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAE1E,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAEzC,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IAEzB,kBAAkB,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnD,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAEvC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,GACX,EAAE,oBAAoB,eAqCtB"}
+{"version":3,"file":"navigation-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/navigation-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AAGtD,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAE1D,UAAU,oBAAoB;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEzC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAE1E,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAE5B,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAEzC,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IAEzB,kBAAkB,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IACnD,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAEvC,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,GACX,EAAE,oBAAoB,eAiCtB"}

package/app-layout/navigation-panel.js

@@ -9,9 +9,7 @@ import testutilStyles from './test-classes/styles.css.js';
 export function NavigationPanel(_a) {
     var _b;
     var ariaLabels = _a.ariaLabels, footerHeight = _a.footerHeight, headerHeight = _a.headerHeight, isHidden = _a.isHidden, isMobile = _a.isMobile, navigation = _a.navigation, navigationDrawerWidth = _a.navigationDrawerWidth, navigationWidth = _a.navigationWidth, navigationOpen = _a.navigationOpen, onClick = _a.onClick, onNavigationToggle = _a.onNavigationToggle, panelHeightStyle = _a.panelHeightStyle, toggleRefs = _a.toggleRefs;
-    return (React.createElement("div", { style: {
-            width: navigationDrawerWidth
-        } },
+    return (React.createElement("div", { className: styles['navigation-panel'], style: { width: navigationDrawerWidth } },
         React.createElement("div", { className: clsx(styles['panel-wrapper-outer'], (_b = {},
                 _b[styles.mobile] = isMobile,
                 _b[styles.open] = navigationOpen,

package/app-layout/navigation-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-panel.js","sourceRoot":"","sources":["../../../src/app-layout/navigation-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AA0B1D,MAAM,UAAU,eAAe,CAAC,EAcT;;QAbrB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,qBAAqB,2BAAA,EACrB,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA;IAEV,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,qBAAqB;SAC7B;QAED,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;gBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,cAAc;oBAC7B,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAGhF,oBAAC,MAAM,IACL,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,UAAU,CAAC,EACpE,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,EACpF,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC,EACvF,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAErB,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { AppLayoutProps } from './interfaces';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\nimport useContentHeight from './utils/use-content-height';\n\ninterface NavigationPanelProps {\n  navigationOpen: boolean;\n  isHidden: DesktopDrawerProps['isHidden'];\n\n  navigationDrawerWidth: number;\n  navigationWidth: number;\n  headerHeight: DesktopDrawerProps['topOffset'];\n  footerHeight: DesktopDrawerProps['bottomOffset'];\n  panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n\n  navigation: React.ReactNode;\n\n  ariaLabels: AppLayoutProps['ariaLabels'];\n\n  isMobile: boolean;\n  isMotionEnabled: boolean;\n\n  onNavigationToggle: DesktopDrawerProps['onToggle'];\n  onClick: DesktopDrawerProps['onClick'];\n\n  toggleRefs: DesktopDrawerProps['toggleRefs'];\n}\n\nexport function NavigationPanel({\n  ariaLabels,\n  footerHeight,\n  headerHeight,\n  isHidden,\n  isMobile,\n  navigation,\n  navigationDrawerWidth,\n  navigationWidth,\n  navigationOpen,\n  onClick,\n  onNavigationToggle,\n  panelHeightStyle,\n  toggleRefs,\n}: NavigationPanelProps) {\n  return (\n    <div\n      style={{\n        width: navigationDrawerWidth,\n      }}\n    >\n      <div\n        className={clsx(styles['panel-wrapper-outer'], {\n          [styles.mobile]: isMobile,\n          [styles.open]: navigationOpen,\n        })}\n        style={{\n          ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n        }}\n      >\n        <Drawer\n          type=\"navigation\"\n          isMobile={isMobile}\n          width={navigationWidth}\n          isOpen={navigationOpen}\n          isHidden={isHidden}\n          onToggle={onNavigationToggle}\n          toggleRefs={toggleRefs}\n          onClick={onClick}\n          contentClassName={clsx(styles.navigation, testutilStyles.navigation)}\n          closeClassName={clsx(styles['navigation-close'], testutilStyles['navigation-close'])}\n          toggleClassName={clsx(styles['navigation-toggle'], testutilStyles['navigation-toggle'])}\n          topOffset={headerHeight}\n          bottomOffset={footerHeight}\n          ariaLabels={ariaLabels}\n        >\n          {navigation}\n        </Drawer>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"navigation-panel.js","sourceRoot":"","sources":["../../../src/app-layout/navigation-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AA0B1D,MAAM,UAAU,eAAe,CAAC,EAcT;;QAbrB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,qBAAqB,2BAAA,EACrB,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,UAAU,gBAAA;IAEV,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;QACjF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;gBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;gBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,cAAc;oBAC7B,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAGhF,oBAAC,MAAM,IACL,IAAI,EAAC,YAAY,EACjB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,eAAe,EACtB,MAAM,EAAE,cAAc,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,kBAAkB,EAC5B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,UAAU,CAAC,EACpE,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,EACpF,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC,EACvF,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAErB,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { AppLayoutProps } from './interfaces';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\nimport useContentHeight from './utils/use-content-height';\n\ninterface NavigationPanelProps {\n  navigationOpen: boolean;\n  isHidden: DesktopDrawerProps['isHidden'];\n\n  navigationDrawerWidth: number;\n  navigationWidth: number;\n  headerHeight: DesktopDrawerProps['topOffset'];\n  footerHeight: DesktopDrawerProps['bottomOffset'];\n  panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n\n  navigation: React.ReactNode;\n\n  ariaLabels: AppLayoutProps['ariaLabels'];\n\n  isMobile: boolean;\n  isMotionEnabled: boolean;\n\n  onNavigationToggle: DesktopDrawerProps['onToggle'];\n  onClick: DesktopDrawerProps['onClick'];\n\n  toggleRefs: DesktopDrawerProps['toggleRefs'];\n}\n\nexport function NavigationPanel({\n  ariaLabels,\n  footerHeight,\n  headerHeight,\n  isHidden,\n  isMobile,\n  navigation,\n  navigationDrawerWidth,\n  navigationWidth,\n  navigationOpen,\n  onClick,\n  onNavigationToggle,\n  panelHeightStyle,\n  toggleRefs,\n}: NavigationPanelProps) {\n  return (\n    <div className={styles['navigation-panel']} style={{ width: navigationDrawerWidth }}>\n      <div\n        className={clsx(styles['panel-wrapper-outer'], {\n          [styles.mobile]: isMobile,\n          [styles.open]: navigationOpen,\n        })}\n        style={{\n          ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n        }}\n      >\n        <Drawer\n          type=\"navigation\"\n          isMobile={isMobile}\n          width={navigationWidth}\n          isOpen={navigationOpen}\n          isHidden={isHidden}\n          onToggle={onNavigationToggle}\n          toggleRefs={toggleRefs}\n          onClick={onClick}\n          contentClassName={clsx(styles.navigation, testutilStyles.navigation)}\n          closeClassName={clsx(styles['navigation-close'], testutilStyles['navigation-close'])}\n          toggleClassName={clsx(styles['navigation-toggle'], testutilStyles['navigation-toggle'])}\n          topOffset={headerHeight}\n          bottomOffset={footerHeight}\n          ariaLabels={ariaLabels}\n        >\n          {navigation}\n        </Drawer>\n      </div>\n    </div>\n  );\n}\n"]}

package/app-layout/styles.css.js

@@ -1,42 +1,43 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_1reu0_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1reu0_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1reu0_104",
-  "layout": "awsui_layout_lm6vo_1reu0_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1reu0_115",
-  "layout-main": "awsui_layout-main_lm6vo_1reu0_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1reu0_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_1reu0_130",
-  "drawer": "awsui_drawer_lm6vo_1reu0_134",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1reu0_140",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_1reu0_143",
-  "opaque-background": "awsui_opaque-background_lm6vo_1reu0_150",
-  "drawer-content": "awsui_drawer-content_lm6vo_1reu0_154",
-  "toggle": "awsui_toggle_lm6vo_1reu0_179",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1reu0_184",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_1reu0_201",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1reu0_220",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1reu0_225",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_1reu0_229",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_1reu0_233",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1reu0_237",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_1reu0_242",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_1reu0_247",
-  "navigation": "awsui_navigation_lm6vo_1reu0_242",
-  "navigation-close": "awsui_navigation-close_lm6vo_1reu0_259",
-  "tools": "awsui_tools_lm6vo_1reu0_247",
-  "tools-close": "awsui_tools-close_lm6vo_1reu0_271",
-  "notifications": "awsui_notifications_lm6vo_1reu0_275",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_1reu0_220",
-  "content": "awsui_content_lm6vo_1reu0_225",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1reu0_287",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1reu0_288",
-  "mobile": "awsui_mobile_lm6vo_1reu0_297",
-  "open": "awsui_open_lm6vo_1reu0_303"
+  "root": "awsui_root_lm6vo_hzagk_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
+  "layout": "awsui_layout_lm6vo_hzagk_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
+  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
+  "drawer": "awsui_drawer_lm6vo_hzagk_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
+  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
+  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
+  "toggle": "awsui_toggle_lm6vo_hzagk_183",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
+  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
+  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
+  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
+  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
+  "navigation": "awsui_navigation_lm6vo_hzagk_134",
+  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
+  "tools": "awsui_tools_lm6vo_hzagk_251",
+  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
+  "notifications": "awsui_notifications_lm6vo_hzagk_279",
+  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
+  "content": "awsui_content_lm6vo_hzagk_229",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
+  "mobile": "awsui_mobile_lm6vo_hzagk_301",
+  "open": "awsui_open_lm6vo_hzagk_307"
 };
   

package/app-layout/styles.scoped.css

@@ -94,119 +94,123 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_lm6vo_1reu0_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_1reu0_98:not(#\9) {
+.awsui_root_lm6vo_hzagk_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_hzagk_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
 
-.awsui_root-no-scroll_lm6vo_1reu0_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_hzagk_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
 
-.awsui_layout_lm6vo_1reu0_98:not(#\9) {
+.awsui_layout_lm6vo_hzagk_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_1reu0_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_hzagk_115:not(#\9) {
   overflow: hidden;
 }
 
-.awsui_layout-main_lm6vo_1reu0_119:not(#\9) {
+.awsui_layout-main_lm6vo_hzagk_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_1reu0_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_hzagk_125:not(#\9) {
   overflow: auto;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_1reu0_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_hzagk_130 *:not(#\9) {
   visibility: hidden;
 }
 
-.awsui_drawer_lm6vo_1reu0_134:not(#\9) {
+.awsui_navigation-panel_lm6vo_hzagk_134:not(#\9) {
+  overflow-anchor: none;
+}
+
+.awsui_drawer_lm6vo_hzagk_138:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
-.awsui_drawer_lm6vo_1reu0_134:not(#\9):not(.awsui_drawer-mobile_lm6vo_1reu0_140) {
+.awsui_drawer_lm6vo_hzagk_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_hzagk_144) {
   z-index: 850;
 }
-.awsui_drawer-closed_lm6vo_1reu0_143:not(#\9) {
+.awsui_drawer-closed_lm6vo_hzagk_147:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_1reu0_143.awsui_drawer-mobile_lm6vo_1reu0_140:not(#\9) {
+.awsui_drawer-closed_lm6vo_hzagk_147.awsui_drawer-mobile_lm6vo_hzagk_144:not(#\9) {
   display: none;
 }
-.awsui_drawer_lm6vo_1reu0_134.awsui_opaque-background_lm6vo_1reu0_150:not(#\9) {
+.awsui_drawer_lm6vo_hzagk_138.awsui_opaque-background_lm6vo_hzagk_154:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
 
-.awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
+.awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
-.awsui_opaque-background_lm6vo_1reu0_150 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
+.awsui_opaque-background_lm6vo_hzagk_154 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
-.awsui_drawer-mobile_lm6vo_1reu0_140 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
+.awsui_drawer-mobile_lm6vo_hzagk_144 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_1reu0_143 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9) {
+.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_1reu0_143 > .awsui_drawer-content_lm6vo_1reu0_154:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
-.awsui_drawer-content_lm6vo_1reu0_154 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_hzagk_158 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
 
-.awsui_toggle_lm6vo_1reu0_179:not(#\9) {
+.awsui_toggle_lm6vo_hzagk_183:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
 
-.awsui_visual-refresh-toggle_lm6vo_1reu0_184:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hzagk_188:not(#\9) {
   position: fixed;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
-.awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_1reu0_184[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_1reu0_184[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
 
-.awsui_button-toggles-container_lm6vo_1reu0_201:not(#\9) {
+.awsui_button-toggles-container_lm6vo_hzagk_205:not(#\9) {
   min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
   position: relative;
   z-index: 851;
 }
-.awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206:not(#\9) {
+.awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210:not(#\9) {
   min-width: 0;
 }
-.awsui_button-toggles-container_lm6vo_1reu0_201.awsui_opaque-background_lm6vo_1reu0_150:not(#\9)::before {
+.awsui_button-toggles-container_lm6vo_hzagk_205.awsui_opaque-background_lm6vo_hzagk_154:not(#\9)::before {
   content: "";
   position: absolute;
   top: 0;
@@ -217,95 +221,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
 }
 
-.awsui_breadcrumbs-desktop_lm6vo_1reu0_220:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_hzagk_224:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
 
-.awsui_content-header-wrapper_lm6vo_1reu0_225:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_hzagk_229:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 
-.awsui_content-wrapper_lm6vo_1reu0_229:not(#\9) {
+.awsui_content-wrapper_lm6vo_hzagk_233:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
 
-.awsui_content-overlapped_lm6vo_1reu0_233:not(#\9) {
+.awsui_content-overlapped_lm6vo_hzagk_237:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
 
-.awsui_content-extra-top-padding_lm6vo_1reu0_237:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_hzagk_241:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
 
 /* stylelint-disable-next-line selector-max-universal */
-.awsui_navigation-toggle_lm6vo_1reu0_242 > *:not(#\9) {
+.awsui_navigation-toggle_lm6vo_hzagk_246 > *:not(#\9) {
   pointer-events: none;
 }
 
 /* stylelint-disable-next-line selector-max-universal */
-.awsui_tools-toggle_lm6vo_1reu0_247 > *:not(#\9) {
+.awsui_tools-toggle_lm6vo_hzagk_251 > *:not(#\9) {
   pointer-events: none;
 }
 
-.awsui_navigation_lm6vo_1reu0_242:not(#\9) {
+.awsui_navigation_lm6vo_hzagk_134:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-toggle_lm6vo_1reu0_242:not(#\9) {
+.awsui_navigation-toggle_lm6vo_hzagk_246:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_navigation-close_lm6vo_1reu0_259:not(#\9) {
+.awsui_navigation-close_lm6vo_hzagk_263:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools_lm6vo_1reu0_247:not(#\9) {
+.awsui_tools_lm6vo_hzagk_251:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools-toggle_lm6vo_1reu0_247:not(#\9) {
+.awsui_tools-toggle_lm6vo_hzagk_251:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_tools-close_lm6vo_1reu0_271:not(#\9) {
+.awsui_tools-close_lm6vo_hzagk_275:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_notifications_lm6vo_1reu0_275:not(#\9) {
+.awsui_notifications_lm6vo_hzagk_279:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_breadcrumbs_lm6vo_1reu0_220:not(#\9) {
+.awsui_breadcrumbs_lm6vo_hzagk_224:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content_lm6vo_1reu0_225:not(#\9) {
+.awsui_content_lm6vo_hzagk_229:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_panel-wrapper-outer_lm6vo_1reu0_287:not(#\9),
-.awsui_panel-wrapper-inner_lm6vo_1reu0_288:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9),
+.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
   z-index: 850;
 }
 
-.awsui_panel-wrapper-outer_lm6vo_1reu0_287:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9) {
   position: fixed;
   height: 100%;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_1reu0_287.awsui_mobile_lm6vo_1reu0_297:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_1reu0_287.awsui_mobile_lm6vo_1reu0_297.awsui_open_lm6vo_1reu0_303:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301.awsui_open_lm6vo_hzagk_307:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
 
-.awsui_panel-wrapper-inner_lm6vo_1reu0_288:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/styles.selectors.js

@@ -2,42 +2,43 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_1reu0_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_1reu0_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_1reu0_104",
-  "layout": "awsui_layout_lm6vo_1reu0_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_1reu0_115",
-  "layout-main": "awsui_layout-main_lm6vo_1reu0_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_1reu0_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_1reu0_130",
-  "drawer": "awsui_drawer_lm6vo_1reu0_134",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_1reu0_140",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_1reu0_143",
-  "opaque-background": "awsui_opaque-background_lm6vo_1reu0_150",
-  "drawer-content": "awsui_drawer-content_lm6vo_1reu0_154",
-  "toggle": "awsui_toggle_lm6vo_1reu0_179",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_1reu0_184",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_1reu0_188",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_1reu0_191",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_1reu0_201",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_1reu0_206",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_1reu0_220",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_1reu0_225",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_1reu0_229",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_1reu0_233",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_1reu0_237",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_1reu0_242",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_1reu0_247",
-  "navigation": "awsui_navigation_lm6vo_1reu0_242",
-  "navigation-close": "awsui_navigation-close_lm6vo_1reu0_259",
-  "tools": "awsui_tools_lm6vo_1reu0_247",
-  "tools-close": "awsui_tools-close_lm6vo_1reu0_271",
-  "notifications": "awsui_notifications_lm6vo_1reu0_275",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_1reu0_220",
-  "content": "awsui_content_lm6vo_1reu0_225",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_1reu0_287",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_1reu0_288",
-  "mobile": "awsui_mobile_lm6vo_1reu0_297",
-  "open": "awsui_open_lm6vo_1reu0_303"
+  "root": "awsui_root_lm6vo_hzagk_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
+  "layout": "awsui_layout_lm6vo_hzagk_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
+  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
+  "drawer": "awsui_drawer_lm6vo_hzagk_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
+  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
+  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
+  "toggle": "awsui_toggle_lm6vo_hzagk_183",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
+  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
+  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
+  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
+  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
+  "navigation": "awsui_navigation_lm6vo_hzagk_134",
+  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
+  "tools": "awsui_tools_lm6vo_hzagk_251",
+  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
+  "notifications": "awsui_notifications_lm6vo_hzagk_279",
+  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
+  "content": "awsui_content_lm6vo_hzagk_229",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
+  "mobile": "awsui_mobile_lm6vo_hzagk_301",
+  "open": "awsui_open_lm6vo_hzagk_307"
 };
   

package/autosuggest/autosuggest-option.js

@@ -29,7 +29,7 @@ var AutosuggestOption = function (_a, ref) {
         optionContent = (React.createElement("div", __assign({}, a11yProperties),
             React.createElement(OptionComponent, { option: option, highlightText: highlightText })));
     }
-    return (React.createElement(SelectableItem, __assign({}, baseProps, { className: styles.option, ariaSelected: highlighted || undefined, highlighted: highlighted, disabled: option.disabled, hasBackground: useEntered, isParent: isParent, isChild: isChild, virtualPosition: virtualPosition, "data-test-index": throughIndex, "data-in-group-index": inGroupIndex, "data-group-index": groupIndex, ref: ref, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaSetsize: ariaSetsize, ariaPosinset: ariaPosinset, highlightType: highlightType }), optionContent));
+    return (React.createElement(SelectableItem, __assign({}, baseProps, { className: styles.option, ariaSelected: highlighted, highlighted: highlighted, disabled: option.disabled, hasBackground: useEntered, isParent: isParent, isChild: isChild, virtualPosition: virtualPosition, "data-test-index": throughIndex, "data-in-group-index": inGroupIndex, "data-group-index": groupIndex, ref: ref, padBottom: padBottom, screenReaderContent: screenReaderContent, ariaSetsize: ariaSetsize, ariaPosinset: ariaPosinset, highlightType: highlightType }), optionContent));
 };
 export default React.memo(React.forwardRef(AutosuggestOption));
 //# sourceMappingURL=autosuggest-option.js.map

package/autosuggest/autosuggest-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"autosuggest-option.js","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,IAAM,iBAAiB,GAAG,UACxB,EAayB,EACzB,GAA8B;IAb5B,IAAA,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,cAZT,yLAaC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,IAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IACtD,IAAA,KAA6C,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,EAA7E,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAuC,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;KACtD;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,IAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,wCAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7D,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,WAAW,IAAI,SAAS,EACtC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,KAE3B,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: Record<string, any>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  highlightType: HighlightType;\n  enteredTextLabel: (value: string) => string;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    highlightType,\n    enteredTextLabel,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = enteredTextLabel(option.value || '');\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={highlighted || undefined}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n      highlightType={highlightType}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}
+{"version":3,"file":"autosuggest-option.js","sourceRoot":"","sources":["../../../src/autosuggest/autosuggest-option.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,eAAe,MAAM,+BAA+B,CAAC;AAC5D,OAAO,cAAc,MAAM,wCAAwC,CAAC;AACpE,OAAO,EAAsB,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAE9F,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAkBrC,IAAM,iBAAiB,GAAG,UACxB,EAayB,EACzB,GAA8B;IAb5B,IAAA,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACT,IAAI,cAZT,yLAaC,CADQ;IAIT,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,UAAU,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC;IACrE,IAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,CAAC;IAC9D,IAAM,OAAO,GAAG,MAAM,IAAI,MAAM,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,CAAC;IACtD,IAAA,KAA6C,oBAAoB,CAAC,MAAM,CAAC,IAAI,EAAE,EAA7E,YAAY,kBAAA,EAAE,YAAY,kBAAA,EAAE,UAAU,gBAAuC,CAAC;IAEtF,IAAI,aAAa,CAAC;IAClB,IAAI,UAAU,EAAE;QACd,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;KACtD;SAAM,IAAI,QAAQ,EAAE;QACnB,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC;KAC9B;SAAM;QACL,IAAM,cAAc,GAA+C,EAAE,CAAC;QACtE,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE;YAClC,cAAc,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;SAC/D;QAED,aAAa,GAAG,CACd,wCAAS,cAAc;YACrB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,GAAI,CAC7D,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,cAAc,eACT,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,YAAY,EAAE,WAAW,EACzB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,MAAM,CAAC,QAAQ,EACzB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,qBACf,YAAY,yBACR,YAAY,sBACf,UAAU,EAC5B,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,KAE3B,aAAa,CACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport OptionComponent from '../internal/components/option';\nimport SelectableItem from '../internal/components/selectable-item';\nimport { BaseComponentProps, getBaseProps } from '../internal/base-component';\nimport { getTestOptionIndexes } from '../internal/components/options-list/utils/test-indexes';\n\nimport styles from './styles.css.js';\nimport { AutosuggestItem } from './interfaces';\nimport { HighlightType } from '../internal/components/options-list/utils/use-highlight-option';\n\nexport interface AutosuggestOptionProps extends BaseComponentProps {\n  nativeAttributes?: Record<string, any>;\n  highlightText: string;\n  option: AutosuggestItem;\n  highlighted: boolean;\n  highlightType: HighlightType;\n  enteredTextLabel: (value: string) => string;\n  virtualPosition?: number;\n  padBottom?: boolean;\n  screenReaderContent?: string;\n  ariaSetsize?: number;\n  ariaPosinset?: number;\n}\n\nconst AutosuggestOption = (\n  {\n    nativeAttributes = {},\n    highlightText,\n    option,\n    highlighted,\n    highlightType,\n    enteredTextLabel,\n    virtualPosition,\n    padBottom,\n    screenReaderContent,\n    ariaSetsize,\n    ariaPosinset,\n    ...rest\n  }: AutosuggestOptionProps,\n  ref: React.Ref<HTMLDivElement>\n) => {\n  const baseProps = getBaseProps(rest);\n  const useEntered = 'type' in option && option.type === 'use-entered';\n  const isParent = 'type' in option && option.type === 'parent';\n  const isChild = 'type' in option && option.type === 'child';\n  const { throughIndex, inGroupIndex, groupIndex } = getTestOptionIndexes(option) || {};\n\n  let optionContent;\n  if (useEntered) {\n    optionContent = enteredTextLabel(option.value || '');\n  } else if (isParent) {\n    optionContent = option.label;\n  } else {\n    const a11yProperties: AutosuggestOptionProps['nativeAttributes'] = {};\n    if (nativeAttributes['aria-label']) {\n      a11yProperties['aria-label'] = nativeAttributes['aria-label'];\n    }\n\n    optionContent = (\n      <div {...a11yProperties}>\n        <OptionComponent option={option} highlightText={highlightText} />\n      </div>\n    );\n  }\n\n  return (\n    <SelectableItem\n      {...baseProps}\n      className={styles.option}\n      ariaSelected={highlighted}\n      highlighted={highlighted}\n      disabled={option.disabled}\n      hasBackground={useEntered}\n      isParent={isParent}\n      isChild={isChild}\n      virtualPosition={virtualPosition}\n      data-test-index={throughIndex}\n      data-in-group-index={inGroupIndex}\n      data-group-index={groupIndex}\n      ref={ref}\n      padBottom={padBottom}\n      screenReaderContent={screenReaderContent}\n      ariaSetsize={ariaSetsize}\n      ariaPosinset={ariaPosinset}\n      highlightType={highlightType}\n    >\n      {optionContent}\n    </SelectableItem>\n  );\n};\n\nexport default React.memo(React.forwardRef(AutosuggestOption));\n"]}

package/autosuggest/input-controller.d.ts

@@ -0,0 +1,12 @@
+import { BaseKeyDetail } from '../internal/events';
+interface UseInputKeydownHandlerOptions {
+    open: boolean;
+    onPressArrowDown(): void;
+    onPressArrowUp(): void;
+    onPressEnter(): void;
+    onPressEsc(): void;
+    onKeyDown(event: CustomEvent<BaseKeyDetail>): void;
+}
+export declare const useInputKeydownHandler: ({ open, onPressArrowDown, onPressArrowUp, onPressEnter, onPressEsc, onKeyDown, }: UseInputKeydownHandlerOptions) => (e: CustomEvent<BaseKeyDetail>) => void;
+export {};
+//# sourceMappingURL=input-controller.d.ts.map

package/autosuggest/input-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-controller.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/input-controller.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,UAAU,6BAA6B;IACrC,IAAI,EAAE,OAAO,CAAC;IACd,gBAAgB,IAAI,IAAI,CAAC;IACzB,cAAc,IAAI,IAAI,CAAC;IACvB,YAAY,IAAI,IAAI,CAAC;IACrB,UAAU,IAAI,IAAI,CAAC;IACnB,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,sBAAsB,qFAOhC,6BAA6B,SACnB,YAAY,aAAa,CAAC,SA+BtC,CAAC"}

package/autosuggest/input-controller.js

@@ -0,0 +1,38 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { KeyCode } from '../internal/keycode';
+export var useInputKeydownHandler = function (_a) {
+    var open = _a.open, onPressArrowDown = _a.onPressArrowDown, onPressArrowUp = _a.onPressArrowUp, onPressEnter = _a.onPressEnter, onPressEsc = _a.onPressEsc, onKeyDown = _a.onKeyDown;
+    return function (e) {
+        switch (e.detail.keyCode) {
+            case KeyCode.down: {
+                onPressArrowDown();
+                e.preventDefault();
+                break;
+            }
+            case KeyCode.up: {
+                onPressArrowUp();
+                e.preventDefault();
+                break;
+            }
+            case KeyCode.enter: {
+                if (open) {
+                    onPressEnter();
+                    e.preventDefault();
+                }
+                onKeyDown(e);
+                break;
+            }
+            case KeyCode.escape: {
+                onPressEsc();
+                e.preventDefault();
+                onKeyDown(e);
+                break;
+            }
+            default: {
+                onKeyDown(e);
+            }
+        }
+    };
+};
+//# sourceMappingURL=input-controller.js.map

package/autosuggest/input-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-controller.js","sourceRoot":"","sources":["../../../src/autosuggest/input-controller.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAGtC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAW9C,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAOP;QAN9B,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,SAAS,eAAA;IAET,OAAO,UAAC,CAA6B;QACnC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE;YACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;gBACjB,gBAAgB,EAAE,CAAC;gBACnB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,EAAE,CAAC,CAAC;gBACf,cAAc,EAAE,CAAC;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM;aACP;YACD,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;gBAClB,IAAI,IAAI,EAAE;oBACR,YAAY,EAAE,CAAC;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;iBACpB;gBACD,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,MAAM;aACP;YACD,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;gBACnB,UAAU,EAAE,CAAC;gBACb,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,MAAM;aACP;YACD,OAAO,CAAC,CAAC;gBACP,SAAS,CAAC,CAAC,CAAC,CAAC;aACd;SACF;IACH,CAAC,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseKeyDetail } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\n\ninterface UseInputKeydownHandlerOptions {\n  open: boolean;\n  onPressArrowDown(): void;\n  onPressArrowUp(): void;\n  onPressEnter(): void;\n  onPressEsc(): void;\n  onKeyDown(event: CustomEvent<BaseKeyDetail>): void;\n}\n\nexport const useInputKeydownHandler = ({\n  open,\n  onPressArrowDown,\n  onPressArrowUp,\n  onPressEnter,\n  onPressEsc,\n  onKeyDown,\n}: UseInputKeydownHandlerOptions) => {\n  return (e: CustomEvent<BaseKeyDetail>) => {\n    switch (e.detail.keyCode) {\n      case KeyCode.down: {\n        onPressArrowDown();\n        e.preventDefault();\n        break;\n      }\n      case KeyCode.up: {\n        onPressArrowUp();\n        e.preventDefault();\n        break;\n      }\n      case KeyCode.enter: {\n        if (open) {\n          onPressEnter();\n          e.preventDefault();\n        }\n        onKeyDown(e);\n        break;\n      }\n      case KeyCode.escape: {\n        onPressEsc();\n        e.preventDefault();\n        onKeyDown(e);\n        break;\n      }\n      default: {\n        onKeyDown(e);\n      }\n    }\n  };\n};\n"]}

package/autosuggest/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAIxD,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAmBjG,QAAA,MAAM,mBAAmB,iGAoLvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAmB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAYjE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAIjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB,EAAE,0BAA0B;CAAG;AAEjG,QAAA,MAAM,mBAAmB,iGAoMvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}