@cloudscape-design/components 3.0.1065 → 3.0.1067

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

@@ -150,7 +150,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_navigation-container_2p2ab_mig6v_153:not(#\9) {
+.awsui_navigation-container_2p2ab_9hfbc_153:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-6u8rvp, #ffffff);
@@ -161,27 +161,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   flex-direction: column;
 }
-.awsui_navigation-container_2p2ab_mig6v_153:not(#\9):not(.awsui_is-navigation-open_2p2ab_mig6v_164) {
+.awsui_navigation-container_2p2ab_9hfbc_153:not(#\9):not(.awsui_is-navigation-open_2p2ab_9hfbc_164) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation-container_2p2ab_mig6v_153 > .awsui_navigation_2p2ab_mig6v_153:not(#\9) {
+.awsui_navigation-container_2p2ab_9hfbc_153 > .awsui_navigation_2p2ab_9hfbc_153:not(#\9) {
   flex-grow: 1;
   block-size: 100%;
   overflow-y: auto;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   overscroll-behavior-y: contain;
-  inline-size: var(--awsui-navigation-width-kcc2gu);
+  inline-size: var(--awsui-navigation-width-mdigke);
   position: relative;
 }
 @media (max-width: 688px) {
-  .awsui_navigation-container_2p2ab_mig6v_153:not(#\9) {
-    --awsui-navigation-width-kcc2gu: 100vw;
+  .awsui_navigation-container_2p2ab_9hfbc_153:not(#\9) {
+    --awsui-navigation-width-mdigke: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_mig6v_184:not(#\9) {
+.awsui_hide-navigation_2p2ab_9hfbc_184:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-dsumyt, 16px);
   inset-block-start: 14px;

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

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "navigation-container": "awsui_navigation-container_2p2ab_mig6v_153",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_mig6v_164",
-  "navigation": "awsui_navigation_2p2ab_mig6v_153",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_mig6v_184"
+  "navigation-container": "awsui_navigation-container_2p2ab_9hfbc_153",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_9hfbc_164",
+  "navigation": "awsui_navigation_2p2ab_9hfbc_153",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_9hfbc_184"
 };
   

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO9E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAqB,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,sBAAsB,CAAC;IACvC,cAAc,EAAE,qBAAqB,CAAC;IACtC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,uBAAuB,EAAE,uBAAuB,CAAC;CAClD;AAUD,eAAO,MAAM,cAAc,2FAMxB,mBAAmB,gBAmDrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/index.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO9E,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAqB,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,sBAAsB,CAAC;IACvC,cAAc,EAAE,qBAAqB,CAAC;IACtC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,uBAAuB,EAAE,uBAAuB,CAAC;CAClD;AAUD,eAAO,MAAM,cAAc,2FAMxB,mBAAmB,gBAoDrB,CAAC"}

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

@@ -26,6 +26,7 @@ export const SkeletonLayout = ({ registered, appLayoutProps, appLayoutState, too
     const { wrapperElAttributes, mainElAttributes, contentWrapperElAttributes, contentHeaderElAttributes, contentElAttributes, } = skeletonSlotsAttributes;
     return (React.createElement(VisualContext, { contextName: "app-layout-toolbar" },
         React.createElement("div", Object.assign({}, getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }), { ref: appLayoutState.rootRef, "data-awsui-app-layout-widget-loaded": false }, wrapperElAttributes, { className: (_a = wrapperElAttributes === null || wrapperElAttributes === void 0 ? void 0 : wrapperElAttributes.className) !== null && _a !== void 0 ? _a : clsx(styles.root, testutilStyles.root), style: (_b = wrapperElAttributes === null || wrapperElAttributes === void 0 ? void 0 : wrapperElAttributes.style) !== null && _b !== void 0 ? _b : {
+                blockSize: `calc(100vh - ${appLayoutProps.placement.insetBlockStart + appLayoutProps.placement.insetBlockEnd}px)`,
                 [customCssProps.navigationWidth]: `${navigationWidth}px`,
             } }),
             React.createElement(AppLayoutBeforeMainSlot, Object.assign({}, mergedProps)),

package/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":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAGjH,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAE/E,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAIrB,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,0BAA0B,GAAwD;IACtF,IAAI,EAAE,wBAAwB;IAC9B,KAAK,EAAE;QACL,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,uBAAuB,GACH,EAAE,EAAE;;IACxB,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC;IACnE,MAAM,WAAW,GAAsB;QACrC,YAAY;QACZ,cAAc;QACd,cAAc;KACf,CAAC;IACF,MAAM,EACJ,mBAAmB,EACnB,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,mBAAmB,GACpB,GAAG,uBAAuB,CAAC;IAE5B,OAAO,CACL,oBAAC,aAAa,IAAC,WAAW,EAAC,oBAAoB;QAC7C,6CACM,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,IAC5E,GAAG,EAAE,cAAc,CAAC,OAAoC,yCACnB,KAAK,IACtC,mBAAmB,IACvB,SAAS,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,SAAS,mCAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EACnF,KAAK,EACH,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,mCAAI;gBAC5B,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,GAAG,eAAe,IAAI;aACzD;YAGH,oBAAC,uBAAuB,oBAAK,WAAW,EAAI;YAC5C,8CAAU,gBAAgB,IAAE,SAAS,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,mCAAI,MAAM,CAAC,eAAe,CAAC;gBAC3F,oBAAC,uBAAuB,oBAAK,WAAW,EAAI;gBAC5C,6CACM,0BAA0B,IAC9B,SAAS,EACP,MAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,mCACrC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,cAAc,CAAC,sBAAsB,EAAE,CAAC;oBAGhG,aAAa,IAAI,6CAAS,yBAAyB,GAAG,aAAa,CAAO;oBAE3E,6CAAS,mBAAmB,IAAE,SAAS,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,SAAS,mCAAI,cAAc,CAAC,OAAO,KAC9F,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CACxB,CACF;gBACN,oBAAC,0BAA0B,oBAAK,WAAW,EAAI,CAC1C;YACP,oBAAC,sBAAsB,oBAAK,WAAW,EAAI,CACvC,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { GeneratedAnalyticsMetadataAppLayoutToolbarComponent } from '../../../app-layout-toolbar/analytics-metadata/interfaces';\nimport VisualContext from '../../../internal/components/visual-context';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport {\n  AppLayoutAfterMainSlot,\n  AppLayoutBeforeMainSlot,\n  AppLayoutBottomContentSlot,\n  AppLayoutTopContentSlot,\n} from '../internal';\nimport { ToolbarProps } from '../toolbar';\nimport { SkeletonPartProps, SkeletonSlotsAttributes } from './interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface SkeletonLayoutProps {\n  registered: boolean;\n  appLayoutProps: AppLayoutInternalProps;\n  appLayoutState: AppLayoutPendingState;\n  toolbarProps: ToolbarProps | null;\n  skeletonSlotsAttributes: SkeletonSlotsAttributes;\n}\n\nconst componentAnalyticsMetadata: GeneratedAnalyticsMetadataAppLayoutToolbarComponent = {\n  name: 'awsui.AppLayoutToolbar',\n  label: {\n    selector: 'h1',\n    root: 'body',\n  },\n};\n\nexport const SkeletonLayout = ({\n  registered,\n  appLayoutProps,\n  appLayoutState,\n  toolbarProps,\n  skeletonSlotsAttributes,\n}: SkeletonLayoutProps) => {\n  const { contentHeader, content, navigationWidth } = appLayoutProps;\n  const mergedProps: SkeletonPartProps = {\n    toolbarProps,\n    appLayoutProps,\n    appLayoutState,\n  };\n  const {\n    wrapperElAttributes,\n    mainElAttributes,\n    contentWrapperElAttributes,\n    contentHeaderElAttributes,\n    contentElAttributes,\n  } = skeletonSlotsAttributes;\n\n  return (\n    <VisualContext contextName=\"app-layout-toolbar\">\n      <div\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n        ref={appLayoutState.rootRef as React.Ref<HTMLDivElement>}\n        data-awsui-app-layout-widget-loaded={false}\n        {...wrapperElAttributes}\n        className={wrapperElAttributes?.className ?? clsx(styles.root, testutilStyles.root)}\n        style={\n          wrapperElAttributes?.style ?? {\n            [customCssProps.navigationWidth]: `${navigationWidth}px`,\n          }\n        }\n      >\n        <AppLayoutBeforeMainSlot {...mergedProps} />\n        <main {...mainElAttributes} className={mainElAttributes?.className ?? styles['main-landmark']}>\n          <AppLayoutTopContentSlot {...mergedProps} />\n          <div\n            {...contentWrapperElAttributes}\n            className={\n              contentWrapperElAttributes?.className ??\n              clsx(styles.main, { [styles['main-disable-paddings']]: appLayoutProps.disableContentPaddings })\n            }\n          >\n            {contentHeader && <div {...contentHeaderElAttributes}>{contentHeader}</div>}\n            {/*delay rendering the content until registration of this instance is complete*/}\n            <div {...contentElAttributes} className={contentElAttributes?.className ?? testutilStyles.content}>\n              {registered ? content : null}\n            </div>\n          </div>\n          <AppLayoutBottomContentSlot {...mergedProps} />\n        </main>\n        <AppLayoutAfterMainSlot {...mergedProps} />\n      </div>\n    </VisualContext>\n  );\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/app-layout/visual-refresh-toolbar/skeleton/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAGjH,OAAO,aAAa,MAAM,6CAA6C,CAAC;AACxE,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAE/E,OAAO,EACL,sBAAsB,EACtB,uBAAuB,EACvB,0BAA0B,EAC1B,uBAAuB,GACxB,MAAM,aAAa,CAAC;AAIrB,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAUrC,MAAM,0BAA0B,GAAwD;IACtF,IAAI,EAAE,wBAAwB;IAC9B,KAAK,EAAE;QACL,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,uBAAuB,GACH,EAAE,EAAE;;IACxB,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,cAAc,CAAC;IACnE,MAAM,WAAW,GAAsB;QACrC,YAAY;QACZ,cAAc;QACd,cAAc;KACf,CAAC;IACF,MAAM,EACJ,mBAAmB,EACnB,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,mBAAmB,GACpB,GAAG,uBAAuB,CAAC;IAE5B,OAAO,CACL,oBAAC,aAAa,IAAC,WAAW,EAAC,oBAAoB;QAC7C,6CACM,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,IAC5E,GAAG,EAAE,cAAc,CAAC,OAAoC,yCACnB,KAAK,IACtC,mBAAmB,IACvB,SAAS,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,SAAS,mCAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EACnF,KAAK,EACH,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,mCAAI;gBAC5B,SAAS,EAAE,gBAAgB,cAAc,CAAC,SAAS,CAAC,eAAe,GAAG,cAAc,CAAC,SAAS,CAAC,aAAa,KAAK;gBACjH,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,GAAG,eAAe,IAAI;aACzD;YAGH,oBAAC,uBAAuB,oBAAK,WAAW,EAAI;YAC5C,8CAAU,gBAAgB,IAAE,SAAS,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,mCAAI,MAAM,CAAC,eAAe,CAAC;gBAC3F,oBAAC,uBAAuB,oBAAK,WAAW,EAAI;gBAC5C,6CACM,0BAA0B,IAC9B,SAAS,EACP,MAAA,0BAA0B,aAA1B,0BAA0B,uBAA1B,0BAA0B,CAAE,SAAS,mCACrC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,cAAc,CAAC,sBAAsB,EAAE,CAAC;oBAGhG,aAAa,IAAI,6CAAS,yBAAyB,GAAG,aAAa,CAAO;oBAE3E,6CAAS,mBAAmB,IAAE,SAAS,EAAE,MAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,SAAS,mCAAI,cAAc,CAAC,OAAO,KAC9F,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CACxB,CACF;gBACN,oBAAC,0BAA0B,oBAAK,WAAW,EAAI,CAC1C;YACP,oBAAC,sBAAsB,oBAAK,WAAW,EAAI,CACvC,CACQ,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { GeneratedAnalyticsMetadataAppLayoutToolbarComponent } from '../../../app-layout-toolbar/analytics-metadata/interfaces';\nimport VisualContext from '../../../internal/components/visual-context';\nimport customCssProps from '../../../internal/generated/custom-css-properties';\nimport { AppLayoutInternalProps, AppLayoutPendingState } from '../interfaces';\nimport {\n  AppLayoutAfterMainSlot,\n  AppLayoutBeforeMainSlot,\n  AppLayoutBottomContentSlot,\n  AppLayoutTopContentSlot,\n} from '../internal';\nimport { ToolbarProps } from '../toolbar';\nimport { SkeletonPartProps, SkeletonSlotsAttributes } from './interfaces';\n\nimport testutilStyles from '../../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface SkeletonLayoutProps {\n  registered: boolean;\n  appLayoutProps: AppLayoutInternalProps;\n  appLayoutState: AppLayoutPendingState;\n  toolbarProps: ToolbarProps | null;\n  skeletonSlotsAttributes: SkeletonSlotsAttributes;\n}\n\nconst componentAnalyticsMetadata: GeneratedAnalyticsMetadataAppLayoutToolbarComponent = {\n  name: 'awsui.AppLayoutToolbar',\n  label: {\n    selector: 'h1',\n    root: 'body',\n  },\n};\n\nexport const SkeletonLayout = ({\n  registered,\n  appLayoutProps,\n  appLayoutState,\n  toolbarProps,\n  skeletonSlotsAttributes,\n}: SkeletonLayoutProps) => {\n  const { contentHeader, content, navigationWidth } = appLayoutProps;\n  const mergedProps: SkeletonPartProps = {\n    toolbarProps,\n    appLayoutProps,\n    appLayoutState,\n  };\n  const {\n    wrapperElAttributes,\n    mainElAttributes,\n    contentWrapperElAttributes,\n    contentHeaderElAttributes,\n    contentElAttributes,\n  } = skeletonSlotsAttributes;\n\n  return (\n    <VisualContext contextName=\"app-layout-toolbar\">\n      <div\n        {...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata })}\n        ref={appLayoutState.rootRef as React.Ref<HTMLDivElement>}\n        data-awsui-app-layout-widget-loaded={false}\n        {...wrapperElAttributes}\n        className={wrapperElAttributes?.className ?? clsx(styles.root, testutilStyles.root)}\n        style={\n          wrapperElAttributes?.style ?? {\n            blockSize: `calc(100vh - ${appLayoutProps.placement.insetBlockStart + appLayoutProps.placement.insetBlockEnd}px)`,\n            [customCssProps.navigationWidth]: `${navigationWidth}px`,\n          }\n        }\n      >\n        <AppLayoutBeforeMainSlot {...mergedProps} />\n        <main {...mainElAttributes} className={mainElAttributes?.className ?? styles['main-landmark']}>\n          <AppLayoutTopContentSlot {...mergedProps} />\n          <div\n            {...contentWrapperElAttributes}\n            className={\n              contentWrapperElAttributes?.className ??\n              clsx(styles.main, { [styles['main-disable-paddings']]: appLayoutProps.disableContentPaddings })\n            }\n          >\n            {contentHeader && <div {...contentHeaderElAttributes}>{contentHeader}</div>}\n            {/*delay rendering the content until registration of this instance is complete*/}\n            <div {...contentElAttributes} className={contentElAttributes?.className ?? testutilStyles.content}>\n              {registered ? content : null}\n            </div>\n          </div>\n          <AppLayoutBottomContentSlot {...mergedProps} />\n        </main>\n        <AppLayoutAfterMainSlot {...mergedProps} />\n      </div>\n    </VisualContext>\n  );\n};\n"]}

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

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_3u5n8_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_3u5n8_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_3u5n8_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_3u5n8_217",
-  "navigation": "awsui_navigation_7nfqu_3u5n8_222",
-  "tools": "awsui_tools_7nfqu_3u5n8_223",
-  "global-tools": "awsui_global-tools_7nfqu_3u5n8_224",
-  "tools-open": "awsui_tools-open_7nfqu_3u5n8_262",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_3u5n8_276",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_3u5n8_283",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_3u5n8_296",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_3u5n8_306",
-  "notifications-container": "awsui_notifications-container_7nfqu_3u5n8_313",
-  "notifications-background": "awsui_notifications-background_7nfqu_3u5n8_317",
-  "main-landmark": "awsui_main-landmark_7nfqu_3u5n8_328",
-  "main": "awsui_main_7nfqu_3u5n8_328",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_3u5n8_337",
-  "content-header": "awsui_content-header_7nfqu_3u5n8_347",
-  "content": "awsui_content_7nfqu_3u5n8_347",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_3u5n8_357",
-  "hidden": "awsui_hidden_7nfqu_3u5n8_362",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_3u5n8_366",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_3u5n8_366"
+  "root": "awsui_root_7nfqu_16ija_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_16ija_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_16ija_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_16ija_217",
+  "navigation": "awsui_navigation_7nfqu_16ija_222",
+  "tools": "awsui_tools_7nfqu_16ija_223",
+  "global-tools": "awsui_global-tools_7nfqu_16ija_224",
+  "tools-open": "awsui_tools-open_7nfqu_16ija_262",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_16ija_276",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_16ija_283",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_16ija_296",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_16ija_306",
+  "notifications-container": "awsui_notifications-container_7nfqu_16ija_313",
+  "notifications-background": "awsui_notifications-background_7nfqu_16ija_317",
+  "main-landmark": "awsui_main-landmark_7nfqu_16ija_328",
+  "main": "awsui_main_7nfqu_16ija_328",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_16ija_337",
+  "content-header": "awsui_content-header_7nfqu_16ija_347",
+  "content": "awsui_content_7nfqu_16ija_347",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_16ija_357",
+  "hidden": "awsui_hidden_7nfqu_16ija_362",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_16ija_366",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_16ija_366"
 };
   

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

@@ -150,7 +150,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_3u5n8_153:not(#\9) {
+.awsui_root_7nfqu_16ija_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -182,90 +182,90 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   color: var(--color-text-body-default-vvtq8u, #0f141a);
   background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
-  --awsui-max-content-width-kcc2gu: 100%;
+  --awsui-max-content-width-mdigke: 100%;
   display: grid;
   grid-template-areas: "toolbar    toolbar     toolbar" ".       notifications  ." ".           main       .";
   grid-template-columns: var(--space-layout-content-horizontal-buc0zz, 24px) minmax(0, 1fr) var(--space-layout-content-horizontal-buc0zz, 24px);
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_3u5n8_153:not(#\9) {
+  .awsui_root_7nfqu_16ija_153: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-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-kcc2gu)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
+    grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) minmax(0, var(--awsui-max-content-width-mdigke)) minmax(var(--space-layout-content-horizontal-buc0zz, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
-  .awsui_root_7nfqu_3u5n8_153.awsui_has-adaptive-widths-default_7nfqu_3u5n8_197:not(#\9) {
-    --awsui-max-content-width-kcc2gu: 1620px;
+  .awsui_root_7nfqu_16ija_153.awsui_has-adaptive-widths-default_7nfqu_16ija_197:not(#\9) {
+    --awsui-max-content-width-mdigke: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_3u5n8_153.awsui_has-adaptive-widths-dashboard_7nfqu_3u5n8_202:not(#\9) {
-    --awsui-max-content-width-kcc2gu: 1280px;
+  .awsui_root_7nfqu_16ija_153.awsui_has-adaptive-widths-dashboard_7nfqu_16ija_202:not(#\9) {
+    --awsui-max-content-width-mdigke: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_3u5n8_153.awsui_has-adaptive-widths-dashboard_7nfqu_3u5n8_202:not(#\9) {
-    --awsui-max-content-width-kcc2gu: 1620px;
+  .awsui_root_7nfqu_16ija_153.awsui_has-adaptive-widths-dashboard_7nfqu_16ija_202:not(#\9) {
+    --awsui-max-content-width-mdigke: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_3u5n8_153.awsui_has-adaptive-widths-dashboard_7nfqu_3u5n8_202:not(#\9) {
-    --awsui-max-content-width-kcc2gu: 2160px;
+  .awsui_root_7nfqu_16ija_153.awsui_has-adaptive-widths-dashboard_7nfqu_16ija_202:not(#\9) {
+    --awsui-max-content-width-mdigke: 2160px;
   }
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_3u5n8_153.awsui_drawer-expanded-mode_7nfqu_3u5n8_217:not(#\9) {
+  .awsui_root_7nfqu_16ija_153.awsui_drawer-expanded-mode_7nfqu_16ija_217:not(#\9) {
     grid-template-columns: 0 0 0 0 0 0 auto;
   }
 }
 
-.awsui_navigation_7nfqu_3u5n8_222:not(#\9),
-.awsui_tools_7nfqu_3u5n8_223:not(#\9),
-.awsui_global-tools_7nfqu_3u5n8_224:not(#\9) {
+.awsui_navigation_7nfqu_16ija_222:not(#\9),
+.awsui_tools_7nfqu_16ija_223:not(#\9),
+.awsui_global-tools_7nfqu_16ija_224:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-6u8rvp, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_3u5n8_222:not(#\9),
-  .awsui_tools_7nfqu_3u5n8_223:not(#\9),
-  .awsui_global-tools_7nfqu_3u5n8_224:not(#\9) {
+  .awsui_navigation_7nfqu_16ija_222:not(#\9),
+  .awsui_tools_7nfqu_16ija_223:not(#\9),
+  .awsui_global-tools_7nfqu_16ija_224:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_3u5n8_222:not(#\9) {
+.awsui_navigation_7nfqu_16ija_222:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_3u5n8_222:not(#\9) {
+  .awsui_navigation_7nfqu_16ija_222:not(#\9) {
     grid-area: navigation;
-    inline-size: var(--awsui-navigation-width-kcc2gu);
+    inline-size: var(--awsui-navigation-width-mdigke);
     border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_3u5n8_222:not(#\9) {
+  .awsui_navigation_7nfqu_16ija_222:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_3u5n8_223:not(#\9) {
+  .awsui_tools_7nfqu_16ija_223:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_3u5n8_223:not(#\9):not(:has(> [data-testid])) {
-    inline-size: var(--awsui-tools-width-kcc2gu);
+  .awsui_tools_7nfqu_16ija_223:not(#\9):not(:has(> [data-testid])) {
+    inline-size: var(--awsui-tools-width-mdigke);
   }
-  .awsui_tools_7nfqu_3u5n8_223:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_3u5n8_262 {
+  .awsui_tools_7nfqu_16ija_223:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_16ija_262 {
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_3u5n8_224:not(#\9) {
+  .awsui_global-tools_7nfqu_16ija_224:not(#\9) {
     display: flex;
     grid-area: global-tools;
     justify-content: flex-end;
@@ -273,14 +273,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_3u5n8_276:not(#\9) {
+  .awsui_split-panel-side_7nfqu_16ija_276:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_3u5n8_283:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_16ija_283:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -288,81 +288,81 @@ 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_3u5n8_283:not(#\9) {
+  .awsui_split-panel-bottom_7nfqu_16ija_283:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_panel-hidden_7nfqu_3u5n8_296:not(#\9) {
+.awsui_panel-hidden_7nfqu_16ija_296:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_3u5n8_296.awsui_navigation_7nfqu_3u5n8_222:not(#\9), .awsui_panel-hidden_7nfqu_3u5n8_296.awsui_tools_7nfqu_3u5n8_223:not(#\9), .awsui_panel-hidden_7nfqu_3u5n8_296.awsui_global-tools_7nfqu_3u5n8_224:not(#\9) {
+.awsui_panel-hidden_7nfqu_16ija_296.awsui_navigation_7nfqu_16ija_222:not(#\9), .awsui_panel-hidden_7nfqu_16ija_296.awsui_tools_7nfqu_16ija_223:not(#\9), .awsui_panel-hidden_7nfqu_16ija_296.awsui_global-tools_7nfqu_16ija_224:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_3u5n8_306:not(#\9) {
+.awsui_toolbar-container_7nfqu_16ija_306:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-layout-ayg8vb, #c6c6cd);
   box-sizing: border-box;
 }
 
-.awsui_notifications-container_7nfqu_3u5n8_313:not(#\9) {
+.awsui_notifications-container_7nfqu_16ija_313:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_3u5n8_317:not(#\9) {
+.awsui_notifications-background_7nfqu_16ija_317:not(#\9) {
   background: var(--color-background-layout-main-5ilwcb, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_3u5n8_317:not(#\9) {
+  .awsui_notifications-background_7nfqu_16ija_317:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_main-landmark_7nfqu_3u5n8_328:not(#\9) {
+.awsui_main-landmark_7nfqu_16ija_328:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_3u5n8_328:not(#\9) {
+.awsui_main_7nfqu_16ija_328:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-8ozaad, 12px);
   margin-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_3u5n8_337:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_16ija_337:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_3u5n8_337:not(#\9) {
+  .awsui_main-disable-paddings_7nfqu_16ija_337:not(#\9) {
     grid-column: 2/5;
   }
 }
 
-.awsui_content-header_7nfqu_3u5n8_347:not(#\9) {
+.awsui_content-header_7nfqu_16ija_347:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-rvy5xz, 16px);
 }
 
-.awsui_content_7nfqu_3u5n8_347:not(#\9) {
+.awsui_content_7nfqu_16ija_347:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_3u5n8_357 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_16ija_357 *:not(#\9) {
     visibility: hidden;
   }
 }
 
-.awsui_hidden_7nfqu_3u5n8_362:not(#\9) {
+.awsui_hidden_7nfqu_16ija_362:not(#\9) {
   display: none;
 }
 
-.awsui_breadcrumbs-own_7nfqu_3u5n8_366:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_3u5n8_366 {
+.awsui_breadcrumbs-own_7nfqu_16ija_366:not(#\9):not(:empty) + .awsui_breadcrumbs-discovered_7nfqu_16ija_366 {
   display: none;
 }

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

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_3u5n8_153",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_3u5n8_197",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_3u5n8_202",
-  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_3u5n8_217",
-  "navigation": "awsui_navigation_7nfqu_3u5n8_222",
-  "tools": "awsui_tools_7nfqu_3u5n8_223",
-  "global-tools": "awsui_global-tools_7nfqu_3u5n8_224",
-  "tools-open": "awsui_tools-open_7nfqu_3u5n8_262",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_3u5n8_276",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_3u5n8_283",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_3u5n8_296",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_3u5n8_306",
-  "notifications-container": "awsui_notifications-container_7nfqu_3u5n8_313",
-  "notifications-background": "awsui_notifications-background_7nfqu_3u5n8_317",
-  "main-landmark": "awsui_main-landmark_7nfqu_3u5n8_328",
-  "main": "awsui_main_7nfqu_3u5n8_328",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_3u5n8_337",
-  "content-header": "awsui_content-header_7nfqu_3u5n8_347",
-  "content": "awsui_content_7nfqu_3u5n8_347",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_3u5n8_357",
-  "hidden": "awsui_hidden_7nfqu_3u5n8_362",
-  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_3u5n8_366",
-  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_3u5n8_366"
+  "root": "awsui_root_7nfqu_16ija_153",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_16ija_197",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_16ija_202",
+  "drawer-expanded-mode": "awsui_drawer-expanded-mode_7nfqu_16ija_217",
+  "navigation": "awsui_navigation_7nfqu_16ija_222",
+  "tools": "awsui_tools_7nfqu_16ija_223",
+  "global-tools": "awsui_global-tools_7nfqu_16ija_224",
+  "tools-open": "awsui_tools-open_7nfqu_16ija_262",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_16ija_276",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_16ija_283",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_16ija_296",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_16ija_306",
+  "notifications-container": "awsui_notifications-container_7nfqu_16ija_313",
+  "notifications-background": "awsui_notifications-background_7nfqu_16ija_317",
+  "main-landmark": "awsui_main-landmark_7nfqu_16ija_328",
+  "main": "awsui_main_7nfqu_16ija_328",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_16ija_337",
+  "content-header": "awsui_content-header_7nfqu_16ija_347",
+  "content": "awsui_content_7nfqu_16ija_347",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_16ija_357",
+  "hidden": "awsui_hidden_7nfqu_16ija_362",
+  "breadcrumbs-own": "awsui_breadcrumbs-own_7nfqu_16ija_366",
+  "breadcrumbs-discovered": "awsui_breadcrumbs-discovered_7nfqu_16ija_366"
 };
   

package/attribute-editor/styles.css.js

@@ -1,20 +1,20 @@
 
     import './styles.scoped.css';
     export default {
-  "empty-appear": "awsui_empty-appear_n4qlp_1sk08_153",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1sk08_1",
-  "root": "awsui_root_n4qlp_1sk08_175",
-  "empty": "awsui_empty_n4qlp_1sk08_153",
-  "row": "awsui_row_n4qlp_1sk08_218",
-  "divider": "awsui_divider_n4qlp_1sk08_222",
-  "row-control": "awsui_row-control_n4qlp_1sk08_227",
-  "field": "awsui_field_n4qlp_1sk08_231",
-  "additional-info": "awsui_additional-info_n4qlp_1sk08_235",
-  "add-row": "awsui_add-row_n4qlp_1sk08_281",
-  "add-button": "awsui_add-button_n4qlp_1sk08_285",
-  "remove-button-container": "awsui_remove-button-container_n4qlp_1sk08_289",
-  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1sk08_293",
-  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1sk08_297",
-  "remove-button": "awsui_remove-button_n4qlp_1sk08_289"
+  "empty-appear": "awsui_empty-appear_n4qlp_1matu_153",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_n4qlp_1matu_1",
+  "root": "awsui_root_n4qlp_1matu_175",
+  "empty": "awsui_empty_n4qlp_1matu_153",
+  "row": "awsui_row_n4qlp_1matu_218",
+  "divider": "awsui_divider_n4qlp_1matu_222",
+  "row-control": "awsui_row-control_n4qlp_1matu_227",
+  "field": "awsui_field_n4qlp_1matu_231",
+  "additional-info": "awsui_additional-info_n4qlp_1matu_235",
+  "add-row": "awsui_add-row_n4qlp_1matu_281",
+  "add-button": "awsui_add-button_n4qlp_1matu_285",
+  "remove-button-container": "awsui_remove-button-container_n4qlp_1matu_289",
+  "remove-button-field-padding": "awsui_remove-button-field-padding_n4qlp_1matu_293",
+  "remove-button-own-row": "awsui_remove-button-own-row_n4qlp_1matu_297",
+  "remove-button": "awsui_remove-button_n4qlp_1matu_289"
 };