@cloudscape-design/components-themeable 3.0.45 → 3.0.46

package/lib/internal/scss/container/styles.scss

@@ -32,7 +32,9 @@
 
 .header {
   background-color: awsui.$color-background-container-header;
-  border-radius: awsui.$border-radius-container;
+  border-top-left-radius: awsui.$border-radius-container;
+  border-top-right-radius: awsui.$border-radius-container;
+
   // sticky positioning may be disabled (on mobile or if browser does not support it),
   // but some markup still requires a new stacking context
   &-sticky-disabled {
@@ -60,8 +62,13 @@
   &.with-paddings {
     padding: shared.$header-padding;
   }
+  &.with-hidden-content {
+    border-bottom-left-radius: awsui.$border-radius-container;
+    border-bottom-right-radius: awsui.$border-radius-container;
+  }
   &-variant-cards {
     @include shared.borders-and-shadows;
+
     &:not(:empty) {
       // bottom shadow does not appear in IE11 due to the presence of background color
       // Adding a bottom border

package/lib/internal/scss/date-picker/styles.scss

@@ -186,8 +186,9 @@ $calendar-grid-border: 1px solid $calendar-grid-border-color;
       }
     }
   }
+
   @include styles.styles-reset;
   @include focus-visible.when-visible {
-    @include styles.container-focus();
+    @include styles.container-focus(awsui.$border-radius-dropdown);
   }
 }

package/lib/internal/scss/date-range-picker/styles.scss

@@ -179,7 +179,7 @@ $calendar-grid-width: awsui.$size-calendar-grid-width;
     outline: none;
   }
   @include focus-visible.when-visible {
-    @include styles.container-focus();
+    @include styles.container-focus(awsui.$border-radius-dropdown);
   }
 }
 

package/lib/internal/scss/internal/styles/forms/mixins.scss

@@ -21,7 +21,7 @@
   box-shadow: 0 0 0 awsui.$border-link-focus-ring-shadow-spread awsui.$color-border-item-focused;
 }
 
-@mixin container-focus {
+@mixin container-focus($border-radius: awsui.$border-radius-container) {
   // This mixin is different to `focus-highlight` because it needs to supports overflowing
   // content. Using a pseudo element does not take the width or height of the overflowing
   // children.
@@ -30,7 +30,7 @@
   outline: 2px dotted transparent;
   outline-offset: 2px;
 
-  border-radius: awsui.$border-radius-container;
+  border-radius: $border-radius;
   box-shadow: foundation.$box-shadow-focused;
 }
 

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/container/styles.css.js

@@ -1,20 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_5wfq7_97",
-  "variant-default": "awsui_variant-default_14iqq_5wfq7_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_5wfq7_109",
-  "header": "awsui_header_14iqq_5wfq7_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5wfq7_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5wfq7_140",
-  "header-stuck": "awsui_header-stuck_14iqq_5wfq7_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5wfq7_151",
-  "with-paddings": "awsui_with-paddings_14iqq_5wfq7_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_5wfq7_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5wfq7_184",
-  "dark-header": "awsui_dark-header_14iqq_5wfq7_192",
-  "content": "awsui_content_14iqq_5wfq7_196",
-  "footer": "awsui_footer_14iqq_5wfq7_203",
-  "with-divider": "awsui_with-divider_14iqq_5wfq7_206"
+  "root": "awsui_root_14iqq_d572s_97",
+  "variant-default": "awsui_variant-default_14iqq_d572s_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_d572s_109",
+  "header": "awsui_header_14iqq_d572s_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_d572s_137",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_d572s_141",
+  "header-stuck": "awsui_header-stuck_14iqq_d572s_147",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_d572s_152",
+  "with-paddings": "awsui_with-paddings_14iqq_d572s_158",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_d572s_161",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_d572s_165",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_d572s_189",
+  "dark-header": "awsui_dark-header_14iqq_d572s_197",
+  "content": "awsui_content_14iqq_d572s_201",
+  "footer": "awsui_footer_14iqq_d572s_208",
+  "with-divider": "awsui_with-divider_14iqq_d572s_211"
 };
   

package/lib/internal/template/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_5wfq7_97:not(#\9) {
+.awsui_root_14iqq_d572s_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_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
+.awsui_root_14iqq_d572s_97.awsui_variant-default_14iqq_d572s_109:not(#\9), .awsui_root_14iqq_d572s_97.awsui_variant-stacked_14iqq_d572s_109:not(#\9) {
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: var(--border-radius-container-1aveko, 0px);
@@ -140,74 +140,79 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_5wfq7_97.awsui_variant-default_14iqq_5wfq7_109:not(#\9), .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
+  .awsui_root_14iqq_d572s_97.awsui_variant-default_14iqq_d572s_109:not(#\9), .awsui_root_14iqq_d572s_97.awsui_variant-stacked_14iqq_d572s_109:not(#\9) {
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9):not(:last-child) {
+.awsui_root_14iqq_d572s_97.awsui_variant-stacked_14iqq_d572s_109:not(#\9):not(:last-child) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109 + .awsui_root_14iqq_5wfq7_97.awsui_variant-stacked_14iqq_5wfq7_109:not(#\9) {
+.awsui_root_14iqq_d572s_97.awsui_variant-stacked_14iqq_d572s_109 + .awsui_root_14iqq_d572s_97.awsui_variant-stacked_14iqq_d572s_109:not(#\9) {
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   box-shadow: var(--shadow-container-stacked-j8j87i, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_header_14iqq_5wfq7_132:not(#\9) {
+.awsui_header_14iqq_d572s_132:not(#\9) {
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
-  border-radius: var(--border-radius-container-1aveko, 0px);
+  border-top-left-radius: var(--border-radius-container-1aveko, 0px);
+  border-top-right-radius: var(--border-radius-container-1aveko, 0px);
 }
-.awsui_header-sticky-disabled_14iqq_5wfq7_136:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_d572s_137:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_5wfq7_140:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_d572s_141:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
+.awsui_header-stuck_14iqq_d572s_147:not(#\9) {
   box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   border: 0;
   border-radius: 0;
 }
-.awsui_header-dynamic-height_14iqq_5wfq7_151.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
+.awsui_header-dynamic-height_14iqq_d572s_152.awsui_header-stuck_14iqq_d572s_147:not(#\9) {
   margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
 }
-.awsui_header_14iqq_5wfq7_132:not(#\9):not(:empty) {
+.awsui_header_14iqq_d572s_132:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
-.awsui_header_14iqq_5wfq7_132.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
+.awsui_header_14iqq_d572s_132.awsui_with-paddings_14iqq_d572s_158:not(#\9) {
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
+.awsui_header_14iqq_d572s_132.awsui_with-hidden-content_14iqq_d572s_161:not(#\9) {
+  border-bottom-left-radius: var(--border-radius-container-1aveko, 0px);
+  border-bottom-right-radius: var(--border-radius-container-1aveko, 0px);
+}
+.awsui_header-variant-cards_14iqq_d572s_165:not(#\9) {
   box-shadow: var(--shadow-container-0bkp96, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   border-top: var(--border-container-top-width-fs2udu, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9) {
+  .awsui_header-variant-cards_14iqq_d572s_165:not(#\9) {
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_5wfq7_160:not(#\9):not(:empty) {
+.awsui_header-variant-cards_14iqq_d572s_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_5wfq7_160:not(#\9):not(:empty) {
+  .awsui_header-variant-cards_14iqq_d572s_165:not(#\9):not(:empty) {
     border-bottom: 0;
   }
 }
-.awsui_header-variant-cards_14iqq_5wfq7_160.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
+.awsui_header-variant-cards_14iqq_d572s_165.awsui_header-stuck_14iqq_d572s_147:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_5wfq7_184.awsui_header-stuck_14iqq_5wfq7_146:not(#\9) {
+.awsui_header-variant-full-page_14iqq_d572s_189.awsui_header-stuck_14iqq_d572s_147:not(#\9) {
   box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
 
@@ -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_5wfq7_192:not(#\9) {
+.awsui_dark-header_14iqq_d572s_197:not(#\9) {
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
 
-.awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
+.awsui_content_14iqq_d572s_201.awsui_with-paddings_14iqq_d572s_158:not(#\9) {
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header_14iqq_5wfq7_132 + .awsui_content_14iqq_5wfq7_196.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
+.awsui_header_14iqq_d572s_132 + .awsui_content_14iqq_d572s_201.awsui_with-paddings_14iqq_d572s_158:not(#\9) {
   padding-top: var(--space-container-content-top-u412x3, 16px);
 }
 
-.awsui_footer_14iqq_5wfq7_203.awsui_with-paddings_14iqq_5wfq7_157:not(#\9) {
+.awsui_footer_14iqq_d572s_208.awsui_with-paddings_14iqq_d572s_158:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_14iqq_5wfq7_203.awsui_with-divider_14iqq_5wfq7_206:not(#\9) {
+.awsui_footer_14iqq_d572s_208.awsui_with-divider_14iqq_d572s_211:not(#\9) {
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }

package/lib/internal/template/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_5wfq7_97",
-  "variant-default": "awsui_variant-default_14iqq_5wfq7_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_5wfq7_109",
-  "header": "awsui_header_14iqq_5wfq7_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_5wfq7_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_5wfq7_140",
-  "header-stuck": "awsui_header-stuck_14iqq_5wfq7_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_5wfq7_151",
-  "with-paddings": "awsui_with-paddings_14iqq_5wfq7_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_5wfq7_160",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_5wfq7_184",
-  "dark-header": "awsui_dark-header_14iqq_5wfq7_192",
-  "content": "awsui_content_14iqq_5wfq7_196",
-  "footer": "awsui_footer_14iqq_5wfq7_203",
-  "with-divider": "awsui_with-divider_14iqq_5wfq7_206"
+  "root": "awsui_root_14iqq_d572s_97",
+  "variant-default": "awsui_variant-default_14iqq_d572s_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_d572s_109",
+  "header": "awsui_header_14iqq_d572s_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_d572s_137",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_d572s_141",
+  "header-stuck": "awsui_header-stuck_14iqq_d572s_147",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_d572s_152",
+  "with-paddings": "awsui_with-paddings_14iqq_d572s_158",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_d572s_161",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_d572s_165",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_d572s_189",
+  "dark-header": "awsui_dark-header_14iqq_d572s_197",
+  "content": "awsui_content_14iqq_d572s_201",
+  "footer": "awsui_footer_14iqq_d572s_208",
+  "with-divider": "awsui_with-divider_14iqq_d572s_211"
 };
   

package/lib/internal/template/date-picker/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_145pa_5nj72_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_5nj72_1",
-  "root": "awsui_root_145pa_5nj72_120",
-  "date-picker-container": "awsui_date-picker-container_145pa_5nj72_131",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_5nj72_136",
-  "date-picker-input": "awsui_date-picker-input_145pa_5nj72_140",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_5nj72_145",
-  "calendar-inner": "awsui_calendar-inner_145pa_5nj72_165",
-  "calendar-header": "awsui_calendar-header_145pa_5nj72_168",
-  "calendar-header-month": "awsui_calendar-header-month_145pa_5nj72_173",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_5nj72_179",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_5nj72_182",
-  "calendar-day-names": "awsui_calendar-day-names_145pa_5nj72_185",
-  "calendar-day-name": "awsui_calendar-day-name_145pa_5nj72_185",
-  "calendar-dates": "awsui_calendar-dates_145pa_5nj72_200",
-  "calendar-week": "awsui_calendar-week_145pa_5nj72_203",
-  "calendar-day": "awsui_calendar-day_145pa_5nj72_185",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_5nj72_222",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_5nj72_225",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_5nj72_228",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_5nj72_232",
-  "calendar-day-selected": "awsui_calendar-day-selected_145pa_5nj72_239",
-  "calendar-day-today": "awsui_calendar-day-today_145pa_5nj72_243",
-  "day-inner": "awsui_day-inner_145pa_5nj72_255"
+  "calendar": "awsui_calendar_145pa_hegy7_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_hegy7_1",
+  "root": "awsui_root_145pa_hegy7_120",
+  "date-picker-container": "awsui_date-picker-container_145pa_hegy7_131",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_hegy7_136",
+  "date-picker-input": "awsui_date-picker-input_145pa_hegy7_140",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_hegy7_145",
+  "calendar-inner": "awsui_calendar-inner_145pa_hegy7_165",
+  "calendar-header": "awsui_calendar-header_145pa_hegy7_168",
+  "calendar-header-month": "awsui_calendar-header-month_145pa_hegy7_173",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_hegy7_179",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_hegy7_182",
+  "calendar-day-names": "awsui_calendar-day-names_145pa_hegy7_185",
+  "calendar-day-name": "awsui_calendar-day-name_145pa_hegy7_185",
+  "calendar-dates": "awsui_calendar-dates_145pa_hegy7_200",
+  "calendar-week": "awsui_calendar-week_145pa_hegy7_203",
+  "calendar-day": "awsui_calendar-day_145pa_hegy7_185",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_hegy7_222",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_hegy7_225",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_hegy7_228",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_hegy7_232",
+  "calendar-day-selected": "awsui_calendar-day-selected_145pa_hegy7_239",
+  "calendar-day-today": "awsui_calendar-day-today_145pa_hegy7_243",
+  "day-inner": "awsui_day-inner_145pa_hegy7_255"
 };