@cloudscape-design/components 3.0.813 → 3.0.815

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

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_12i0j_huoml_185",
-  "legacy": "awsui_legacy_12i0j_huoml_200",
-  "last-opened": "awsui_last-opened_12i0j_huoml_208",
-  "drawer-global": "awsui_drawer-global_12i0j_huoml_213",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_huoml_220",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_huoml_223",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_huoml_231",
-  "drawer-content": "awsui_drawer-content_12i0j_huoml_223",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_huoml_240",
-  "drawer-slider": "awsui_drawer-slider_12i0j_huoml_243"
+  "drawer": "awsui_drawer_12i0j_qyp9i_185",
+  "legacy": "awsui_legacy_12i0j_qyp9i_200",
+  "last-opened": "awsui_last-opened_12i0j_qyp9i_208",
+  "drawer-global": "awsui_drawer-global_12i0j_qyp9i_213",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_qyp9i_220",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_qyp9i_223",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_qyp9i_231",
+  "drawer-content": "awsui_drawer-content_12i0j_qyp9i_223",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_qyp9i_240",
+  "drawer-slider": "awsui_drawer-slider_12i0j_qyp9i_243"
 };
   

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

@@ -182,7 +182,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_drawer_12i0j_huoml_185:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
@@ -197,50 +197,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
 }
 @media (min-width: 689px) {
-  .awsui_drawer_12i0j_huoml_185:not(#\9):not(.awsui_legacy_12i0j_huoml_200) {
+  .awsui_drawer_12i0j_qyp9i_185:not(#\9):not(.awsui_legacy_12i0j_qyp9i_200) {
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_huoml_185:not(#\9) {
+  .awsui_drawer_12i0j_qyp9i_185:not(#\9) {
     inline-size: 100%;
   }
-  .awsui_drawer_12i0j_huoml_185.awsui_last-opened_12i0j_huoml_208:not(#\9) {
+  .awsui_drawer_12i0j_qyp9i_185.awsui_last-opened_12i0j_qyp9i_208:not(#\9) {
     z-index: 1001;
   }
 }
 @media (max-width: 688px) {
-  .awsui_drawer_12i0j_huoml_185.awsui_drawer-global_12i0j_huoml_213:not(#\9) {
+  .awsui_drawer_12i0j_qyp9i_185.awsui_drawer-global_12i0j_qyp9i_213:not(#\9) {
     display: none;
   }
-  .awsui_drawer_12i0j_huoml_185.awsui_drawer-global_12i0j_huoml_213.awsui_last-opened_12i0j_huoml_208:not(#\9) {
+  .awsui_drawer_12i0j_qyp9i_185.awsui_drawer-global_12i0j_qyp9i_213.awsui_last-opened_12i0j_qyp9i_208:not(#\9) {
     display: block;
   }
 }
-.awsui_drawer_12i0j_huoml_185.awsui_drawer-hidden_12i0j_huoml_220:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185.awsui_drawer-hidden_12i0j_qyp9i_220:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_huoml_185 > .awsui_drawer-content-container_12i0j_huoml_223:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185 > .awsui_drawer-content-container_12i0j_qyp9i_223:not(#\9) {
   grid-column: 1/span 2;
   grid-row: 1;
   display: grid;
   grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
-  grid-template-rows: 10px auto 1fr;
+  grid-template-rows: 14px auto 1fr;
   overflow-y: auto;
 }
-.awsui_drawer_12i0j_huoml_185 > .awsui_drawer-content-container_12i0j_huoml_223 > .awsui_drawer-close-button_12i0j_huoml_231:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185 > .awsui_drawer-content-container_12i0j_qyp9i_223 > .awsui_drawer-close-button_12i0j_qyp9i_231:not(#\9) {
   grid-column: 3;
   grid-row: 2;
   z-index: 1;
 }
-.awsui_drawer_12i0j_huoml_185 > .awsui_drawer-content-container_12i0j_huoml_223 > .awsui_drawer-content_12i0j_huoml_223:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185 > .awsui_drawer-content-container_12i0j_qyp9i_223 > .awsui_drawer-content_12i0j_qyp9i_223:not(#\9) {
   grid-column: 1/span 4;
   grid-row: 1/span 2;
 }
-.awsui_drawer_12i0j_huoml_185 > .awsui_drawer-content-container_12i0j_huoml_223 > .awsui_drawer-content_12i0j_huoml_223.awsui_drawer-content-hidden_12i0j_huoml_240:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185 > .awsui_drawer-content-container_12i0j_qyp9i_223 > .awsui_drawer-content_12i0j_qyp9i_223.awsui_drawer-content-hidden_12i0j_qyp9i_240:not(#\9) {
   display: none;
 }
-.awsui_drawer_12i0j_huoml_185 > .awsui_drawer-slider_12i0j_huoml_243:not(#\9) {
+.awsui_drawer_12i0j_qyp9i_185 > .awsui_drawer-slider_12i0j_qyp9i_243:not(#\9) {
   grid-column: 1;
   grid-row: 1;
   block-size: 100%;

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_12i0j_huoml_185",
-  "legacy": "awsui_legacy_12i0j_huoml_200",
-  "last-opened": "awsui_last-opened_12i0j_huoml_208",
-  "drawer-global": "awsui_drawer-global_12i0j_huoml_213",
-  "drawer-hidden": "awsui_drawer-hidden_12i0j_huoml_220",
-  "drawer-content-container": "awsui_drawer-content-container_12i0j_huoml_223",
-  "drawer-close-button": "awsui_drawer-close-button_12i0j_huoml_231",
-  "drawer-content": "awsui_drawer-content_12i0j_huoml_223",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_huoml_240",
-  "drawer-slider": "awsui_drawer-slider_12i0j_huoml_243"
+  "drawer": "awsui_drawer_12i0j_qyp9i_185",
+  "legacy": "awsui_legacy_12i0j_qyp9i_200",
+  "last-opened": "awsui_last-opened_12i0j_qyp9i_208",
+  "drawer-global": "awsui_drawer-global_12i0j_qyp9i_213",
+  "drawer-hidden": "awsui_drawer-hidden_12i0j_qyp9i_220",
+  "drawer-content-container": "awsui_drawer-content-container_12i0j_qyp9i_223",
+  "drawer-close-button": "awsui_drawer-close-button_12i0j_qyp9i_231",
+  "drawer-content": "awsui_drawer-content_12i0j_qyp9i_223",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_12i0j_qyp9i_240",
+  "drawer-slider": "awsui_drawer-slider_12i0j_qyp9i_243"
 };
   

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

@@ -1,9 +1,9 @@
 
     import './styles.scoped.css';
     export default {
-  "navigation": "awsui_navigation_2p2ab_l5mb7_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_l5mb7_167",
-  "animated-content": "awsui_animated-content_2p2ab_l5mb7_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_l5mb7_181"
+  "navigation": "awsui_navigation_2p2ab_lud9e_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_lud9e_167",
+  "animated-content": "awsui_animated-content_2p2ab_lud9e_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_lud9e_181"
 };
   

package/app-layout/visual-refresh-toolbar/navigation/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_navigation_2p2ab_l5mb7_149:not(#\9) {
+.awsui_navigation_2p2ab_lud9e_149:not(#\9) {
   position: sticky;
   z-index: 830;
   background-color: var(--color-background-container-content-z79u4u, #ffffff);
@@ -164,22 +164,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   prevent unwanted text wrapping.
   */
 }
-.awsui_navigation_2p2ab_l5mb7_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_l5mb7_167) {
+.awsui_navigation_2p2ab_lud9e_149:not(#\9):not(.awsui_is-navigation-open_2p2ab_lud9e_167) {
   inline-size: 0px;
   display: none;
 }
-.awsui_navigation_2p2ab_l5mb7_149 > .awsui_animated-content_2p2ab_l5mb7_171:not(#\9) {
+.awsui_navigation_2p2ab_lud9e_149 > .awsui_animated-content_2p2ab_lud9e_171:not(#\9) {
   inline-size: var(--awsui-navigation-width-g964ok);
 }
 @media (max-width: 688px) {
-  .awsui_navigation_2p2ab_l5mb7_149:not(#\9) {
+  .awsui_navigation_2p2ab_lud9e_149:not(#\9) {
     --awsui-navigation-width-g964ok: 100vw;
     z-index: 1001;
   }
 }
 
-.awsui_hide-navigation_2p2ab_l5mb7_181:not(#\9) {
+.awsui_hide-navigation_2p2ab_lud9e_181:not(#\9) {
   position: absolute;
   inset-inline-end: var(--space-m-udix3p, 16px);
-  inset-block-start: 10px;
+  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": "awsui_navigation_2p2ab_l5mb7_149",
-  "is-navigation-open": "awsui_is-navigation-open_2p2ab_l5mb7_167",
-  "animated-content": "awsui_animated-content_2p2ab_l5mb7_171",
-  "hide-navigation": "awsui_hide-navigation_2p2ab_l5mb7_181"
+  "navigation": "awsui_navigation_2p2ab_lud9e_149",
+  "is-navigation-open": "awsui_is-navigation-open_2p2ab_lud9e_167",
+  "animated-content": "awsui_animated-content_2p2ab_lud9e_171",
+  "hide-navigation": "awsui_hide-navigation_2p2ab_lud9e_181"
 };
   

package/drawer/implementation.js

@@ -20,7 +20,7 @@ export function DrawerImplementation(_a) {
         React.createElement(InternalStatusIndicator, { type: "loading" },
             React.createElement(InternalLiveRegion, { tagName: "span" }, i18n('i18nStrings.loadingText', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
         header && React.createElement("div", { className: styles.header }, header),
-        React.createElement("div", { className: styles['test-utils-drawer-content'] }, children)));
+        React.createElement("div", { className: clsx(styles['test-utils-drawer-content'], styles.content) }, children)));
 }
 export const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);
 //# sourceMappingURL=implementation.js.map

package/drawer/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,oBAAoB,CAAC,EAOf;QAPe,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEG,EADjB,SAAS,cANuB,qEAOpC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GACzF,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAC/B,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CACvC,CACG,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,IAAG,QAAQ,CAAO,CACjE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,oBAAoB,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 { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { DrawerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  children,\n  loading,\n  i18nStrings,\n  __internalRootRef,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles.drawer, isToolbar && styles['with-toolbar']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">\n          {i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}\n        </InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={styles['test-utils-drawer-content']}>{children}</div>\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,oBAAoB,CAAC,EAOf;QAPe,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEG,EADjB,SAAS,cANuB,qEAOpC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GACzF,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAC/B,IAAI,CAAC,yBAAyB,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,CAAC,CACvC,CACG,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO;QACxD,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,IAAG,QAAQ,CAAO,CACvF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,oBAAoB,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 { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { DrawerProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  children,\n  loading,\n  i18nStrings,\n  __internalRootRef,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const i18n = useInternalI18n('drawer');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles.drawer, isToolbar && styles['with-toolbar']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">\n          {i18n('i18nStrings.loadingText', i18nStrings?.loadingText)}\n        </InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={clsx(styles['test-utils-drawer-content'], styles.content)}>{children}</div>\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}

package/drawer/styles.css.js

@@ -1,9 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_1wqb3_177",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_1wqb3_216",
-  "header": "awsui_header_1sxt8_1wqb3_220",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1wqb3_256"
+  "drawer": "awsui_drawer_1sxt8_ppnoo_177",
+  "header": "awsui_header_1sxt8_ppnoo_213",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_ppnoo_228",
+  "content": "awsui_content_1sxt8_ppnoo_246",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_ppnoo_252"
 };
   

package/drawer/styles.scoped.css

@@ -174,7 +174,7 @@
 */
 /* 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_drawer_1sxt8_1wqb3_177:not(#\9) {
+.awsui_drawer_1sxt8_ppnoo_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -209,42 +209,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
-  padding-block-start: var(--space-panel-header-vertical-gv9pti, 20px);
-  padding-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
-  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
-  padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
-}
-.awsui_drawer_1sxt8_1wqb3_177.awsui_with-toolbar_1sxt8_1wqb3_216:not(#\9) {
-  padding-block-start: var(--space-static-m-lrhgl2, 16px);
 }
 
-.awsui_header_1sxt8_1wqb3_220:not(#\9) {
+.awsui_header_1sxt8_ppnoo_213:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
   color: var(--color-text-heading-default-jen9ei, #0f141a);
-  padding-block-end: var(--space-panel-header-vertical-gv9pti, 20px);
+  padding-block: var(--space-panel-header-vertical-gv9pti, 20px);
   padding-inline: var(--space-panel-side-left-5t0who, 28px) calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxl-wbot5q, 32px));
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-panel-header-nnst86, #c6c6cd);
   margin-block-start: 0;
   margin-block-end: var(--space-panel-content-top-wac3yp, 20px);
-  margin-inline-end: calc(-1 * var(--space-panel-side-right-xofg51, 24px));
-  margin-inline-start: calc(-1 * var(--space-panel-side-left-5t0who, 28px));
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1sxt8_1wqb3_216 > .awsui_header_1sxt8_1wqb3_220:not(#\9) {
+.awsui_with-toolbar_1sxt8_ppnoo_228 > .awsui_header_1sxt8_ppnoo_213:not(#\9) {
   border-color: transparent;
-  padding-block-end: var(--space-static-m-lrhgl2, 16px);
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_1wqb3_220 h2:not(#\9),
-.awsui_header_1sxt8_1wqb3_220 h3:not(#\9),
-.awsui_header_1sxt8_1wqb3_220 h4:not(#\9),
-.awsui_header_1sxt8_1wqb3_220 h5:not(#\9),
-.awsui_header_1sxt8_1wqb3_220 h6:not(#\9) {
+.awsui_header_1sxt8_ppnoo_213 h2:not(#\9),
+.awsui_header_1sxt8_ppnoo_213 h3:not(#\9),
+.awsui_header_1sxt8_ppnoo_213 h4:not(#\9),
+.awsui_header_1sxt8_ppnoo_213 h5:not(#\9),
+.awsui_header_1sxt8_ppnoo_213 h6:not(#\9) {
   font-size: var(--font-panel-header-size-edjz3l, 18px);
   line-height: var(--font-panel-header-line-height-kxi4u2, 22px);
   font-weight: var(--font-weight-heading-l-f8711v, 700);
@@ -254,6 +244,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: 0;
 }
 
-.awsui_test-utils-drawer-content_1sxt8_1wqb3_256:not(#\9) {
+.awsui_content_1sxt8_ppnoo_246:not(#\9):not(:empty) {
+  padding-inline-start: var(--space-panel-side-left-5t0who, 28px);
+  padding-inline-end: var(--space-panel-side-right-xofg51, 24px);
+  padding-block-end: var(--space-panel-content-bottom-7k6er3, 40px);
+}
+
+.awsui_test-utils-drawer-content_1sxt8_ppnoo_252:not(#\9) {
   /* used in test-utils */
 }

package/drawer/styles.selectors.js

@@ -2,9 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_1wqb3_177",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_1wqb3_216",
-  "header": "awsui_header_1sxt8_1wqb3_220",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1wqb3_256"
+  "drawer": "awsui_drawer_1sxt8_ppnoo_177",
+  "header": "awsui_header_1sxt8_ppnoo_213",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_ppnoo_228",
+  "content": "awsui_content_1sxt8_ppnoo_246",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_ppnoo_252"
 };
   

package/help-panel/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuBxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,MAAM,sBAAsB,GAAG,cAAc,GAAG,0BAA0B,CAAC;AAEjF,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,sBAAsB,eAiCxB;AAED,eAAO,MAAM,yBAAyB,yFAAqD,CAAC"}

package/help-panel/implementation.js

@@ -16,14 +16,16 @@ export function HelpPanelImplementation(_a) {
     const baseProps = getBaseProps(restProps);
     const isToolbar = useAppLayoutToolbarEnabled();
     const i18n = useInternalI18n('help-panel');
-    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel'], isToolbar && styles['with-toolbar']) });
+    const containerProps = Object.assign(Object.assign({}, baseProps), { className: clsx(baseProps.className, styles['help-panel'], isToolbar && styles['with-toolbar'], loading && styles.loading) });
     return loading ? (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
         React.createElement(InternalStatusIndicator, { type: "loading" },
             React.createElement(InternalLiveRegion, { tagName: "span" }, i18n('loadingText', loadingText))))) : (React.createElement("div", Object.assign({}, containerProps, { ref: __internalRootRef }),
         header && React.createElement("div", { className: clsx(styles.header) }, header),
         React.createElement(LinkDefaultVariantContext.Provider, { value: { defaultVariant: 'primary' } },
             React.createElement("div", { className: styles.content }, children)),
-        footer && React.createElement("div", { className: styles.footer }, footer)));
+        footer && (React.createElement("div", { className: styles.footer },
+            React.createElement("hr", { role: "presentation" }),
+            footer))));
 }
 export const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);
 //# sourceMappingURL=implementation.js.map

package/help-panel/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAE7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC,GAChG,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAsB,CAClE,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACb;QACpC,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CACpD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,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 { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { HelpPanelProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(baseProps.className, styles['help-panel'], isToolbar && styles['with-toolbar']),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">{i18n('loadingText', loadingText)}</InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={styles.content}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/help-panel/implementation.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAE7F,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,uBAAuB,MAAM,8BAA8B,CAAC;AAGnE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,UAAU,uBAAuB,CAAC,EAQf;QARe,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,OAEM,EADpB,SAAS,cAP0B,+EAQvC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC;IAC3C,MAAM,cAAc,mCACf,SAAS,KACZ,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,YAAY,CAAC,EACpB,SAAS,IAAI,MAAM,CAAC,cAAc,CAAC,EACnC,OAAO,IAAI,MAAM,CAAC,OAAO,CAC1B,GACF,CAAC;IACF,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC7C,oBAAC,uBAAuB,IAAC,IAAI,EAAC,SAAS;YACrC,oBAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,IAAE,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAsB,CAClE,CACtB,CACP,CAAC,CAAC,CAAC,CACF,6CAAS,cAAc,IAAE,GAAG,EAAE,iBAAiB;QAC5C,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAG,MAAM,CAAO;QAC9D,oBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE;YACtE,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CACb;QACpC,MAAM,IAAI,CACT,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;YAC3B,4BAAI,IAAI,EAAC,cAAc,GAAG;YACzB,MAAM,CACH,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,yBAAyB,CAAC,uBAAuB,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 { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport { LinkDefaultVariantContext } from '../internal/context/link-default-variant-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { createWidgetizedComponent } from '../internal/widgets';\nimport InternalLiveRegion from '../live-region/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { HelpPanelProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport type HelpPanelInternalProps = HelpPanelProps & InternalBaseComponentProps;\n\nexport function HelpPanelImplementation({\n  header,\n  footer,\n  children,\n  loading,\n  loadingText,\n  __internalRootRef,\n  ...restProps\n}: HelpPanelInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const i18n = useInternalI18n('help-panel');\n  const containerProps = {\n    ...baseProps,\n    className: clsx(\n      baseProps.className,\n      styles['help-panel'],\n      isToolbar && styles['with-toolbar'],\n      loading && styles.loading\n    ),\n  };\n  return loading ? (\n    <div {...containerProps} ref={__internalRootRef}>\n      <InternalStatusIndicator type=\"loading\">\n        <InternalLiveRegion tagName=\"span\">{i18n('loadingText', loadingText)}</InternalLiveRegion>\n      </InternalStatusIndicator>\n    </div>\n  ) : (\n    <div {...containerProps} ref={__internalRootRef}>\n      {header && <div className={clsx(styles.header)}>{header}</div>}\n      <LinkDefaultVariantContext.Provider value={{ defaultVariant: 'primary' }}>\n        <div className={styles.content}>{children}</div>\n      </LinkDefaultVariantContext.Provider>\n      {footer && (\n        <div className={styles.footer}>\n          <hr role=\"presentation\" />\n          {footer}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const createWidgetizedHelpPanel = createWidgetizedComponent(HelpPanelImplementation);\n"]}

package/help-panel/styles.css.js

@@ -1,10 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "help-panel": "awsui_help-panel_1d237_1x0ik_177",
-  "with-toolbar": "awsui_with-toolbar_1d237_1x0ik_218",
-  "header": "awsui_header_1d237_1x0ik_352",
-  "content": "awsui_content_1d237_1x0ik_390",
-  "footer": "awsui_footer_1d237_1x0ik_438"
+  "help-panel": "awsui_help-panel_1d237_17b17_177",
+  "loading": "awsui_loading_1d237_17b17_347",
+  "header": "awsui_header_1d237_17b17_352",
+  "with-toolbar": "awsui_with-toolbar_1d237_17b17_369",
+  "content": "awsui_content_1d237_17b17_387",
+  "footer": "awsui_footer_1d237_17b17_438"
 };