@cloudscape-design/components 3.0.45 → 3.0.46

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"
 };
   

package/date-picker/styles.scoped.css

@@ -90,11 +90,11 @@ 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_calendar_145pa_lzpoy_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_145pa_lzpoy_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_145pa_137eg_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_145pa_137eg_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_145pa_lzpoy_1 {
+@keyframes awsui_awsui-motion-fade-in-0_145pa_137eg_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_145pa_lzpoy_93:not(#\9) {
+  .awsui_calendar_145pa_137eg_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_145pa_lzpoy_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_lzpoy_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_145pa_137eg_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_137eg_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,7 +117,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_145pa_lzpoy_120:not(#\9) {
+.awsui_root_145pa_137eg_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -154,25 +154,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
 
-.awsui_date-picker-container_145pa_lzpoy_131:not(#\9) {
+.awsui_date-picker-container_145pa_137eg_131:not(#\9) {
   position: relative;
   max-width: 234px;
 }
 
-.awsui_date-picker-trigger_145pa_lzpoy_136:not(#\9) {
+.awsui_date-picker-trigger_145pa_137eg_136:not(#\9) {
   display: flex;
 }
 
-.awsui_date-picker-input_145pa_lzpoy_140:not(#\9) {
+.awsui_date-picker-input_145pa_137eg_140:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
   width: 100%;
 }
 
-.awsui_open-calendar-button_145pa_lzpoy_145:not(#\9) {
+.awsui_open-calendar-button_145pa_137eg_145:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar_145pa_lzpoy_93:not(#\9) {
+.awsui_calendar_145pa_137eg_93:not(#\9) {
   display: block;
   width: 234px;
   overflow: auto;
@@ -211,34 +211,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: 400;
   font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_calendar_145pa_lzpoy_93:not(#\9):focus {
+.awsui_calendar_145pa_137eg_93:not(#\9):focus {
   outline: none;
 }
-.awsui_calendar-inner_145pa_lzpoy_165:not(#\9) {
+.awsui_calendar-inner_145pa_137eg_165:not(#\9) {
   margin: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_calendar-header_145pa_lzpoy_168:not(#\9) {
+.awsui_calendar-header_145pa_137eg_168:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_145pa_lzpoy_173:not(#\9) {
+.awsui_calendar-header-month_145pa_137eg_173:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_calendar-next-month-btn_145pa_lzpoy_179:not(#\9) {
+.awsui_calendar-next-month-btn_145pa_137eg_179:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_145pa_lzpoy_182:not(#\9) {
+.awsui_calendar-prev-month-btn_145pa_137eg_182:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_145pa_lzpoy_185:not(#\9) {
+.awsui_calendar-day-names_145pa_137eg_185:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_145pa_lzpoy_185:not(#\9) {
+.awsui_calendar-day-name_145pa_137eg_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -249,14 +249,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
 }
-.awsui_calendar-dates_145pa_lzpoy_200:not(#\9) {
+.awsui_calendar-dates_145pa_137eg_200:not(#\9) {
   border: 1px solid var(--color-border-calendar-grid-sshunw, transparent);
 }
-.awsui_calendar-week_145pa_lzpoy_203:not(#\9) {
+.awsui_calendar-week_145pa_137eg_203:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9) {
+.awsui_calendar-day_145pa_137eg_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -268,34 +268,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
   position: relative;
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9):last-child {
+.awsui_calendar-day_145pa_137eg_185:not(#\9):last-child {
   border-right: none;
 }
-.awsui_calendar-day-in-last-week_145pa_lzpoy_222:not(#\9) {
+.awsui_calendar-day-in-last-week_145pa_137eg_222:not(#\9) {
   border-bottom: none;
 }
-.awsui_calendar-day-focusable_145pa_lzpoy_225:not(#\9) {
+.awsui_calendar-day-focusable_145pa_137eg_225:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-enabled_145pa_lzpoy_228:not(#\9) {
+.awsui_calendar-day-enabled_145pa_137eg_228:not(#\9) {
   cursor: pointer;
   color: var(--color-text-dropdown-item-secondary-0me7js, #5f6b7a);
 }
-.awsui_calendar-day-enabled_145pa_lzpoy_228.awsui_calendar-day-current-month_145pa_lzpoy_232:not(#\9) {
+.awsui_calendar-day-enabled_145pa_137eg_228.awsui_calendar-day-current-month_145pa_137eg_232:not(#\9) {
   color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
 }
-.awsui_calendar-day-enabled_145pa_lzpoy_228.awsui_calendar-day-current-month_145pa_lzpoy_232:not(#\9):hover {
+.awsui_calendar-day-enabled_145pa_137eg_228.awsui_calendar-day-current-month_145pa_137eg_232:not(#\9):hover {
   color: var(--color-text-calendar-day-hover-graajh, #000716);
   background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
 }
-.awsui_calendar-day-enabled_145pa_lzpoy_228.awsui_calendar-day-current-month_145pa_lzpoy_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_lzpoy_239)::after {
+.awsui_calendar-day-enabled_145pa_137eg_228.awsui_calendar-day-current-month_145pa_137eg_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_137eg_239)::after {
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-today_145pa_lzpoy_243:not(#\9) {
+.awsui_calendar-day-today_145pa_137eg_243:not(#\9) {
   background-color: var(--color-background-calendar-today-762czq, #f4f4f4);
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9)::after {
+.awsui_calendar-day_145pa_137eg_185:not(#\9)::after {
   content: "";
   position: absolute;
   top: -1px;
@@ -304,19 +304,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: -1px;
   background-color: transparent;
 }
-.awsui_calendar-day_145pa_lzpoy_185 > .awsui_day-inner_145pa_lzpoy_255:not(#\9) {
+.awsui_calendar-day_145pa_137eg_185 > .awsui_day-inner_145pa_137eg_255:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9):focus {
+.awsui_calendar-day_145pa_137eg_185:not(#\9):focus {
   outline: none;
   position: relative;
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9):focus {
+.awsui_calendar-day_145pa_137eg_185:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-v3dwvl, -5px) - 1px);
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_137eg_185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -327,25 +327,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_calendar-day_145pa_lzpoy_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_137eg_185:not(#\9):focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_145pa_lzpoy_239:not(#\9) {
+.awsui_calendar-day-selected_145pa_137eg_239:not(#\9) {
   border-color: transparent;
   position: relative;
 }
-.awsui_calendar-day-selected_145pa_lzpoy_239:not(#\9)::after {
+.awsui_calendar-day-selected_145pa_137eg_239:not(#\9)::after {
   background-color: var(--color-background-dropdown-item-selected-8l4mpk, #f2f8fd);
   border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-selected-eahq2j, #0972d3);
   border-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_calendar-day-selected_145pa_lzpoy_239 > .awsui_day-inner_145pa_lzpoy_255:not(#\9) {
+.awsui_calendar-day-selected_145pa_137eg_239 > .awsui_day-inner_145pa_137eg_255:not(#\9) {
   color: var(--color-text-calendar-day-selected-64o9sq, #0972d3);
   position: relative;
 }
-.awsui_calendar_145pa_lzpoy_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_calendar_145pa_137eg_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-radius: var(--border-radius-container-gh9ysk, 16px);
+  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }