@cloudscape-design/components 3.0.0

package/app-layout/mobile-toolbar/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ButtonProps } from '../../button/interfaces';
+import { AppLayoutProps } from '../interfaces';
+interface MobileToolbarProps {
+    anyPanelOpen: boolean | undefined;
+    unfocusable: boolean | undefined;
+    toggleRefs: {
+        navigation: React.Ref<ButtonProps.Ref>;
+        tools: React.Ref<ButtonProps.Ref>;
+    };
+    navigationHide: boolean | undefined;
+    toolsHide: boolean | undefined;
+    topOffset?: number;
+    ariaLabels?: AppLayoutProps.Labels;
+    children: React.ReactNode;
+    onNavigationOpen: () => void;
+    onToolsOpen: () => void;
+}
+export declare function MobileToolbar({ ariaLabels, toggleRefs, topOffset, navigationHide, toolsHide, anyPanelOpen, unfocusable, children, onNavigationOpen, onToolsOpen, }: MobileToolbarProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/app-layout/mobile-toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/mobile-toolbar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAuC/C,UAAU,kBAAkB;IAC1B,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,UAAU,EAAE;QACV,UAAU,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QACvC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;KACnC,CAAC;IACF,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,aAAa,CAAC,EAC5B,UAAe,EACf,UAAU,EACV,SAAS,EACT,cAAc,EACd,SAAS,EACT,YAAoB,EACpB,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,WAAW,GACZ,EAAE,kBAAkB,eAuCpB"}

package/app-layout/mobile-toolbar/index.js

@@ -0,0 +1,34 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React, { useEffect } from 'react';
+import { AppLayoutButton, togglesConfig } from '../toggles';
+import styles from './styles.css.js';
+import sharedStyles from '../styles.css.js';
+import testutilStyles from '../test-classes/styles.css.js';
+var MobileToggle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, ariaLabels = _a.ariaLabels, type = _a.type, disabled = _a.disabled, onClick = _a.onClick;
+    var _b = togglesConfig[type], TagName = _b.TagName, iconName = _b.iconName, getLabels = _b.getLabels;
+    var _c = getLabels(ariaLabels), mainLabel = _c.mainLabel, openLabel = _c.openLabel;
+    return (React.createElement(TagName, { className: clsx(styles['mobile-toggle']), "aria-hidden": disabled, "aria-label": mainLabel, onClick: onClick },
+        React.createElement(AppLayoutButton, { ref: ref, className: className, iconName: iconName, onClick: onClick, ariaLabel: openLabel, disabled: disabled, ariaExpanded: disabled })));
+});
+export function MobileToolbar(_a) {
+    var _b = _a.ariaLabels, ariaLabels = _b === void 0 ? {} : _b, toggleRefs = _a.toggleRefs, topOffset = _a.topOffset, navigationHide = _a.navigationHide, toolsHide = _a.toolsHide, _c = _a.anyPanelOpen, anyPanelOpen = _c === void 0 ? false : _c, unfocusable = _a.unfocusable, children = _a.children, onNavigationOpen = _a.onNavigationOpen, onToolsOpen = _a.onToolsOpen;
+    useEffect(function () {
+        if (anyPanelOpen) {
+            document.body.classList.add(styles['block-body-scroll']);
+            return function () {
+                document.body.classList.remove(styles['block-body-scroll']);
+            };
+        }
+        else {
+            document.body.classList.remove(styles['block-body-scroll']);
+        }
+    }, [anyPanelOpen]);
+    return (React.createElement("div", { className: clsx(styles['mobile-bar'], unfocusable && sharedStyles.unfocusable), style: { top: topOffset } },
+        !navigationHide && (React.createElement(MobileToggle, { ref: toggleRefs.navigation, type: "navigation", className: clsx(sharedStyles['navigation-toggle'], testutilStyles['navigation-toggle']), ariaLabels: ariaLabels, disabled: anyPanelOpen, onClick: onNavigationOpen })),
+        React.createElement("div", { className: styles['mobile-bar-breadcrumbs'] }, children && React.createElement("div", { className: clsx(sharedStyles.breadcrumbs, testutilStyles.breadcrumbs) }, children)),
+        !toolsHide && (React.createElement(MobileToggle, { ref: toggleRefs.tools, type: "tools", className: clsx(sharedStyles['tools-toggle'], testutilStyles['tools-toggle']), ariaLabels: ariaLabels, disabled: anyPanelOpen, onClick: onToolsOpen }))));
+}
+//# sourceMappingURL=index.js.map

package/app-layout/mobile-toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/mobile-toolbar/index.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 clsx from 'clsx';\nimport React, { useEffect } from 'react';\nimport { ButtonProps } from '../../button/interfaces';\nimport { AppLayoutProps } from '../interfaces';\nimport { AppLayoutButton, togglesConfig } from '../toggles';\nimport styles from './styles.css.js';\nimport sharedStyles from '../styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\ninterface MobileToggleProps {\n  className?: string;\n  ariaLabels?: AppLayoutProps.Labels;\n  type: keyof typeof togglesConfig;\n  disabled?: boolean;\n  onClick: () => void;\n}\n\nconst MobileToggle = React.forwardRef(\n  ({ className, ariaLabels, type, disabled, onClick }: MobileToggleProps, ref: React.Ref<ButtonProps.Ref>) => {\n    const { TagName, iconName, getLabels } = togglesConfig[type];\n    const { mainLabel, openLabel } = getLabels(ariaLabels);\n    return (\n      <TagName\n        className={clsx(styles['mobile-toggle'])}\n        aria-hidden={disabled}\n        aria-label={mainLabel}\n        onClick={onClick}\n      >\n        <AppLayoutButton\n          ref={ref}\n          className={className}\n          iconName={iconName}\n          onClick={onClick}\n          ariaLabel={openLabel}\n          disabled={disabled}\n          ariaExpanded={disabled}\n        />\n      </TagName>\n    );\n  }\n);\n\ninterface MobileToolbarProps {\n  anyPanelOpen: boolean | undefined;\n  unfocusable: boolean | undefined;\n  toggleRefs: {\n    navigation: React.Ref<ButtonProps.Ref>;\n    tools: React.Ref<ButtonProps.Ref>;\n  };\n  navigationHide: boolean | undefined;\n  toolsHide: boolean | undefined;\n  topOffset?: number;\n  ariaLabels?: AppLayoutProps.Labels;\n  children: React.ReactNode;\n  onNavigationOpen: () => void;\n  onToolsOpen: () => void;\n}\n\nexport function MobileToolbar({\n  ariaLabels = {},\n  toggleRefs,\n  topOffset,\n  navigationHide,\n  toolsHide,\n  anyPanelOpen = false,\n  unfocusable,\n  children,\n  onNavigationOpen,\n  onToolsOpen,\n}: MobileToolbarProps) {\n  useEffect(() => {\n    if (anyPanelOpen) {\n      document.body.classList.add(styles['block-body-scroll']);\n      return () => {\n        document.body.classList.remove(styles['block-body-scroll']);\n      };\n    } else {\n      document.body.classList.remove(styles['block-body-scroll']);\n    }\n  }, [anyPanelOpen]);\n\n  return (\n    <div className={clsx(styles['mobile-bar'], unfocusable && sharedStyles.unfocusable)} style={{ top: topOffset }}>\n      {!navigationHide && (\n        <MobileToggle\n          ref={toggleRefs.navigation}\n          type=\"navigation\"\n          className={clsx(sharedStyles['navigation-toggle'], testutilStyles['navigation-toggle'])}\n          ariaLabels={ariaLabels}\n          disabled={anyPanelOpen}\n          onClick={onNavigationOpen}\n        />\n      )}\n      <div className={styles['mobile-bar-breadcrumbs']}>\n        {children && <div className={clsx(sharedStyles.breadcrumbs, testutilStyles.breadcrumbs)}>{children}</div>}\n      </div>\n      {!toolsHide && (\n        <MobileToggle\n          ref={toggleRefs.tools}\n          type=\"tools\"\n          className={clsx(sharedStyles['tools-toggle'], testutilStyles['tools-toggle'])}\n          ariaLabels={ariaLabels}\n          disabled={anyPanelOpen}\n          onClick={onToolsOpen}\n        />\n      )}\n    </div>\n  );\n}\n"]}

package/app-layout/mobile-toolbar/styles.css.js

@@ -0,0 +1,9 @@
+
+    import './styles.scoped.css';
+    export default {
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_l5x8d_97",
+  "mobile-bar": "awsui_mobile-bar_19d8l_l5x8d_101",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_l5x8d_115",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_l5x8d_122"
+};
+  

package/app-layout/mobile-toolbar/styles.scoped.css

@@ -0,0 +1,146 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_block-body-scroll_19d8l_l5x8d_97:not(#\9) {
+  overflow: hidden;
+}
+
+.awsui_mobile-bar_19d8l_l5x8d_101:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  position: sticky;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  z-index: 1000;
+  width: 100%;
+  box-sizing: border-box;
+  background-color: #000716;
+  background-color: var(--color-background-layout-mobile-panel-9vweqk, #000716);
+  box-shadow: 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1);
+  box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
+  height: calc(2 * 16px + 8px);
+  height: calc(2 * var(--space-m-17eucw, 16px) + var(--space-scaled-xs-6859qs, 8px));
+}
+
+.awsui_mobile-bar-breadcrumbs_19d8l_l5x8d_115:not(#\9) {
+  min-width: 0;
+  flex: 1;
+  margin-left: 16px;
+  margin-left: var(--space-m-17eucw, 16px);
+  margin-right: 16px;
+  margin-right: var(--space-m-17eucw, 16px);
+}
+
+.awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9) {
+  box-sizing: border-box;
+  cursor: pointer;
+  z-index: 1;
+  padding: 4px 7px;
+  padding: var(--space-xxs-ynfts5, 4px) 7px;
+  width: 40px;
+}
+.awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):first-child {
+  border-right: 1px solid #d1d5db;
+  border-right: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
+}
+.awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):last-child {
+  border-left: 1px solid #d1d5db;
+  border-left: 1px solid var(--color-border-layout-wf5alz, #d1d5db);
+}
+.awsui_mobile-toggle_19d8l_l5x8d_122:not(#\9):hover {
+  background: #e9ebed;
+  background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
+}

package/app-layout/mobile-toolbar/styles.selectors.js

@@ -0,0 +1,10 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "block-body-scroll": "awsui_block-body-scroll_19d8l_l5x8d_97",
+  "mobile-bar": "awsui_mobile-bar_19d8l_l5x8d_101",
+  "mobile-bar-breadcrumbs": "awsui_mobile-bar-breadcrumbs_19d8l_l5x8d_115",
+  "mobile-toggle": "awsui_mobile-toggle_19d8l_l5x8d_122"
+};
+  

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { AppLayoutProps } from './interfaces';
+import { DesktopDrawerProps } from './drawer';
+import useContentHeight from './utils/use-content-height';
+interface NavigationPanelProps {
+    navigationOpen: boolean;
+    isHidden: DesktopDrawerProps['isHidden'];
+    navigationDrawerWidth: number;
+    navigationWidth: number;
+    headerHeight: DesktopDrawerProps['topOffset'];
+    footerHeight: DesktopDrawerProps['bottomOffset'];
+    panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];
+    navigation: React.ReactNode;
+    ariaLabels: AppLayoutProps['ariaLabels'];
+    isMobile: boolean;
+    isMotionEnabled: boolean;
+    onNavigationToggle: DesktopDrawerProps['onToggle'];
+    onClick: DesktopDrawerProps['onClick'];
+    toggleRefs: DesktopDrawerProps['toggleRefs'];
+}
+export declare function NavigationPanel({ ariaLabels, footerHeight, headerHeight, isHidden, isMobile, navigation, navigationDrawerWidth, navigationWidth, navigationOpen, onClick, onNavigationToggle, panelHeightStyle, toggleRefs, }: NavigationPanelProps): JSX.Element;
+export {};
+//# sourceMappingURL=navigation-panel.d.ts.map

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

@@ -0,0 +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"}

package/app-layout/navigation-panel.js

@@ -0,0 +1,21 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import { Drawer } from './drawer';
+import styles from './styles.css.js';
+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
+        } },
+        React.createElement("div", { className: clsx(styles['panel-wrapper-outer'], (_b = {},
+                _b[styles.mobile] = isMobile,
+                _b[styles.open] = navigationOpen,
+                _b)), style: __assign({}, (isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle)) },
+            React.createElement(Drawer, { type: "navigation", isMobile: isMobile, width: navigationWidth, isOpen: navigationOpen, isHidden: isHidden, onToggle: onNavigationToggle, toggleRefs: toggleRefs, onClick: onClick, contentClassName: clsx(styles.navigation, testutilStyles.navigation), closeClassName: clsx(styles['navigation-close'], testutilStyles['navigation-close']), toggleClassName: clsx(styles['navigation-toggle'], testutilStyles['navigation-toggle']), topOffset: headerHeight, bottomOffset: footerHeight, ariaLabels: ariaLabels }, navigation))));
+}
+//# sourceMappingURL=navigation-panel.js.map

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

@@ -0,0 +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"]}

package/app-layout/notifications/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { AppLayoutProps } from '../interfaces';
+interface NotificationsProps {
+    testUtilsClassName: string;
+    children?: React.ReactNode;
+    labels: AppLayoutProps.Labels | undefined;
+    topOffset: number | undefined;
+    isMobile: boolean;
+}
+interface NotificationWrapperProps extends NotificationsProps {
+    sticky: boolean | undefined;
+    navigationPadding: boolean;
+    toolsPadding: boolean;
+    contentWidthStyles?: React.CSSProperties;
+}
+export declare const Notifications: React.ForwardRefExoticComponent<NotificationWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/app-layout/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/notifications/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,UAAU,kBAAkB;IAC1B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC1C,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAsBD,UAAU,wBAAyB,SAAQ,kBAAkB;IAC3D,MAAM,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,iGAmBzB,CAAC"}

package/app-layout/notifications/index.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+import { useStickyPosition } from '../utils/use-sticky-position';
+var StaticNotifications = function (_a) {
+    var testUtilsClassName = _a.testUtilsClassName, children = _a.children, labels = _a.labels;
+    return (React.createElement("div", { className: clsx(testUtilsClassName), role: "region", "aria-label": labels === null || labels === void 0 ? void 0 : labels.notifications }, children));
+};
+var StickyNotifications = function (props) {
+    var _a = useStickyPosition(props.topOffset), stickyRef = _a[0], placeholder = _a[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: stickyRef, className: styles['notifications-sticky'] },
+            React.createElement(StaticNotifications, __assign({}, props))),
+        placeholder));
+};
+export var Notifications = React.forwardRef(function (_a, ref) {
+    var navigationPadding = _a.navigationPadding, toolsPadding = _a.toolsPadding, sticky = _a.sticky, isMobile = _a.isMobile, rest = __rest(_a, ["navigationPadding", "toolsPadding", "sticky", "isMobile"]);
+    var notificationsProps = __assign({ isMobile: isMobile }, rest);
+    return (React.createElement("div", { ref: ref, className: clsx(isMobile && styles['root-mobile'], !navigationPadding && styles['root-no-navigation-padding'], !toolsPadding && styles['root-no-tools-padding']) }, sticky ? React.createElement(StickyNotifications, __assign({}, notificationsProps)) : React.createElement(StaticNotifications, __assign({}, notificationsProps))));
+});
+//# sourceMappingURL=index.js.map

package/app-layout/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/notifications/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAUjE,IAAM,mBAAmB,GAAG,UAAC,EAA4D;QAA1D,kBAAkB,wBAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACjE,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,EAAE,IAAI,EAAC,QAAQ,gBAAa,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,IACtF,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,KAAyB;IAC9C,IAAA,KAA2B,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,EAA5D,SAAS,QAAA,EAAE,WAAW,QAAsC,CAAC;IACpE,OAAO,CACL;QACE,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5D,oBAAC,mBAAmB,eAAK,KAAK,EAAI,CAC9B;QACL,WAAW,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,UACE,EAAwF,EACxF,GAA8B;IAD5B,IAAA,iBAAiB,uBAAA,EAAE,YAAY,kBAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5D,2DAA8D,CAAF;IAG5D,IAAM,kBAAkB,cAAyB,QAAQ,UAAA,IAAK,IAAI,CAAE,CAAC;IACrE,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,QAAQ,IAAI,MAAM,CAAC,aAAa,CAAC,EACjC,CAAC,iBAAiB,IAAI,MAAM,CAAC,4BAA4B,CAAC,EAC1D,CAAC,YAAY,IAAI,MAAM,CAAC,uBAAuB,CAAC,CACjD,IAEA,MAAM,CAAC,CAAC,CAAC,oBAAC,mBAAmB,eAAK,kBAAkB,EAAI,CAAC,CAAC,CAAC,oBAAC,mBAAmB,eAAK,kBAAkB,EAAI,CACvG,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { AppLayoutProps } from '../interfaces';\nimport { useStickyPosition } from '../utils/use-sticky-position';\n\ninterface NotificationsProps {\n  testUtilsClassName: string;\n  children?: React.ReactNode;\n  labels: AppLayoutProps.Labels | undefined;\n  topOffset: number | undefined;\n  isMobile: boolean;\n}\n\nconst StaticNotifications = ({ testUtilsClassName, children, labels }: NotificationsProps) => {\n  return (\n    <div className={clsx(testUtilsClassName)} role=\"region\" aria-label={labels?.notifications}>\n      {children}\n    </div>\n  );\n};\n\nconst StickyNotifications = (props: NotificationsProps) => {\n  const [stickyRef, placeholder] = useStickyPosition(props.topOffset);\n  return (\n    <>\n      <div ref={stickyRef} className={styles['notifications-sticky']}>\n        <StaticNotifications {...props} />\n      </div>\n      {placeholder}\n    </>\n  );\n};\n\ninterface NotificationWrapperProps extends NotificationsProps {\n  sticky: boolean | undefined;\n  navigationPadding: boolean;\n  toolsPadding: boolean;\n  contentWidthStyles?: React.CSSProperties;\n}\n\nexport const Notifications = React.forwardRef(\n  (\n    { navigationPadding, toolsPadding, sticky, isMobile, ...rest }: NotificationWrapperProps,\n    ref: React.Ref<HTMLDivElement>\n  ) => {\n    const notificationsProps: NotificationsProps = { isMobile, ...rest };\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          isMobile && styles['root-mobile'],\n          !navigationPadding && styles['root-no-navigation-padding'],\n          !toolsPadding && styles['root-no-tools-padding']\n        )}\n      >\n        {sticky ? <StickyNotifications {...notificationsProps} /> : <StaticNotifications {...notificationsProps} />}\n      </div>\n    );\n  }\n);\n"]}

package/app-layout/notifications/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1udd3_9"
+};
+  

package/app-layout/notifications/styles.scoped.css

@@ -0,0 +1,12 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_notifications-sticky_1hmm4_1udd3_9:not(#\9) {
+  top: 0;
+  z-index: 825;
+}

package/app-layout/notifications/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1udd3_9"
+};
+  

package/app-layout/split-panel-wrapper.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SplitPanelContextProps } from '../internal/context/split-panel-context';
+interface SplitPanelWrapperProps {
+    context: SplitPanelContextProps;
+    children: React.ReactNode;
+    isCopy?: boolean;
+}
+export declare function SplitPanelWrapper({ context, children, isCopy }: SplitPanelWrapperProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=split-panel-wrapper.d.ts.map

package/app-layout/split-panel-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel-wrapper.d.ts","sourceRoot":"","sources":["../../../src/app-layout/split-panel-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAEpG,UAAU,sBAAsB;IAC9B,OAAO,EAAE,sBAAsB,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,sBAAsB,sBAKtF"}

package/app-layout/split-panel-wrapper.js

@@ -0,0 +1,13 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { SplitPanelContext } from '../internal/context/split-panel-context';
+export function SplitPanelWrapper(_a) {
+    var context = _a.context, children = _a.children, isCopy = _a.isCopy;
+    if (!children) {
+        return null;
+    }
+    return React.createElement(SplitPanelContext.Provider, { value: __assign(__assign({}, context), { isCopy: isCopy }) }, children);
+}
+//# sourceMappingURL=split-panel-wrapper.js.map

package/app-layout/split-panel-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-panel-wrapper.js","sourceRoot":"","sources":["../../../src/app-layout/split-panel-wrapper.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAA0B,MAAM,yCAAyC,CAAC;AAQpG,MAAM,UAAU,iBAAiB,CAAC,EAAqD;QAAnD,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IAC3D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IACD,OAAO,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,wBAAO,OAAO,KAAE,MAAM,QAAA,OAAK,QAAQ,CAA8B,CAAC;AAC5G,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { SplitPanelContext, SplitPanelContextProps } from '../internal/context/split-panel-context';\n\ninterface SplitPanelWrapperProps {\n  context: SplitPanelContextProps;\n  children: React.ReactNode;\n  isCopy?: boolean;\n}\n\nexport function SplitPanelWrapper({ context, children, isCopy }: SplitPanelWrapperProps) {\n  if (!children) {\n    return null;\n  }\n  return <SplitPanelContext.Provider value={{ ...context, isCopy }}>{children}</SplitPanelContext.Provider>;\n}\n"]}

package/app-layout/styles.css.js

@@ -0,0 +1,42 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_lm6vo_d9e10_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_d9e10_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_d9e10_104",
+  "layout": "awsui_layout_lm6vo_d9e10_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_d9e10_115",
+  "layout-main": "awsui_layout-main_lm6vo_d9e10_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_d9e10_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_d9e10_130",
+  "drawer": "awsui_drawer_lm6vo_d9e10_134",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_d9e10_140",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_d9e10_143",
+  "opaque-background": "awsui_opaque-background_lm6vo_d9e10_150",
+  "drawer-content": "awsui_drawer-content_lm6vo_d9e10_154",
+  "toggle": "awsui_toggle_lm6vo_d9e10_179",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_d9e10_184",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_d9e10_188",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_d9e10_191",
+  "button-toggles-container": "awsui_button-toggles-container_lm6vo_d9e10_201",
+  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_d9e10_206",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_d9e10_220",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_d9e10_225",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_d9e10_229",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_d9e10_233",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_d9e10_237",
+  "navigation-toggle": "awsui_navigation-toggle_lm6vo_d9e10_242",
+  "tools-toggle": "awsui_tools-toggle_lm6vo_d9e10_247",
+  "navigation": "awsui_navigation_lm6vo_d9e10_242",
+  "navigation-close": "awsui_navigation-close_lm6vo_d9e10_259",
+  "tools": "awsui_tools_lm6vo_d9e10_247",
+  "tools-close": "awsui_tools-close_lm6vo_d9e10_271",
+  "notifications": "awsui_notifications_lm6vo_d9e10_275",
+  "breadcrumbs": "awsui_breadcrumbs_lm6vo_d9e10_220",
+  "content": "awsui_content_lm6vo_d9e10_225",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_d9e10_287",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_d9e10_288",
+  "mobile": "awsui_mobile_lm6vo_d9e10_297",
+  "open": "awsui_open_lm6vo_d9e10_303"
+};
+