@cloudscape-design/components 3.0.784 → 3.0.785

package/app-layout/visual-refresh-toolbar/notifications/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/notifications/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAOjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,yCAAyC;IACjD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,oCAAoC,CAAC,EACnD,kBAAkB,EAClB,QAAQ,GACT,EAAE,yCAAyC,eA4B3C;AAED,eAAO,MAAM,sCAAsC,mHAAkE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/notifications/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAQjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAMnD,UAAU,yCAAyC;IACjD,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,oCAAoC,CAAC,EACnD,kBAAkB,EAClB,QAAQ,GACT,EAAE,yCAAyC,eAmC3C;AAED,eAAO,MAAM,sCAAsC,mHAAkE,CAAC"}

package/app-layout/visual-refresh-toolbar/notifications/index.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import clsx from 'clsx';
+import { useContainerQuery } from '@cloudscape-design/component-toolkit';
 import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 import { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';
 import { createWidgetizedComponent } from '../../../internal/widgets';
@@ -10,8 +11,9 @@ import testutilStyles from '../../test-classes/styles.css.js';
 import styles from './styles.css.js';
 export function AppLayoutNotificationsImplementation({ appLayoutInternals, children, }) {
     const { ariaLabels, stickyNotifications, setNotificationsHeight, verticalOffsets } = appLayoutInternals;
-    const ref = useRef(null);
-    useResizeObserver(ref, entry => setNotificationsHeight(entry.borderBoxHeight));
+    const [hasNotificationsContent, contentRef] = useContainerQuery(rect => rect.borderBoxHeight > 0);
+    const rootRef = useRef(null);
+    useResizeObserver(rootRef, entry => setNotificationsHeight(entry.borderBoxHeight));
     useEffect(() => {
         return () => {
             setNotificationsHeight(0);
@@ -19,10 +21,10 @@ export function AppLayoutNotificationsImplementation({ appLayoutInternals, child
         // unmount effect only
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (React.createElement(NotificationsSlot, { ref: ref, className: clsx(appLayoutInternals.headerVariant === 'high-contrast' && highContrastHeaderClassName, stickyNotifications && styles['sticky-notifications'], appLayoutInternals.headerVariant !== 'high-contrast' && styles['sticky-notifications-with-background']), style: {
+    return (React.createElement(NotificationsSlot, { ref: rootRef, className: clsx(appLayoutInternals.headerVariant === 'high-contrast' && highContrastHeaderClassName, stickyNotifications && styles['sticky-notifications'], hasNotificationsContent && styles['has-notifications-content'], appLayoutInternals.headerVariant !== 'high-contrast' && styles['sticky-notifications-with-background']), style: {
             insetBlockStart: stickyNotifications ? verticalOffsets.notifications : undefined,
         } },
-        React.createElement("div", { className: testutilStyles.notifications, role: "region", "aria-label": ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.notifications }, children)));
+        React.createElement("div", { ref: contentRef, className: testutilStyles.notifications, role: "region", "aria-label": ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.notifications }, children)));
 }
 export const createWidgetizedAppLayoutNotifications = createWidgetizedComponent(AppLayoutNotificationsImplementation);
 //# sourceMappingURL=index.js.map

package/app-layout/visual-refresh-toolbar/notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/notifications/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,UAAU,oCAAoC,CAAC,EACnD,kBAAkB,EAClB,QAAQ,GACkC;IAC1C,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC;IACxG,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACtC,iBAAiB,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,sBAAsB,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,sBAAsB;QACtB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,kBAAkB,CAAC,aAAa,KAAK,eAAe,IAAI,2BAA2B,EACnF,mBAAmB,IAAI,MAAM,CAAC,sBAAsB,CAAC,EACrD,kBAAkB,CAAC,aAAa,KAAK,eAAe,IAAI,MAAM,CAAC,sCAAsC,CAAC,CACvG,EACD,KAAK,EAAE;YACL,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;SACjF;QAED,6BAAK,SAAS,EAAE,cAAc,CAAC,aAAa,EAAE,IAAI,EAAC,QAAQ,gBAAa,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,IAC9F,QAAQ,CACL,CACY,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sCAAsC,GAAG,yBAAyB,CAAC,oCAAoC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutInternals } from '../interfaces';\nimport { NotificationsSlot } from '../skeleton/slot-wrappers';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNotificationsImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutNotificationsImplementation({\n  appLayoutInternals,\n  children,\n}: AppLayoutNotificationsImplementationProps) {\n  const { ariaLabels, stickyNotifications, setNotificationsHeight, verticalOffsets } = appLayoutInternals;\n  const ref = useRef<HTMLElement>(null);\n  useResizeObserver(ref, entry => setNotificationsHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setNotificationsHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <NotificationsSlot\n      ref={ref}\n      className={clsx(\n        appLayoutInternals.headerVariant === 'high-contrast' && highContrastHeaderClassName,\n        stickyNotifications && styles['sticky-notifications'],\n        appLayoutInternals.headerVariant !== 'high-contrast' && styles['sticky-notifications-with-background']\n      )}\n      style={{\n        insetBlockStart: stickyNotifications ? verticalOffsets.notifications : undefined,\n      }}\n    >\n      <div className={testutilStyles.notifications} role=\"region\" aria-label={ariaLabels?.notifications}>\n        {children}\n      </div>\n    </NotificationsSlot>\n  );\n}\n\nexport const createWidgetizedAppLayoutNotifications = createWidgetizedComponent(AppLayoutNotificationsImplementation);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/notifications/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,2BAA2B,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE9D,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAOrC,MAAM,UAAU,oCAAoC,CAAC,EACnD,kBAAkB,EAClB,QAAQ,GACkC;IAC1C,MAAM,EAAE,UAAU,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,eAAe,EAAE,GAAG,kBAAkB,CAAC;IACxG,MAAM,CAAC,uBAAuB,EAAE,UAAU,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;IAClG,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACnF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,sBAAsB,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,CAAC;QACF,sBAAsB;QACtB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAI,CACb,kBAAkB,CAAC,aAAa,KAAK,eAAe,IAAI,2BAA2B,EACnF,mBAAmB,IAAI,MAAM,CAAC,sBAAsB,CAAC,EACrD,uBAAuB,IAAI,MAAM,CAAC,2BAA2B,CAAC,EAC9D,kBAAkB,CAAC,aAAa,KAAK,eAAe,IAAI,MAAM,CAAC,sCAAsC,CAAC,CACvG,EACD,KAAK,EAAE;YACL,eAAe,EAAE,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;SACjF;QAED,6BACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,cAAc,CAAC,aAAa,EACvC,IAAI,EAAC,QAAQ,gBACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa,IAEpC,QAAQ,CACL,CACY,CACrB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sCAAsC,GAAG,yBAAyB,CAAC,oCAAoC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { highContrastHeaderClassName } from '../../../internal/utils/content-header-utils';\nimport { createWidgetizedComponent } from '../../../internal/widgets';\nimport { AppLayoutInternals } from '../interfaces';\nimport { NotificationsSlot } from '../skeleton/slot-wrappers';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface AppLayoutNotificationsImplementationProps {\n  appLayoutInternals: AppLayoutInternals;\n  children: React.ReactNode;\n}\n\nexport function AppLayoutNotificationsImplementation({\n  appLayoutInternals,\n  children,\n}: AppLayoutNotificationsImplementationProps) {\n  const { ariaLabels, stickyNotifications, setNotificationsHeight, verticalOffsets } = appLayoutInternals;\n  const [hasNotificationsContent, contentRef] = useContainerQuery(rect => rect.borderBoxHeight > 0);\n  const rootRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(rootRef, entry => setNotificationsHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    return () => {\n      setNotificationsHeight(0);\n    };\n    // unmount effect only\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  return (\n    <NotificationsSlot\n      ref={rootRef}\n      className={clsx(\n        appLayoutInternals.headerVariant === 'high-contrast' && highContrastHeaderClassName,\n        stickyNotifications && styles['sticky-notifications'],\n        hasNotificationsContent && styles['has-notifications-content'],\n        appLayoutInternals.headerVariant !== 'high-contrast' && styles['sticky-notifications-with-background']\n      )}\n      style={{\n        insetBlockStart: stickyNotifications ? verticalOffsets.notifications : undefined,\n      }}\n    >\n      <div\n        ref={contentRef}\n        className={testutilStyles.notifications}\n        role=\"region\"\n        aria-label={ariaLabels?.notifications}\n      >\n        {children}\n      </div>\n    </NotificationsSlot>\n  );\n}\n\nexport const createWidgetizedAppLayoutNotifications = createWidgetizedComponent(AppLayoutNotificationsImplementation);\n"]}

package/app-layout/visual-refresh-toolbar/notifications/styles.css.js

@@ -1,7 +1,8 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-notifications": "awsui_sticky-notifications_154bi_s3qgg_9",
-  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_s3qgg_13"
+  "sticky-notifications": "awsui_sticky-notifications_154bi_4ef3v_9",
+  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_4ef3v_13",
+  "has-notifications-content": "awsui_has-notifications-content_154bi_4ef3v_17"
 };
   

package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css

@@ -6,10 +6,14 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_sticky-notifications_154bi_s3qgg_9:not(#\9) {
+.awsui_sticky-notifications_154bi_4ef3v_9:not(#\9) {
   position: sticky;
   z-index: 850;
 }
-.awsui_sticky-notifications-with-background_154bi_s3qgg_13:not(#\9) {
+.awsui_sticky-notifications-with-background_154bi_4ef3v_13:not(#\9) {
   background-color: var(--color-background-layout-main-nqw91u, #ffffff);
+}
+
+.awsui_has-notifications-content_154bi_4ef3v_17:not(#\9) {
+  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
 }

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

@@ -2,7 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-notifications": "awsui_sticky-notifications_154bi_s3qgg_9",
-  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_s3qgg_13"
+  "sticky-notifications": "awsui_sticky-notifications_154bi_4ef3v_9",
+  "sticky-notifications-with-background": "awsui_sticky-notifications-with-background_154bi_4ef3v_13",
+  "has-notifications-content": "awsui_has-notifications-content_154bi_4ef3v_17"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1qdqo_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1qdqo_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1qdqo_213",
-  "navigation": "awsui_navigation_7nfqu_1qdqo_228",
-  "tools": "awsui_tools_7nfqu_1qdqo_229",
-  "global-tools": "awsui_global-tools_7nfqu_1qdqo_230",
-  "tools-open": "awsui_tools-open_7nfqu_1qdqo_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1qdqo_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1qdqo_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1qdqo_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1qdqo_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_1qdqo_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_1qdqo_324",
-  "main-landmark": "awsui_main-landmark_7nfqu_1qdqo_335",
-  "main": "awsui_main_7nfqu_1qdqo_335",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1qdqo_344",
-  "content-header": "awsui_content-header_7nfqu_1qdqo_354",
-  "content": "awsui_content_7nfqu_1qdqo_354",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1qdqo_364"
+  "root": "awsui_root_7nfqu_5fcq5_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_5fcq5_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213",
+  "navigation": "awsui_navigation_7nfqu_5fcq5_228",
+  "tools": "awsui_tools_7nfqu_5fcq5_229",
+  "global-tools": "awsui_global-tools_7nfqu_5fcq5_230",
+  "tools-open": "awsui_tools-open_7nfqu_5fcq5_268",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_5fcq5_281",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_5fcq5_288",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_5fcq5_301",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_5fcq5_311",
+  "notifications-container": "awsui_notifications-container_7nfqu_5fcq5_317",
+  "notifications-background": "awsui_notifications-background_7nfqu_5fcq5_321",
+  "main-landmark": "awsui_main-landmark_7nfqu_5fcq5_332",
+  "main": "awsui_main_7nfqu_5fcq5_332",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_5fcq5_341",
+  "content-header": "awsui_content-header_7nfqu_5fcq5_351",
+  "content": "awsui_content_7nfqu_5fcq5_351",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_5fcq5_361"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -146,7 +146,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_7nfqu_1qdqo_149:not(#\9) {
+.awsui_root_7nfqu_5fcq5_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,104 +189,104 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_1qdqo_149:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149:not(#\9) {
     grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
     grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-default_7nfqu_1qdqo_198:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-default_7nfqu_1qdqo_198:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1440px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-default_7nfqu_1qdqo_198:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-dashboard_7nfqu_1qdqo_213:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-dashboard_7nfqu_1qdqo_213:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1qdqo_149.awsui_has-adaptive-widths-dashboard_7nfqu_1qdqo_213:not(#\9) {
+  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_1qdqo_228:not(#\9),
-.awsui_tools_7nfqu_1qdqo_229:not(#\9),
-.awsui_global-tools_7nfqu_1qdqo_230:not(#\9) {
+.awsui_navigation_7nfqu_5fcq5_228:not(#\9),
+.awsui_tools_7nfqu_5fcq5_229:not(#\9),
+.awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-z79u4u, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1qdqo_228:not(#\9),
-  .awsui_tools_7nfqu_1qdqo_229:not(#\9),
-  .awsui_global-tools_7nfqu_1qdqo_230:not(#\9) {
+  .awsui_navigation_7nfqu_5fcq5_228:not(#\9),
+  .awsui_tools_7nfqu_5fcq5_229:not(#\9),
+  .awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_1qdqo_228:not(#\9) {
+.awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1qdqo_228:not(#\9) {
+  .awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
     border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_1qdqo_228:not(#\9) {
+  .awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1qdqo_229:not(#\9) {
+  .awsui_tools_7nfqu_5fcq5_229:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_1qdqo_229:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_5fcq5_229:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-g964ok);
   }
-  .awsui_tools_7nfqu_1qdqo_229:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_1qdqo_268 {
+  .awsui_tools_7nfqu_5fcq5_229:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_5fcq5_268 {
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_1qdqo_230:not(#\9) {
+  .awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
     display: flex;
     grid-area: global-tools;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1qdqo_281:not(#\9) {
+  .awsui_split-panel-side_7nfqu_5fcq5_281:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1qdqo_288:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_5fcq5_288:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -294,75 +294,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_1qdqo_288:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_5fcq5_288:not(#\9) {
     grid-column: 2/span 4;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1qdqo_301:not(#\9) {
+.awsui_panel-hidden_7nfqu_5fcq5_301:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_1qdqo_301.awsui_navigation_7nfqu_1qdqo_228:not(#\9), .awsui_panel-hidden_7nfqu_1qdqo_301.awsui_tools_7nfqu_1qdqo_229:not(#\9), .awsui_panel-hidden_7nfqu_1qdqo_301.awsui_global-tools_7nfqu_1qdqo_230:not(#\9) {
+.awsui_panel-hidden_7nfqu_5fcq5_301.awsui_navigation_7nfqu_5fcq5_228:not(#\9), .awsui_panel-hidden_7nfqu_5fcq5_301.awsui_tools_7nfqu_5fcq5_229:not(#\9), .awsui_panel-hidden_7nfqu_5fcq5_301.awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_1qdqo_311:not(#\9) {
+.awsui_toolbar-container_7nfqu_5fcq5_311:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
 
-.awsui_notifications-container_7nfqu_1qdqo_317:not(#\9) {
+.awsui_notifications-container_7nfqu_5fcq5_317:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-container_7nfqu_1qdqo_317:not(#\9):not(:empty) {
-  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
-}
 
-.awsui_notifications-background_7nfqu_1qdqo_324:not(#\9) {
+.awsui_notifications-background_7nfqu_5fcq5_321:not(#\9) {
   background: var(--color-background-layout-main-nqw91u, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_1qdqo_324:not(#\9) {
+  .awsui_notifications-background_7nfqu_5fcq5_321:not(#\9) {
     grid-column: 2/span 4;
   }
 }
 
-.awsui_main-landmark_7nfqu_1qdqo_335:not(#\9) {
+.awsui_main-landmark_7nfqu_5fcq5_332:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1qdqo_335:not(#\9) {
+.awsui_main_7nfqu_5fcq5_332:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-aqzyko, 12px);
   margin-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_1qdqo_344:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_5fcq5_341:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1qdqo_344:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_5fcq5_341:not(#\9) {
     grid-column: 2/span 4;
   }
 }
 
-.awsui_content-header_7nfqu_1qdqo_354:not(#\9) {
+.awsui_content-header_7nfqu_5fcq5_351:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_content_7nfqu_1qdqo_354:not(#\9) {
+.awsui_content_7nfqu_5fcq5_351:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_1qdqo_364 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_5fcq5_361 *:not(#\9) {
     visibility: hidden;
   }
 }

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

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1qdqo_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1qdqo_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1qdqo_213",
-  "navigation": "awsui_navigation_7nfqu_1qdqo_228",
-  "tools": "awsui_tools_7nfqu_1qdqo_229",
-  "global-tools": "awsui_global-tools_7nfqu_1qdqo_230",
-  "tools-open": "awsui_tools-open_7nfqu_1qdqo_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1qdqo_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1qdqo_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1qdqo_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1qdqo_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_1qdqo_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_1qdqo_324",
-  "main-landmark": "awsui_main-landmark_7nfqu_1qdqo_335",
-  "main": "awsui_main_7nfqu_1qdqo_335",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1qdqo_344",
-  "content-header": "awsui_content-header_7nfqu_1qdqo_354",
-  "content": "awsui_content_7nfqu_1qdqo_354",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1qdqo_364"
+  "root": "awsui_root_7nfqu_5fcq5_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_5fcq5_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213",
+  "navigation": "awsui_navigation_7nfqu_5fcq5_228",
+  "tools": "awsui_tools_7nfqu_5fcq5_229",
+  "global-tools": "awsui_global-tools_7nfqu_5fcq5_230",
+  "tools-open": "awsui_tools-open_7nfqu_5fcq5_268",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_5fcq5_281",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_5fcq5_288",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_5fcq5_301",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_5fcq5_311",
+  "notifications-container": "awsui_notifications-container_7nfqu_5fcq5_317",
+  "notifications-background": "awsui_notifications-background_7nfqu_5fcq5_321",
+  "main-landmark": "awsui_main-landmark_7nfqu_5fcq5_332",
+  "main": "awsui_main_7nfqu_5fcq5_332",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_5fcq5_341",
+  "content-header": "awsui_content-header_7nfqu_5fcq5_351",
+  "content": "awsui_content_7nfqu_5fcq5_351",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_5fcq5_361"
 };
   

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (09a1b445)";
+export var PACKAGE_VERSION = "3.0.0 (25f44359)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (09a1b445)",
+  "PACKAGE_VERSION": "3.0.0 (25f44359)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "09a1b44509054210ed8e8c83ed6c9f5c9e1eb921"
+  "commit": "25f44359d4e2c6f57119826fa744001b0e1d6dee"
 }

package/package.json

@@ -127,7 +127,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.784",
+  "version": "3.0.785",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"