@cloudscape-design/components 3.0.297 → 3.0.298

package/alert/interfaces.d.ts

@@ -25,6 +25,7 @@ export interface AlertProps extends BaseComponentProps {
     dismissible?: boolean;
     /**
      * Adds an aria-label to the dismiss button.
+     * @i18n
      */
     dismissAriaLabel?: string;
     /**

package/alert/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["alert/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC3C"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["alert/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAEvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;CAC3C"}

package/alert/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n  export type Type = 'success' | 'error' | 'warning' | 'info';\n}\n\nexport interface AlertProps extends BaseComponentProps {\n  /**\n   * Specifies the type of message you want to display.\n   */\n  type?: AlertProps.Type;\n\n  /**\n   * Provides a text alternative for the icon.\n   */\n  statusIconAriaLabel?: string;\n\n  /**\n   * Determines whether the alert is displayed.\n   * @deprecated Use conditional rendering in your code instead of this prop.\n   */\n  visible?: boolean;\n  /**\n   * Adds a close button to the alert when set to `true`.\n   * An `onDismiss` event is fired when a user clicks the button.\n   */\n  dismissible?: boolean;\n  /**\n   * Adds an aria-label to the dismiss button.\n   * @i18n\n   */\n  dismissAriaLabel?: string;\n  /**\n   * Primary text displayed in the element.\n   */\n  children?: React.ReactNode;\n  /**\n   * Heading text.\n   */\n  header?: React.ReactNode;\n  /**\n   * Displays an action button next to the message area when set.\n   * An `onButtonClick` event is fired when the user clicks it.\n   * @deprecated Replaced by `action`.\n   */\n  buttonText?: React.ReactNode;\n  /**\n   * Specifies an action for the alert message.\n   * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n   */\n  action?: React.ReactNode;\n  /**\n   * Fired when the user clicks the close icon that is displayed\n   * when the `dismissible` property is set to `true`.\n   */\n  onDismiss?: NonCancelableEventHandler;\n  /**\n   * Fired when the user clicks the action button.\n   * **Deprecated** Replaced by `action`.\n   */\n  onButtonClick?: NonCancelableEventHandler;\n}\n"]}

package/annotation-context/annotation/styles.css.js

@@ -1,29 +1,29 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_1hpp3_b8mdm_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_b8mdm_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_b8mdm_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_b8mdm_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_b8mdm_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_b8mdm_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_b8mdm_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_b8mdm_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_b8mdm_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_b8mdm_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_b8mdm_137",
-  "annotation": "awsui_annotation_1hpp3_b8mdm_145",
-  "next-button": "awsui_next-button_1hpp3_b8mdm_146",
-  "previous-button": "awsui_previous-button_1hpp3_b8mdm_147",
-  "finish-button": "awsui_finish-button_1hpp3_b8mdm_148",
-  "header": "awsui_header_1hpp3_b8mdm_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_b8mdm_150",
-  "content": "awsui_content_1hpp3_b8mdm_151",
-  "description": "awsui_description_1hpp3_b8mdm_155",
-  "actionBar": "awsui_actionBar_1hpp3_b8mdm_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_b8mdm_167",
-  "divider": "awsui_divider_1hpp3_b8mdm_171",
-  "hotspot": "awsui_hotspot_1hpp3_b8mdm_175",
-  "icon": "awsui_icon_1hpp3_b8mdm_215"
+  "arrow": "awsui_arrow_1hpp3_1y6xr_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1y6xr_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1y6xr_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1y6xr_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1y6xr_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1y6xr_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1y6xr_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1y6xr_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1y6xr_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1y6xr_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1y6xr_137",
+  "annotation": "awsui_annotation_1hpp3_1y6xr_145",
+  "next-button": "awsui_next-button_1hpp3_1y6xr_146",
+  "previous-button": "awsui_previous-button_1hpp3_1y6xr_147",
+  "finish-button": "awsui_finish-button_1hpp3_1y6xr_148",
+  "header": "awsui_header_1hpp3_1y6xr_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1y6xr_150",
+  "content": "awsui_content_1hpp3_1y6xr_151",
+  "description": "awsui_description_1hpp3_1y6xr_155",
+  "actionBar": "awsui_actionBar_1hpp3_1y6xr_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1y6xr_167",
+  "divider": "awsui_divider_1hpp3_1y6xr_171",
+  "hotspot": "awsui_hotspot_1hpp3_1y6xr_175",
+  "icon": "awsui_icon_1hpp3_1y6xr_215"
 };
   

package/annotation-context/annotation/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_arrow_1hpp3_b8mdm_93:not(#\9) {
+.awsui_arrow_1hpp3_1y6xr_93:not(#\9) {
   width: 20px;
   height: 10px;
 }
-.awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9), .awsui_arrow-inner_1hpp3_b8mdm_97:not(#\9) {
+.awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9), .awsui_arrow-inner_1hpp3_1y6xr_97:not(#\9) {
   position: absolute;
   overflow: hidden;
   width: 20px;
@@ -102,7 +102,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   top: 0;
   left: 0;
 }
-.awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after, .awsui_arrow-inner_1hpp3_1y6xr_97:not(#\9)::after {
   content: "";
   box-sizing: border-box;
   display: inline-block;
@@ -115,26 +115,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transform: rotate(45deg);
   transform-origin: 0 100%;
 }
-.awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after {
   background-color: var(--color-border-status-info-jcpzpz, #0972d3);
 }
-.awsui_arrow-inner_1hpp3_b8mdm_97:not(#\9) {
+.awsui_arrow-inner_1hpp3_1y6xr_97:not(#\9) {
   top: 2px;
 }
-.awsui_arrow-inner_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-inner_1hpp3_1y6xr_97:not(#\9)::after {
   border-radius: 1px 0 0 0;
   background-color: var(--color-background-status-info-v9jgjy, #f2f8fd);
 }
-.awsui_arrow-position-right-top_1hpp3_b8mdm_128 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_b8mdm_128 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-position-right-top_1hpp3_1y6xr_128 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after, .awsui_arrow-position-right-bottom_1hpp3_1y6xr_128 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after {
   box-shadow: -0.71px 0.71px 4px -2px var(--color-shadow-default-3z6non, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-left-top_1hpp3_b8mdm_131 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_b8mdm_131 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-position-left-top_1hpp3_1y6xr_131 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after, .awsui_arrow-position-left-bottom_1hpp3_1y6xr_131 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after {
   box-shadow: 0.71px -0.71px 4px -2px var(--color-shadow-default-3z6non, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-top-center_1hpp3_b8mdm_134 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_b8mdm_134 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-position-top-center_1hpp3_1y6xr_134 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after, .awsui_arrow-position-top-responsive_1hpp3_1y6xr_134 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after {
   box-shadow: -0.71px -0.71px 4px -2px var(--color-shadow-default-3z6non, rgba(0, 7, 22, 0.12));
 }
-.awsui_arrow-position-bottom-center_1hpp3_b8mdm_137 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_b8mdm_137 > .awsui_arrow-outer_1hpp3_b8mdm_97:not(#\9)::after {
+.awsui_arrow-position-bottom-center_1hpp3_1y6xr_137 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after, .awsui_arrow-position-bottom-responsive_1hpp3_1y6xr_137 > .awsui_arrow-outer_1hpp3_1y6xr_97:not(#\9)::after {
   box-shadow: 0.71px 0.71px 4px -2px var(--color-shadow-default-3z6non, rgba(0, 7, 22, 0.12));
 }
 
@@ -142,37 +142,37 @@ 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_annotation_1hpp3_b8mdm_145:not(#\9),
-.awsui_next-button_1hpp3_b8mdm_146:not(#\9),
-.awsui_previous-button_1hpp3_b8mdm_147:not(#\9),
-.awsui_finish-button_1hpp3_b8mdm_148:not(#\9),
-.awsui_header_1hpp3_b8mdm_149:not(#\9),
-.awsui_step-counter-content_1hpp3_b8mdm_150:not(#\9),
-.awsui_content_1hpp3_b8mdm_151:not(#\9) {
+.awsui_annotation_1hpp3_1y6xr_145:not(#\9),
+.awsui_next-button_1hpp3_1y6xr_146:not(#\9),
+.awsui_previous-button_1hpp3_1y6xr_147:not(#\9),
+.awsui_finish-button_1hpp3_1y6xr_148:not(#\9),
+.awsui_header_1hpp3_1y6xr_149:not(#\9),
+.awsui_step-counter-content_1hpp3_1y6xr_150:not(#\9),
+.awsui_content_1hpp3_1y6xr_151:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_description_1hpp3_b8mdm_155:not(#\9) {
+.awsui_description_1hpp3_1y6xr_155:not(#\9) {
   overflow: hidden;
   margin-top: var(--space-xxs-a6783b, 4px);
 }
 
-.awsui_actionBar_1hpp3_b8mdm_160:not(#\9) {
+.awsui_actionBar_1hpp3_1y6xr_160:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
 
-.awsui_stepCounter_1hpp3_b8mdm_167:not(#\9) {
+.awsui_stepCounter_1hpp3_1y6xr_167:not(#\9) {
   margin-right: 20px;
 }
 
-.awsui_divider_1hpp3_b8mdm_171:not(#\9) {
+.awsui_divider_1hpp3_1y6xr_171:not(#\9) {
   border-bottom: var(--border-divider-section-width-g0ay3c, 2px) solid var(--color-border-divider-default-4spq70, #e9ebed);
 }
 
-.awsui_hotspot_1hpp3_b8mdm_175:not(#\9) {
+.awsui_hotspot_1hpp3_1y6xr_175:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -213,21 +213,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border: none;
   padding: 0;
   cursor: pointer;
-  scroll-margin: var(--awsui-content-scroll-margin-rrnppm, 40px 0 0 0);
+  scroll-margin: var(--awsui-content-scroll-margin-en6003, 40px 0 0 0);
   width: 16px;
   height: 16px;
 }
-.awsui_hotspot_1hpp3_b8mdm_175:not(#\9):focus {
+.awsui_hotspot_1hpp3_1y6xr_175:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_b8mdm_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1y6xr_175:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_b8mdm_175:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1y6xr_175:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_b8mdm_175:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1y6xr_175:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -238,13 +238,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_b8mdm_175:not(#\9):focu
   border-radius: var(--border-radius-control-circular-focus-ring-b5pkbt, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nwfxo7, #0972d3);
 }
-.awsui_hotspot_1hpp3_b8mdm_175 > .awsui_icon_1hpp3_b8mdm_215:not(#\9) {
+.awsui_hotspot_1hpp3_1y6xr_175 > .awsui_icon_1hpp3_1y6xr_215:not(#\9) {
   position: relative;
   stroke: var(--color-text-link-default-zduqq6, #0972d3);
 }
-.awsui_hotspot_1hpp3_b8mdm_175:not(#\9):hover > .awsui_icon_1hpp3_b8mdm_215 {
+.awsui_hotspot_1hpp3_1y6xr_175:not(#\9):hover > .awsui_icon_1hpp3_1y6xr_215 {
   stroke: var(--color-text-link-hover-ccw05n, #033160);
 }
-.awsui_hotspot_1hpp3_b8mdm_175:not(#\9):active > .awsui_icon_1hpp3_b8mdm_215 {
+.awsui_hotspot_1hpp3_1y6xr_175:not(#\9):active > .awsui_icon_1hpp3_1y6xr_215 {
   stroke: var(--color-text-link-default-zduqq6, #0972d3);
 }

package/annotation-context/annotation/styles.selectors.js

@@ -2,29 +2,29 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "arrow": "awsui_arrow_1hpp3_b8mdm_93",
-  "arrow-outer": "awsui_arrow-outer_1hpp3_b8mdm_97",
-  "arrow-inner": "awsui_arrow-inner_1hpp3_b8mdm_97",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_b8mdm_128",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_b8mdm_128",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_b8mdm_131",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_b8mdm_131",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_b8mdm_134",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_b8mdm_134",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_b8mdm_137",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_b8mdm_137",
-  "annotation": "awsui_annotation_1hpp3_b8mdm_145",
-  "next-button": "awsui_next-button_1hpp3_b8mdm_146",
-  "previous-button": "awsui_previous-button_1hpp3_b8mdm_147",
-  "finish-button": "awsui_finish-button_1hpp3_b8mdm_148",
-  "header": "awsui_header_1hpp3_b8mdm_149",
-  "step-counter-content": "awsui_step-counter-content_1hpp3_b8mdm_150",
-  "content": "awsui_content_1hpp3_b8mdm_151",
-  "description": "awsui_description_1hpp3_b8mdm_155",
-  "actionBar": "awsui_actionBar_1hpp3_b8mdm_160",
-  "stepCounter": "awsui_stepCounter_1hpp3_b8mdm_167",
-  "divider": "awsui_divider_1hpp3_b8mdm_171",
-  "hotspot": "awsui_hotspot_1hpp3_b8mdm_175",
-  "icon": "awsui_icon_1hpp3_b8mdm_215"
+  "arrow": "awsui_arrow_1hpp3_1y6xr_93",
+  "arrow-outer": "awsui_arrow-outer_1hpp3_1y6xr_97",
+  "arrow-inner": "awsui_arrow-inner_1hpp3_1y6xr_97",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1y6xr_128",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1y6xr_128",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1y6xr_131",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1y6xr_131",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1y6xr_134",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1y6xr_134",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1y6xr_137",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1y6xr_137",
+  "annotation": "awsui_annotation_1hpp3_1y6xr_145",
+  "next-button": "awsui_next-button_1hpp3_1y6xr_146",
+  "previous-button": "awsui_previous-button_1hpp3_1y6xr_147",
+  "finish-button": "awsui_finish-button_1hpp3_1y6xr_148",
+  "header": "awsui_header_1hpp3_1y6xr_149",
+  "step-counter-content": "awsui_step-counter-content_1hpp3_1y6xr_150",
+  "content": "awsui_content_1hpp3_1y6xr_151",
+  "description": "awsui_description_1hpp3_1y6xr_155",
+  "actionBar": "awsui_actionBar_1hpp3_1y6xr_160",
+  "stepCounter": "awsui_stepCounter_1hpp3_1y6xr_167",
+  "divider": "awsui_divider_1hpp3_1y6xr_171",
+  "hotspot": "awsui_hotspot_1hpp3_1y6xr_175",
+  "icon": "awsui_icon_1hpp3_1y6xr_215"
 };
   

package/app-layout/interfaces.d.ts

@@ -88,6 +88,7 @@ export interface AppLayoutProps extends BaseComponentProps {
      *   toolsToggle: "Open help panel"
      * }
      * ```
+     * @i18n
      */
     ariaLabels?: AppLayoutProps.Labels;
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"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"}

package/app-layout/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n  /**\n   * Determines the default behavior of the component based on some predefined page layouts.\n   * Individual properties will always take precedence over the default coming from the content type.\n   */\n  contentType?: AppLayoutProps.ContentType;\n\n  /**\n   * If `true`, disables outer paddings for the content slot.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n   * @deprecated This layout is being phased out and may miss some features.\n   */\n  disableBodyScroll?: boolean;\n\n  /**\n   * State of the navigation drawer.\n   */\n  navigationOpen?: boolean;\n\n  /**\n   * Navigation drawer width in pixels.\n   */\n  navigationWidth?: number;\n\n  /**\n   * If `true`, the navigation drawer is not displayed at all.\n   */\n  navigationHide?: boolean;\n\n  /**\n   * State of the tools drawer.\n   */\n  toolsOpen?: boolean;\n\n  /**\n   * If `true`, the tools drawer is not displayed at all.\n   */\n  toolsHide?: boolean;\n\n  /**\n   * Tools drawer width in pixels.\n   */\n  toolsWidth?: number;\n\n  /**\n   * Maximum main content panel width in pixels.\n   *\n   * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n   */\n  maxContentWidth?: number;\n\n  /**\n   * Minimum main content panel width in pixels.\n   */\n  minContentWidth?: number;\n\n  /**\n   * If true, the notification slot is rendered above the scrollable\n   * content area so it is always visible.\n   *\n   * Note that sticky notifications are not supported in Internet Explorer.\n   */\n  stickyNotifications?: boolean;\n\n  /**\n   * CSS selector for the application header.\n   */\n  headerSelector?: string;\n\n  /**\n   * CSS selector for the application footer.\n   */\n  footerSelector?: string;\n\n  /**\n   * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n   *\n   * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n   * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n   * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n   * * `notification` (string) - Label for the region that contains notification messages.\n   * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n   * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n   * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n   *\n   * Example:\n   * ```\n   * {\n   *   navigation: \"Navigation drawer\",\n   *   navigationClose: \"Close navigation drawer\",\n   *   navigationToggle: \"Open navigation drawer\",\n   *   notifications: \"Notifications\",\n   *   tools: \"Help panel\",\n   *   toolsClose: \"Close help panel\",\n   *   toolsToggle: \"Open help panel\"\n   * }\n   * ```\n   */\n  ariaLabels?: AppLayoutProps.Labels;\n\n  /**\n   * Navigation drawer.\n   */\n  navigation?: React.ReactNode;\n\n  /**\n   * Top area of the page content.\n   * @deprecated Replaced by the `header` slot of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  contentHeader?: React.ReactNode;\n\n  /**\n   * Disables overlap between `contentHeader` and `content` slots.\n   * @deprecated Replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  disableContentHeaderOverlap?: boolean;\n\n  /**\n   * Main content.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Tools drawer.\n   */\n  tools?: React.ReactNode;\n\n  /**\n   * Displayed on top of the main content in the scrollable area.\n   *\n   * Conceived to contain notifications (flash messages).\n   */\n  notifications?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n   */\n  breadcrumbs?: React.ReactNode;\n\n  /**\n   * Fired when the navigation drawer is toggled.\n   */\n  onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Fired when the tools drawer is toggled.\n   */\n  onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n   *\n   * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.\n   */\n  splitPanel?: React.ReactNode;\n\n  /**\n   * The size of the split panel in pixels.\n   */\n  splitPanelSize?: number;\n\n  /**\n   * State of the split panel.\n   */\n  splitPanelOpen?: boolean;\n  /**\n   * Controls the split panel preferences.\n   *\n   * By default, the preference is `{ position: 'bottom' }`\n   */\n  splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n  /**\n   * Fired when the split panel is resized.\n   */\n  onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n  /**\n   * Fired when the split panel is toggled.\n   */\n  onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Fired when the split panel preferences change.\n   */\n  onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n  export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard' | 'dashboard';\n\n  export interface Ref {\n    /**\n     * Manually closes the navigation drawer if it is necessary for the current\n     * viewport size.\n     */\n    closeNavigationIfNecessary(): void;\n\n    /**\n     * Opens the tools panel if it is not already open. Note that it is preferable\n     * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n     */\n    openTools(): void;\n\n    /**\n     * Focuses the tools panel if it is open. Use this to focus the tools panel\n     * after changing the content, for example when clicking on an 'info' link while\n     * the panel is already open.\n     */\n    focusToolsClose(): void;\n  }\n\n  export interface Labels {\n    notifications?: string;\n\n    navigation?: string;\n    navigationToggle?: string;\n    navigationClose?: string;\n\n    tools?: string;\n    toolsToggle?: string;\n    toolsClose?: string;\n  }\n\n  export interface ChangeDetail {\n    open: boolean;\n  }\n\n  export interface SplitPanelResizeDetail {\n    size: number;\n  }\n\n  export interface SplitPanelPreferences {\n    position: 'side' | 'bottom';\n  }\n  // Duplicated the positions because using this definition in SplitPanelPreferences would display\n  // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n  export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["app-layout/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AppLayoutProps extends BaseComponentProps {\n  /**\n   * Determines the default behavior of the component based on some predefined page layouts.\n   * Individual properties will always take precedence over the default coming from the content type.\n   */\n  contentType?: AppLayoutProps.ContentType;\n\n  /**\n   * If `true`, disables outer paddings for the content slot.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * Activates a backwards-compatibility mode for applications with non-fixed headers and footers.\n   * @deprecated This layout is being phased out and may miss some features.\n   */\n  disableBodyScroll?: boolean;\n\n  /**\n   * State of the navigation drawer.\n   */\n  navigationOpen?: boolean;\n\n  /**\n   * Navigation drawer width in pixels.\n   */\n  navigationWidth?: number;\n\n  /**\n   * If `true`, the navigation drawer is not displayed at all.\n   */\n  navigationHide?: boolean;\n\n  /**\n   * State of the tools drawer.\n   */\n  toolsOpen?: boolean;\n\n  /**\n   * If `true`, the tools drawer is not displayed at all.\n   */\n  toolsHide?: boolean;\n\n  /**\n   * Tools drawer width in pixels.\n   */\n  toolsWidth?: number;\n\n  /**\n   * Maximum main content panel width in pixels.\n   *\n   * If set to `Number.MAX_VALUE`, the main content panel will occupy the full available width.\n   */\n  maxContentWidth?: number;\n\n  /**\n   * Minimum main content panel width in pixels.\n   */\n  minContentWidth?: number;\n\n  /**\n   * If true, the notification slot is rendered above the scrollable\n   * content area so it is always visible.\n   *\n   * Note that sticky notifications are not supported in Internet Explorer.\n   */\n  stickyNotifications?: boolean;\n\n  /**\n   * CSS selector for the application header.\n   */\n  headerSelector?: string;\n\n  /**\n   * CSS selector for the application footer.\n   */\n  footerSelector?: string;\n\n  /**\n   * Aria labels for the drawer operating buttons. Use this property to ensure accessibility.\n   *\n   * * `navigation` (string) - Label for the landmark that wraps the navigation drawer.\n   * * `navigationClose` (string) - Label for the button that closes the navigation drawer.\n   * * `navigationToggle` (string) - Label for the button that opens the navigation drawer.\n   * * `notification` (string) - Label for the region that contains notification messages.\n   * * `tools` (string) - Label for the landmark that wraps the tools drawer.\n   * * `toolsClose` (string) - Label for the button that closes the tools drawer.\n   * * `toolsToggle` (string) - Label for the button that opens the tools drawer.\n   *\n   * Example:\n   * ```\n   * {\n   *   navigation: \"Navigation drawer\",\n   *   navigationClose: \"Close navigation drawer\",\n   *   navigationToggle: \"Open navigation drawer\",\n   *   notifications: \"Notifications\",\n   *   tools: \"Help panel\",\n   *   toolsClose: \"Close help panel\",\n   *   toolsToggle: \"Open help panel\"\n   * }\n   * ```\n   * @i18n\n   */\n  ariaLabels?: AppLayoutProps.Labels;\n\n  /**\n   * Navigation drawer.\n   */\n  navigation?: React.ReactNode;\n\n  /**\n   * Top area of the page content.\n   * @deprecated Replaced by the `header` slot of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  contentHeader?: React.ReactNode;\n\n  /**\n   * Disables overlap between `contentHeader` and `content` slots.\n   * @deprecated Replaced by the `disableOverlap` property of the [content layout](/components/content-layout/) component.\n   * @visualrefresh\n   */\n  disableContentHeaderOverlap?: boolean;\n\n  /**\n   * Main content.\n   */\n  content?: React.ReactNode;\n\n  /**\n   * Tools drawer.\n   */\n  tools?: React.ReactNode;\n\n  /**\n   * Displayed on top of the main content in the scrollable area.\n   *\n   * Conceived to contain notifications (flash messages).\n   */\n  notifications?: React.ReactNode;\n\n  /**\n   * Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the app layout.\n   */\n  breadcrumbs?: React.ReactNode;\n\n  /**\n   * Fired when the navigation drawer is toggled.\n   */\n  onNavigationChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Fired when the tools drawer is toggled.\n   */\n  onToolsChange?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n\n  /**\n   * Use this slot to add the [split panel component](/components/split-panel/) to the app layout.\n   *\n   * Note: If provided, this property should be set to `null` or `undefined` if a split panel should not be rendered.\n   */\n  splitPanel?: React.ReactNode;\n\n  /**\n   * The size of the split panel in pixels.\n   */\n  splitPanelSize?: number;\n\n  /**\n   * State of the split panel.\n   */\n  splitPanelOpen?: boolean;\n  /**\n   * Controls the split panel preferences.\n   *\n   * By default, the preference is `{ position: 'bottom' }`\n   */\n  splitPanelPreferences?: AppLayoutProps.SplitPanelPreferences;\n  /**\n   * Fired when the split panel is resized.\n   */\n  onSplitPanelResize?: NonCancelableEventHandler<AppLayoutProps.SplitPanelResizeDetail>;\n  /**\n   * Fired when the split panel is toggled.\n   */\n  onSplitPanelToggle?: NonCancelableEventHandler<AppLayoutProps.ChangeDetail>;\n  /**\n   * Fired when the split panel preferences change.\n   */\n  onSplitPanelPreferencesChange?: NonCancelableEventHandler<AppLayoutProps.SplitPanelPreferences>;\n}\n\nexport namespace AppLayoutProps {\n  export type ContentType = 'default' | 'form' | 'table' | 'cards' | 'wizard' | 'dashboard';\n\n  export interface Ref {\n    /**\n     * Manually closes the navigation drawer if it is necessary for the current\n     * viewport size.\n     */\n    closeNavigationIfNecessary(): void;\n\n    /**\n     * Opens the tools panel if it is not already open. Note that it is preferable\n     * to control the state by listening to `toolsChange` and providing `toolsOpen`.\n     */\n    openTools(): void;\n\n    /**\n     * Focuses the tools panel if it is open. Use this to focus the tools panel\n     * after changing the content, for example when clicking on an 'info' link while\n     * the panel is already open.\n     */\n    focusToolsClose(): void;\n  }\n\n  export interface Labels {\n    notifications?: string;\n\n    navigation?: string;\n    navigationToggle?: string;\n    navigationClose?: string;\n\n    tools?: string;\n    toolsToggle?: string;\n    toolsClose?: string;\n  }\n\n  export interface ChangeDetail {\n    open: boolean;\n  }\n\n  export interface SplitPanelResizeDetail {\n    size: number;\n  }\n\n  export interface SplitPanelPreferences {\n    position: 'side' | 'bottom';\n  }\n  // Duplicated the positions because using this definition in SplitPanelPreferences would display\n  // 'AppLayoutProps.SplitPanelPosition' on the API docs instead of the string values.\n  export type SplitPanelPosition = 'side' | 'bottom';\n}\n"]}

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

@@ -1,8 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "notifications": "awsui_notifications_1hmm4_16fds_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16fds_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16fds_25"
+  "notifications": "awsui_notifications_1hmm4_1xdn9_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1xdn9_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1xdn9_25"
 };
   

package/app-layout/notifications/styles.scoped.css

@@ -6,26 +6,26 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_notifications_1hmm4_16fds_9:not(#\9),
-.awsui_notifications-sticky_1hmm4_16fds_10:not(#\9) {
+.awsui_notifications_1hmm4_1xdn9_9:not(#\9),
+.awsui_notifications-sticky_1hmm4_1xdn9_10:not(#\9) {
   z-index: 850;
 }
 
-.awsui_notifications_1hmm4_16fds_9:not(#\9) {
+.awsui_notifications_1hmm4_1xdn9_9:not(#\9) {
   /* This is necessary for the z-index to have effect */
   position: relative;
 }
 
-.awsui_notifications-sticky_1hmm4_16fds_10:not(#\9) {
+.awsui_notifications-sticky_1hmm4_1xdn9_10:not(#\9) {
   top: 0;
   position: sticky;
-  --awsui-flashbar-sticky-bottom-margin-rrnppm: var(--space-xxl-eiq7g3, 32px);
+  --awsui-flashbar-sticky-bottom-margin-en6003: var(--space-xxl-eiq7g3, 32px);
 }
 
-.awsui_no-content-paddings_1hmm4_16fds_25:not(#\9) {
+.awsui_no-content-paddings_1hmm4_1xdn9_25:not(#\9) {
   /*
   When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
   when the notification bar is rendered, to prevent it from overlapping the content.
    */
-  --awsui-stacked-notifications-bottom-margin-rrnppm: var(--space-scaled-l-x5pubp, 20px);
+  --awsui-stacked-notifications-bottom-margin-en6003: var(--space-scaled-l-x5pubp, 20px);
 }

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

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "notifications": "awsui_notifications_1hmm4_16fds_9",
-  "notifications-sticky": "awsui_notifications-sticky_1hmm4_16fds_10",
-  "no-content-paddings": "awsui_no-content-paddings_1hmm4_16fds_25"
+  "notifications": "awsui_notifications_1hmm4_1xdn9_9",
+  "notifications-sticky": "awsui_notifications-sticky_1hmm4_1xdn9_10",
+  "no-content-paddings": "awsui_no-content-paddings_1hmm4_1xdn9_25"
 };
   

package/app-layout/visual-refresh/background.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-/**
- * The CSS class 'awsui-context-content-header' needs to be added to the root element so
- * that the design tokens used are overridden with the appropriate values.
- */
-export default function Background(): JSX.Element;
+export default function Background(): JSX.Element | null;
 //# sourceMappingURL=background.d.ts.map

package/app-layout/visual-refresh/background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"background.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":";AAOA;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,gBAoBjC"}
+{"version":3,"file":"background.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":";AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,uBA4BjC"}

package/app-layout/visual-refresh/background.js

@@ -4,20 +4,15 @@ import React from 'react';
 import clsx from 'clsx';
 import { useAppLayoutInternals } from './context';
 import styles from './styles.css.js';
-/**
- * The CSS class 'awsui-context-content-header' needs to be added to the root element so
- * that the design tokens used are overridden with the appropriate values.
- */
 export default function Background() {
-    const { hasNotificationsContent, hasStickyBackground, stickyNotifications } = useAppLayoutInternals();
+    const { breadcrumbs, contentHeader, dynamicOverlapHeight, hasNotificationsContent, hasStickyBackground, isMobile, stickyNotifications, } = useAppLayoutInternals();
+    if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !contentHeader && dynamicOverlapHeight <= 0) {
+        return null;
+    }
     return (React.createElement("div", { className: clsx(styles.background, 'awsui-context-content-header') },
-        React.createElement("div", { className: clsx(styles['notifications-appbar-header'], {
-                [styles['has-notifications-content']]: hasNotificationsContent,
-                [styles['has-sticky-background']]: hasStickyBackground,
-                [styles['sticky-notifications']]: stickyNotifications,
-            }) }),
-        React.createElement("div", { className: clsx(styles.overlap, {
-                [styles['has-sticky-background']]: hasStickyBackground,
-            }) })));
+        React.createElement("div", { className: styles['scrolling-background'] }),
+        !isMobile && hasStickyBackground && (React.createElement("div", { className: clsx(styles['sticky-background'], {
+                [styles['has-sticky-notifications']]: stickyNotifications,
+            }) }))));
 }
 //# sourceMappingURL=background.js.map

package/app-layout/visual-refresh/background.js.map

@@ -1 +1 @@
-{"version":3,"file":"background.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAEtG,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC;QACrE,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,6BAA6B,CAAC,EAAE;gBACrD,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,EAAE,uBAAuB;gBAC9D,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,mBAAmB;gBACtD,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,mBAAmB;aACtD,CAAC,GACF;QAEF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;gBAC9B,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,mBAAmB;aACvD,CAAC,GACF,CACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\n/**\n * The CSS class 'awsui-context-content-header' needs to be added to the root element so\n * that the design tokens used are overridden with the appropriate values.\n */\nexport default function Background() {\n  const { hasNotificationsContent, hasStickyBackground, stickyNotifications } = useAppLayoutInternals();\n\n  return (\n    <div className={clsx(styles.background, 'awsui-context-content-header')}>\n      <div\n        className={clsx(styles['notifications-appbar-header'], {\n          [styles['has-notifications-content']]: hasNotificationsContent,\n          [styles['has-sticky-background']]: hasStickyBackground,\n          [styles['sticky-notifications']]: stickyNotifications,\n        })}\n      />\n\n      <div\n        className={clsx(styles.overlap, {\n          [styles['has-sticky-background']]: hasStickyBackground,\n        })}\n      />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"background.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/background.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,UAAU;IAChC,MAAM,EACJ,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACvB,mBAAmB,EACnB,QAAQ,EACR,mBAAmB,GACpB,GAAG,qBAAqB,EAAE,CAAC;IAE5B,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,aAAa,IAAI,oBAAoB,IAAI,CAAC,EAAE;QACzG,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC;QACrE,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC,GAAI;QAEjD,CAAC,QAAQ,IAAI,mBAAmB,IAAI,CACnC,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE;gBAC3C,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,mBAAmB;aAC1D,CAAC,GACF,CACH,CACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\n\nexport default function Background() {\n  const {\n    breadcrumbs,\n    contentHeader,\n    dynamicOverlapHeight,\n    hasNotificationsContent,\n    hasStickyBackground,\n    isMobile,\n    stickyNotifications,\n  } = useAppLayoutInternals();\n\n  if (!hasNotificationsContent && (!breadcrumbs || isMobile) && !contentHeader && dynamicOverlapHeight <= 0) {\n    return null;\n  }\n\n  return (\n    <div className={clsx(styles.background, 'awsui-context-content-header')}>\n      <div className={styles['scrolling-background']} />\n\n      {!isMobile && hasStickyBackground && (\n        <div\n          className={clsx(styles['sticky-background'], {\n            [styles['has-sticky-notifications']]: stickyNotifications,\n          })}\n        />\n      )}\n    </div>\n  );\n}\n"]}

package/app-layout/visual-refresh/breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export default function Breadcrumbs(): JSX.Element | null;
+//# sourceMappingURL=breadcrumbs.d.ts.map

package/app-layout/visual-refresh/breadcrumbs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/breadcrumbs.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,OAAO,UAAU,WAAW,uBAqBlC"}

package/app-layout/visual-refresh/breadcrumbs.js

@@ -0,0 +1,17 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { useAppLayoutInternals } from './context';
+import styles from './styles.css.js';
+import testutilStyles from '../test-classes/styles.css.js';
+export default function Breadcrumbs() {
+    const { breadcrumbs, hasStickyBackground, isMobile } = useAppLayoutInternals();
+    if (isMobile || !breadcrumbs) {
+        return null;
+    }
+    return (React.createElement("div", { className: clsx(styles.breadcrumbs, testutilStyles.breadcrumbs, {
+            [styles['has-sticky-background']]: hasStickyBackground,
+        }, 'awsui-context-content-header') }, breadcrumbs));
+}
+//# sourceMappingURL=breadcrumbs.js.map

package/app-layout/visual-refresh/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAE3D,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE/E,IAAI,QAAQ,IAAI,CAAC,WAAW,EAAE;QAC5B,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,WAAW,EAClB,cAAc,CAAC,WAAW,EAC1B;YACE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,mBAAmB;SACvD,EACD,8BAA8B,CAC/B,IAEA,WAAW,CACR,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport testutilStyles from '../test-classes/styles.css.js';\n\nexport default function Breadcrumbs() {\n  const { breadcrumbs, hasStickyBackground, isMobile } = useAppLayoutInternals();\n\n  if (isMobile || !breadcrumbs) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx(\n        styles.breadcrumbs,\n        testutilStyles.breadcrumbs,\n        {\n          [styles['has-sticky-background']]: hasStickyBackground,\n        },\n        'awsui-context-content-header'\n      )}\n    >\n      {breadcrumbs}\n    </div>\n  );\n}\n"]}

package/app-layout/visual-refresh/context.js

@@ -71,7 +71,7 @@ export const AppLayoutInternalsProvider = React.forwardRef((_a, forwardRef) => {
      * the controlled or uncontrolled state of the Navigation drawer. The logic
      * for determining the default state is colocated with the Navigation component.
      *
-     * The callback that will be passed to the Navigation and AppBar
+     * The callback that will be passed to the Navigation and MobileToolbar
      * components to handle the click events that will change the state
      * of the Navigation drawer. It will set the Navigation state with the
      * useControllable hook and also fire the onNavigationChange function to
@@ -89,7 +89,7 @@ export const AppLayoutInternalsProvider = React.forwardRef((_a, forwardRef) => {
      * the controlled or uncontrolled state of the Tools drawer. The logic
      * for determining the default state is colocated with the Tools component.
      *
-     * The callback that will be passed to the Navigation and AppBar
+     * The callback that will be passed to the Navigation and MobileToolbar
      * components to handle the click events that will change the state
      * of the Tools drawer. It will set the Tools state with the
      * useControllable hook and also fire the onToolsChange function to
@@ -296,7 +296,7 @@ export const AppLayoutInternalsProvider = React.forwardRef((_a, forwardRef) => {
      * be if there are sticky notifications. This could be any number including
      * zero based on how the child content renders. The hasNotificationsContent boolean
      * is simply centralizing the logic of the notifications height being > 0 such
-     * that it is not repeated in various components (such as AppBar) that need to
+     * that it is not repeated in various components (such as MobileToolbar) that need to
      * know if the notifications slot is empty.
      */
     const [notificationsContainerQuery, notificationsElement] = useContainerQuery(rect => rect.height);