@cloudscape-design/components-themeable 3.0.744 → 3.0.745

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js

@@ -3,6 +3,7 @@
 import React from 'react';
 import clsx from 'clsx';
 import customCssProps from '../../../internal/generated/custom-css-properties';
+import sharedStyles from '../../resize/styles.css.js';
 import testutilStyles from '../../test-classes/styles.css.js';
 import styles from './styles.css.js';
 const contentTypeCustomWidths = ['dashboard', 'cards', 'table'];
@@ -18,15 +19,15 @@ export function SkeletonLayout({ style, notifications, contentHeader, content, n
             [customCssProps.navigationWidth]: `${navigationWidth}px`,
             [customCssProps.toolsWidth]: `${toolsWidth}px`,
         } },
-        navigation && (React.createElement("div", { className: clsx(styles.navigation, !navigationOpen && styles['panel-hidden'], toolsOpen && styles['unfocusable-mobile']) }, navigation)),
+        navigation && (React.createElement("div", { className: clsx(styles.navigation, !navigationOpen && styles['panel-hidden'], toolsOpen && styles['unfocusable-mobile'], sharedStyles['with-motion']) }, navigation)),
         toolbar,
         React.createElement("main", { className: clsx(styles['main-landmark'], anyPanelOpen && styles['unfocusable-mobile']) },
             notifications,
             React.createElement("div", { className: clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings }), style: style },
                 contentHeader && React.createElement("div", { className: styles['content-header'] }, contentHeader),
                 React.createElement("div", { className: clsx(styles.content, testutilStyles.content) }, content)),
-            bottomSplitPanel && (React.createElement("div", { className: clsx(styles['split-panel-bottom'], !splitPanelOpen && styles['split-panel-hidden']), style: { insetBlockEnd: placement.insetBlockEnd } }, bottomSplitPanel))),
+            bottomSplitPanel && (React.createElement("div", { className: clsx(styles['split-panel-bottom']), style: { insetBlockEnd: placement.insetBlockEnd } }, bottomSplitPanel))),
         sideSplitPanel && (React.createElement("div", { className: clsx(styles['split-panel-side'], !splitPanelOpen && styles['panel-hidden']) }, sideSplitPanel)),
-        tools && React.createElement("div", { className: clsx(styles.tools, !toolsOpen && styles['panel-hidden']) }, tools)));
+        React.createElement("div", { className: clsx(styles.tools, !toolsOpen && styles['panel-hidden'], sharedStyles['with-motion']) }, tools)));
 }
 //# sourceMappingURL=index.js.map

package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutPropsWithDefaults } from '../../interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nconst contentTypeCustomWidths: Array<string | undefined> = ['dashboard', 'cards', 'table'];\n\ninterface SkeletonLayoutProps\n  extends Pick<\n    AppLayoutPropsWithDefaults,\n    | 'notifications'\n    | 'contentHeader'\n    | 'content'\n    | 'contentType'\n    | 'maxContentWidth'\n    | 'disableContentPaddings'\n    | 'navigation'\n    | 'navigationOpen'\n    | 'navigationWidth'\n    | 'tools'\n    | 'toolsOpen'\n    | 'toolsWidth'\n    | 'placement'\n  > {\n  style?: React.CSSProperties;\n  toolbar?: React.ReactNode;\n  splitPanelOpen?: boolean;\n  sideSplitPanel?: React.ReactNode;\n  bottomSplitPanel?: React.ReactNode;\n}\n\nexport function SkeletonLayout({\n  style,\n  notifications,\n  contentHeader,\n  content,\n  navigation,\n  navigationOpen,\n  navigationWidth,\n  tools,\n  toolsOpen,\n  toolsWidth,\n  toolbar,\n  sideSplitPanel,\n  bottomSplitPanel,\n  splitPanelOpen,\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: SkeletonLayoutProps) {\n  const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;\n  const anyPanelOpen = navigationOpen || toolsOpen;\n  return (\n    <div\n      className={clsx(styles.root, testutilStyles.root, {\n        [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),\n        [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',\n      })}\n      style={{\n        minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,\n        [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',\n        [customCssProps.navigationWidth]: `${navigationWidth}px`,\n        [customCssProps.toolsWidth]: `${toolsWidth}px`,\n      }}\n    >\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && styles['panel-hidden'],\n            toolsOpen && styles['unfocusable-mobile']\n          )}\n        >\n          {navigation}\n        </div>\n      )}\n      {toolbar}\n      <main className={clsx(styles['main-landmark'], anyPanelOpen && styles['unfocusable-mobile'])}>\n        {notifications}\n        <div className={clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings })} style={style}>\n          {contentHeader && <div className={styles['content-header']}>{contentHeader}</div>}\n          <div className={clsx(styles.content, testutilStyles.content)}>{content}</div>\n        </div>\n        {bottomSplitPanel && (\n          <div\n            className={clsx(styles['split-panel-bottom'], !splitPanelOpen && styles['split-panel-hidden'])}\n            style={{ insetBlockEnd: placement.insetBlockEnd }}\n          >\n            {bottomSplitPanel}\n          </div>\n        )}\n      </main>\n      {sideSplitPanel && (\n        <div className={clsx(styles['split-panel-side'], !splitPanelOpen && styles['panel-hidden'])}>\n          {sideSplitPanel}\n        </div>\n      )}\n      {tools && <div className={clsx(styles.tools, !toolsOpen && styles['panel-hidden'])}>{tools}</div>}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutPropsWithDefaults } from '../../interfaces';\n\nimport sharedStyles from '../../resize/styles.css.js';\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nconst contentTypeCustomWidths: Array<string | undefined> = ['dashboard', 'cards', 'table'];\n\ninterface SkeletonLayoutProps\n  extends Pick<\n    AppLayoutPropsWithDefaults,\n    | 'notifications'\n    | 'contentHeader'\n    | 'content'\n    | 'contentType'\n    | 'maxContentWidth'\n    | 'disableContentPaddings'\n    | 'navigation'\n    | 'navigationOpen'\n    | 'navigationWidth'\n    | 'tools'\n    | 'toolsOpen'\n    | 'toolsWidth'\n    | 'placement'\n  > {\n  style?: React.CSSProperties;\n  toolbar?: React.ReactNode;\n  splitPanelOpen?: boolean;\n  sideSplitPanel?: React.ReactNode;\n  bottomSplitPanel?: React.ReactNode;\n}\n\nexport function SkeletonLayout({\n  style,\n  notifications,\n  contentHeader,\n  content,\n  navigation,\n  navigationOpen,\n  navigationWidth,\n  tools,\n  toolsOpen,\n  toolsWidth,\n  toolbar,\n  sideSplitPanel,\n  bottomSplitPanel,\n  splitPanelOpen,\n  placement,\n  contentType,\n  maxContentWidth,\n  disableContentPaddings,\n}: SkeletonLayoutProps) {\n  const isMaxWidth = maxContentWidth === Number.MAX_VALUE || maxContentWidth === Number.MAX_SAFE_INTEGER;\n  const anyPanelOpen = navigationOpen || toolsOpen;\n  return (\n    <div\n      className={clsx(styles.root, testutilStyles.root, {\n        [styles['has-adaptive-widths-default']]: !contentTypeCustomWidths.includes(contentType),\n        [styles['has-adaptive-widths-dashboard']]: contentType === 'dashboard',\n      })}\n      style={{\n        minBlockSize: `calc(100vh - ${placement.insetBlockStart}px - ${placement.insetBlockEnd}px)`,\n        [customCssProps.maxContentWidth]: isMaxWidth ? '100%' : maxContentWidth ? `${maxContentWidth}px` : '',\n        [customCssProps.navigationWidth]: `${navigationWidth}px`,\n        [customCssProps.toolsWidth]: `${toolsWidth}px`,\n      }}\n    >\n      {navigation && (\n        <div\n          className={clsx(\n            styles.navigation,\n            !navigationOpen && styles['panel-hidden'],\n            toolsOpen && styles['unfocusable-mobile'],\n            sharedStyles['with-motion']\n          )}\n        >\n          {navigation}\n        </div>\n      )}\n      {toolbar}\n      <main className={clsx(styles['main-landmark'], anyPanelOpen && styles['unfocusable-mobile'])}>\n        {notifications}\n        <div className={clsx(styles.main, { [styles['main-disable-paddings']]: disableContentPaddings })} style={style}>\n          {contentHeader && <div className={styles['content-header']}>{contentHeader}</div>}\n          <div className={clsx(styles.content, testutilStyles.content)}>{content}</div>\n        </div>\n        {bottomSplitPanel && (\n          <div className={clsx(styles['split-panel-bottom'])} style={{ insetBlockEnd: placement.insetBlockEnd }}>\n            {bottomSplitPanel}\n          </div>\n        )}\n      </main>\n      {sideSplitPanel && (\n        <div className={clsx(styles['split-panel-side'], !splitPanelOpen && styles['panel-hidden'])}>\n          {sideSplitPanel}\n        </div>\n      )}\n      <div className={clsx(styles.tools, !toolsOpen && styles['panel-hidden'], sharedStyles['with-motion'])}>\n        {tools}\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,21 +1,21 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_1j8du_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1j8du_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1j8du_213",
-  "navigation": "awsui_navigation_7nfqu_1j8du_228",
-  "tools": "awsui_tools_7nfqu_1j8du_229",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1j8du_253",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1j8du_259",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1j8du_272",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1j8du_276",
-  "notifications-container": "awsui_notifications-container_7nfqu_1j8du_282",
-  "main-landmark": "awsui_main-landmark_7nfqu_1j8du_289",
-  "main": "awsui_main_7nfqu_1j8du_289",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1j8du_298",
-  "content-header": "awsui_content-header_7nfqu_1j8du_308",
-  "content": "awsui_content_7nfqu_1j8du_308",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1j8du_318"
+  "root": "awsui_root_7nfqu_4dv8q_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_4dv8q_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_4dv8q_213",
+  "navigation": "awsui_navigation_7nfqu_4dv8q_228",
+  "tools": "awsui_tools_7nfqu_4dv8q_229",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_4dv8q_260",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_4dv8q_267",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_4dv8q_280",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_4dv8q_290",
+  "notifications-container": "awsui_notifications-container_7nfqu_4dv8q_296",
+  "main-landmark": "awsui_main-landmark_7nfqu_4dv8q_303",
+  "main": "awsui_main_7nfqu_4dv8q_303",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_4dv8q_312",
+  "content-header": "awsui_content-header_7nfqu_4dv8q_322",
+  "content": "awsui_content_7nfqu_4dv8q_322",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_4dv8q_332"
 };
   

package/lib/internal/template/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_1j8du_149:not(#\9) {
+.awsui_root_7nfqu_4dv8q_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,75 +189,83 @@ 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_1j8du_149:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149:not(#\9) {
     grid-template-areas: "navigation toolbar      toolbar       toolbar   toolbar         tools" "navigation .         notifications    .         sideSplitPanel  tools" "navigation .             main         .         sideSplitPanel  tools";
     grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-sin989, 40px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-sin989, 40px), 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_1j8du_149.awsui_has-adaptive-widths-default_7nfqu_1j8du_198:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-default_7nfqu_4dv8q_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1j8du_149.awsui_has-adaptive-widths-default_7nfqu_1j8du_198:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-default_7nfqu_4dv8q_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1440px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1j8du_149.awsui_has-adaptive-widths-default_7nfqu_1j8du_198:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-default_7nfqu_4dv8q_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_1j8du_149.awsui_has-adaptive-widths-dashboard_7nfqu_1j8du_213:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-dashboard_7nfqu_4dv8q_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_1j8du_149.awsui_has-adaptive-widths-dashboard_7nfqu_1j8du_213:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-dashboard_7nfqu_4dv8q_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_1j8du_149.awsui_has-adaptive-widths-dashboard_7nfqu_1j8du_213:not(#\9) {
+  .awsui_root_7nfqu_4dv8q_149.awsui_has-adaptive-widths-dashboard_7nfqu_4dv8q_213:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_1j8du_228:not(#\9),
-.awsui_tools_7nfqu_1j8du_229:not(#\9) {
+.awsui_navigation_7nfqu_4dv8q_228:not(#\9),
+.awsui_tools_7nfqu_4dv8q_229:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-il2pe5, #ffffff);
   z-index: 850;
+  opacity: 1;
+}
+@media (max-width: 688px) {
+  .awsui_navigation_7nfqu_4dv8q_228:not(#\9),
+  .awsui_tools_7nfqu_4dv8q_229:not(#\9) {
+    inline-size: 100%;
+  }
 }
 
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_1j8du_228:not(#\9) {
+  .awsui_navigation_7nfqu_4dv8q_228:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
-    border-inline-end: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
+    border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-layout-hnd6e7, #d5dbdb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_1j8du_229:not(#\9) {
+  .awsui_tools_7nfqu_4dv8q_229:not(#\9) {
     grid-area: tools;
     inline-size: var(--awsui-tools-width-g964ok);
-    border-inline-start: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
+    border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-layout-hnd6e7, #d5dbdb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_1j8du_253:not(#\9) {
+  .awsui_split-panel-side_7nfqu_4dv8q_260:not(#\9) {
     grid-area: sideSplitPanel;
-    border-inline-start: 1px solid var(--color-border-divider-panel-side-btgups, transparent);
+    border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-layout-hnd6e7, #d5dbdb);
+    opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_1j8du_259:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_4dv8q_267:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -265,58 +273,64 @@ 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_1j8du_259:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_4dv8q_267:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_panel-hidden_7nfqu_1j8du_272:not(#\9) {
-  display: none;
+.awsui_panel-hidden_7nfqu_4dv8q_280:not(#\9) {
+  border-block: none;
+  border-inline: none;
+  opacity: 0;
+  z-index: 0;
+}
+.awsui_panel-hidden_7nfqu_4dv8q_280.awsui_navigation_7nfqu_4dv8q_228:not(#\9), .awsui_panel-hidden_7nfqu_4dv8q_280.awsui_tools_7nfqu_4dv8q_229:not(#\9) {
+  inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_1j8du_276:not(#\9) {
+.awsui_toolbar-container_7nfqu_4dv8q_290:not(#\9) {
   grid-area: toolbar;
   block-size: 48px;
-  border-block-end: 1px solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
+  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-layout-hnd6e7, #d5dbdb);
 }
 
-.awsui_notifications-container_7nfqu_1j8du_282:not(#\9) {
+.awsui_notifications-container_7nfqu_4dv8q_296:not(#\9) {
   grid-area: notifications;
 }
-.awsui_notifications-container_7nfqu_1j8du_282:not(#\9):not(:empty) {
+.awsui_notifications-container_7nfqu_4dv8q_296:not(#\9):not(:empty) {
   padding-block-start: var(--space-scaled-xs-x91h81, 8px);
 }
 
-.awsui_main-landmark_7nfqu_1j8du_289:not(#\9) {
+.awsui_main-landmark_7nfqu_4dv8q_303:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_1j8du_289:not(#\9) {
+.awsui_main_7nfqu_4dv8q_303:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-9q8n2q, 12px);
   margin-block-end: var(--space-layout-content-bottom-ve4osc, 20px);
 }
-.awsui_main-disable-paddings_7nfqu_1j8du_298:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_4dv8q_312:not(#\9) {
   grid-column: 1/-1;
   margin-block: 0;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_1j8du_298:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_4dv8q_312:not(#\9) {
     grid-column: 2/span 3;
   }
 }
 
-.awsui_content-header_7nfqu_1j8du_308:not(#\9) {
+.awsui_content-header_7nfqu_4dv8q_322:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-d3iv03, 16px);
 }
 
-.awsui_content_7nfqu_1j8du_308:not(#\9) {
+.awsui_content_7nfqu_4dv8q_322:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_1j8du_318 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_4dv8q_332 *:not(#\9) {
     visibility: hidden;
   }
 }

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

@@ -2,21 +2,21 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_1j8du_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_1j8du_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_1j8du_213",
-  "navigation": "awsui_navigation_7nfqu_1j8du_228",
-  "tools": "awsui_tools_7nfqu_1j8du_229",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_1j8du_253",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_1j8du_259",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_1j8du_272",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_1j8du_276",
-  "notifications-container": "awsui_notifications-container_7nfqu_1j8du_282",
-  "main-landmark": "awsui_main-landmark_7nfqu_1j8du_289",
-  "main": "awsui_main_7nfqu_1j8du_289",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_1j8du_298",
-  "content-header": "awsui_content-header_7nfqu_1j8du_308",
-  "content": "awsui_content_7nfqu_1j8du_308",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_1j8du_318"
+  "root": "awsui_root_7nfqu_4dv8q_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_4dv8q_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_4dv8q_213",
+  "navigation": "awsui_navigation_7nfqu_4dv8q_228",
+  "tools": "awsui_tools_7nfqu_4dv8q_229",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_4dv8q_260",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_4dv8q_267",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_4dv8q_280",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_4dv8q_290",
+  "notifications-container": "awsui_notifications-container_7nfqu_4dv8q_296",
+  "main-landmark": "awsui_main-landmark_7nfqu_4dv8q_303",
+  "main": "awsui_main_7nfqu_4dv8q_303",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_4dv8q_312",
+  "content-header": "awsui_content-header_7nfqu_4dv8q_322",
+  "content": "awsui_content_7nfqu_4dv8q_322",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_4dv8q_332"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js

@@ -1,18 +1,18 @@
 
     import './styles.scoped.css';
     export default {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_ahjq7_141",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_ahjq7_163",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_ahjq7_166",
-  "toolbar-container": "awsui_toolbar-container_1kzri_ahjq7_169",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_ahjq7_178",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_ahjq7_182",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_ahjq7_187",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_ahjq7_195",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_ahjq7_196",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_ahjq7_242",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_1kzri_ahjq7_250",
-  "has-open-drawer": "awsui_has-open-drawer_1kzri_ahjq7_250",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_ahjq7_242"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_11qp4_141",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_11qp4_162",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_11qp4_165",
+  "toolbar-container": "awsui_toolbar-container_1kzri_11qp4_168",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_11qp4_177",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_11qp4_181",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_11qp4_186",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_11qp4_194",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_11qp4_195",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_11qp4_241",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_1kzri_11qp4_249",
+  "has-open-drawer": "awsui_has-open-drawer_1kzri_11qp4_249",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_11qp4_241"
 };
   

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css

@@ -138,35 +138,34 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among 
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_universal-toolbar_1kzri_ahjq7_141:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141:not(#\9) {
   background-color: var(--color-background-layout-panel-content-ml98gw, #ffffff);
-  border-block-end: 1px solid var(--color-border-divider-panel-bottom-sc2k0v, rgba(0, 28, 36, 0.15));
   box-sizing: border-box;
   padding-block: 0;
   padding-inline: var(--space-m-kpg8id, 16px);
   padding-inline-end: 0;
   position: sticky;
   z-index: 840;
-  transition: ease var(--motion-duration-refresh-only-slow-zaoigb, 250ms);
+  transition: ease var(--motion-duration-refresh-only-slow-u2wsjk, 0ms);
   transition-property: inset-block-start, opacity;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_universal-toolbar_1kzri_ahjq7_141:not(#\9) {
+  .awsui_universal-toolbar_1kzri_11qp4_141:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_universal-toolbar_1kzri_ahjq7_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_ahjq7_141:not(#\9) {
+.awsui-motion-disabled .awsui_universal-toolbar_1kzri_11qp4_141:not(#\9), .awsui-mode-entering .awsui_universal-toolbar_1kzri_11qp4_141:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141.awsui_disable-body-scroll_1kzri_ahjq7_163:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141.awsui_disable-body-scroll_1kzri_11qp4_162:not(#\9) {
   inset-block-start: 0px;
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141.awsui_toolbar-hidden_1kzri_ahjq7_166:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141.awsui_toolbar-hidden_1kzri_11qp4_165:not(#\9) {
   opacity: 0;
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141 > .awsui_toolbar-container_1kzri_ahjq7_169:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141 > .awsui_toolbar-container_1kzri_11qp4_168:not(#\9) {
   block-size: 48px;
   align-items: center;
   display: grid;
@@ -175,16 +174,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-columns: min-content auto minmax(140px, 1fr);
   grid-template-rows: 1fr;
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141 > .awsui_toolbar-container_1kzri_ahjq7_169 > .awsui_universal-toolbar-nav_1kzri_ahjq7_178:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141 > .awsui_toolbar-container_1kzri_11qp4_168 > .awsui_universal-toolbar-nav_1kzri_11qp4_177:not(#\9) {
   grid-column: 1;
   padding-inline-end: var(--space-static-xxs-z6w5bq, 4px);
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141 > .awsui_toolbar-container_1kzri_ahjq7_169 > .awsui_universal-toolbar-breadcrumbs_1kzri_ahjq7_182:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141 > .awsui_toolbar-container_1kzri_11qp4_168 > .awsui_universal-toolbar-breadcrumbs_1kzri_11qp4_181:not(#\9) {
   grid-column: 2;
   background-color: transparent;
   flex: 1 0;
 }
-.awsui_universal-toolbar_1kzri_ahjq7_141 > .awsui_toolbar-container_1kzri_ahjq7_169 > .awsui_universal-toolbar-drawers_1kzri_ahjq7_187:not(#\9) {
+.awsui_universal-toolbar_1kzri_11qp4_141 > .awsui_toolbar-container_1kzri_11qp4_168 > .awsui_universal-toolbar-drawers_1kzri_11qp4_186:not(#\9) {
   grid-column: 3;
   column-gap: var(--space-static-xs-fdj8ix, 8px);
   display: flex;
@@ -192,8 +191,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 100%;
 }
 
-.awsui_drawers-desktop-triggers-container_1kzri_ahjq7_195:not(#\9),
-.awsui_drawers-mobile-triggers-container_1kzri_ahjq7_196:not(#\9) {
+.awsui_drawers-desktop-triggers-container_1kzri_11qp4_194:not(#\9),
+.awsui_drawers-mobile-triggers-container_1kzri_11qp4_195:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -240,7 +239,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_drawers-trigger-content_1kzri_ahjq7_242:not(#\9) {
+.awsui_drawers-trigger-content_1kzri_11qp4_241:not(#\9) {
   block-size: 100%;
   align-items: center;
   display: flex;
@@ -248,15 +247,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   gap: var(--space-xs-xf5ch3, 8px);
   justify-content: flex-end;
 }
-.awsui_drawers-trigger-content_1kzri_ahjq7_242:not(#\9):not(.awsui_has-multiple-triggers_1kzri_ahjq7_250).awsui_has-open-drawer_1kzri_ahjq7_250 {
+.awsui_drawers-trigger-content_1kzri_11qp4_241:not(#\9):not(.awsui_has-multiple-triggers_1kzri_11qp4_249).awsui_has-open-drawer_1kzri_11qp4_249 {
   opacity: 0;
 }
-.awsui_drawers-trigger-content_1kzri_ahjq7_242:not(#\9):not(.awsui_has-multiple-triggers_1kzri_ahjq7_250):not(.awsui_has-open-drawer_1kzri_ahjq7_250) {
+.awsui_drawers-trigger-content_1kzri_11qp4_241:not(#\9):not(.awsui_has-multiple-triggers_1kzri_11qp4_249):not(.awsui_has-open-drawer_1kzri_11qp4_249) {
   opacity: 1;
 }
 
 @media (max-width: 688px) {
-  .awsui_drawers-trigger_1kzri_ahjq7_242:not(#\9) {
+  .awsui_drawers-trigger_1kzri_11qp4_241:not(#\9) {
     display: flex;
     justify-content: center;
     align-items: center;

package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js

@@ -2,18 +2,18 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "universal-toolbar": "awsui_universal-toolbar_1kzri_ahjq7_141",
-  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_ahjq7_163",
-  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_ahjq7_166",
-  "toolbar-container": "awsui_toolbar-container_1kzri_ahjq7_169",
-  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_ahjq7_178",
-  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_ahjq7_182",
-  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_ahjq7_187",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_ahjq7_195",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_ahjq7_196",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_ahjq7_242",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_1kzri_ahjq7_250",
-  "has-open-drawer": "awsui_has-open-drawer_1kzri_ahjq7_250",
-  "drawers-trigger": "awsui_drawers-trigger_1kzri_ahjq7_242"
+  "universal-toolbar": "awsui_universal-toolbar_1kzri_11qp4_141",
+  "disable-body-scroll": "awsui_disable-body-scroll_1kzri_11qp4_162",
+  "toolbar-hidden": "awsui_toolbar-hidden_1kzri_11qp4_165",
+  "toolbar-container": "awsui_toolbar-container_1kzri_11qp4_168",
+  "universal-toolbar-nav": "awsui_universal-toolbar-nav_1kzri_11qp4_177",
+  "universal-toolbar-breadcrumbs": "awsui_universal-toolbar-breadcrumbs_1kzri_11qp4_181",
+  "universal-toolbar-drawers": "awsui_universal-toolbar-drawers_1kzri_11qp4_186",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_1kzri_11qp4_194",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_1kzri_11qp4_195",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_1kzri_11qp4_241",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_1kzri_11qp4_249",
+  "has-open-drawer": "awsui_has-open-drawer_1kzri_11qp4_249",
+  "drawers-trigger": "awsui_drawers-trigger_1kzri_11qp4_241"
 };
   

package/lib/internal/template/attribute-editor/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_c4v60_149",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_c4v60_1",
-  "root": "awsui_root_n4qlp_c4v60_171",
-  "empty": "awsui_empty_n4qlp_c4v60_149",
-  "row": "awsui_row_n4qlp_c4v60_213",
-  "row-control": "awsui_row-control_n4qlp_c4v60_217",
-  "field": "awsui_field_n4qlp_c4v60_221",
-  "add-button": "awsui_add-button_n4qlp_c4v60_225",
-  "remove-button": "awsui_remove-button_n4qlp_c4v60_229",
-  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_c4v60_233",
-  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_c4v60_237",
-  "divider": "awsui_divider_n4qlp_c4v60_241",
-  "additional-info": "awsui_additional-info_n4qlp_c4v60_245",
-  "right-align": "awsui_right-align_n4qlp_c4v60_291"
+  "empty-appear": "awsui_empty-appear_n4qlp_ndady_149",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_ndady_1",
+  "root": "awsui_root_n4qlp_ndady_171",
+  "empty": "awsui_empty_n4qlp_ndady_149",
+  "row": "awsui_row_n4qlp_ndady_213",
+  "row-control": "awsui_row-control_n4qlp_ndady_217",
+  "field": "awsui_field_n4qlp_ndady_221",
+  "add-button": "awsui_add-button_n4qlp_ndady_225",
+  "remove-button": "awsui_remove-button_n4qlp_ndady_229",
+  "button-container-haslabel": "awsui_button-container-haslabel_n4qlp_ndady_233",
+  "button-container-nolabel": "awsui_button-container-nolabel_n4qlp_ndady_237",
+  "divider": "awsui_divider_n4qlp_ndady_241",
+  "additional-info": "awsui_additional-info_n4qlp_ndady_245",
+  "right-align": "awsui_right-align_n4qlp_ndady_291"
 };