@cloudscape-design/components 3.0.664 → 3.0.666

package/internal/base-component/styles.scoped.css

@@ -478,6 +478,8 @@
   --motion-duration-refresh-only-fast-4jn2d7:115ms;
   --motion-duration-refresh-only-medium-nf6485:165ms;
   --motion-duration-refresh-only-slow-zbvbxt:250ms;
+  --motion-duration-avatar-gen-ai-gradient-xetl2o:3600ms;
+  --motion-duration-avatar-loading-dots-pe8a3q:1200ms;
   --motion-duration-rotate-180-dpvl4m:135ms;
   --motion-duration-rotate-90-4ry26y:135ms;
   --motion-duration-show-paced-q2lo2h:180ms;
@@ -490,6 +492,7 @@
   --motion-easing-refresh-only-a-8flf9q:cubic-bezier(0, 0, 0, 1);
   --motion-easing-refresh-only-b-ufhmjm:cubic-bezier(1, 0, 0.83, 1);
   --motion-easing-refresh-only-c-vg1m9h:cubic-bezier(0.84, 0, 0.16, 1);
+  --motion-easing-avatar-gen-ai-gradient-tjyrpp:cubic-bezier(0.7, 0, 0.3, 1);
   --motion-easing-rotate-180-e270ko:cubic-bezier(0.165, 0.84, 0.44, 1);
   --motion-easing-rotate-90-sb4dk7:cubic-bezier(0.165, 0.84, 0.44, 1);
   --motion-easing-show-paced-ne2o0s:ease-out;
@@ -1035,6 +1038,8 @@
   --motion-duration-refresh-only-fast-4jn2d7:0ms;
   --motion-duration-refresh-only-medium-nf6485:0ms;
   --motion-duration-refresh-only-slow-zbvbxt:0ms;
+  --motion-duration-avatar-gen-ai-gradient-xetl2o:0ms;
+  --motion-duration-avatar-loading-dots-pe8a3q:0ms;
   --motion-duration-rotate-180-dpvl4m:0ms;
   --motion-duration-rotate-90-4ry26y:0ms;
   --motion-duration-show-paced-q2lo2h:0ms;

package/internal/components/tooltip/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 export interface TooltipProps {
     value: number | string;
     trackRef: React.RefObject<HTMLElement | SVGElement>;
+    contentAttributes?: React.HTMLAttributes<HTMLDivElement>;
 }
-export default function Tooltip({ value, trackRef }: TooltipProps): JSX.Element;
+export default function Tooltip({ value, trackRef, contentAttributes }: TooltipProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/internal/components/tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAY,eA4BhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1D;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAsB,EAAE,EAAE,YAAY,eA4BxF"}

package/internal/components/tooltip/index.js

@@ -8,9 +8,9 @@ import PopoverBody from '../../../popover/body';
 import Portal from '../portal';
 import popoverStyles from '../../../popover/styles.css.js';
 import styles from './styles.css.js';
-export default function Tooltip({ value, trackRef }) {
+export default function Tooltip({ value, trackRef, contentAttributes = {} }) {
     return (React.createElement(Portal, null,
-        React.createElement("div", { className: styles.root },
+        React.createElement("div", Object.assign({ className: styles.root }, contentAttributes),
             React.createElement(Transition, { in: true }, () => (React.createElement(PopoverContainer, { trackRef: trackRef, trackKey: value, size: "small", fixedWidth: false, position: "top", arrow: position => (React.createElement("div", { className: clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`]) },
                     React.createElement("div", { className: popoverStyles['arrow-outer'] }),
                     React.createElement("div", { className: popoverStyles['arrow-inner'] }))) },

package/internal/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAgB;IAC/D,OAAO,CACL,oBAAC,MAAM;QACL,6BAAK,SAAS,EAAE,MAAM,CAAC,IAAI;YACzB,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,KAAK,EACd,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CACjB,6BAAK,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC;oBACpF,6BAAK,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,GAAI;oBAChD,6BAAK,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,GAAI,CAC5C,CACP;gBAED,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,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 { Transition } from '../transition';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport Portal from '../portal';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n  value: number | string;\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n}\n\nexport default function Tooltip({ value, trackRef }: TooltipProps) {\n  return (\n    <Portal>\n      <div className={styles.root}>\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              trackRef={trackRef}\n              trackKey={value}\n              size=\"small\"\n              fixedWidth={false}\n              position=\"top\"\n              arrow={position => (\n                <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n                  <div className={popoverStyles['arrow-outer']} />\n                  <div className={popoverStyles['arrow-inner']} />\n                </div>\n              )}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n                {value}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,iBAAiB,GAAG,EAAE,EAAgB;IACvF,OAAO,CACL,oBAAC,MAAM;QACL,2CAAK,SAAS,EAAE,MAAM,CAAC,IAAI,IAAM,iBAAiB;YAChD,oBAAC,UAAU,IAAC,EAAE,EAAE,IAAI,IACjB,GAAG,EAAE,CAAC,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAC,KAAK,EACd,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CACjB,6BAAK,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC;oBACpF,6BAAK,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,GAAI;oBAChD,6BAAK,SAAS,EAAE,aAAa,CAAC,aAAa,CAAC,GAAI,CAC5C,CACP;gBAED,oBAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,IACpG,KAAK,CACM,CACG,CACpB,CACU,CACT,CACC,CACV,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 { Transition } from '../transition';\nimport PopoverContainer from '../../../popover/container';\nimport PopoverBody from '../../../popover/body';\nimport Portal from '../portal';\nimport popoverStyles from '../../../popover/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TooltipProps {\n  value: number | string;\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\n  contentAttributes?: React.HTMLAttributes<HTMLDivElement>;\n}\n\nexport default function Tooltip({ value, trackRef, contentAttributes = {} }: TooltipProps) {\n  return (\n    <Portal>\n      <div className={styles.root} {...contentAttributes}>\n        <Transition in={true}>\n          {() => (\n            <PopoverContainer\n              trackRef={trackRef}\n              trackKey={value}\n              size=\"small\"\n              fixedWidth={false}\n              position=\"top\"\n              arrow={position => (\n                <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n                  <div className={popoverStyles['arrow-outer']} />\n                  <div className={popoverStyles['arrow-inner']} />\n                </div>\n              )}\n            >\n              <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={undefined} header={undefined}>\n                {value}\n              </PopoverBody>\n            </PopoverContainer>\n          )}\n        </Transition>\n      </div>\n    </Portal>\n  );\n}\n"]}

package/internal/environment.js

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

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (1b84e107)",
+  "PACKAGE_VERSION": "3.0.0 (061d78ad)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/theming/index.cjs

@@ -10021,6 +10021,9 @@ module.exports.preset = {
     "borderRadiusTiles",
     "borderRadiusToken",
     "borderRadiusTutorialPanelItem",
+    "motionDurationAvatarGenAiGradient",
+    "motionDurationAvatarLoadingDots",
+    "motionEasingAvatarGenAiGradient",
     "motionEasingResponsive",
     "motionEasingSticky",
     "motionEasingExpressive",

package/internal/generated/theming/index.js

@@ -10021,6 +10021,9 @@ export var preset = {
     "borderRadiusTiles",
     "borderRadiusToken",
     "borderRadiusTutorialPanelItem",
+    "motionDurationAvatarGenAiGradient",
+    "motionDurationAvatarLoadingDots",
+    "motionEasingAvatarGenAiGradient",
     "motionEasingResponsive",
     "motionEasingSticky",
     "motionEasingExpressive",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "1b84e107d7ba936913ae8890124156e5984dc8fc"
+  "commit": "061d78adeeb31508831aa27e9a84a3409f50632d"
 }

package/package.json

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

package/app-layout/implementation.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { AppLayoutProps } from './interfaces';
-export declare const AppLayoutImplementation: React.ForwardRefExoticComponent<Omit<AppLayoutProps, "headerSelector" | "footerSelector"> & {
-    contentType: AppLayoutProps.ContentType;
-    navigationOpen: boolean;
-    navigationWidth: number;
-    toolsWidth: number;
-    minContentWidth: number;
-    onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
-} & {
-    placement: {
-        insetBlockStart: number;
-        insetBlockEnd: number;
-        insetInlineStart: number;
-        insetInlineEnd: number;
-        inlineSize: number;
-    };
-} & React.RefAttributes<AppLayoutProps.Ref>>;
-export declare const createWidgetizedAppLayout: (Loader?: React.ForwardRefExoticComponent<Omit<AppLayoutProps, "headerSelector" | "footerSelector"> & {
-    contentType: AppLayoutProps.ContentType;
-    navigationOpen: boolean;
-    navigationWidth: number;
-    toolsWidth: number;
-    minContentWidth: number;
-    onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
-} & {
-    placement: {
-        insetBlockStart: number;
-        insetBlockEnd: number;
-        insetInlineStart: number;
-        insetInlineEnd: number;
-        inlineSize: number;
-    };
-} & React.RefAttributes<AppLayoutProps.Ref>> | undefined) => React.ForwardRefExoticComponent<Omit<AppLayoutProps, "headerSelector" | "footerSelector"> & {
-    contentType: AppLayoutProps.ContentType;
-    navigationOpen: boolean;
-    navigationWidth: number;
-    toolsWidth: number;
-    minContentWidth: number;
-    onNavigationChange: import("../internal/events").NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;
-} & {
-    placement: {
-        insetBlockStart: number;
-        insetBlockEnd: number;
-        insetInlineStart: number;
-        insetInlineEnd: number;
-        inlineSize: number;
-    };
-} & React.RefAttributes<AppLayoutProps.Ref>>;
-//# sourceMappingURL=implementation.d.ts.map

package/app-layout/implementation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/app-layout/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,cAAc,EAA8B,MAAM,cAAc,CAAC;AAE1E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;4CAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4CAIZ,CAAC"}

package/app-layout/implementation.js

@@ -1,13 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { createWidgetizedForwardRef } from '../internal/widgets';
-import ClassicAppLayout from './classic';
-import RefreshedAppLayout from './visual-refresh';
-export const AppLayoutImplementation = React.forwardRef((props, ref) => {
-    const isRefresh = useVisualRefresh();
-    return isRefresh ? React.createElement(RefreshedAppLayout, Object.assign({ ref: ref }, props)) : React.createElement(ClassicAppLayout, Object.assign({ ref: ref }, props));
-});
-export const createWidgetizedAppLayout = createWidgetizedForwardRef(AppLayoutImplementation);
-//# sourceMappingURL=implementation.js.map

package/app-layout/implementation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/app-layout/implementation.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,gBAAgB,MAAM,WAAW,CAAC;AACzC,OAAO,kBAAkB,MAAM,kBAAkB,CAAC;AAGlD,MAAM,CAAC,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CACrD,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,SAAS,CAAC,CAAC,CAAC,oBAAC,kBAAkB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC,CAAC,CAAC,oBAAC,gBAAgB,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAC7G,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,0BAA0B,CAIjE,uBAAuB,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport ClassicAppLayout from './classic';\nimport RefreshedAppLayout from './visual-refresh';\nimport { AppLayoutProps, AppLayoutPropsWithDefaults } from './interfaces';\n\nexport const AppLayoutImplementation = React.forwardRef<AppLayoutProps.Ref, AppLayoutPropsWithDefaults>(\n  (props, ref) => {\n    const isRefresh = useVisualRefresh();\n    return isRefresh ? <RefreshedAppLayout ref={ref} {...props} /> : <ClassicAppLayout ref={ref} {...props} />;\n  }\n);\n\nexport const createWidgetizedAppLayout = createWidgetizedForwardRef<\n  AppLayoutPropsWithDefaults,\n  AppLayoutProps.Ref,\n  typeof AppLayoutImplementation\n>(AppLayoutImplementation);\n"]}

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { AppLayoutPropsWithDefaults } from '../interfaces';
-export declare function AppLayoutSkeleton({ notifications, contentHeader, content, navigation, navigationHide, navigationOpen, navigationWidth, tools, toolsHide, toolsOpen, toolsWidth, placement, contentType, maxContentWidth, disableContentPaddings, }: AppLayoutPropsWithDefaults): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/skeleton/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAG3D,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,OAAO,EAEP,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,SAAS,EACT,WAAW,EACX,eAAe,EACf,sBAAsB,GACvB,EAAE,0BAA0B,eAmB5B"}

package/app-layout/skeleton/index.js

@@ -1,10 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { SkeletonLayout } from './layout';
-export function AppLayoutSkeleton({ notifications, contentHeader, content, navigation, navigationHide, navigationOpen, navigationWidth, tools, toolsHide, toolsOpen, toolsWidth, placement, contentType, maxContentWidth, disableContentPaddings, }) {
-    // render nothing in the skeleton state
-    const placeholder = React.createElement(React.Fragment, null);
-    return (React.createElement(SkeletonLayout, { topBar: placeholder, notifications: notifications, contentHeader: contentHeader, content: content, navigation: !navigationHide && navigationOpen && navigation && placeholder, navigationWidth: navigationWidth, tools: !toolsHide && toolsOpen && tools && placeholder, toolsWidth: toolsWidth, placement: placement, contentType: contentType, maxContentWidth: maxContentWidth, disableContentPaddings: disableContentPaddings }));
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/app-layout/skeleton/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,UAAU,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,OAAO,EAEP,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,EAEV,SAAS,EACT,WAAW,EACX,eAAe,EACf,sBAAsB,GACK;IAC3B,uCAAuC;IACvC,MAAM,WAAW,GAAG,yCAAK,CAAC;IAC1B,OAAO,CACL,oBAAC,cAAc,IACb,MAAM,EAAE,WAAW,EACnB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,CAAC,cAAc,IAAI,cAAc,IAAI,UAAU,IAAI,WAAW,EAC1E,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,CAAC,SAAS,IAAI,SAAS,IAAI,KAAK,IAAI,WAAW,EACtD,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,GAC9C,CACH,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 { AppLayoutPropsWithDefaults } from '../interfaces';\nimport { SkeletonLayout } from './layout';\n\nexport function AppLayoutSkeleton({\n  notifications,\n  contentHeader,\n  content,\n\n  navigation,\n  navigationHide,\n  navigationOpen,\n  navigationWidth,\n  tools,\n  toolsHide,\n  toolsOpen,\n  toolsWidth,\n\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: AppLayoutPropsWithDefaults) {\n  // render nothing in the skeleton state\n  const placeholder = <></>;\n  return (\n    <SkeletonLayout\n      topBar={placeholder}\n      notifications={notifications}\n      contentHeader={contentHeader}\n      content={content}\n      navigation={!navigationHide && navigationOpen && navigation && placeholder}\n      navigationWidth={navigationWidth}\n      tools={!toolsHide && toolsOpen && tools && placeholder}\n      toolsWidth={toolsWidth}\n      placement={placement}\n      contentType={contentType}\n      maxContentWidth={maxContentWidth}\n      disableContentPaddings={disableContentPaddings}\n    />\n  );\n}\n"]}

package/app-layout/skeleton/layout.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { AppLayoutPropsWithDefaults } from '../interfaces';
-interface SkeletonLayoutProps extends Pick<AppLayoutPropsWithDefaults, 'notifications' | 'contentHeader' | 'content' | 'contentType' | 'maxContentWidth' | 'disableContentPaddings' | 'navigation' | 'navigationWidth' | 'tools' | 'toolsWidth' | 'placement'> {
-    topBar?: React.ReactNode;
-}
-export declare function SkeletonLayout({ notifications, contentHeader, content, navigation, navigationWidth, tools, toolsWidth, topBar, placement, contentType, maxContentWidth, disableContentPaddings, }: SkeletonLayoutProps): JSX.Element;
-export {};
-//# sourceMappingURL=layout.d.ts.map

package/app-layout/skeleton/layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/skeleton/layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAO3D,UAAU,mBACR,SAAQ,IAAI,CACV,0BAA0B,EACxB,eAAe,GACf,eAAe,GACf,SAAS,GACT,aAAa,GACb,iBAAiB,GACjB,wBAAwB,GACxB,YAAY,GACZ,iBAAiB,GACjB,OAAO,GACP,YAAY,GACZ,WAAW,CACd;IACD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,EACf,sBAAsB,GACvB,EAAE,mBAAmB,eA2BrB"}

package/app-layout/skeleton/layout.js

@@ -1,28 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import styles from './styles.css.js';
-import customCssProps from '../../internal/generated/custom-css-properties';
-import clsx from 'clsx';
-const contentTypeCustomWidths = ['dashboard', 'cards', 'table'];
-export function SkeletonLayout({ notifications, contentHeader, content, navigation, navigationWidth, tools, toolsWidth, topBar, placement, contentType, maxContentWidth, disableContentPaddings, }) {
-    const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;
-    return (React.createElement("div", { className: clsx(styles.root, {
-            [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),
-            [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',
-        }), style: {
-            minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,
-            [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',
-            [customCssProps.navigationWidth]: `${navigationWidth}px`,
-            [customCssProps.toolsWidth]: `${toolsWidth}px`,
-        } },
-        React.createElement("section", { className: styles['top-bar'] }, topBar),
-        navigation && React.createElement("div", { className: styles.navigation }, navigation),
-        React.createElement("main", { className: styles['main-landmark'] },
-            notifications && React.createElement("div", { className: styles.notifications }, notifications),
-            React.createElement("div", { className: clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings }) },
-                contentHeader && React.createElement("div", { className: styles['content-header'] }, contentHeader),
-                React.createElement("div", null, content))),
-        tools && React.createElement("div", { className: styles.tools }, tools)));
-}
-//# sourceMappingURL=layout.js.map

package/app-layout/skeleton/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/app-layout/skeleton/layout.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,gDAAgD,CAAC;AAC5E,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,uBAAuB,GAA8B,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;AAoB3F,MAAM,UAAU,cAAc,CAAC,EAC7B,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,EACV,eAAe,EACf,KAAK,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,WAAW,EACX,eAAe,EACf,sBAAsB,GACF;IACpB,MAAM,UAAU,GAAG,eAAe,KAAK,MAAM,CAAC,SAAS,IAAI,eAAe,KAAK,MAAM,CAAC,gBAAgB,CAAC;IACvG,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC3B,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAC,EAAE,CAAC,uBAAuB,CAAC,QAAQ,CAAC,WAAW,CAAC;YACvF,CAAC,MAAM,CAAC,+BAA+B,CAAC,CAAC,EAAE,WAAW,KAAK,WAAW;SACvE,CAAC,EACF,KAAK,EAAE;YACL,YAAY,EAAE,gBAAgB,SAAS,CAAC,eAAe,QAAQ,SAAS,CAAC,aAAa,KAAK;YAC3F,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,IAAI,CAAC,CAAC,CAAC,EAAE;YACrG,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,GAAG,eAAe,IAAI;YACxD,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,GAAG,UAAU,IAAI;SAC/C;QAED,iCAAS,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,IAAG,MAAM,CAAW;QACxD,UAAU,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,IAAG,UAAU,CAAO;QACpE,8BAAM,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC;YACrC,aAAa,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,IAAG,aAAa,CAAO;YAC7E,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,sBAAsB,EAAE,CAAC;gBAC7F,aAAa,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,IAAG,aAAa,CAAO;gBACjF,iCAAM,OAAO,CAAO,CAChB,CACD;QACN,KAAK,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAO,CACjD,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 { AppLayoutPropsWithDefaults } from '../interfaces';\nimport styles from './styles.css.js';\nimport customCssProps from '../../internal/generated/custom-css-properties';\nimport clsx from 'clsx';\n\nconst contentTypeCustomWidths: Array<string | undefined> = ['dashboard', 'cards', 'table'];\n\ninterface SkeletonLayoutProps\n  extends Pick<\n    AppLayoutPropsWithDefaults,\n    | 'notifications'\n    | 'contentHeader'\n    | 'content'\n    | 'contentType'\n    | 'maxContentWidth'\n    | 'disableContentPaddings'\n    | 'navigation'\n    | 'navigationWidth'\n    | 'tools'\n    | 'toolsWidth'\n    | 'placement'\n  > {\n  topBar?: React.ReactNode;\n}\n\nexport function SkeletonLayout({\n  notifications,\n  contentHeader,\n  content,\n  navigation,\n  navigationWidth,\n  tools,\n  toolsWidth,\n  topBar,\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: SkeletonLayoutProps) {\n  const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;\n  return (\n    <div\n      className={clsx(styles.root, {\n        [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),\n        [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',\n      })}\n      style={{\n        minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,\n        [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',\n        [customCssProps.navigationWidth]: `${navigationWidth}px`,\n        [customCssProps.toolsWidth]: `${toolsWidth}px`,\n      }}\n    >\n      <section className={styles['top-bar']}>{topBar}</section>\n      {navigation && <div className={styles.navigation}>{navigation}</div>}\n      <main className={styles['main-landmark']}>\n        {notifications && <div className={styles.notifications}>{notifications}</div>}\n        <div className={clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings })}>\n          {contentHeader && <div className={styles['content-header']}>{contentHeader}</div>}\n          <div>{content}</div>\n        </div>\n      </main>\n      {tools && <div className={styles.tools}>{tools}</div>}\n    </div>\n  );\n}\n"]}

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

@@ -1,16 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "root": "awsui_root_1uxbz_1ayfw_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_1uxbz_1ayfw_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_1uxbz_1ayfw_165",
-  "navigation": "awsui_navigation_1uxbz_1ayfw_180",
-  "tools": "awsui_tools_1uxbz_1ayfw_181",
-  "top-bar": "awsui_top-bar_1uxbz_1ayfw_204",
-  "notifications": "awsui_notifications_1uxbz_1ayfw_210",
-  "main-landmark": "awsui_main-landmark_1uxbz_1ayfw_217",
-  "main": "awsui_main_1uxbz_1ayfw_217",
-  "main-disable-paddings": "awsui_main-disable-paddings_1uxbz_1ayfw_226",
-  "content-header": "awsui_content-header_1uxbz_1ayfw_236"
-};
-  

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

@@ -1,17 +0,0 @@
-
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "root": "awsui_root_1uxbz_1ayfw_101",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_1uxbz_1ayfw_150",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_1uxbz_1ayfw_165",
-  "navigation": "awsui_navigation_1uxbz_1ayfw_180",
-  "tools": "awsui_tools_1uxbz_1ayfw_181",
-  "top-bar": "awsui_top-bar_1uxbz_1ayfw_204",
-  "notifications": "awsui_notifications_1uxbz_1ayfw_210",
-  "main-landmark": "awsui_main-landmark_1uxbz_1ayfw_217",
-  "main": "awsui_main_1uxbz_1ayfw_217",
-  "main-disable-paddings": "awsui_main-disable-paddings_1uxbz_1ayfw_226",
-  "content-header": "awsui_content-header_1uxbz_1ayfw_236"
-};
-