npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1332 → 3.0.1333 - Mend

@cloudscape-design/components-themeable 3.0.1332 → 3.0.1333

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (215) hide show

package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_1vwa5_193",
-  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1vwa5_207",
-  "legacy": "awsui_legacy_12i0j_1vwa5_221",
-  "ai-drawer": "awsui_ai-drawer_12i0j_1vwa5_221",
-  "bottom-drawer": "awsui_bottom-drawer_12i0j_1vwa5_221",
-  "last-opened": "awsui_last-opened_12i0j_1vwa5_229",
-  "drawer-global": "awsui_drawer-global_12i0j_1vwa5_233",
-  "drawer-expanded": "awsui_drawer-expanded_12i0j_1vwa5_242",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_1vwa5_246",
-  "has-next-siblings": "awsui_has-next-siblings_12i0j_1vwa5_256",
-  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1vwa5_256",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_1vwa5_270",
-  "drawer-gap": "awsui_drawer-gap_12i0j_1vwa5_273",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_1vwa5_291",
-  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1vwa5_297",
-  "drawer-content": "awsui_drawer-content_12i0j_1vwa5_270",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1vwa5_309",
-  "drawer-slider": "awsui_drawer-slider_12i0j_1vwa5_312",
-  "drawer-actions": "awsui_drawer-actions_12i0j_1vwa5_364",
-  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1vwa5_421",
-  "drawer-content-header": "awsui_drawer-content-header_12i0j_1vwa5_446",
-  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1vwa5_462",
-  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1vwa5_479",
-  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1vwa5_518",
-  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1vwa5_518",
-  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1vwa5_591",
-  "drawer-content-content": "awsui_drawer-content-content_12i0j_1vwa5_597",
-  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1vwa5_658",
-  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1vwa5_665",
-  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1vwa5_673",
-  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1vwa5_681",
-  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1vwa5_685"
+  "drawer": "awsui_drawer_12i0j_1gw4u_193",
+  "with-expanded-motion": "awsui_with-expanded-motion_12i0j_1gw4u_207",
+  "legacy": "awsui_legacy_12i0j_1gw4u_221",
+  "ai-drawer": "awsui_ai-drawer_12i0j_1gw4u_221",
+  "bottom-drawer": "awsui_bottom-drawer_12i0j_1gw4u_221",
+  "last-opened": "awsui_last-opened_12i0j_1gw4u_229",
+  "drawer-global": "awsui_drawer-global_12i0j_1gw4u_233",
+  "drawer-expanded": "awsui_drawer-expanded_12i0j_1gw4u_242",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_1gw4u_246",
+  "has-next-siblings": "awsui_has-next-siblings_12i0j_1gw4u_256",
+  "global-drawer-wrapper": "awsui_global-drawer-wrapper_12i0j_1gw4u_256",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_1gw4u_270",
+  "drawer-gap": "awsui_drawer-gap_12i0j_1gw4u_273",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_1gw4u_291",
+  "drawer-expanded-mode-button": "awsui_drawer-expanded-mode-button_12i0j_1gw4u_297",
+  "drawer-content": "awsui_drawer-content_12i0j_1gw4u_270",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_1gw4u_309",
+  "drawer-slider": "awsui_drawer-slider_12i0j_1gw4u_312",
+  "drawer-actions": "awsui_drawer-actions_12i0j_1gw4u_364",
+  "ai-drawer-slider-handle": "awsui_ai-drawer-slider-handle_12i0j_1gw4u_421",
+  "drawer-content-header": "awsui_drawer-content-header_12i0j_1gw4u_446",
+  "drawer-content-header-content": "awsui_drawer-content-header-content_12i0j_1gw4u_462",
+  "drawer-back-to-console-slot": "awsui_drawer-back-to-console-slot_12i0j_1gw4u_479",
+  "drawer-back-to-console-button-wrapper": "awsui_drawer-back-to-console-button-wrapper_12i0j_1gw4u_518",
+  "drawer-back-to-console-button": "awsui_drawer-back-to-console-button_12i0j_1gw4u_518",
+  "drawer-back-to-console-custom-button": "awsui_drawer-back-to-console-custom-button_12i0j_1gw4u_591",
+  "drawer-content-content": "awsui_drawer-content-content_12i0j_1gw4u_597",
+  "bottom-drawer-content-header": "awsui_bottom-drawer-content-header_12i0j_1gw4u_658",
+  "bottom-drawer-content-header-content": "awsui_bottom-drawer-content-header-content_12i0j_1gw4u_665",
+  "bottom-drawer-actions": "awsui_bottom-drawer-actions_12i0j_1gw4u_673",
+  "runtime-feature-notifications-drawer-content": "awsui_runtime-feature-notifications-drawer-content_12i0j_1gw4u_681",
+  "runtime-feature-notifications-footer": "awsui_runtime-feature-notifications-footer_12i0j_1gw4u_685"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts CHANGED Viewed

@@ -109,6 +109,8 @@ export interface AppLayoutWidgetizedState extends AppLayoutInternals {
     }) => void;
     bottomDrawers: ReadonlyArray<InternalDrawer>;
     featureNotificationsProps?: FeatureNotificationsProps;
+    navigationCollapsible: boolean;
+    navigationCollapsedWidth: number;
 }
 export interface AppLayoutState {
     rootRef: React.Ref<HTMLElement>;

package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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~~CACvD~~;AAGD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;IAExB,eAAe,EAAE,wBAAwB,CAAC;IAE1C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,mBAAmB,EAAE,uBAAuB,CAAC;CAC9C;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAC9C,cAAc,EACd,oBAAoB,GAAG,qBAAqB,GAAG,iBAAiB,GAAG,SAAS,CAC7E,CAAC"}
1	+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"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"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { ButtonGroupProps } from '../../button-group/interfaces';\nimport { SplitPanelSideToggleProps } from '../../internal/context/split-panel-context';\nimport { SomeOptional } from '../../internal/types';\nimport { NonCancelableEventHandler } from '../../types/events';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SplitPanelProviderProps } from '../split-panel';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { FocusControlMultipleStates, FocusControlState } from '../utils/use-focus-control';\nimport { SplitPanelFocusControlState } from '../utils/use-split-panel-focus-control';\nimport { VerticalLayoutOutput } from './compute-layout';\nimport { FeatureNotificationsProps } from './state/use-feature-notifications';\n\nexport interface AppLayoutInternalProps extends AppLayoutPropsWithDefaults {\n navigationTriggerHide?: boolean;\n}\n\nexport type InternalDrawer = AppLayoutProps.Drawer & {\n defaultActive?: boolean;\n isExpandable?: boolean;\n ariaLabels: AppLayoutProps.Drawer['ariaLabels'] & { expandedModeButton?: string; exitExpandedModeButton?: string };\n header?: React.ReactNode;\n headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n position?: 'side' \| 'bottom';\n onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n};\n\n// Widgetization notice: structures in this file are shared multiple app layout instances, possibly different minor versions.\n// Treat these structures as an API and do not make incompatible changes.\n// Legacy widget interface\nexport interface AppLayoutInternals {\n ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];\n headerVariant: AppLayoutPropsWithDefaults['headerVariant'];\n placement: AppLayoutPropsWithDefaults['placement'];\n navigationOpen: AppLayoutPropsWithDefaults['navigationOpen'];\n navigationFocusControl: FocusControlState;\n navigation: React.ReactNode;\n splitPanelPosition: AppLayoutProps.SplitPanelPreferences['position'];\n splitPanelOpen: boolean;\n splitPanelControlId: string;\n splitPanelFocusControl: SplitPanelFocusControlState;\n splitPanelToggleConfig: SplitPanelSideToggleProps;\n isMobile: boolean;\n activeDrawer: InternalDrawer \| undefined;\n activeDrawerSize: number;\n minDrawerSize: number;\n maxDrawerSize: number;\n minGlobalDrawersSizes: Record<string, number>;\n maxGlobalDrawersSizes: Record<string, number>;\n drawers: ReadonlyArray<InternalDrawer>;\n drawersFocusControl: FocusControlState;\n globalDrawersFocusControl: FocusControlMultipleStates;\n activeGlobalDrawersIds: ReadonlyArray<string>;\n activeGlobalDrawers: ReadonlyArray<InternalDrawer>;\n globalDrawers: ReadonlyArray<InternalDrawer>;\n activeGlobalDrawersSizes: Record<string, number>;\n stickyNotifications: AppLayoutPropsWithDefaults['stickyNotifications'];\n breadcrumbs: React.ReactNode;\n discoveredBreadcrumbs: BreadcrumbGroupProps \| null;\n toolbarState: 'show' \| 'hide';\n setToolbarState: (state: 'show' \| 'hide') => void;\n verticalOffsets: VerticalLayoutOutput;\n drawersOpenQueue: ReadonlyArray<string>;\n setNotificationsHeight: (height: number) => void;\n setToolbarHeight: (height: number) => void;\n onSplitPanelToggle: () => void;\n onNavigationToggle: (open: boolean) => void;\n onActiveDrawerChange: (newDrawerId: string \| null, params: OnChangeParams) => void;\n onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n onActiveGlobalDrawersChange: (newDrawerId: string, params: OnChangeParams) => void;\n drawerAnimationDisabled?: boolean;\n splitPanelAnimationDisabled?: boolean;\n expandedDrawerId: string \| null;\n setExpandedDrawerId: (value: string \| null) => void;\n aiDrawer?: InternalDrawer \| null;\n onActiveAiDrawerChange?: (newDrawerId: string \| null, params?: OnChangeParams) => void;\n activeAiDrawer?: InternalDrawer \| null;\n activeAiDrawerId: string \| null;\n activeAiDrawerSize?: number;\n minAiDrawerSize?: number;\n maxAiDrawerSize?: number;\n aiDrawerFocusControl?: FocusControlState;\n onActiveAiDrawerResize: (size: number) => void;\n}\n\nexport interface AppLayoutWidgetizedState extends AppLayoutInternals {\n isNested: boolean;\n verticalOffsets: VerticalLayoutOutput;\n navigationAnimationDisabled: boolean;\n aiDrawerExpandedMode: boolean;\n splitPanelOffsets: {\n stickyVerticalBottomOffset: number;\n mainContentPaddingBlockEnd: number \| undefined;\n };\n activeGlobalBottomDrawerId: string \| null;\n onActiveGlobalBottomDrawerChange: (value: string \| null, params: OnChangeParams) => void;\n activeGlobalBottomDrawerSize: number;\n minGlobalBottomDrawerSize: number;\n bottomDrawerReportedSize: number;\n getMaxGlobalBottomDrawerHeight: () => number;\n reportBottomDrawerSize: (size: number) => void;\n bottomDrawersFocusControl: FocusControlState;\n onActiveBottomDrawerResize: ({ id, size }: { id: string; size: number }) => void;\n bottomDrawers: ReadonlyArray<InternalDrawer>;\n featureNotificationsProps?: FeatureNotificationsProps;\n}\n\n// New widget interface\nexport interface AppLayoutState {\n rootRef: React.Ref<HTMLElement>;\n isIntersecting: boolean;\n // new state management\n widgetizedState: AppLayoutWidgetizedState;\n // the old object shape for backward compatibility\n appLayoutInternals: AppLayoutInternals;\n splitPanelInternals: SplitPanelProviderProps;\n}\n\nexport type AppLayoutPendingState = SomeOptional<\n AppLayoutState,\n 'appLayoutInternals' \| 'splitPanelInternals' \| 'widgetizedState' \| 'rootRef'\n>;\n"]}
1	+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { BreadcrumbGroupProps } from '../../breadcrumb-group/interfaces';\nimport { ButtonGroupProps } from '../../button-group/interfaces';\nimport { SplitPanelSideToggleProps } from '../../internal/context/split-panel-context';\nimport { SomeOptional } from '../../internal/types';\nimport { NonCancelableEventHandler } from '../../types/events';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SplitPanelProviderProps } from '../split-panel';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { FocusControlMultipleStates, FocusControlState } from '../utils/use-focus-control';\nimport { SplitPanelFocusControlState } from '../utils/use-split-panel-focus-control';\nimport { VerticalLayoutOutput } from './compute-layout';\nimport { FeatureNotificationsProps } from './state/use-feature-notifications';\n\nexport interface AppLayoutInternalProps extends AppLayoutPropsWithDefaults {\n navigationTriggerHide?: boolean;\n}\n\nexport type InternalDrawer = AppLayoutProps.Drawer & {\n defaultActive?: boolean;\n isExpandable?: boolean;\n ariaLabels: AppLayoutProps.Drawer['ariaLabels'] & { expandedModeButton?: string; exitExpandedModeButton?: string };\n header?: React.ReactNode;\n headerActions?: ReadonlyArray<ButtonGroupProps.Item>;\n onHeaderActionClick?: NonCancelableEventHandler<ButtonGroupProps.ItemClickDetails>;\n position?: 'side' \| 'bottom';\n onToggleFocusMode?: NonCancelableEventHandler<{ isExpanded: boolean }>;\n};\n\n// Widgetization notice: structures in this file are shared multiple app layout instances, possibly different minor versions.\n// Treat these structures as an API and do not make incompatible changes.\n// Legacy widget interface\nexport interface AppLayoutInternals {\n ariaLabels: AppLayoutPropsWithDefaults['ariaLabels'];\n headerVariant: AppLayoutPropsWithDefaults['headerVariant'];\n placement: AppLayoutPropsWithDefaults['placement'];\n navigationOpen: AppLayoutPropsWithDefaults['navigationOpen'];\n navigationFocusControl: FocusControlState;\n navigation: React.ReactNode;\n splitPanelPosition: AppLayoutProps.SplitPanelPreferences['position'];\n splitPanelOpen: boolean;\n splitPanelControlId: string;\n splitPanelFocusControl: SplitPanelFocusControlState;\n splitPanelToggleConfig: SplitPanelSideToggleProps;\n isMobile: boolean;\n activeDrawer: InternalDrawer \| undefined;\n activeDrawerSize: number;\n minDrawerSize: number;\n maxDrawerSize: number;\n minGlobalDrawersSizes: Record<string, number>;\n maxGlobalDrawersSizes: Record<string, number>;\n drawers: ReadonlyArray<InternalDrawer>;\n drawersFocusControl: FocusControlState;\n globalDrawersFocusControl: FocusControlMultipleStates;\n activeGlobalDrawersIds: ReadonlyArray<string>;\n activeGlobalDrawers: ReadonlyArray<InternalDrawer>;\n globalDrawers: ReadonlyArray<InternalDrawer>;\n activeGlobalDrawersSizes: Record<string, number>;\n stickyNotifications: AppLayoutPropsWithDefaults['stickyNotifications'];\n breadcrumbs: React.ReactNode;\n discoveredBreadcrumbs: BreadcrumbGroupProps \| null;\n toolbarState: 'show' \| 'hide';\n setToolbarState: (state: 'show' \| 'hide') => void;\n verticalOffsets: VerticalLayoutOutput;\n drawersOpenQueue: ReadonlyArray<string>;\n setNotificationsHeight: (height: number) => void;\n setToolbarHeight: (height: number) => void;\n onSplitPanelToggle: () => void;\n onNavigationToggle: (open: boolean) => void;\n onActiveDrawerChange: (newDrawerId: string \| null, params: OnChangeParams) => void;\n onActiveDrawerResize: (detail: { id: string; size: number }) => void;\n onActiveGlobalDrawersChange: (newDrawerId: string, params: OnChangeParams) => void;\n drawerAnimationDisabled?: boolean;\n splitPanelAnimationDisabled?: boolean;\n expandedDrawerId: string \| null;\n setExpandedDrawerId: (value: string \| null) => void;\n aiDrawer?: InternalDrawer \| null;\n onActiveAiDrawerChange?: (newDrawerId: string \| null, params?: OnChangeParams) => void;\n activeAiDrawer?: InternalDrawer \| null;\n activeAiDrawerId: string \| null;\n activeAiDrawerSize?: number;\n minAiDrawerSize?: number;\n maxAiDrawerSize?: number;\n aiDrawerFocusControl?: FocusControlState;\n onActiveAiDrawerResize: (size: number) => void;\n}\n\nexport interface AppLayoutWidgetizedState extends AppLayoutInternals {\n isNested: boolean;\n verticalOffsets: VerticalLayoutOutput;\n navigationAnimationDisabled: boolean;\n aiDrawerExpandedMode: boolean;\n splitPanelOffsets: {\n stickyVerticalBottomOffset: number;\n mainContentPaddingBlockEnd: number \| undefined;\n };\n activeGlobalBottomDrawerId: string \| null;\n onActiveGlobalBottomDrawerChange: (value: string \| null, params: OnChangeParams) => void;\n activeGlobalBottomDrawerSize: number;\n minGlobalBottomDrawerSize: number;\n bottomDrawerReportedSize: number;\n getMaxGlobalBottomDrawerHeight: () => number;\n reportBottomDrawerSize: (size: number) => void;\n bottomDrawersFocusControl: FocusControlState;\n onActiveBottomDrawerResize: ({ id, size }: { id: string; size: number }) => void;\n bottomDrawers: ReadonlyArray<InternalDrawer>;\n featureNotificationsProps?: FeatureNotificationsProps;\n navigationCollapsible: boolean;\n navigationCollapsedWidth: number;\n}\n\n// New widget interface\nexport interface AppLayoutState {\n rootRef: React.Ref<HTMLElement>;\n isIntersecting: boolean;\n // new state management\n widgetizedState: AppLayoutWidgetizedState;\n // the old object shape for backward compatibility\n appLayoutInternals: AppLayoutInternals;\n splitPanelInternals: SplitPanelProviderProps;\n}\n\nexport type AppLayoutPendingState = SomeOptional<\n AppLayoutState,\n 'appLayoutInternals' \| 'splitPanelInternals' \| 'widgetizedState' \| 'rootRef'\n>;\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.d.ts CHANGED Viewed

@@ -2,7 +2,8 @@ import { AppLayoutInternals } from '../interfaces';
 interface AppLayoutNavigationImplementationProps {
     appLayoutInternals: AppLayoutInternals;
     bottomDrawerReportedSize?: number;
+    navigationCollapsible?: boolean;
 }
-export declare function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDrawerReportedSize, }: AppLayoutNavigationImplementationProps): JSX.Element;
+export declare function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDrawerReportedSize, navigationCollapsible, }: AppLayoutNavigationImplementationProps): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAC;~~CACnC~~;AAED,wBAAgB,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,~~GACzB~~,EAAE,sCAAsC,~~eAoExC~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,sCAAsC;IAC9C,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,EACxB,qBAAqB,GACtB,EAAE,sCAAsC,eAgFxC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js CHANGED Viewed

@@ -8,10 +8,11 @@ import { getDrawerStyles } from '../compute-layout';
 import sharedStyles from '../../resize/styles.css.js';
 import testutilStyles from '../../test-classes/styles.css.js';
 import styles from './styles.css.js';
-export function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDrawerReportedSize, }) {
-    var _a, _b;
+export function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDrawerReportedSize, navigationCollapsible, }) {
+    var _a, _b, _c;
     const { ariaLabels, onNavigationToggle, isMobile, navigationOpen, navigation, navigationFocusControl, placement, verticalOffsets, } = appLayoutInternals;
     const { drawerTopOffset, drawerHeight } = getDrawerStyles(verticalOffsets, isMobile, placement, isMobile ? 0 : (bottomDrawerReportedSize !== null && bottomDrawerReportedSize !== void 0 ? bottomDrawerReportedSize : 0));
+    const navigationCollapsed = navigationCollapsible && !navigationOpen && !isMobile;
     // Close the Navigation drawer on mobile when a user clicks a link inside.
     const onNavigationClick = (event) => {
         const hasLink = findUpUntil(event.target, node => node.tagName === 'A' && !!node.href);
@@ -21,15 +22,20 @@ export function AppLayoutNavigationImplementation({ appLayoutInternals, bottomDr
     };
     return (React.createElement("div", { className: clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {
             [styles['is-navigation-open']]: navigationOpen,
+            [styles['is-navigation-collapsed']]: navigationCollapsed,
         }), style: {
             blockSize: drawerHeight,
             insetBlockStart: drawerTopOffset,
         } },
         React.createElement("nav", { "aria-label": (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigation) !== null && _a !== void 0 ? _a : undefined, className: clsx(styles.navigation, {
                 [testutilStyles['drawer-closed']]: !navigationOpen,
-            }, testutilStyles.navigation), "aria-hidden": !navigationOpen, onClick: onNavigationClick },
-            React.createElement("div", { className: clsx(styles['hide-navigation']) },
-                React.createElement(InternalButton, { ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationClose) !== null && _b !== void 0 ? _b : undefined, iconName: isMobile ? 'close' : 'angle-left', onClick: () => onNavigationToggle(false), variant: "icon", formAction: "none", className: testutilStyles['navigation-close'], ref: navigationFocusControl.refs.close, analyticsAction: "close" })),
+            }, testutilStyles.navigation), "aria-hidden": !navigationOpen && !navigationCollapsed, onClick: onNavigationClick },
+            React.createElement("div", { className: clsx(styles['hide-navigation'], {
+                    [styles['expand-navigation-toggle']]: navigationCollapsed,
+                }) },
+                React.createElement(InternalButton, { ariaLabel: navigationCollapsed
+                        ? ((_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationToggle) !== null && _b !== void 0 ? _b : undefined)
+                        : ((_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.navigationClose) !== null && _c !== void 0 ? _c : undefined), ariaExpanded: navigationCollapsible && !isMobile ? navigationOpen : undefined, iconName: navigationCollapsed ? 'angle-right' : isMobile ? 'close' : 'angle-left', onClick: () => onNavigationToggle(!navigationOpen), variant: "icon", formAction: "none", className: testutilStyles['navigation-close'], ref: navigationFocusControl.refs.close, analyticsAction: navigationCollapsed ? 'open' : 'close' })),
             navigation)));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,YAAY,MAAM,4BAA4B,CAAC;AACtD,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAOrC~~,MAAM,UAAU,iCAAiC,CAAC,EAChD,kBAAkB,EAClB,wBAAwB,~~GACe~~;;IACvC,MAAM,EACJ,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,SAAS,EACT,eAAe,GAChB,GAAG,kBAAkB,CAAC;IAEvB,MAAM,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,eAAe,CACvD,eAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,aAAxB,wBAAwB,cAAxB,wBAAwB,GAAI,CAAC,CAAC,CAC/C,CAAC;IAEF,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACpD,MAAM,OAAO,GAAG,WAAW,CACzB,KAAK,CAAC,MAAqB,EAC3B,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,GAAG,IAAI,CAAC,CAAE,IAA0B,CAAC,IAAI,CACnE,CAAC;QACF,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;YACxB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE,YAAY,CAAC,wBAAwB,CAAC,EAAE;YACtF,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,cAAc;~~SAC/C~~,CAAC,EACF,KAAK,EAAE;YACL,SAAS,EAAE,YAAY;YACvB,eAAe,EAAE,eAAe;SACjC;QAED,2CACc,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,SAAS,EAC/C,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB;gBACE,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,cAAc;aACnD,EACD,cAAc,CAAC,UAAU,CAC1B,iBACY,CAAC,cAAc,~~EAC5B~~,OAAO,EAAE,iBAAiB;YAE1B,~~6BAAK~~,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;~~gBAC7C~~,oBAAC,cAAc,IACb,SAAS,~~EAAE~~,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,eAAe,mCAAI,SAAS,~~EACnD~~,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,~~EAC3C~~,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,~~KAAK~~,CAAC,~~EACxC~~,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,cAAc,CAAC,kBAAkB,CAAC,EAC7C,GAAG,EAAE,sBAAsB,CAAC,IAAI,CAAC,KAAK,EACtC,eAAe,~~EAAC~~,OAAO,~~GACvB~~,CACE;YACL,UAAU,CACP,CACF,CACP,CAAC;AACJ,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';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { InternalButton } from '../../../button/internal';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n appLayoutInternals: AppLayoutInternals;\n bottomDrawerReportedSize?: number;\n}\n\nexport function AppLayoutNavigationImplementation({\n appLayoutInternals,\n bottomDrawerReportedSize,\n}: AppLayoutNavigationImplementationProps) {\n const {\n ariaLabels,\n onNavigationToggle,\n isMobile,\n navigationOpen,\n navigation,\n navigationFocusControl,\n placement,\n verticalOffsets,\n } = appLayoutInternals;\n\n const { drawerTopOffset, drawerHeight } = getDrawerStyles(\n verticalOffsets,\n isMobile,\n placement,\n isMobile ? 0 : (bottomDrawerReportedSize ?? 0)\n );\n\n // Close the Navigation drawer on mobile when a user clicks a link inside.\n const onNavigationClick = (event: React.MouseEvent) => {\n const hasLink = findUpUntil(\n event.target as HTMLElement,\n node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n );\n if (hasLink && isMobile) {\n onNavigationToggle(false);\n }\n };\n\n return (\n <div\n className={clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {\n [styles['is-navigation-open']]: navigationOpen,\n })}\n style={{\n blockSize: drawerHeight,\n insetBlockStart: drawerTopOffset,\n }}\n >\n <nav\n aria-label={ariaLabels?.navigation ?? undefined}\n className={clsx(\n styles.navigation,\n {\n [testutilStyles['drawer-closed']]: !navigationOpen,\n },\n testutilStyles.navigation\n )}\n aria-hidden={!navigationOpen}\n onClick={onNavigationClick}\n >\n <div className={clsx(styles['hide-navigation'])}>\n <InternalButton\n ariaLabel={ariaLabels?.navigationClose ?? undefined}\n iconName={isMobile ? 'close' : 'angle-left'}\n onClick={() => onNavigationToggle(~~false~~)}\n variant=\"icon\"\n formAction=\"none\"\n className={testutilStyles['navigation-close']}\n ref={navigationFocusControl.refs.close}\n analyticsAction~~=\"~~close\"\n />\n </div>\n {navigation}\n </nav>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/navigation/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 React from 'react';\nimport clsx from 'clsx';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { InternalButton } from '../../../button/internal';\nimport { getDrawerStyles } from '../compute-layout';\nimport { AppLayoutInternals } from '../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNavigationImplementationProps {\n appLayoutInternals: AppLayoutInternals;\n bottomDrawerReportedSize?: number;\n navigationCollapsible?: boolean;\n}\n\nexport function AppLayoutNavigationImplementation({\n appLayoutInternals,\n bottomDrawerReportedSize,\n navigationCollapsible,\n}: AppLayoutNavigationImplementationProps) {\n const {\n ariaLabels,\n onNavigationToggle,\n isMobile,\n navigationOpen,\n navigation,\n navigationFocusControl,\n placement,\n verticalOffsets,\n } = appLayoutInternals;\n\n const { drawerTopOffset, drawerHeight } = getDrawerStyles(\n verticalOffsets,\n isMobile,\n placement,\n isMobile ? 0 : (bottomDrawerReportedSize ?? 0)\n );\n\n const navigationCollapsed = navigationCollapsible && !navigationOpen && !isMobile;\n\n // Close the Navigation drawer on mobile when a user clicks a link inside.\n const onNavigationClick = (event: React.MouseEvent) => {\n const hasLink = findUpUntil(\n event.target as HTMLElement,\n node => node.tagName === 'A' && !!(node as HTMLAnchorElement).href\n );\n if (hasLink && isMobile) {\n onNavigationToggle(false);\n }\n };\n\n return (\n <div\n className={clsx(styles['navigation-container'], sharedStyles['with-motion-horizontal'], {\n [styles['is-navigation-open']]: navigationOpen,\n [styles['is-navigation-collapsed']]: navigationCollapsed,\n })}\n style={{\n blockSize: drawerHeight,\n insetBlockStart: drawerTopOffset,\n }}\n >\n <nav\n aria-label={ariaLabels?.navigation ?? undefined}\n className={clsx(\n styles.navigation,\n {\n [testutilStyles['drawer-closed']]: !navigationOpen,\n },\n testutilStyles.navigation\n )}\n aria-hidden={!navigationOpen && !navigationCollapsed}\n onClick={onNavigationClick}\n >\n <div\n className={clsx(styles['hide-navigation'], {\n [styles['expand-navigation-toggle']]: navigationCollapsed,\n })}\n >\n <InternalButton\n ariaLabel={\n navigationCollapsed\n ? (ariaLabels?.navigationToggle ?? undefined)\n : (ariaLabels?.navigationClose ?? undefined)\n }\n ariaExpanded={navigationCollapsible && !isMobile ? navigationOpen : undefined}\n iconName={navigationCollapsed ? 'angle-right' : isMobile ? 'close' : 'angle-left'}\n onClick={() => onNavigationToggle(!navigationOpen)}\n variant=\"icon\"\n formAction=\"none\"\n className={testutilStyles['navigation-close']}\n ref={navigationFocusControl.refs.close}\n analyticsAction={navigationCollapsed ? 'open' : 'close'}\n />\n </div>\n {navigation}\n </nav>\n </div>\n );\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js CHANGED Viewed

@@ -1,9 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "navigation-container": "awsui_navigation-container_2p2ab_21a4i_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_21a4i_164",
-  "navigation": "awsui_navigation_2p2ab_21a4i_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_21a4i_184"
+  "hide-navigation": "awsui_hide-navigation_2p2ab_b83qf_153",
+  "navigation-container": "awsui_navigation-container_2p2ab_b83qf_159",
+  "navigation": "awsui_navigation_2p2ab_b83qf_159",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_b83qf_179",
+  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_b83qf_183",
+  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_b83qf_195"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css CHANGED Viewed

@@ -150,7 +150,13 @@ 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_navigation-container_2p2ab_21a4i_153:not(#\9) {
+.awsui_hide-navigation_2p2ab_b83qf_153:not(#\9) {
+  position: absolute;
+  inset-inline-end: var(--space-m-n2lypl, 16px);
+  inset-block-start: 14px;
+}
+.awsui_navigation-container_2p2ab_b83qf_159:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-layout-panel-content-9tbx75, #ffffff);
@@ -161,28 +167,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-direction: column;
 }
-.awsui_navigation-container_2p2ab_21a4i_153:not(#\9):not(.awsui_is-navigation-open_2p2ab_21a4i_164) {
-  inline-size: 0px;
-  display: none;
-}
-.awsui_navigation-container_2p2ab_21a4i_153 > .awsui_navigation_2p2ab_21a4i_153:not(#\9) {
+.awsui_navigation-container_2p2ab_b83qf_159 > .awsui_navigation_2p2ab_b83qf_159:not(#\9) {
   flex-grow: 1;
   block-size: 100%;
   overflow-y: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
-  inline-size: var(--awsui-navigation-width-z17rmd);
+  inline-size: var(--awsui-navigation-width-esndbs);
   position: relative;
 }
+.awsui_navigation-container_2p2ab_b83qf_159:not(#\9):not(.awsui_is-navigation-open_2p2ab_b83qf_179) {
+  inline-size: 0px;
+  display: none;
+}
+.awsui_navigation-container_2p2ab_b83qf_159.awsui_is-navigation-collapsed_2p2ab_b83qf_183:not(#\9) {
+  display: flex;
+  align-items: center;
+  inline-size: var(--awsui-navigation-collapsed-width-esndbs, 54px);
+}
+.awsui_navigation-container_2p2ab_b83qf_159.awsui_is-navigation-collapsed_2p2ab_b83qf_183 > .awsui_navigation_2p2ab_b83qf_159:not(#\9) {
+  inline-size: var(--awsui-navigation-collapsed-width-esndbs, 54px);
+  overflow-x: hidden;
+}
+.awsui_navigation-container_2p2ab_b83qf_159.awsui_is-navigation-collapsed_2p2ab_b83qf_183 > .awsui_navigation_2p2ab_b83qf_159 > .awsui_hide-navigation_2p2ab_b83qf_153:not(#\9) {
+  display: none;
+}
+.awsui_navigation-container_2p2ab_b83qf_159.awsui_is-navigation-collapsed_2p2ab_b83qf_183 > .awsui_navigation_2p2ab_b83qf_159 > .awsui_hide-navigation_2p2ab_b83qf_153.awsui_expand-navigation-toggle_2p2ab_b83qf_195:not(#\9) {
+  display: flex;
+  position: static;
+  align-items: center;
+  justify-content: center;
+  padding-block: var(--space-s-4a5hs8, 12px);
+}
 @media (max-width: 688px) {
-  .awsui_navigation-container_2p2ab_21a4i_153:not(#\9) {
-    --awsui-navigation-width-z17rmd: 100vw;
+  .awsui_navigation-container_2p2ab_b83qf_159:not(#\9) {
+    --awsui-navigation-width-esndbs: 100vw;
     z-index: 1001;
   }
-}
-.awsui_hide-navigation_2p2ab_21a4i_184:not(#\9) {
-  position: absolute;
-  inset-inline-end: var(--space-m-n2lypl, 16px);
-  inset-block-start: 14px;
 }

package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js CHANGED Viewed

@@ -2,9 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation-container": "awsui_navigation-container_2p2ab_21a4i_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_21a4i_164",
-  "navigation": "awsui_navigation_2p2ab_21a4i_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_21a4i_184"
+  "hide-navigation": "awsui_hide-navigation_2p2ab_b83qf_153",
+  "navigation-container": "awsui_navigation-container_2p2ab_b83qf_159",
+  "navigation": "awsui_navigation_2p2ab_b83qf_159",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_b83qf_179",
+  "is-navigation-collapsed": "awsui_is-navigation-collapsed_2p2ab_b83qf_183",
+  "expand-navigation-toggle": "awsui_expand-navigation-toggle_2p2ab_b83qf_195"
 };

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-parts.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,yCAAyC,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,mCAAmC,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOjD;;GAEG;AAEH,eAAO,MAAM,sBAAsB,~~uFAwClC~~,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,eAAe,yGAW3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,+GAEjC,CAAC"}
1	+ {"version":3,"file":"skeleton-parts.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,yCAAyC,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,mCAAmC,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAOjD;;GAEG;AAEH,eAAO,MAAM,sBAAsB,uFA4ClC,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,eAAe,yGAW3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,+GAEjC,CAAC"}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js CHANGED Viewed

@@ -14,8 +14,10 @@ export const BeforeMainSlotSkeleton = React.forwardRef(({ toolbarProps, appLayou
     const hasNavigation = toolbarProps ? toolbarProps.hasNavigation : !!appLayoutProps.navigation;
     return (React.createElement(React.Fragment, null,
         !!toolbarProps && (React.createElement(ToolbarSkeletonStructure, { ref: ref, ariaLabels: toolbarProps.ariaLabels, hasNavigation: hasNavigation, navigationOpen: toolbarProps.navigationOpen, ownBreadcrumbs: appLayoutProps.breadcrumbs })),
-        hasNavigation && (React.createElement("div", { className: clsx(styles.navigation, !(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) && styles['panel-hidden'], !!(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.activeDrawerId) && styles['unfocusable-mobile']) },
-            React.createElement("div", { className: clsx(navStyles['navigation-container'], (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) && navStyles['is-navigation-open']) },
+        hasNavigation && (React.createElement("div", { className: clsx(styles.navigation, !(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) && !(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationCollapsible) && styles['panel-hidden'], !(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) && (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationCollapsible) && styles['navigation-collapsed'], !!(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.activeDrawerId) && styles['unfocusable-mobile']) },
+            React.createElement("div", { className: clsx(navStyles['navigation-container'], (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) && navStyles['is-navigation-open'], !(toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationOpen) &&
+                    (toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.navigationCollapsible) &&
+                    navStyles['is-navigation-collapsed']) },
                 React.createElement("nav", { className: navStyles.navigation },
                     React.createElement("div", { className: navStyles['hide-navigation'] },
                         React.createElement(InternalButton, { iconName: "angle-left", variant: "icon", formAction: "none" })),

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skeleton-parts.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;GAEG;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CACpD,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC;IAC9F,OAAO,CACL;QACG,CAAC,CAAC,YAAY,IAAI,CACjB,oBAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,YAAY,CAAC,UAAU,EACnC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,YAAY,CAAC,cAAc,EAC3C,cAAc,EAAE,cAAc,CAAC,WAAW,GAC1C,CACH;QACA,aAAa,IAAI,CAChB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,IAAI,MAAM,CAAC,cAAc,CAAC,~~EACvD~~,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAC/D;YAED,6BACE,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,sBAAsB,CAAC,EACjC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,KAAI,SAAS,CAAC,oBAAoB,CAAC,~~CAChE~~;gBAED,6BAAK,SAAS,EAAE,SAAS,CAAC,UAAU;oBAClC,6BAAK,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC;wBAC1C,oBAAC,cAAc,IAAC,QAAQ,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,GAAG,CACrE;oBACL,cAAc,CAAC,UAAU,CACtB,CACF,CACF,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,kBAAkB,EAAuC,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,oBAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,kBAAkB,CAAC,UAAU,EACzC,gBAAgB,EAAE,kBAAkB,CAAC,gBAAgB,EACrD,cAAc,EAAE,kBAAkB,CAAC,cAAc,EACjD,cAAc,EAAE,kBAAkB,CAAC,WAAW,EAC9C,qBAAqB,EAAE,kBAAkB,CAAC,qBAAqB,GAC/D,CACH,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACnD,CAAC,KAAgD,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,GAAI,CAC3F,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';\n\nimport { InternalButton } from '../../../button/internal';\nimport { AppLayoutNotificationsImplementationProps } from '../notifications';\nimport { AppLayoutToolbarImplementationProps } from '../toolbar';\nimport { SkeletonPartProps } from './interfaces';\nimport { NotificationsSlot } from './slots';\nimport { ToolbarSkeletonStructure } from './toolbar-container';\n\nimport navStyles from '../navigation/styles.css.js';\nimport styles from './styles.css.js';\n\n/*\n New widgetized parts\n /\n\nexport const BeforeMainSlotSkeleton = React.forwardRef<HTMLElement, SkeletonPartProps>(\n ({ toolbarProps, appLayoutProps }, ref) => {\n const hasNavigation = toolbarProps ? toolbarProps.hasNavigation : !!appLayoutProps.navigation;\n return (\n <>\n {!!toolbarProps && (\n <ToolbarSkeletonStructure\n ref={ref}\n ariaLabels={toolbarProps.ariaLabels}\n hasNavigation={hasNavigation}\n navigationOpen={toolbarProps.navigationOpen}\n ownBreadcrumbs={appLayoutProps.breadcrumbs}\n />\n )}\n {hasNavigation && (\n <div\n className={clsx(\n styles.navigation,\n !toolbarProps?.navigationOpen && styles['panel-hidden'],\n !!toolbarProps?.activeDrawerId && styles['unfocusable-mobile']\n )}\n >\n <div\n className={clsx(\n navStyles['navigation-container'],\n toolbarProps?.navigationOpen && navStyles['is-navigation-open']\n )}\n >\n <nav className={navStyles.navigation}>\n <div className={navStyles['hide-navigation']}>\n <InternalButton iconName=\"angle-left\" variant=\"icon\" formAction=\"none\" />\n </div>\n {appLayoutProps.navigation}\n </nav>\n </div>\n </div>\n )}\n </>\n );\n }\n);\n\n/\n Legacy parts\n */\n\nexport const ToolbarSkeleton = React.forwardRef<HTMLElement, AppLayoutToolbarImplementationProps>(\n ({ appLayoutInternals }: AppLayoutToolbarImplementationProps, ref) => (\n <ToolbarSkeletonStructure\n ref={ref}\n ariaLabels={appLayoutInternals.ariaLabels}\n expandedDrawerId={appLayoutInternals.expandedDrawerId}\n navigationOpen={appLayoutInternals.navigationOpen}\n ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n />\n )\n);\n\nexport const NotificationsSkeleton = React.forwardRef<HTMLElement, AppLayoutNotificationsImplementationProps>(\n (props: AppLayoutNotificationsImplementationProps, ref) => <NotificationsSlot ref={ref} />\n);\n"]}
1	+ {"version":3,"file":"skeleton-parts.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;GAEG;AAEH,MAAM,CAAC,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CACpD,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,aAAa,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC;IAC9F,OAAO,CACL;QACG,CAAC,CAAC,YAAY,IAAI,CACjB,oBAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,YAAY,CAAC,UAAU,EACnC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,YAAY,CAAC,cAAc,EAC3C,cAAc,EAAE,cAAc,CAAC,WAAW,GAC1C,CACH;QACA,aAAa,IAAI,CAChB,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,CAAA,IAAI,MAAM,CAAC,cAAc,CAAC,EAC/F,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,CAAA,IAAI,MAAM,CAAC,sBAAsB,CAAC,EACtG,CAAC,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA,IAAI,MAAM,CAAC,oBAAoB,CAAC,CAC/D;YAED,6BACE,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,sBAAsB,CAAC,EACjC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,KAAI,SAAS,CAAC,oBAAoB,CAAC,EAC/D,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,cAAc,CAAA;qBAC3B,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,CAAA;oBACnC,SAAS,CAAC,yBAAyB,CAAC,CACvC;gBAED,6BAAK,SAAS,EAAE,SAAS,CAAC,UAAU;oBAClC,6BAAK,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC;wBAC1C,oBAAC,cAAc,IAAC,QAAQ,EAAC,YAAY,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,GAAG,CACrE;oBACL,cAAc,CAAC,UAAU,CACtB,CACF,CACF,CACP,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;GAEG;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAC7C,CAAC,EAAE,kBAAkB,EAAuC,EAAE,GAAG,EAAE,EAAE,CAAC,CACpE,oBAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,kBAAkB,CAAC,UAAU,EACzC,gBAAgB,EAAE,kBAAkB,CAAC,gBAAgB,EACrD,cAAc,EAAE,kBAAkB,CAAC,cAAc,EACjD,cAAc,EAAE,kBAAkB,CAAC,WAAW,EAC9C,qBAAqB,EAAE,kBAAkB,CAAC,qBAAqB,GAC/D,CACH,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CACnD,CAAC,KAAgD,EAAE,GAAG,EAAE,EAAE,CAAC,oBAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,GAAI,CAC3F,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';\n\nimport { InternalButton } from '../../../button/internal';\nimport { AppLayoutNotificationsImplementationProps } from '../notifications';\nimport { AppLayoutToolbarImplementationProps } from '../toolbar';\nimport { SkeletonPartProps } from './interfaces';\nimport { NotificationsSlot } from './slots';\nimport { ToolbarSkeletonStructure } from './toolbar-container';\n\nimport navStyles from '../navigation/styles.css.js';\nimport styles from './styles.css.js';\n\n/*\n New widgetized parts\n /\n\nexport const BeforeMainSlotSkeleton = React.forwardRef<HTMLElement, SkeletonPartProps>(\n ({ toolbarProps, appLayoutProps }, ref) => {\n const hasNavigation = toolbarProps ? toolbarProps.hasNavigation : !!appLayoutProps.navigation;\n return (\n <>\n {!!toolbarProps && (\n <ToolbarSkeletonStructure\n ref={ref}\n ariaLabels={toolbarProps.ariaLabels}\n hasNavigation={hasNavigation}\n navigationOpen={toolbarProps.navigationOpen}\n ownBreadcrumbs={appLayoutProps.breadcrumbs}\n />\n )}\n {hasNavigation && (\n <div\n className={clsx(\n styles.navigation,\n !toolbarProps?.navigationOpen && !toolbarProps?.navigationCollapsible && styles['panel-hidden'],\n !toolbarProps?.navigationOpen && toolbarProps?.navigationCollapsible && styles['navigation-collapsed'],\n !!toolbarProps?.activeDrawerId && styles['unfocusable-mobile']\n )}\n >\n <div\n className={clsx(\n navStyles['navigation-container'],\n toolbarProps?.navigationOpen && navStyles['is-navigation-open'],\n !toolbarProps?.navigationOpen &&\n toolbarProps?.navigationCollapsible &&\n navStyles['is-navigation-collapsed']\n )}\n >\n <nav className={navStyles.navigation}>\n <div className={navStyles['hide-navigation']}>\n <InternalButton iconName=\"angle-left\" variant=\"icon\" formAction=\"none\" />\n </div>\n {appLayoutProps.navigation}\n </nav>\n </div>\n </div>\n )}\n </>\n );\n }\n);\n\n/\n Legacy parts\n */\n\nexport const ToolbarSkeleton = React.forwardRef<HTMLElement, AppLayoutToolbarImplementationProps>(\n ({ appLayoutInternals }: AppLayoutToolbarImplementationProps, ref) => (\n <ToolbarSkeletonStructure\n ref={ref}\n ariaLabels={appLayoutInternals.ariaLabels}\n expandedDrawerId={appLayoutInternals.expandedDrawerId}\n navigationOpen={appLayoutInternals.navigationOpen}\n ownBreadcrumbs={appLayoutInternals.breadcrumbs}\n discoveredBreadcrumbs={appLayoutInternals.discoveredBreadcrumbs}\n />\n )\n);\n\nexport const NotificationsSkeleton = React.forwardRef<HTMLElement, AppLayoutNotificationsImplementationProps>(\n (props: AppLayoutNotificationsImplementationProps, ref) => <NotificationsSlot ref={ref} />\n);\n"]}

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js CHANGED Viewed

@@ -1,34 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_hm3qq_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_hm3qq_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_hm3qq_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_hm3qq_217",
-  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_hm3qq_220",
-  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_hm3qq_223",
-  "ai-drawer": "awsui_ai-drawer_7nfqu_hm3qq_220",
-  "navigation": "awsui_navigation_7nfqu_hm3qq_230",
-  "tools": "awsui_tools_7nfqu_hm3qq_231",
-  "global-tools": "awsui_global-tools_7nfqu_hm3qq_232",
-  "bottom-tool": "awsui_bottom-tool_7nfqu_hm3qq_233",
-  "tools-open": "awsui_tools-open_7nfqu_hm3qq_290",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_hm3qq_304",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_hm3qq_311",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_hm3qq_324",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_hm3qq_334",
-  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_hm3qq_348",
-  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_hm3qq_366",
-  "notifications-container": "awsui_notifications-container_7nfqu_hm3qq_410",
-  "notifications-background": "awsui_notifications-background_7nfqu_hm3qq_414",
-  "main-landmark": "awsui_main-landmark_7nfqu_hm3qq_425",
-  "main": "awsui_main_7nfqu_hm3qq_425",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_hm3qq_434",
-  "content-header": "awsui_content-header_7nfqu_hm3qq_444",
-  "content": "awsui_content_7nfqu_hm3qq_444",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_hm3qq_454",
-  "hidden": "awsui_hidden_7nfqu_hm3qq_459",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_hm3qq_463",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_hm3qq_463"
+  "root": "awsui_root_7nfqu_ttayu_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_ttayu_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_ttayu_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_ttayu_217",
+  "ai-drawer-expanded-mode": "awsui_ai-drawer-expanded-mode_7nfqu_ttayu_220",
+  "bottom-drawer-expanded-mode": "awsui_bottom-drawer-expanded-mode_7nfqu_ttayu_223",
+  "ai-drawer": "awsui_ai-drawer_7nfqu_ttayu_220",
+  "navigation": "awsui_navigation_7nfqu_ttayu_230",
+  "tools": "awsui_tools_7nfqu_ttayu_231",
+  "global-tools": "awsui_global-tools_7nfqu_ttayu_232",
+  "bottom-tool": "awsui_bottom-tool_7nfqu_ttayu_233",
+  "navigation-collapsed": "awsui_navigation-collapsed_7nfqu_ttayu_282",
+  "tools-open": "awsui_tools-open_7nfqu_ttayu_295",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_ttayu_309",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_ttayu_316",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_ttayu_329",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_ttayu_339",
+  "pseudo-toolbar": "awsui_pseudo-toolbar_7nfqu_ttayu_353",
+  "pseudo-toolbar-content": "awsui_pseudo-toolbar-content_7nfqu_ttayu_371",
+  "notifications-container": "awsui_notifications-container_7nfqu_ttayu_415",
+  "notifications-background": "awsui_notifications-background_7nfqu_ttayu_419",
+  "main-landmark": "awsui_main-landmark_7nfqu_ttayu_430",
+  "main": "awsui_main_7nfqu_ttayu_430",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_ttayu_439",
+  "content-header": "awsui_content-header_7nfqu_ttayu_449",
+  "content": "awsui_content_7nfqu_ttayu_449",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_ttayu_459",
+  "hidden": "awsui_hidden_7nfqu_ttayu_464",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_ttayu_468",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_ttayu_468"
 };