@cloudscape-design/components 3.0.1060 → 3.0.1062

package/internal/widget-exports.js

@@ -1,11 +1,18 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 export { PACKAGE_VERSION } from './environment';
+// Legacy widgetized parts
 export { AppLayoutDrawerImplementation as AppLayoutDrawer, AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers, } from '../app-layout/visual-refresh-toolbar/drawer';
 export { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../app-layout/visual-refresh-toolbar/navigation';
 export { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../app-layout/visual-refresh-toolbar/notifications';
 export { AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelBottom, AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelSide, } from '../app-layout/visual-refresh-toolbar/split-panel';
 export { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../app-layout/visual-refresh-toolbar/toolbar';
+// Refactored widgetized parts
+export { BeforeMainSlotImplementation as AppLayoutBeforeMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/before-main-slot';
+export { AfterMainSlotImplementation as AppLayoutAfterMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/after-main-slot';
+export { TopContentSlotImplementation as AppLayoutTopContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/top-content-slot';
+export { BottomContentSlotImplementation as AppLayoutBottomContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot';
+export { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layout/visual-refresh-toolbar/state';
 export { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';
 export { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';
 export { DrawerImplementation as Drawer } from '../drawer/implementation';

package/internal/widget-exports.js.map

@@ -1 +1 @@
-{"version":3,"file":"widget-exports.js","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAClH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { PACKAGE_VERSION } from './environment';\nexport {\n  AppLayoutDrawerImplementation as AppLayoutDrawer,\n  AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers,\n} from '../app-layout/visual-refresh-toolbar/drawer';\nexport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../app-layout/visual-refresh-toolbar/navigation';\nexport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../app-layout/visual-refresh-toolbar/notifications';\nexport {\n  AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelBottom,\n  AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelSide,\n} from '../app-layout/visual-refresh-toolbar/split-panel';\nexport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../app-layout/visual-refresh-toolbar/toolbar';\nexport { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';\nexport { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';\nexport { DrawerImplementation as Drawer } from '../drawer/implementation';\nexport { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';\nexport { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';\n"]}
+{"version":3,"file":"widget-exports.js","sourceRoot":"","sources":["../../../src/internal/widget-exports.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,0BAA0B;AAC1B,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAC3H,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AACpI,OAAO,EACL,6CAA6C,IAAI,yBAAyB,EAC1E,2CAA2C,IAAI,uBAAuB,GACvE,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAElH,8BAA8B;AAC9B,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,2BAA2B,IAAI,sBAAsB,EAAE,MAAM,mEAAmE,CAAC;AAC1I,OAAO,EAAE,4BAA4B,IAAI,uBAAuB,EAAE,MAAM,oEAAoE,CAAC;AAC7I,OAAO,EAAE,+BAA+B,IAAI,0BAA0B,EAAE,MAAM,uEAAuE,CAAC;AACtJ,OAAO,EAAE,sBAAsB,IAAI,wBAAwB,EAAE,MAAM,4CAA4C,CAAC;AAEhH,OAAO,EAAE,wBAAwB,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACvF,OAAO,EAAE,6BAA6B,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACtG,OAAO,EAAE,oBAAoB,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnG,OAAO,EAAE,uBAAuB,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport { PACKAGE_VERSION } from './environment';\n\n// Legacy widgetized parts\nexport {\n  AppLayoutDrawerImplementation as AppLayoutDrawer,\n  AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers,\n} from '../app-layout/visual-refresh-toolbar/drawer';\nexport { AppLayoutNavigationImplementation as AppLayoutNavigation } from '../app-layout/visual-refresh-toolbar/navigation';\nexport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from '../app-layout/visual-refresh-toolbar/notifications';\nexport {\n  AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelBottom,\n  AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelSide,\n} from '../app-layout/visual-refresh-toolbar/split-panel';\nexport { AppLayoutToolbarImplementation as AppLayoutToolbar } from '../app-layout/visual-refresh-toolbar/toolbar';\n\n// Refactored widgetized parts\nexport { BeforeMainSlotImplementation as AppLayoutBeforeMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/before-main-slot';\nexport { AfterMainSlotImplementation as AppLayoutAfterMainSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/after-main-slot';\nexport { TopContentSlotImplementation as AppLayoutTopContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/top-content-slot';\nexport { BottomContentSlotImplementation as AppLayoutBottomContentSlot } from '../app-layout/visual-refresh-toolbar/widget-areas/bottom-content-slot';\nexport { AppLayoutStateProvider as AppLayoutWidgetizedState } from '../app-layout/visual-refresh-toolbar/state';\n\nexport { SplitPanelImplementation as SplitPanel } from '../split-panel/implementation';\nexport { BreadcrumbGroupImplementation as BreadcrumbGroup } from '../breadcrumb-group/implementation';\nexport { DrawerImplementation as Drawer } from '../drawer/implementation';\nexport { SideNavigationImplementation as SideNavigation } from '../side-navigation/implementation';\nexport { HelpPanelImplementation as HelpPanel } from '../help-panel/implementation';\n"]}

package/internal/widgets/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export type FunctionComponent<Props> = (props: Props) => JSX.Element;
-type PropsType<Component extends FunctionComponent<any>> = Component extends FunctionComponent<infer Props> ? Props : never;
-export declare function createWidgetizedComponent<Component extends FunctionComponent<any>>(Implementation: Component, Skeleton?: React.ForwardRefExoticComponent<PropsType<Component> & React.RefAttributes<HTMLElement>>): (Loader?: Component) => Component;
-export {};
+export type FunctionComponent<Props extends object> = (props: Props) => JSX.Element | null;
+export type PropsType<Component extends FunctionComponent<any>> = Component extends FunctionComponent<infer Props> ? Props : never;
+export declare function createWidgetizedComponent<Component extends FunctionComponent<any>>(Implementation: Component, Skeleton?: React.ForwardRefExoticComponent<PropsType<Component> & React.RefAttributes<HTMLElement>>): (Loader?: Component) => Component;

package/internal/widgets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,iBAAiB,CAAC,KAAK,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAC;AACrE,KAAK,SAAS,CAAC,SAAS,SAAS,iBAAiB,CAAC,GAAG,CAAC,IACrD,SAAS,SAAS,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AAEnE,wBAAgB,yBAAyB,CAAC,SAAS,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAChF,cAAc,EAAE,SAAS,EACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,aAElF,SAAS,KAAG,SAAS,CAUvC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,IAAI,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AAC3F,MAAM,MAAM,SAAS,CAAC,SAAS,SAAS,iBAAiB,CAAC,GAAG,CAAC,IAC5D,SAAS,SAAS,iBAAiB,CAAC,MAAM,KAAK,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AAEnE,wBAAgB,yBAAyB,CAAC,SAAS,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAChF,cAAc,EAAE,SAAS,EACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,yBAAyB,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,aAElF,SAAS,KAAG,SAAS,CAUvC"}

package/internal/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,MAAM,UAAU,yBAAyB,CACvC,cAAyB,EACzB,QAAmG;IAEnG,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,EAAE;YACd,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,kBAAC,QAAQ,EAAE,QAAQ,IAAO,KAAa,EAAI,CAAC;aAC3D;YAED,OAAO,oBAAC,cAAc,oBAAM,KAAa,EAAI,CAAC;QAChD,CAAC,CAAc,CAAC;IAClB,CAAC,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';\n\nimport { getGlobalFlag } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../hooks/use-visual-mode';\n\n// Built-in React.FunctionComponent has always present `children` property which is not desired\nexport type FunctionComponent<Props> = (props: Props) => JSX.Element;\ntype PropsType<Component extends FunctionComponent<any>> =\n  Component extends FunctionComponent<infer Props> ? Props : never;\n\nexport function createWidgetizedComponent<Component extends FunctionComponent<any>>(\n  Implementation: Component,\n  Skeleton?: React.ForwardRefExoticComponent<PropsType<Component> & React.RefAttributes<HTMLElement>>\n) {\n  return (Loader?: Component): Component => {\n    return (props => {\n      const isRefresh = useVisualRefresh();\n      if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n        return <Loader Skeleton={Skeleton} {...(props as any)} />;\n      }\n\n      return <Implementation {...(props as any)} />;\n    }) as Component;\n  };\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/widgets/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,MAAM,UAAU,yBAAyB,CACvC,cAAyB,EACzB,QAAmG;IAEnG,OAAO,CAAC,MAAkB,EAAa,EAAE;QACvC,OAAO,CAAC,KAAK,CAAC,EAAE;YACd,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;YACrC,IAAI,SAAS,IAAI,aAAa,CAAC,iBAAiB,CAAC,IAAI,MAAM,EAAE;gBAC3D,OAAO,oBAAC,MAAM,kBAAC,QAAQ,EAAE,QAAQ,IAAO,KAAa,EAAI,CAAC;aAC3D;YAED,OAAO,oBAAC,cAAc,oBAAM,KAAa,EAAI,CAAC;QAChD,CAAC,CAAc,CAAC;IAClB,CAAC,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';\n\nimport { getGlobalFlag } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../hooks/use-visual-mode';\n\n// Built-in React.FunctionComponent has always present `children` property which is not desired\nexport type FunctionComponent<Props extends object> = (props: Props) => JSX.Element | null;\nexport type PropsType<Component extends FunctionComponent<any>> =\n  Component extends FunctionComponent<infer Props> ? Props : never;\n\nexport function createWidgetizedComponent<Component extends FunctionComponent<any>>(\n  Implementation: Component,\n  Skeleton?: React.ForwardRefExoticComponent<PropsType<Component> & React.RefAttributes<HTMLElement>>\n) {\n  return (Loader?: Component): Component => {\n    return (props => {\n      const isRefresh = useVisualRefresh();\n      if (isRefresh && getGlobalFlag('appLayoutWidget') && Loader) {\n        return <Loader Skeleton={Skeleton} {...(props as any)} />;\n      }\n\n      return <Implementation {...(props as any)} />;\n    }) as Component;\n  };\n}\n"]}

package/internal/widgets/loader-mock.d.ts

@@ -0,0 +1,2 @@
+import { FunctionComponent } from './index';
+export declare function createLoadableComponent<ComponentType extends FunctionComponent<any>>(Component: ComponentType): ComponentType | undefined;

package/internal/widgets/loader-mock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-mock.d.ts","sourceRoot":"","sources":["../../../../src/internal/widgets/loader-mock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAa,MAAM,SAAS,CAAC;AAgBvD,wBAAgB,uBAAuB,CAAC,aAAa,SAAS,iBAAiB,CAAC,GAAG,CAAC,EAClF,SAAS,EAAE,aAAa,GACvB,aAAa,GAAG,SAAS,CA8B3B"}

package/internal/widgets/loader-mock.js

@@ -0,0 +1,43 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useState } from 'react';
+const getCustomFlag = (flagName) => {
+    var _a;
+    const flagHolder = typeof window !== 'undefined' ? window : globalThis;
+    const awsuiCustomFlagsSymbol = Symbol.for('awsui-custom-flags');
+    return (_a = flagHolder === null || flagHolder === void 0 ? void 0 : flagHolder[awsuiCustomFlagsSymbol]) === null || _a === void 0 ? void 0 : _a[flagName];
+};
+const isAppLayoutDelayedWidget = () => {
+    return !!getCustomFlag('appLayoutDelayedWidget');
+};
+const enableDelayedComponents = isAppLayoutDelayedWidget();
+let loadPromise;
+export function createLoadableComponent(Component) {
+    if (!enableDelayedComponents) {
+        return;
+    }
+    return ((props) => {
+        const [mounted, setMounted] = useState(false);
+        useEffect(() => {
+            if (!loadPromise) {
+                loadPromise = new Promise(resolve => setTimeout(() => resolve(), 1000));
+            }
+            let mounted = true;
+            loadPromise.then(() => {
+                if (mounted) {
+                    setMounted(true);
+                }
+            });
+            return () => {
+                mounted = false;
+            };
+        }, []);
+        if (mounted) {
+            return React.createElement(Component, Object.assign({}, props));
+        }
+        // this prop is injected in `createWidgetizedComponent` and is not a part of the component signature
+        const { Skeleton } = props;
+        return Skeleton ? React.createElement(Skeleton, Object.assign({}, props)) : React.createElement("div", null);
+    });
+}
+//# sourceMappingURL=loader-mock.js.map

package/internal/widgets/loader-mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader-mock.js","sourceRoot":"","sources":["../../../../src/internal/widgets/loader-mock.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAInD,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;;IACzC,MAAM,UAAU,GAAQ,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAChE,OAAO,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,sBAA6B,CAAC,0CAAG,QAAe,CAAC,CAAC;AACxE,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,OAAO,CAAC,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;AACnD,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,wBAAwB,EAAE,CAAC;AAE3D,IAAI,WAA0B,CAAC;AAE/B,MAAM,UAAU,uBAAuB,CACrC,SAAwB;IAExB,IAAI,CAAC,uBAAuB,EAAE;QAC5B,OAAO;KACR;IACD,OAAO,CAAC,CAAC,KAA+B,EAAE,EAAE;QAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAE9C,SAAS,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,WAAW,EAAE;gBAChB,WAAW,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;aACzE;YACD,IAAI,OAAO,GAAG,IAAI,CAAC;YACnB,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;gBACpB,IAAI,OAAO,EAAE;oBACX,UAAU,CAAC,IAAI,CAAC,CAAC;iBAClB;YACH,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE;gBACV,OAAO,GAAG,KAAK,CAAC;YAClB,CAAC,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,IAAI,OAAO,EAAE;YACX,OAAO,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAC;SACjC;QACD,oGAAoG;QACpG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAY,CAAC;QAElC,OAAO,QAAQ,CAAC,CAAC,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAC,CAAC,CAAC,gCAAO,CAAC;IACtD,CAAC,CAAkB,CAAC;AACtB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState } from 'react';\n\nimport { FunctionComponent, PropsType } from './index';\n\nconst getCustomFlag = (flagName: string) => {\n  const flagHolder: any = typeof window !== 'undefined' ? window : globalThis;\n  const awsuiCustomFlagsSymbol = Symbol.for('awsui-custom-flags');\n  return flagHolder?.[awsuiCustomFlagsSymbol as any]?.[flagName as any];\n};\n\nconst isAppLayoutDelayedWidget = () => {\n  return !!getCustomFlag('appLayoutDelayedWidget');\n};\n\nconst enableDelayedComponents = isAppLayoutDelayedWidget();\n\nlet loadPromise: Promise<void>;\n\nexport function createLoadableComponent<ComponentType extends FunctionComponent<any>>(\n  Component: ComponentType\n): ComponentType | undefined {\n  if (!enableDelayedComponents) {\n    return;\n  }\n  return ((props: PropsType<ComponentType>) => {\n    const [mounted, setMounted] = useState(false);\n\n    useEffect(() => {\n      if (!loadPromise) {\n        loadPromise = new Promise(resolve => setTimeout(() => resolve(), 1000));\n      }\n      let mounted = true;\n      loadPromise.then(() => {\n        if (mounted) {\n          setMounted(true);\n        }\n      });\n      return () => {\n        mounted = false;\n      };\n    }, []);\n\n    if (mounted) {\n      return <Component {...props} />;\n    }\n    // this prop is injected in `createWidgetizedComponent` and is not a part of the component signature\n    const { Skeleton } = props as any;\n\n    return Skeleton ? <Skeleton {...props} /> : <div />;\n  }) as ComponentType;\n}\n"]}

package/package.json

@@ -150,7 +150,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.1060",
+  "version": "3.0.1062",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/split-panel/styles.css.js

@@ -1,32 +1,32 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_mwd6c_153",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_mwd6c_190",
-  "refresh": "awsui_refresh_1r9lg_mwd6c_190",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_mwd6c_195",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_mwd6c_211",
-  "position-bottom": "awsui_position-bottom_1r9lg_mwd6c_218",
-  "hidden": "awsui_hidden_1r9lg_mwd6c_226",
-  "position-side": "awsui_position-side_1r9lg_mwd6c_247",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_mwd6c_252",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_mwd6c_256",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_mwd6c_267",
-  "open-button-side": "awsui_open-button-side_1r9lg_mwd6c_281",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_mwd6c_300",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_mwd6c_304",
-  "content-bottom": "awsui_content-bottom_1r9lg_mwd6c_316",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_mwd6c_335",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_mwd6c_340",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_mwd6c_344",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_mwd6c_348",
-  "content-side": "awsui_content-side_1r9lg_mwd6c_353",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_mwd6c_365",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_mwd6c_374",
-  "header": "awsui_header_1r9lg_mwd6c_385",
-  "header-text": "awsui_header-text_1r9lg_mwd6c_398",
-  "header-actions": "awsui_header-actions_1r9lg_mwd6c_412",
-  "divider": "awsui_divider_1r9lg_mwd6c_420"
+  "drawer": "awsui_drawer_1r9lg_1hxnd_153",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1hxnd_190",
+  "refresh": "awsui_refresh_1r9lg_1hxnd_193",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1hxnd_197",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1hxnd_213",
+  "position-bottom": "awsui_position-bottom_1r9lg_1hxnd_220",
+  "hidden": "awsui_hidden_1r9lg_1hxnd_228",
+  "position-side": "awsui_position-side_1r9lg_1hxnd_249",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_1hxnd_254",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1hxnd_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1hxnd_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_1hxnd_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1hxnd_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_1hxnd_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1hxnd_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1hxnd_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1hxnd_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1hxnd_350",
+  "content-side": "awsui_content-side_1r9lg_1hxnd_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1hxnd_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1hxnd_376",
+  "header": "awsui_header_1r9lg_1hxnd_387",
+  "header-text": "awsui_header-text_1r9lg_1hxnd_400",
+  "header-actions": "awsui_header-actions_1r9lg_1hxnd_414",
+  "divider": "awsui_divider_1r9lg_1hxnd_422"
 };
   

package/split-panel/styles.scoped.css

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawer_1r9lg_mwd6c_153:not(#\9) {
+.awsui_drawer_1r9lg_1hxnd_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -187,35 +187,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_mwd6c_190:not(#\9):not(.awsui_refresh_1r9lg_mwd6c_190) {
+.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9) {
   cursor: pointer;
+}
+.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) {
   min-inline-size: 40px;
 }
 
-.awsui_drawer-content-side_1r9lg_mwd6c_195:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1hxnd_197:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-content-side_1r9lg_mwd6c_195 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_mwd6c_190.awsui_refresh_1r9lg_mwd6c_190 > .awsui_drawer-content-side_1r9lg_mwd6c_195:not(#\9) {
+.awsui_drawer-content-side_1r9lg_1hxnd_197 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1hxnd_190.awsui_refresh_1r9lg_1hxnd_193 > .awsui_drawer-content-side_1r9lg_1hxnd_197:not(#\9) {
   display: none;
 }
-.awsui_drawer-closed_1r9lg_mwd6c_190:not(#\9):not(.awsui_refresh_1r9lg_mwd6c_190) > .awsui_drawer-content-side_1r9lg_mwd6c_195 {
+.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) > .awsui_drawer-content-side_1r9lg_1hxnd_197 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_mwd6c_190:not(#\9):not(.awsui_refresh_1r9lg_mwd6c_190) > .awsui_drawer-content-side_1r9lg_mwd6c_195:hover {
+.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) > .awsui_drawer-content-side_1r9lg_1hxnd_197:hover {
   background: var(--color-background-layout-panel-hover-tguulw, #ebebf0);
 }
 
-:not(#\9):not(.awsui_drawer-closed_1r9lg_mwd6c_190) > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
 
-.awsui_position-bottom_1r9lg_mwd6c_218:not(#\9) {
+.awsui_position-bottom_1r9lg_1hxnd_220:not(#\9) {
   position: fixed;
   overflow-y: auto;
   /*
@@ -223,37 +225,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_mwd6c_218:not(#\9):not(.awsui_hidden_1r9lg_mwd6c_226) {
+.awsui_position-bottom_1r9lg_1hxnd_220:not(#\9):not(.awsui_hidden_1r9lg_1hxnd_228) {
   border-block-start: var(--border-panel-top-width-10990j, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_mwd6c_218:not(#\9):not(.awsui_refresh_1r9lg_mwd6c_190) {
+.awsui_position-bottom_1r9lg_1hxnd_220:not(#\9):not(.awsui_refresh_1r9lg_1hxnd_193) {
   box-shadow: var(--shadow-split-bottom-vlyulf, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
   border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-bottom-bruvuz, #c6c6cd);
 }
-.awsui_position-bottom_1r9lg_mwd6c_218.awsui_drawer-closed_1r9lg_mwd6c_190:not(#\9) {
+.awsui_position-bottom_1r9lg_1hxnd_220.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_mwd6c_218.awsui_drawer-closed_1r9lg_mwd6c_190:not(#\9):hover {
+.awsui_position-bottom_1r9lg_1hxnd_220.awsui_drawer-closed_1r9lg_1hxnd_190:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-tguulw, #ebebf0);
 }
-.awsui_position-bottom_1r9lg_mwd6c_218 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_1hxnd_220 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_mwd6c_218.awsui_refresh_1r9lg_mwd6c_190:not(#\9) {
+.awsui_position-bottom_1r9lg_1hxnd_220.awsui_refresh_1r9lg_1hxnd_193:not(#\9) {
   position: relative;
 }
 
-.awsui_position-side_1r9lg_mwd6c_247:not(#\9) {
+.awsui_position-side_1r9lg_1hxnd_249:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-nyajix, -1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.1));
   block-size: 100%;
 }
-.awsui_position-side_1r9lg_mwd6c_247.awsui_with-toolbar_1r9lg_mwd6c_252:not(#\9) {
+.awsui_position-side_1r9lg_1hxnd_249.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
   box-shadow: none;
 }
 
-.awsui_slider-wrapper-bottom_1r9lg_mwd6c_256:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_1hxnd_258:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -264,7 +266,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
 
-.awsui_slider-wrapper-side_1r9lg_mwd6c_267:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_1hxnd_269:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -274,11 +276,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   z-index: 1;
 }
-.awsui_slider-wrapper-side_1r9lg_mwd6c_267.awsui_with-toolbar_1r9lg_mwd6c_252:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_1hxnd_269.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
   position: unset;
 }
 
-.awsui_open-button-side_1r9lg_mwd6c_281:not(#\9) {
+.awsui_open-button-side_1r9lg_1hxnd_283:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -287,7 +289,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: auto;
 }
 
-.awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -297,60 +299,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-buc0zz, 24px);
 }
-.awsui_drawer-mobile_1r9lg_mwd6c_300 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1hxnd_302 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_mwd6c_304 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_mwd6c_190) > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292 {
   background-color: var(--color-background-layout-panel-content-xto15e, #ffffff);
   border-block-end: var(--border-panel-header-width-t1iq1m, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
 }
-.awsui_with-toolbar_1r9lg_mwd6c_252:not(#\9):not(.awsui_drawer-closed_1r9lg_mwd6c_190) > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290 {
+.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9):not(.awsui_drawer-closed_1r9lg_1hxnd_190) > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292 {
   border-color: transparent;
 }
 
-.awsui_content-bottom_1r9lg_mwd6c_316:not(#\9) {
+.awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-buc0zz, 24px);
   margin-block-start: var(--space-panel-split-top-3u4vky, 20px);
   position: relative;
   z-index: 0;
 }
-.awsui_with-toolbar_1r9lg_mwd6c_252 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_content-bottom_1r9lg_mwd6c_316:not(#\9) {
+.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_mwd6c_300 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_content-bottom_1r9lg_mwd6c_316:not(#\9) {
+.awsui_drawer-mobile_1r9lg_1hxnd_302 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-2ud1p3, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_mwd6c_304 > .awsui_drawer-content-bottom_1r9lg_mwd6c_211 > .awsui_content-bottom_1r9lg_mwd6c_316:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306 > .awsui_drawer-content-bottom_1r9lg_1hxnd_213 > .awsui_content-bottom_1r9lg_1hxnd_318:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
 
-.awsui_pane-bottom-center-align_1r9lg_mwd6c_335:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_1hxnd_337:not(#\9) {
   display: flex;
   justify-content: center;
 }
 
-.awsui_pane-bottom-content-nav-padding_1r9lg_mwd6c_340:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_1hxnd_342:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-j2qffw, 36px) + 2 * var(--space-layout-toggle-padding-chwlhz, 12px));
 }
 
-.awsui_pane-bottom-content-tools-padding_1r9lg_mwd6c_344:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_1hxnd_346:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-j2qffw, 36px) + 2 * var(--space-layout-toggle-padding-chwlhz, 12px));
 }
 
-.awsui_content-bottom-max-width_1r9lg_mwd6c_348:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_1hxnd_350:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
 
-.awsui_content-side_1r9lg_mwd6c_353:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -359,30 +361,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_mwd6c_353.awsui_with-toolbar_1r9lg_mwd6c_252:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
   position: absolute;
 }
-.awsui_content-side_1r9lg_mwd6c_353 > .awsui_pane-header-wrapper-side_1r9lg_mwd6c_365:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355 > .awsui_pane-header-wrapper-side_1r9lg_1hxnd_367:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-dsumyt, 16px);
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   border-block-end: var(--border-panel-header-width-t1iq1m, 1px) solid var(--color-border-panel-header-ygztvl, #c6c6cd);
 }
-.awsui_content-side_1r9lg_mwd6c_353.awsui_with-toolbar_1r9lg_mwd6c_252 > .awsui_pane-header-wrapper-side_1r9lg_mwd6c_365:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_pane-header-wrapper-side_1r9lg_1hxnd_367:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_mwd6c_353 > .awsui_pane-content-wrapper-side_1r9lg_mwd6c_374:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355 > .awsui_pane-content-wrapper-side_1r9lg_1hxnd_376:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-u1m3s9, 28px);
   padding-inline-end: var(--space-panel-side-right-8wwirc, 24px);
   margin-block-start: var(--space-panel-split-top-3u4vky, 20px);
   margin-block-end: var(--space-panel-split-bottom-ir16d7, 20px);
 }
-.awsui_content-side_1r9lg_mwd6c_353.awsui_with-toolbar_1r9lg_mwd6c_252 > .awsui_pane-content-wrapper-side_1r9lg_mwd6c_374:not(#\9) {
+.awsui_content-side_1r9lg_1hxnd_355.awsui_with-toolbar_1r9lg_1hxnd_254 > .awsui_pane-content-wrapper-side_1r9lg_1hxnd_376:not(#\9) {
   margin-block-start: 0px;
 }
 
-.awsui_header_1r9lg_mwd6c_385:not(#\9) {
+.awsui_header_1r9lg_1hxnd_387:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -392,10 +394,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--size-vertical-panel-icon-offset-z959cw, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_mwd6c_385.awsui_with-toolbar_1r9lg_mwd6c_252:not(#\9) {
+.awsui_header_1r9lg_1hxnd_387.awsui_with-toolbar_1r9lg_1hxnd_254:not(#\9) {
   margin-block: 14px;
 }
-.awsui_header-text_1r9lg_mwd6c_398:not(#\9) {
+.awsui_header-text_1r9lg_1hxnd_400:not(#\9) {
   font-size: var(--font-panel-header-size-33h9j8, 18px);
   letter-spacing: var(--letter-spacing-heading-m-29ewnk, -0.01em);
   line-height: var(--font-panel-header-line-height-8xb2qj, 22px);
@@ -409,7 +411,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(var(--space-scaled-xxs-pfm1nx, 4px) + 1px);
 }
 
-.awsui_header-actions_1r9lg_mwd6c_412:not(#\9) {
+.awsui_header-actions_1r9lg_1hxnd_414:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -417,7 +419,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-ymlm0b, 8px);
 }
 
-.awsui_divider_1r9lg_mwd6c_420:not(#\9) {
+.awsui_divider_1r9lg_1hxnd_422:not(#\9) {
   border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
   margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
   margin-inline: var(--space-scaled-xs-xwoogq, 8px);

package/split-panel/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_mwd6c_153",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_mwd6c_190",
-  "refresh": "awsui_refresh_1r9lg_mwd6c_190",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_mwd6c_195",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_mwd6c_211",
-  "position-bottom": "awsui_position-bottom_1r9lg_mwd6c_218",
-  "hidden": "awsui_hidden_1r9lg_mwd6c_226",
-  "position-side": "awsui_position-side_1r9lg_mwd6c_247",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_mwd6c_252",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_mwd6c_256",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_mwd6c_267",
-  "open-button-side": "awsui_open-button-side_1r9lg_mwd6c_281",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_mwd6c_290",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_mwd6c_300",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_mwd6c_304",
-  "content-bottom": "awsui_content-bottom_1r9lg_mwd6c_316",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_mwd6c_335",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_mwd6c_340",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_mwd6c_344",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_mwd6c_348",
-  "content-side": "awsui_content-side_1r9lg_mwd6c_353",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_mwd6c_365",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_mwd6c_374",
-  "header": "awsui_header_1r9lg_mwd6c_385",
-  "header-text": "awsui_header-text_1r9lg_mwd6c_398",
-  "header-actions": "awsui_header-actions_1r9lg_mwd6c_412",
-  "divider": "awsui_divider_1r9lg_mwd6c_420"
+  "drawer": "awsui_drawer_1r9lg_1hxnd_153",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_1hxnd_190",
+  "refresh": "awsui_refresh_1r9lg_1hxnd_193",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1hxnd_197",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1hxnd_213",
+  "position-bottom": "awsui_position-bottom_1r9lg_1hxnd_220",
+  "hidden": "awsui_hidden_1r9lg_1hxnd_228",
+  "position-side": "awsui_position-side_1r9lg_1hxnd_249",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_1hxnd_254",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1hxnd_258",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1hxnd_269",
+  "open-button-side": "awsui_open-button-side_1r9lg_1hxnd_283",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1hxnd_292",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1hxnd_302",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1hxnd_306",
+  "content-bottom": "awsui_content-bottom_1r9lg_1hxnd_318",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1hxnd_337",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1hxnd_342",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1hxnd_346",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1hxnd_350",
+  "content-side": "awsui_content-side_1r9lg_1hxnd_355",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1hxnd_367",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1hxnd_376",
+  "header": "awsui_header_1r9lg_1hxnd_387",
+  "header-text": "awsui_header-text_1r9lg_1hxnd_400",
+  "header-actions": "awsui_header-actions_1r9lg_1hxnd_414",
+  "divider": "awsui_divider_1r9lg_1hxnd_422"
 };
   

package/app-layout/visual-refresh-toolbar/multi-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACnF,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEhE,MAAM,WAAW,WAAW;IAC1B,sBAAsB,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,KAAK,CAAC;IACvE,UAAU,EAAE,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC;IAC9C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1D,oBAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9F,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAClD,yBAAyB,CAAC,EAAE,0BAA0B,GAAG,SAAS,CAAC;IACnE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACjE,sBAAsB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC;IACnD,2BAA2B,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAClG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IACrD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACrD;AAaD,wBAAgB,UAAU,CACxB,QAAQ,EAAE,WAAW,EACrB,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GACnD,YAAY,GAAG,IAAI,CA8CrB;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,OAAO,GACjB;IAAE,UAAU,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAA;CAAE,CAyC5D"}

package/app-layout/visual-refresh-toolbar/multi-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multi-layout.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/multi-layout.ts"],"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, { useLayoutEffect, useState } from 'react';\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { awsuiPluginsInternal } from '../../internal/plugins/api';\nimport { RegistrationState } from '../../internal/plugins/controllers/app-layout-widget';\nimport { AppLayoutProps } from '../interfaces';\nimport { useAppLayoutFlagEnabled } from '../utils/feature-flags';\nimport { OnChangeParams } from '../utils/use-drawers';\nimport { Focusable, FocusControlMultipleStates } from '../utils/use-focus-control';\nimport { SplitPanelToggleProps, ToolbarProps } from './toolbar';\n\nexport interface SharedProps {\n  forceDeduplicationType?: 'primary' | 'secondary' | 'suspended' | 'off';\n  ariaLabels: AppLayoutProps.Labels | undefined;\n  navigation: React.ReactNode;\n  navigationOpen: boolean;\n  onNavigationToggle: (open: boolean) => void;\n  navigationFocusRef: React.Ref<Focusable> | undefined;\n  breadcrumbs: React.ReactNode;\n  activeDrawerId: string | null;\n  drawers: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  onActiveDrawerChange: ((drawerId: string | null, params: OnChangeParams) => void) | undefined;\n  drawersFocusRef: React.Ref<Focusable> | undefined;\n  globalDrawersFocusControl?: FocusControlMultipleStates | undefined;\n  globalDrawers?: ReadonlyArray<AppLayoutProps.Drawer> | undefined;\n  activeGlobalDrawersIds?: Array<string> | undefined;\n  onActiveGlobalDrawersChange?: ((newDrawerId: string, params: OnChangeParams) => void) | undefined;\n  splitPanel: React.ReactNode;\n  splitPanelToggleProps: SplitPanelToggleProps | undefined;\n  splitPanelFocusRef: React.Ref<Focusable> | undefined;\n  onSplitPanelToggle: () => void;\n  expandedDrawerId?: string | null;\n  setExpandedDrawerId: (value: string | null) => void;\n}\n\nfunction checkAlreadyExists(value: boolean, propName: string) {\n  if (value) {\n    warnOnce(\n      'AppLayout',\n      `Another app layout instance on this page already defines ${propName} property. This instance will be ignored.`\n    );\n    return true;\n  }\n  return false;\n}\n\nexport function mergeProps(\n  ownProps: SharedProps,\n  additionalProps: ReadonlyArray<Partial<SharedProps>>\n): ToolbarProps | null {\n  const toolbar: ToolbarProps = {};\n  for (const props of [ownProps, ...additionalProps]) {\n    toolbar.ariaLabels = Object.assign(toolbar.ariaLabels ?? {}, props.ariaLabels);\n    if (\n      props.drawers &&\n      props.drawers.some(drawer => drawer.trigger) &&\n      !checkAlreadyExists(!!toolbar.drawers, 'tools or drawers')\n    ) {\n      toolbar.drawers = props.drawers;\n      toolbar.activeDrawerId = props.activeDrawerId;\n      toolbar.drawersFocusRef = props.drawersFocusRef;\n      toolbar.onActiveDrawerChange = props.onActiveDrawerChange;\n    }\n    if (props.globalDrawers && !checkAlreadyExists(!!toolbar.globalDrawers, 'globalDrawers')) {\n      toolbar.globalDrawersFocusControl = props.globalDrawersFocusControl;\n      toolbar.globalDrawers = props.globalDrawers;\n      toolbar.activeGlobalDrawersIds = props.activeGlobalDrawersIds;\n      toolbar.onActiveGlobalDrawersChange = props.onActiveGlobalDrawersChange;\n    }\n    if (props.navigation && !checkAlreadyExists(!!toolbar.hasNavigation, 'navigation')) {\n      toolbar.hasNavigation = true;\n      toolbar.navigationOpen = props.navigationOpen;\n      toolbar.navigationFocusRef = props.navigationFocusRef;\n      toolbar.onNavigationToggle = props.onNavigationToggle;\n    }\n    if (\n      props.splitPanel &&\n      props.splitPanelToggleProps?.displayed &&\n      !checkAlreadyExists(!!toolbar.hasSplitPanel, 'splitPanel')\n    ) {\n      toolbar.hasSplitPanel = true;\n      toolbar.splitPanelFocusRef = props.splitPanelFocusRef;\n      toolbar.splitPanelToggleProps = props.splitPanelToggleProps;\n      toolbar.onSplitPanelToggle = props.onSplitPanelToggle;\n    }\n    if (props.breadcrumbs && !checkAlreadyExists(!!toolbar.hasBreadcrumbsPortal, 'hasBreadcrumbsPortal')) {\n      toolbar.hasBreadcrumbsPortal = true;\n    }\n    if (props.expandedDrawerId && !checkAlreadyExists(!!toolbar.expandedDrawerId, 'expandedDrawerId')) {\n      toolbar.expandedDrawerId = props.expandedDrawerId;\n      toolbar.setExpandedDrawerId = props.setExpandedDrawerId;\n    }\n  }\n  // do not render toolbar if no fields are defined, except ariaLabels, which are always there\n  return Object.keys(toolbar).filter(key => key !== 'ariaLabels').length > 0 ? toolbar : null;\n}\n\nexport function useMultiAppLayout(\n  props: SharedProps,\n  isEnabled: boolean\n): { registered: boolean; toolbarProps: ToolbarProps | null } {\n  const [registration, setRegistration] = useState<RegistrationState<SharedProps> | null>(null);\n  const { forceDeduplicationType } = props;\n  const isToolbar = useAppLayoutFlagEnabled();\n\n  useLayoutEffect(() => {\n    if (!isEnabled || forceDeduplicationType === 'suspended' || !isToolbar) {\n      return;\n    }\n    if (forceDeduplicationType === 'off') {\n      setRegistration({ type: 'primary', discoveredProps: [] });\n      return;\n    }\n    const unregister = awsuiPluginsInternal.appLayoutWidget.register(forceDeduplicationType, props =>\n      setRegistration(props as RegistrationState<SharedProps>)\n    );\n    return () => {\n      unregister();\n      setRegistration({ type: 'suspended' });\n    };\n  }, [forceDeduplicationType, isEnabled, isToolbar]);\n\n  useLayoutEffect(() => {\n    if (registration?.type === 'secondary') {\n      registration.update(props);\n    }\n  });\n\n  if (!isToolbar) {\n    return {\n      registered: true,\n      // mergeProps is needed here because the toolbar's behavior depends on reconciliation logic\n      // in this function. For example, navigation trigger visibility\n      toolbarProps: mergeProps(props, []),\n    };\n  }\n\n  return {\n    registered: !!registration?.type,\n    toolbarProps: registration?.type === 'primary' ? mergeProps(props, registration.discoveredProps) : null,\n  };\n}\n"]}

package/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';
-interface BreadcrumbsSlotProps {
-  ownBreadcrumbs: React.ReactNode;
-  discoveredBreadcrumbs: BreadcrumbGroupProps | null;
-}
-export declare function BreadcrumbsSlot({
-  ownBreadcrumbs,
-  discoveredBreadcrumbs
-}: BreadcrumbsSlotProps): JSX.Element;
-export {};

package/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAK/E,UAAU,oBAAoB;IAC5B,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,qBAAqB,EAAE,oBAAoB,GAAG,IAAI,CAAC;CACpD;AAED,wBAAgB,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAE,EAAE,oBAAoB,eAe9F"}

package/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,UAAU,eAAe,CAAC,EAAE,cAAc,EAAE,qBAAqB,EAAwB;IAC7F,OAAO,CACL,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE;QAC3D,6BAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,IAAG,cAAc,CAAO;QAChE,qBAAqB,IAAI,CACxB,6BAAK,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC;YAC9C,oBAAC,6BAA6B,oBACxB,qBAAqB,yCACU,IAAI,EACvC,kCAAkC,EAAE,IAAI,IACxC,CACE,CACP,CAC+B,CACnC,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';\n\nimport { BreadcrumbGroupImplementation } from '../../../../breadcrumb-group/implementation';\nimport { BreadcrumbGroupProps } from '../../../../breadcrumb-group/interfaces';\nimport { BreadcrumbsSlotContext } from '../../contexts';\n\nimport styles from './styles.css.js';\n\ninterface BreadcrumbsSlotProps {\n  ownBreadcrumbs: React.ReactNode;\n  discoveredBreadcrumbs: BreadcrumbGroupProps | null;\n}\n\nexport function BreadcrumbsSlot({ ownBreadcrumbs, discoveredBreadcrumbs }: BreadcrumbsSlotProps) {\n  return (\n    <BreadcrumbsSlotContext.Provider value={{ isInToolbar: true }}>\n      <div className={styles['breadcrumbs-own']}>{ownBreadcrumbs}</div>\n      {discoveredBreadcrumbs && (\n        <div className={styles['breadcrumbs-discovered']}>\n          <BreadcrumbGroupImplementation\n            {...discoveredBreadcrumbs}\n            data-awsui-discovered-breadcrumbs={true}\n            __injectAnalyticsComponentMetadata={true}\n          />\n        </div>\n      )}\n    </BreadcrumbsSlotContext.Provider>\n  );\n}\n"]}

package/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.css.js

@@ -1,7 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "breadcrumbs-own": "awsui_breadcrumbs-own_ete58_yonx9_5",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_ete58_yonx9_5"
-};
-  

package/app-layout/visual-refresh-toolbar/skeleton/breadcrumbs/styles.scoped.css

@@ -1,7 +0,0 @@
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_breadcrumbs-own_ete58_yonx9_5:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_ete58_yonx9_5 {
-  display: none;
-}