@cloudscape-design/components 3.0.223 → 3.0.225

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,65 +2,66 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_1kwsp_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_1kwsp_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1kwsp_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_1kwsp_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1kwsp_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1kwsp_173",
-  "has-header": "awsui_has-header_hyvsj_1kwsp_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1kwsp_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1kwsp_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1kwsp_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_1kwsp_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1kwsp_187",
-  "background": "awsui_background_hyvsj_1kwsp_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1kwsp_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1kwsp_236",
-  "overlap": "awsui_overlap_hyvsj_1kwsp_242",
-  "content": "awsui_content_hyvsj_1kwsp_180",
-  "layout": "awsui_layout_hyvsj_1kwsp_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1kwsp_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1kwsp_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1kwsp_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1kwsp_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1kwsp_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1kwsp_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1kwsp_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1kwsp_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1kwsp_493",
-  "container": "awsui_container_hyvsj_1kwsp_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1kwsp_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1kwsp_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1kwsp_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1kwsp_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1kwsp_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_1kwsp_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_1kwsp_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_1kwsp_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_1kwsp_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_1kwsp_641",
-  "animating": "awsui_animating_hyvsj_1kwsp_663",
-  "showButtons": "awsui_showButtons_hyvsj_1kwsp_1",
-  "navigation": "awsui_navigation_hyvsj_1kwsp_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_1kwsp_1",
-  "animated-content": "awsui_animated-content_hyvsj_1kwsp_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1kwsp_733",
-  "notifications": "awsui_notifications_hyvsj_1kwsp_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1kwsp_799",
-  "position-bottom": "awsui_position-bottom_hyvsj_1kwsp_845",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1kwsp_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1kwsp_874",
-  "position-side": "awsui_position-side_hyvsj_1kwsp_902",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1kwsp_1",
-  "tools-container": "awsui_tools-container_hyvsj_1kwsp_939",
-  "tools": "awsui_tools_hyvsj_1kwsp_939",
-  "openTools": "awsui_openTools_hyvsj_1kwsp_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1kwsp_1024",
-  "hide-tools": "awsui_hide-tools_hyvsj_1kwsp_1034",
-  "show-tools": "awsui_show-tools_hyvsj_1kwsp_1046",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1kwsp_1024",
-  "trigger": "awsui_trigger_hyvsj_1kwsp_1103",
-  "selected": "awsui_selected_hyvsj_1kwsp_1142"
+  "appbar": "awsui_appbar_hyvsj_17tiy_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_17tiy_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_17tiy_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_17tiy_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_17tiy_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_17tiy_173",
+  "has-header": "awsui_has-header_hyvsj_17tiy_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_17tiy_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_17tiy_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_17tiy_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_17tiy_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_17tiy_187",
+  "background": "awsui_background_hyvsj_17tiy_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_17tiy_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_17tiy_237",
+  "overlap": "awsui_overlap_hyvsj_17tiy_243",
+  "content": "awsui_content_hyvsj_17tiy_180",
+  "layout": "awsui_layout_hyvsj_17tiy_335",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_17tiy_418",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_17tiy_433",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_17tiy_460",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_17tiy_463",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_17tiy_467",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_17tiy_481",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_17tiy_481",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_17tiy_493",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_17tiy_496",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_17tiy_511",
+  "container": "awsui_container_hyvsj_17tiy_519",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_17tiy_545",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_17tiy_550",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_17tiy_553",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_17tiy_553",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_17tiy_553",
+  "content-type-default": "awsui_content-type-default_hyvsj_17tiy_573",
+  "content-type-form": "awsui_content-type-form_hyvsj_17tiy_573",
+  "unfocusable": "awsui_unfocusable_hyvsj_17tiy_614",
+  "navigation-container": "awsui_navigation-container_hyvsj_17tiy_624",
+  "show-navigation": "awsui_show-navigation_hyvsj_17tiy_659",
+  "animating": "awsui_animating_hyvsj_17tiy_681",
+  "showButtons": "awsui_showButtons_hyvsj_17tiy_1",
+  "navigation": "awsui_navigation_hyvsj_17tiy_624",
+  "openNavigation": "awsui_openNavigation_hyvsj_17tiy_1",
+  "animated-content": "awsui_animated-content_hyvsj_17tiy_742",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_17tiy_751",
+  "notifications": "awsui_notifications_hyvsj_17tiy_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_17tiy_818",
+  "position-bottom": "awsui_position-bottom_hyvsj_17tiy_864",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_17tiy_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_17tiy_893",
+  "position-side": "awsui_position-side_hyvsj_17tiy_921",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_17tiy_1",
+  "tools-container": "awsui_tools-container_hyvsj_17tiy_958",
+  "tools": "awsui_tools_hyvsj_17tiy_958",
+  "openTools": "awsui_openTools_hyvsj_17tiy_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_17tiy_1043",
+  "hide-tools": "awsui_hide-tools_hyvsj_17tiy_1053",
+  "show-tools": "awsui_show-tools_hyvsj_17tiy_1065",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_17tiy_1043",
+  "trigger": "awsui_trigger_hyvsj_17tiy_1122",
+  "selected": "awsui_selected_hyvsj_17tiy_1161"
 };
   

package/code-editor/tab-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FA4CrB,CAAC"}
+{"version":3,"file":"tab-button.d.ts","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAK/C,UAAU,cAAc;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;IACzB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IAEnB,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,0FA6CrB,CAAC"}

package/code-editor/tab-button.js

@@ -11,7 +11,7 @@ export const TabButton = React.forwardRef(({ active, disabled, iconName, onClick
             [styles['tab-button--active']]: active,
             [styles['tab-button--disabled']]: disabled,
             [styles['tab-button--refresh']]: isRefresh,
-        }), onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel }, focusVisible),
+        }), type: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, disabled: disabled, ref: ref, tabIndex: tabIndex, role: "tab", "aria-selected": active, "aria-controls": paneId, "aria-hidden": ariaHidden, "aria-label": ariaLabel }, focusVisible),
         React.createElement(InternalIcon, { name: iconName }),
         " ",
         text));

package/code-editor/tab-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,GACM,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CACL,8CACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS,IACjB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;;QAAE,IAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n  text: string;\n  iconName: IconProps.Name;\n  active: boolean;\n  disabled: boolean;\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  ariaLabel?: string;\n  paneId: string;\n  isRefresh: boolean;\n\n  className: string;\n\n  onClick: () => void;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n  (\n    {\n      active,\n      disabled,\n      iconName,\n      onClick,\n      onFocus,\n      onBlur,\n      tabIndex,\n      ariaHidden,\n      ariaLabel,\n      paneId,\n      isRefresh,\n      text,\n      className,\n    }: TabButtonProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    const focusVisible = useFocusVisible();\n    return (\n      <button\n        className={clsx([styles['tab-button'], className], {\n          [styles['tab-button--active']]: active,\n          [styles['tab-button--disabled']]: disabled,\n          [styles['tab-button--refresh']]: isRefresh,\n        })}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        ref={ref}\n        tabIndex={tabIndex}\n        role=\"tab\"\n        aria-selected={active}\n        aria-controls={paneId}\n        aria-hidden={ariaHidden}\n        aria-label={ariaLabel}\n        {...focusVisible}\n      >\n        <InternalIcon name={iconName} /> {text}\n      </button>\n    );\n  }\n);\n"]}
+{"version":3,"file":"tab-button.js","sourceRoot":"","sources":["../../../src/code-editor/tab-button.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAE9D,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAoBrC,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,EACT,IAAI,EACJ,SAAS,GACM,EACjB,GAAiC,EACjC,EAAE;IACF,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,OAAO,CACL,8CACE,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC,EAAE;YACjD,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YACtC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,QAAQ;YAC1C,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,SAAS;SAC3C,CAAC,EACF,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,MAAM,iBACR,UAAU,gBACX,SAAS,IACjB,YAAY;QAEhB,oBAAC,YAAY,IAAC,IAAI,EAAE,QAAQ,GAAI;;QAAE,IAAI,CAC/B,CACV,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\n\nimport styles from './styles.css.js';\n\ninterface TabButtonProps {\n  text: string;\n  iconName: IconProps.Name;\n  active: boolean;\n  disabled: boolean;\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  ariaLabel?: string;\n  paneId: string;\n  isRefresh: boolean;\n\n  className: string;\n\n  onClick: () => void;\n  onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n  onBlur?: React.FocusEventHandler<HTMLButtonElement>;\n}\n\nexport const TabButton = React.forwardRef(\n  (\n    {\n      active,\n      disabled,\n      iconName,\n      onClick,\n      onFocus,\n      onBlur,\n      tabIndex,\n      ariaHidden,\n      ariaLabel,\n      paneId,\n      isRefresh,\n      text,\n      className,\n    }: TabButtonProps,\n    ref: React.Ref<HTMLButtonElement>\n  ) => {\n    const focusVisible = useFocusVisible();\n    return (\n      <button\n        className={clsx([styles['tab-button'], className], {\n          [styles['tab-button--active']]: active,\n          [styles['tab-button--disabled']]: disabled,\n          [styles['tab-button--refresh']]: isRefresh,\n        })}\n        type=\"button\"\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        disabled={disabled}\n        ref={ref}\n        tabIndex={tabIndex}\n        role=\"tab\"\n        aria-selected={active}\n        aria-controls={paneId}\n        aria-hidden={ariaHidden}\n        aria-label={ariaLabel}\n        {...focusVisible}\n      >\n        <InternalIcon name={iconName} /> {text}\n      </button>\n    );\n  }\n);\n"]}

package/container/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_140qo_97",
-  "fit-height": "awsui_fit-height_14iqq_140qo_111",
-  "variant-default": "awsui_variant-default_14iqq_140qo_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_140qo_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_140qo_169",
-  "header": "awsui_header_14iqq_140qo_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_140qo_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_140qo_185",
-  "header-stuck": "awsui_header-stuck_14iqq_140qo_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_140qo_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_140qo_200",
-  "with-paddings": "awsui_with-paddings_14iqq_140qo_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_140qo_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_140qo_259",
-  "dark-header": "awsui_dark-header_14iqq_140qo_277",
-  "content": "awsui_content_14iqq_140qo_281",
-  "with-content-paddings": "awsui_with-content-paddings_14iqq_140qo_285",
-  "with-footer": "awsui_with-footer_14iqq_140qo_292",
-  "footer": "awsui_footer_14iqq_140qo_299",
-  "with-divider": "awsui_with-divider_14iqq_140qo_302"
+  "root": "awsui_root_14iqq_wj0a7_97",
+  "fit-height": "awsui_fit-height_14iqq_wj0a7_111",
+  "variant-default": "awsui_variant-default_14iqq_wj0a7_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_wj0a7_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_wj0a7_169",
+  "header": "awsui_header_14iqq_wj0a7_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wj0a7_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wj0a7_185",
+  "header-stuck": "awsui_header-stuck_14iqq_wj0a7_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_wj0a7_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wj0a7_200",
+  "with-paddings": "awsui_with-paddings_14iqq_wj0a7_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_wj0a7_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wj0a7_259",
+  "dark-header": "awsui_dark-header_14iqq_wj0a7_277",
+  "content": "awsui_content_14iqq_wj0a7_282",
+  "with-content-paddings": "awsui_with-content-paddings_14iqq_wj0a7_286",
+  "with-footer": "awsui_with-footer_14iqq_wj0a7_293",
+  "footer": "awsui_footer_14iqq_wj0a7_300",
+  "with-divider": "awsui_with-divider_14iqq_wj0a7_303"
 };
   

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_140qo_97:not(#\9) {
+.awsui_root_14iqq_wj0a7_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -134,17 +134,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_140qo_97.awsui_fit-height_14iqq_140qo_111:not(#\9) {
+.awsui_root_14iqq_wj0a7_97.awsui_fit-height_14iqq_wj0a7_111:not(#\9) {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-default_14iqq_140qo_116:not(#\9), .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9) {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-default_14iqq_wj0a7_116:not(#\9), .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9) {
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-sizing: border-box;
   background-color: var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-default_14iqq_140qo_116:not(#\9)::before, .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::before {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-default_14iqq_wj0a7_116:not(#\9)::before, .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -159,7 +159,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   z-index: 1;
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-default_14iqq_140qo_116:not(#\9)::after, .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::after {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-default_14iqq_wj0a7_116:not(#\9)::after, .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -174,76 +174,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_140qo_97.awsui_variant-default_14iqq_140qo_116:not(#\9), .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9) {
+  .awsui_root_14iqq_wj0a7_97.awsui_variant-default_14iqq_wj0a7_116:not(#\9), .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9):not(:last-child), .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9):not(:last-child), .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9):not(:last-child)::before, .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9):not(:last-child)::after {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116 + .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9), .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116 + .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::before, .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116 + .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::after {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116 + .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9), .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116 + .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::before, .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116 + .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::after {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116 + .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::before {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116 + .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::before {
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116 + .awsui_root_14iqq_140qo_97.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::after {
+.awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116 + .awsui_root_14iqq_wj0a7_97.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::after {
   box-shadow: var(--shadow-container-stacked-jfo2nn, -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_root_14iqq_140qo_97.awsui_sticky-enabled_14iqq_140qo_169:not(#\9)::before {
+.awsui_root_14iqq_wj0a7_97.awsui_sticky-enabled_14iqq_wj0a7_169:not(#\9)::before {
   top: calc(-1 * var(--border-container-top-width-jk6fhm, 0px));
 }
-.awsui_root_14iqq_140qo_97.awsui_sticky-enabled_14iqq_140qo_169.awsui_variant-stacked_14iqq_140qo_116:not(#\9)::before {
+.awsui_root_14iqq_wj0a7_97.awsui_sticky-enabled_14iqq_wj0a7_169.awsui_variant-stacked_14iqq_wj0a7_116:not(#\9)::before {
   top: calc(-1 * var(--border-divider-section-width-4wm2it, 2px));
 }
 
-.awsui_header_14iqq_140qo_176:not(#\9) {
+.awsui_header_14iqq_wj0a7_176:not(#\9) {
   background-color: var(--color-background-container-header-4flbq5, #ffffff);
   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_140qo_181:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_wj0a7_181:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_140qo_185:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_wj0a7_185:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_140qo_191:not(#\9) {
+.awsui_header-stuck_14iqq_wj0a7_191:not(#\9) {
   border-radius: 0;
 }
-.awsui_header-stuck_14iqq_140qo_191:not(#\9)::before {
+.awsui_header-stuck_14iqq_wj0a7_191:not(#\9)::before {
   border: 0;
 }
-.awsui_header-stuck_14iqq_140qo_191:not(#\9):not(.awsui_header-variant-cards_14iqq_140qo_197) {
+.awsui_header-stuck_14iqq_wj0a7_191:not(#\9):not(.awsui_header-variant-cards_14iqq_wj0a7_197) {
   box-shadow: var(--shadow-sticky-embedded-qit8ba, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
 }
-.awsui_header-dynamic-height_14iqq_140qo_200.awsui_header-stuck_14iqq_140qo_191:not(#\9) {
+.awsui_header-dynamic-height_14iqq_wj0a7_200.awsui_header-stuck_14iqq_wj0a7_191:not(#\9) {
   margin-bottom: calc(var(--font-heading-xl-line-height-doxfdj, 40px) - var(--font-heading-l-line-height-gev4n1, 30px));
 }
-.awsui_header_14iqq_140qo_176:not(#\9):not(:empty) {
+.awsui_header_14iqq_wj0a7_176:not(#\9):not(:empty) {
   border-bottom: var(--border-container-sticky-width-i7t7xe, 0px) solid var(--color-border-container-divider-4ade7z, transparent);
 }
-.awsui_header_14iqq_140qo_176.awsui_with-paddings_14iqq_140qo_206:not(#\9) {
+.awsui_header_14iqq_wj0a7_176.awsui_with-paddings_14iqq_wj0a7_206:not(#\9) {
   padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header_14iqq_140qo_176.awsui_with-hidden-content_14iqq_140qo_209:not(#\9) {
+.awsui_header_14iqq_wj0a7_176.awsui_with-hidden-content_14iqq_wj0a7_209: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_140qo_197:not(#\9) {
+.awsui_header-variant-cards_14iqq_wj0a7_197:not(#\9) {
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_140qo_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_140qo_185) {
+.awsui_header-variant-cards_14iqq_wj0a7_197:not(#\9):not(.awsui_header-sticky-enabled_14iqq_wj0a7_185) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_140qo_197:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_wj0a7_197:not(#\9)::before {
   content: "";
   position: absolute;
   left: 0px;
@@ -258,7 +258,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_140qo_197:not(#\9)::after {
+.awsui_header-variant-cards_14iqq_wj0a7_197:not(#\9)::after {
   content: "";
   position: absolute;
   left: 0px;
@@ -273,19 +273,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   mix-blend-mode: multiply;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_140qo_197:not(#\9) {
+  .awsui_header-variant-cards_14iqq_wj0a7_197:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
-.awsui_header-variant-cards_14iqq_140qo_197.awsui_header-stuck_14iqq_140qo_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_140qo_197.awsui_header-stuck_14iqq_140qo_191:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_wj0a7_197.awsui_header-stuck_14iqq_wj0a7_191:not(#\9)::after, .awsui_header-variant-cards_14iqq_wj0a7_197.awsui_header-stuck_14iqq_wj0a7_191:not(#\9)::before {
   border: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_140qo_259.awsui_header-stuck_14iqq_140qo_191:not(#\9) {
+.awsui_header-variant-full-page_14iqq_wj0a7_259.awsui_header-stuck_14iqq_wj0a7_191:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_140qo_259.awsui_header-stuck_14iqq_140qo_191:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_wj0a7_259.awsui_header-stuck_14iqq_wj0a7_191:not(#\9)::after {
   content: "";
   position: absolute;
   right: 0;
@@ -300,31 +300,32 @@ 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_140qo_277:not(#\9) {
+.awsui_dark-header_14iqq_wj0a7_277:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
+  color: var(--color-text-body-default-ajf1h5, #000716);
 }
 
-.awsui_fit-height_14iqq_140qo_111 > .awsui_content_14iqq_140qo_281:not(#\9) {
+.awsui_fit-height_14iqq_wj0a7_111 > .awsui_content_14iqq_wj0a7_282:not(#\9) {
   flex: 1;
   overflow: auto;
 }
-.awsui_with-content-paddings_14iqq_140qo_285 > .awsui_content_14iqq_140qo_281:not(#\9) {
+.awsui_with-content-paddings_14iqq_wj0a7_286 > .awsui_content_14iqq_wj0a7_282:not(#\9) {
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_with-content-paddings_14iqq_140qo_285 > .awsui_header_14iqq_140qo_176 + .awsui_content_14iqq_140qo_281:not(#\9) {
+.awsui_with-content-paddings_14iqq_wj0a7_286 > .awsui_header_14iqq_wj0a7_176 + .awsui_content_14iqq_wj0a7_282:not(#\9) {
   padding-top: var(--space-container-content-top-fsd8nr, 0px);
 }
 
-.awsui_fit-height_14iqq_140qo_111.awsui_with-content-paddings_14iqq_140qo_285:not(#\9):not(.awsui_with-footer_14iqq_140qo_292) {
+.awsui_fit-height_14iqq_wj0a7_111.awsui_with-content-paddings_14iqq_wj0a7_286:not(#\9):not(.awsui_with-footer_14iqq_wj0a7_293) {
   padding-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_fit-height_14iqq_140qo_111.awsui_with-content-paddings_14iqq_140qo_285:not(#\9):not(.awsui_with-footer_14iqq_140qo_292) > .awsui_content_14iqq_140qo_281 {
+.awsui_fit-height_14iqq_wj0a7_111.awsui_with-content-paddings_14iqq_wj0a7_286:not(#\9):not(.awsui_with-footer_14iqq_wj0a7_293) > .awsui_content_14iqq_wj0a7_282 {
   padding-bottom: 0;
 }
 
-.awsui_footer_14iqq_140qo_299.awsui_with-paddings_14iqq_140qo_206:not(#\9) {
+.awsui_footer_14iqq_wj0a7_300.awsui_with-paddings_14iqq_wj0a7_206:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_14iqq_140qo_299.awsui_with-divider_14iqq_140qo_302:not(#\9) {
+.awsui_footer_14iqq_wj0a7_300.awsui_with-divider_14iqq_wj0a7_303: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,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_140qo_97",
-  "fit-height": "awsui_fit-height_14iqq_140qo_111",
-  "variant-default": "awsui_variant-default_14iqq_140qo_116",
-  "variant-stacked": "awsui_variant-stacked_14iqq_140qo_116",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_140qo_169",
-  "header": "awsui_header_14iqq_140qo_176",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_140qo_181",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_140qo_185",
-  "header-stuck": "awsui_header-stuck_14iqq_140qo_191",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_140qo_197",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_140qo_200",
-  "with-paddings": "awsui_with-paddings_14iqq_140qo_206",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_140qo_209",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_140qo_259",
-  "dark-header": "awsui_dark-header_14iqq_140qo_277",
-  "content": "awsui_content_14iqq_140qo_281",
-  "with-content-paddings": "awsui_with-content-paddings_14iqq_140qo_285",
-  "with-footer": "awsui_with-footer_14iqq_140qo_292",
-  "footer": "awsui_footer_14iqq_140qo_299",
-  "with-divider": "awsui_with-divider_14iqq_140qo_302"
+  "root": "awsui_root_14iqq_wj0a7_97",
+  "fit-height": "awsui_fit-height_14iqq_wj0a7_111",
+  "variant-default": "awsui_variant-default_14iqq_wj0a7_116",
+  "variant-stacked": "awsui_variant-stacked_14iqq_wj0a7_116",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_wj0a7_169",
+  "header": "awsui_header_14iqq_wj0a7_176",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wj0a7_181",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wj0a7_185",
+  "header-stuck": "awsui_header-stuck_14iqq_wj0a7_191",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_wj0a7_197",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wj0a7_200",
+  "with-paddings": "awsui_with-paddings_14iqq_wj0a7_206",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_wj0a7_209",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wj0a7_259",
+  "dark-header": "awsui_dark-header_14iqq_wj0a7_277",
+  "content": "awsui_content_14iqq_wj0a7_282",
+  "with-content-paddings": "awsui_with-content-paddings_14iqq_wj0a7_286",
+  "with-footer": "awsui_with-footer_14iqq_wj0a7_293",
+  "footer": "awsui_footer_14iqq_wj0a7_300",
+  "with-divider": "awsui_with-divider_14iqq_wj0a7_303"
 };
   

package/content-layout/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_1tyi9_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1tyi9_99",
-  "background": "awsui_background_5gtk3_1tyi9_102",
-  "header": "awsui_header_5gtk3_1tyi9_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1tyi9_115",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_1tyi9_132",
-  "content": "awsui_content_5gtk3_1tyi9_141"
+  "layout": "awsui_layout_5gtk3_52w6e_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_52w6e_99",
+  "background": "awsui_background_5gtk3_52w6e_102",
+  "header": "awsui_header_5gtk3_52w6e_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_52w6e_115",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_52w6e_133",
+  "content": "awsui_content_5gtk3_52w6e_142"
 };
   

package/content-layout/styles.scoped.css

@@ -96,49 +96,50 @@ visual refresh mode. The padding is still added to the header
 in this scenario because otherwise the header and child 
 nodes will directly touch with no gap between them.
 */
-.awsui_layout_5gtk3_1tyi9_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1tyi9_99) {
+.awsui_layout_5gtk3_52w6e_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_52w6e_99) {
   display: contents;
 }
-.awsui_layout_5gtk3_1tyi9_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1tyi9_99) > .awsui_background_5gtk3_1tyi9_102 {
+.awsui_layout_5gtk3_52w6e_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_52w6e_99) > .awsui_background_5gtk3_52w6e_102 {
   display: none;
 }
-.awsui_layout_5gtk3_1tyi9_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1tyi9_99) > .awsui_header_5gtk3_1tyi9_105 {
+.awsui_layout_5gtk3_52w6e_99:not(#\9):not(.awsui_is-visual-refresh_5gtk3_52w6e_99) > .awsui_header_5gtk3_52w6e_105 {
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99:not(#\9) {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   grid-template-rows: auto var(--space-dark-header-overlap-distance-hfejul, 36px) 1fr;
   min-height: 100%;
 }
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99.awsui_is-overlap-disabled_5gtk3_1tyi9_115:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99.awsui_is-overlap-disabled_5gtk3_52w6e_115:not(#\9) {
   grid-template-rows: auto 0 1fr;
 }
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_background_5gtk3_1tyi9_102:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_background_5gtk3_52w6e_102:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   grid-column: 1;
   grid-row: 1/3;
+  color: var(--color-text-body-default-ajf1h5, #000716);
 }
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_background_5gtk3_1tyi9_102.awsui_is-overlap-disabled_5gtk3_1tyi9_115:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_background_5gtk3_52w6e_102.awsui_is-overlap-disabled_5gtk3_52w6e_115:not(#\9) {
   grid-row: 1/2;
 }
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_header_5gtk3_1tyi9_105:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_header_5gtk3_52w6e_105:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
 @media (min-width: 689px) {
-  .awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_header_5gtk3_1tyi9_105.awsui_has-breadcrumbs_5gtk3_1tyi9_132:not(#\9) {
+  .awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_header_5gtk3_52w6e_105.awsui_has-breadcrumbs_5gtk3_52w6e_133:not(#\9) {
     padding-top: var(--space-xxs-ynfts5, 4px);
   }
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_header_5gtk3_1tyi9_105:not(#\9) {
+  .awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_header_5gtk3_52w6e_105:not(#\9) {
     padding: var(--space-m-17eucw, 16px) 0 var(--space-content-header-padding-bottom-nvqytg, 24px);
   }
 }
-.awsui_layout_5gtk3_1tyi9_99.awsui_is-visual-refresh_5gtk3_1tyi9_99 > .awsui_content_5gtk3_1tyi9_141:not(#\9) {
+.awsui_layout_5gtk3_52w6e_99.awsui_is-visual-refresh_5gtk3_52w6e_99 > .awsui_content_5gtk3_52w6e_142:not(#\9) {
   grid-column: 1;
   grid-row: 2/4;
 }

package/content-layout/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_1tyi9_99",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1tyi9_99",
-  "background": "awsui_background_5gtk3_1tyi9_102",
-  "header": "awsui_header_5gtk3_1tyi9_105",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1tyi9_115",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_1tyi9_132",
-  "content": "awsui_content_5gtk3_1tyi9_141"
+  "layout": "awsui_layout_5gtk3_52w6e_99",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_52w6e_99",
+  "background": "awsui_background_5gtk3_52w6e_102",
+  "header": "awsui_header_5gtk3_52w6e_105",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_52w6e_115",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_5gtk3_52w6e_133",
+  "content": "awsui_content_5gtk3_52w6e_142"
 };
   

package/internal/components/dark-ribbon/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "background-fill": "awsui_background-fill_1fi2u_1fyw7_9",
-  "content": "awsui_content_1fi2u_1fyw7_14"
+  "background-fill": "awsui_background-fill_1fi2u_4z72q_9",
+  "content": "awsui_content_1fi2u_4z72q_15"
 };
   

package/internal/components/dark-ribbon/styles.scoped.css

@@ -6,11 +6,12 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_background-fill_1fi2u_1fyw7_9:not(#\9) {
+.awsui_background-fill_1fi2u_4z72q_9:not(#\9) {
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: absolute;
+  color: var(--color-text-body-default-ajf1h5, #000716);
 }
 
-.awsui_content_1fi2u_1fyw7_14:not(#\9) {
+.awsui_content_1fi2u_4z72q_15:not(#\9) {
   position: relative;
 }