@cloudscape-design/components 3.0.43 → 3.0.46

package/code-editor/styles.selectors.js

@@ -2,38 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor": "awsui_code-editor_1gl9c_1563r_98",
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1563r_342",
-  "pane": "awsui_pane_1gl9c_1563r_354",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1563r_365",
-  "pane__list": "awsui_pane__list_1gl9c_1563r_370",
-  "pane__table": "awsui_pane__table_1gl9c_1563r_377",
-  "pane__item": "awsui_pane__item_1gl9c_1563r_382",
-  "pane__cell": "awsui_pane__cell_1gl9c_1563r_382",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1563r_396",
-  "pane__location": "awsui_pane__location_1gl9c_1563r_417",
-  "pane__description": "awsui_pane__description_1gl9c_1563r_417",
-  "focus-lock": "awsui_focus-lock_1gl9c_1563r_432",
-  "resizable-box": "awsui_resizable-box_1gl9c_1563r_455",
-  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1563r_460",
-  "editor": "awsui_editor_1gl9c_1563r_485",
-  "status-bar": "awsui_status-bar_1gl9c_1563r_518",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1563r_527",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1563r_531",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1563r_538",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1563r_542",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1563r_546",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1563r_546",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1563r_551",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1563r_555",
-  "tab-button": "awsui_tab-button_1gl9c_1563r_561",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1563r_574",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1563r_588",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1563r_608",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1563r_638",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1563r_645",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1563r_645",
-  "loading-screen": "awsui_loading-screen_1gl9c_1563r_649",
-  "error-screen": "awsui_error-screen_1gl9c_1563r_650"
+  "code-editor": "awsui_code-editor_1gl9c_pjv1f_98",
+  "pane": "awsui_pane_1gl9c_pjv1f_351",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_pjv1f_362",
+  "pane__list": "awsui_pane__list_1gl9c_pjv1f_367",
+  "pane__table": "awsui_pane__table_1gl9c_pjv1f_374",
+  "pane__item": "awsui_pane__item_1gl9c_pjv1f_379",
+  "pane__cell": "awsui_pane__cell_1gl9c_pjv1f_379",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_pjv1f_393",
+  "pane__location": "awsui_pane__location_1gl9c_pjv1f_414",
+  "pane__description": "awsui_pane__description_1gl9c_pjv1f_414",
+  "focus-lock": "awsui_focus-lock_1gl9c_pjv1f_429",
+  "resizable-box": "awsui_resizable-box_1gl9c_pjv1f_452",
+  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_pjv1f_457",
+  "editor": "awsui_editor_1gl9c_pjv1f_482",
+  "status-bar": "awsui_status-bar_1gl9c_pjv1f_512",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_pjv1f_521",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_pjv1f_525",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_pjv1f_532",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_pjv1f_536",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_pjv1f_540",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_pjv1f_540",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_pjv1f_545",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_pjv1f_549",
+  "tab-button": "awsui_tab-button_1gl9c_pjv1f_555",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_pjv1f_568",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_pjv1f_582",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_pjv1f_602",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_pjv1f_632",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_pjv1f_639",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_pjv1f_639",
+  "loading-screen": "awsui_loading-screen_1gl9c_pjv1f_643",
+  "error-screen": "awsui_error-screen_1gl9c_pjv1f_644"
 };
   

package/container/internal.d.ts

@@ -6,6 +6,7 @@ export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>,
     __stickyOffset?: number;
     __disableFooterDivider?: boolean;
     __disableFooterPaddings?: boolean;
+    __hiddenContent?: boolean;
     __headerRef?: React.RefObject<HTMLDivElement>;
     /**
      * Additional internal variant:
@@ -15,5 +16,5 @@ export interface InternalContainerProps extends Omit<ContainerProps, 'variant'>,
      */
     variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';
 }
-export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, __stickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __headerRef, ...restProps }: InternalContainerProps): JSX.Element;
+export default function InternalContainer({ header, footer, children, variant, disableHeaderPaddings, disableContentPaddings, __stickyOffset, __stickyHeader, __internalRootRef, __disableFooterDivider, __disableFooterPaddings, __hiddenContent, __headerRef, ...restProps }: InternalContainerProps): JSX.Element;
 //# sourceMappingURL=internal.d.ts.map

package/container/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;CAC1E;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,cAAc,EACd,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,WAAW,EACX,GAAG,SAAS,EACb,EAAE,sBAAsB,eA0DxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;CAC1E;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,cAAc,EACd,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,GAAG,SAAS,EACb,EAAE,sBAAsB,eA2DxB"}

package/container/internal.js

@@ -11,11 +11,11 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
 export default function InternalContainer(_a) {
     var _b, _c, _d;
-    var header = _a.header, footer = _a.footer, children = _a.children, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.disableHeaderPaddings, disableHeaderPaddings = _f === void 0 ? false : _f, _g = _a.disableContentPaddings, disableContentPaddings = _g === void 0 ? false : _g, __stickyOffset = _a.__stickyOffset, _h = _a.__stickyHeader, __stickyHeader = _h === void 0 ? false : _h, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, _k = _a.__disableFooterDivider, __disableFooterDivider = _k === void 0 ? false : _k, _l = _a.__disableFooterPaddings, __disableFooterPaddings = _l === void 0 ? false : _l, __headerRef = _a.__headerRef, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "__stickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__headerRef"]);
+    var header = _a.header, footer = _a.footer, children = _a.children, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, _f = _a.disableHeaderPaddings, disableHeaderPaddings = _f === void 0 ? false : _f, _g = _a.disableContentPaddings, disableContentPaddings = _g === void 0 ? false : _g, __stickyOffset = _a.__stickyOffset, _h = _a.__stickyHeader, __stickyHeader = _h === void 0 ? false : _h, _j = _a.__internalRootRef, __internalRootRef = _j === void 0 ? null : _j, _k = _a.__disableFooterDivider, __disableFooterDivider = _k === void 0 ? false : _k, _l = _a.__disableFooterPaddings, __disableFooterPaddings = _l === void 0 ? false : _l, _m = _a.__hiddenContent, __hiddenContent = _m === void 0 ? false : _m, __headerRef = _a.__headerRef, restProps = __rest(_a, ["header", "footer", "children", "variant", "disableHeaderPaddings", "disableContentPaddings", "__stickyOffset", "__stickyHeader", "__internalRootRef", "__disableFooterDivider", "__disableFooterPaddings", "__hiddenContent", "__headerRef"]);
     var baseProps = getBaseProps(restProps);
     var rootRef = useRef(null);
     var headerRef = useRef(null);
-    var _m = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset), isSticky = _m.isSticky, isStuck = _m.isStuck, stickyStyles = _m.stickyStyles;
+    var _o = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset), isSticky = _o.isSticky, isStuck = _o.isStuck, stickyStyles = _o.stickyStyles;
     var isRefresh = useVisualRefresh();
     var hasDynamicHeight = isRefresh && variant === 'full-page';
     var overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight });
@@ -29,6 +29,7 @@ export default function InternalContainer(_a) {
                     _b[styles['header-dynamic-height']] = hasDynamicHeight,
                     _b[styles['header-stuck']] = isStuck,
                     _b[styles['with-paddings']] = !disableHeaderPaddings,
+                    _b[styles['with-hidden-content']] = __hiddenContent,
                     _b)) }, stickyStyles, { ref: headerMergedRef }), hasDynamicHeight ? (React.createElement("div", { className: clsx(styles['dark-header'], 'awsui-context-content-header') }, header)) : (header)))),
         React.createElement("div", { className: clsx(styles.content, (_c = {},
                 _c[styles['with-paddings']] = !disableContentPaddings,

package/container/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport { useDynamicOverlap } from '../app-layout/visual-refresh/hooks/use-dynamic-overlap';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __headerRef,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const isRefresh = useVisualRefresh();\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`variant-${variant}`])}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n            })}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {hasDynamicHeight ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/container/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport { useDynamicOverlap } from '../app-layout/visual-refresh/hooks/use-dynamic-overlap';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  __stickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  ...restProps\n}: InternalContainerProps) {\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(rootRef, headerRef, __stickyHeader, __stickyOffset);\n  const isRefresh = useVisualRefresh();\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, styles[`variant-${variant}`])}\n      ref={mergedRef}\n    >\n      {header && (\n        <StickyHeaderContext.Provider value={{ isStuck }}>\n          <div\n            className={clsx(styles.header, styles[`header-variant-${variant}`], {\n              [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n              [styles['header-sticky-enabled']]: isSticky,\n              [styles['header-dynamic-height']]: hasDynamicHeight,\n              [styles['header-stuck']]: isStuck,\n              [styles['with-paddings']]: !disableHeaderPaddings,\n              [styles['with-hidden-content']]: __hiddenContent,\n            })}\n            {...stickyStyles}\n            ref={headerMergedRef}\n          >\n            {hasDynamicHeight ? (\n              <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n            ) : (\n              header\n            )}\n          </div>\n        </StickyHeaderContext.Provider>\n      )}\n      <div\n        className={clsx(styles.content, {\n          [styles['with-paddings']]: !disableContentPaddings,\n        })}\n      >\n        {children}\n      </div>\n      {footer && (\n        <div\n          className={clsx(styles.footer, {\n            [styles['with-divider']]: !__disableFooterDivider,\n            [styles['with-paddings']]: !__disableFooterPaddings,\n          })}\n        >\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/container/styles.css.js

@@ -1,20 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_v306r_97",
-  "variant-default": "awsui_variant-default_14iqq_v306r_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_v306r_109",
-  "header": "awsui_header_14iqq_v306r_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_v306r_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_v306r_140",
-  "header-stuck": "awsui_header-stuck_14iqq_v306r_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_v306r_151",
-  "with-paddings": "awsui_with-paddings_14iqq_v306r_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_v306r_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_v306r_184",
-  "dark-header": "awsui_dark-header_14iqq_v306r_192",
-  "content": "awsui_content_14iqq_v306r_196",
-  "footer": "awsui_footer_14iqq_v306r_203",
-  "with-divider": "awsui_with-divider_14iqq_v306r_206"
+  "root": "awsui_root_14iqq_nllvs_97",
+  "variant-default": "awsui_variant-default_14iqq_nllvs_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_nllvs_109",
+  "header": "awsui_header_14iqq_nllvs_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_nllvs_137",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_nllvs_141",
+  "header-stuck": "awsui_header-stuck_14iqq_nllvs_147",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_nllvs_152",
+  "with-paddings": "awsui_with-paddings_14iqq_nllvs_158",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_nllvs_161",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_nllvs_165",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_nllvs_189",
+  "dark-header": "awsui_dark-header_14iqq_nllvs_197",
+  "content": "awsui_content_14iqq_nllvs_201",
+  "footer": "awsui_footer_14iqq_nllvs_208",
+  "with-divider": "awsui_with-divider_14iqq_nllvs_211"
 };
   

package/container/styles.scoped.css

@@ -94,7 +94,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_root_14iqq_v306r_97:not(#\9) {
+.awsui_root_14iqq_nllvs_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -132,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
   word-wrap: break-word;
 }
-.awsui_root_14iqq_v306r_97.awsui_variant-default_14iqq_v306r_109:not(#\9), .awsui_root_14iqq_v306r_97.awsui_variant-stacked_14iqq_v306r_109:not(#\9) {
+.awsui_root_14iqq_nllvs_97.awsui_variant-default_14iqq_nllvs_109:not(#\9), .awsui_root_14iqq_nllvs_97.awsui_variant-stacked_14iqq_nllvs_109:not(#\9) {
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
   border-radius: var(--border-radius-container-gh9ysk, 16px);
@@ -140,74 +140,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_v306r_97.awsui_variant-default_14iqq_v306r_109:not(#\9), .awsui_root_14iqq_v306r_97.awsui_variant-stacked_14iqq_v306r_109:not(#\9) {
+  .awsui_root_14iqq_nllvs_97.awsui_variant-default_14iqq_nllvs_109:not(#\9), .awsui_root_14iqq_nllvs_97.awsui_variant-stacked_14iqq_nllvs_109:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
-.awsui_root_14iqq_v306r_97.awsui_variant-stacked_14iqq_v306r_109:not(#\9):not(:last-child) {
+.awsui_root_14iqq_nllvs_97.awsui_variant-stacked_14iqq_nllvs_109:not(#\9):not(:last-child) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_v306r_97.awsui_variant-stacked_14iqq_v306r_109 + .awsui_root_14iqq_v306r_97.awsui_variant-stacked_14iqq_v306r_109:not(#\9) {
+.awsui_root_14iqq_nllvs_97.awsui_variant-stacked_14iqq_nllvs_109 + .awsui_root_14iqq_nllvs_97.awsui_variant-stacked_14iqq_nllvs_109:not(#\9) {
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   box-shadow: var(--shadow-container-stacked-lumzae, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
 }
 
-.awsui_header_14iqq_v306r_132:not(#\9) {
+.awsui_header_14iqq_nllvs_132:not(#\9) {
   background-color: var(--color-background-container-header-4flbq5, #ffffff);
-  border-radius: var(--border-radius-container-gh9ysk, 16px);
+  border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
+  border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
 }
-.awsui_header-sticky-disabled_14iqq_v306r_136:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_nllvs_137:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_v306r_140:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_nllvs_141:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_v306r_146:not(#\9) {
+.awsui_header-stuck_14iqq_nllvs_147:not(#\9) {
   box-shadow: var(--shadow-sticky-embedded-qit8ba, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
   border: 0;
   border-radius: 0;
 }
-.awsui_header-dynamic-height_14iqq_v306r_151.awsui_header-stuck_14iqq_v306r_146:not(#\9) {
+.awsui_header-dynamic-height_14iqq_nllvs_152.awsui_header-stuck_14iqq_nllvs_147:not(#\9) {
   margin-bottom: calc(var(--font-heading-xl-line-height-doxfdj, 40px) - var(--font-heading-l-line-height-gev4n1, 30px));
 }
-.awsui_header_14iqq_v306r_132:not(#\9):not(:empty) {
+.awsui_header_14iqq_nllvs_132:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-i7t7xe, 0px) solid var(--color-border-container-divider-4ade7z, transparent);
 }
-.awsui_header_14iqq_v306r_132.awsui_with-paddings_14iqq_v306r_157:not(#\9) {
+.awsui_header_14iqq_nllvs_132.awsui_with-paddings_14iqq_nllvs_158:not(#\9) {
   padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-ddrezg, 24px);
 }
-.awsui_header-variant-cards_14iqq_v306r_160:not(#\9) {
+.awsui_header_14iqq_nllvs_132.awsui_with-hidden-content_14iqq_nllvs_161:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-gh9ysk, 16px);
+  border-bottom-right-radius: var(--border-radius-container-gh9ysk, 16px);
+}
+.awsui_header-variant-cards_14iqq_nllvs_165:not(#\9) {
   box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
   border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_v306r_160:not(#\9) {
+  .awsui_header-variant-cards_14iqq_nllvs_165:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
-.awsui_header-variant-cards_14iqq_v306r_160:not(#\9):not(:empty) {
+.awsui_header-variant-cards_14iqq_nllvs_165:not(#\9):not(:empty) {
   border-bottom: 1px solid #d5dbdb;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
 @supports (--css-variable-support-check: #000) {
-  .awsui_header-variant-cards_14iqq_v306r_160:not(#\9):not(:empty) {
+  .awsui_header-variant-cards_14iqq_nllvs_165:not(#\9):not(:empty) {
     border-bottom: 0;
   }
 }
-.awsui_header-variant-cards_14iqq_v306r_160.awsui_header-stuck_14iqq_v306r_146:not(#\9) {
+.awsui_header-variant-cards_14iqq_nllvs_165.awsui_header-stuck_14iqq_nllvs_147:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_v306r_184.awsui_header-stuck_14iqq_v306r_146:not(#\9) {
+.awsui_header-variant-full-page_14iqq_nllvs_189.awsui_header-stuck_14iqq_nllvs_147:not(#\9) {
   box-shadow: var(--shadow-sticky-aijlo6, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
 
@@ -215,20 +220,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_v306r_192:not(#\9) {
+.awsui_dark-header_14iqq_nllvs_197:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
 
-.awsui_content_14iqq_v306r_196.awsui_with-paddings_14iqq_v306r_157:not(#\9) {
+.awsui_content_14iqq_nllvs_201.awsui_with-paddings_14iqq_nllvs_158:not(#\9) {
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-ddrezg, 24px);
 }
-.awsui_header_14iqq_v306r_132 + .awsui_content_14iqq_v306r_196.awsui_with-paddings_14iqq_v306r_157:not(#\9) {
+.awsui_header_14iqq_nllvs_132 + .awsui_content_14iqq_nllvs_201.awsui_with-paddings_14iqq_nllvs_158:not(#\9) {
   padding-top: var(--space-container-content-top-fsd8nr, 0px);
 }
 
-.awsui_footer_14iqq_v306r_203.awsui_with-paddings_14iqq_v306r_157:not(#\9) {
+.awsui_footer_14iqq_nllvs_208.awsui_with-paddings_14iqq_nllvs_158:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-ddrezg, 24px);
 }
-.awsui_footer_14iqq_v306r_203.awsui_with-divider_14iqq_v306r_206:not(#\9) {
+.awsui_footer_14iqq_nllvs_208.awsui_with-divider_14iqq_nllvs_211:not(#\9) {
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }

package/container/styles.selectors.js

@@ -2,20 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_v306r_97",
-  "variant-default": "awsui_variant-default_14iqq_v306r_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_v306r_109",
-  "header": "awsui_header_14iqq_v306r_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_v306r_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_v306r_140",
-  "header-stuck": "awsui_header-stuck_14iqq_v306r_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_v306r_151",
-  "with-paddings": "awsui_with-paddings_14iqq_v306r_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_v306r_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_v306r_184",
-  "dark-header": "awsui_dark-header_14iqq_v306r_192",
-  "content": "awsui_content_14iqq_v306r_196",
-  "footer": "awsui_footer_14iqq_v306r_203",
-  "with-divider": "awsui_with-divider_14iqq_v306r_206"
+  "root": "awsui_root_14iqq_nllvs_97",
+  "variant-default": "awsui_variant-default_14iqq_nllvs_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_nllvs_109",
+  "header": "awsui_header_14iqq_nllvs_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_nllvs_137",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_nllvs_141",
+  "header-stuck": "awsui_header-stuck_14iqq_nllvs_147",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_nllvs_152",
+  "with-paddings": "awsui_with-paddings_14iqq_nllvs_158",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_nllvs_161",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_nllvs_165",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_nllvs_189",
+  "dark-header": "awsui_dark-header_14iqq_nllvs_197",
+  "content": "awsui_content_14iqq_nllvs_201",
+  "footer": "awsui_footer_14iqq_nllvs_208",
+  "with-divider": "awsui_with-divider_14iqq_nllvs_211"
 };
   

package/date-picker/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_145pa_lzpoy_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_lzpoy_1",
-  "root": "awsui_root_145pa_lzpoy_120",
-  "date-picker-container": "awsui_date-picker-container_145pa_lzpoy_131",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_lzpoy_136",
-  "date-picker-input": "awsui_date-picker-input_145pa_lzpoy_140",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_lzpoy_145",
-  "calendar-inner": "awsui_calendar-inner_145pa_lzpoy_165",
-  "calendar-header": "awsui_calendar-header_145pa_lzpoy_168",
-  "calendar-header-month": "awsui_calendar-header-month_145pa_lzpoy_173",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_lzpoy_179",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_lzpoy_182",
-  "calendar-day-names": "awsui_calendar-day-names_145pa_lzpoy_185",
-  "calendar-day-name": "awsui_calendar-day-name_145pa_lzpoy_185",
-  "calendar-dates": "awsui_calendar-dates_145pa_lzpoy_200",
-  "calendar-week": "awsui_calendar-week_145pa_lzpoy_203",
-  "calendar-day": "awsui_calendar-day_145pa_lzpoy_185",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_lzpoy_222",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_lzpoy_225",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_lzpoy_228",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_lzpoy_232",
-  "calendar-day-selected": "awsui_calendar-day-selected_145pa_lzpoy_239",
-  "calendar-day-today": "awsui_calendar-day-today_145pa_lzpoy_243",
-  "day-inner": "awsui_day-inner_145pa_lzpoy_255"
+  "calendar": "awsui_calendar_145pa_137eg_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_137eg_1",
+  "root": "awsui_root_145pa_137eg_120",
+  "date-picker-container": "awsui_date-picker-container_145pa_137eg_131",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_137eg_136",
+  "date-picker-input": "awsui_date-picker-input_145pa_137eg_140",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_137eg_145",
+  "calendar-inner": "awsui_calendar-inner_145pa_137eg_165",
+  "calendar-header": "awsui_calendar-header_145pa_137eg_168",
+  "calendar-header-month": "awsui_calendar-header-month_145pa_137eg_173",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_137eg_179",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_137eg_182",
+  "calendar-day-names": "awsui_calendar-day-names_145pa_137eg_185",
+  "calendar-day-name": "awsui_calendar-day-name_145pa_137eg_185",
+  "calendar-dates": "awsui_calendar-dates_145pa_137eg_200",
+  "calendar-week": "awsui_calendar-week_145pa_137eg_203",
+  "calendar-day": "awsui_calendar-day_145pa_137eg_185",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_137eg_222",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_137eg_225",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_137eg_228",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_137eg_232",
+  "calendar-day-selected": "awsui_calendar-day-selected_145pa_137eg_239",
+  "calendar-day-today": "awsui_calendar-day-today_145pa_137eg_243",
+  "day-inner": "awsui_day-inner_145pa_137eg_255"
 };