@cloudscape-design/components-themeable 3.0.962 → 3.0.963

package/lib/internal/template/date-range-picker/styles.scoped.css

@@ -150,11 +150,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_calendar_mgja0_spdal_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_spdal_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
+.awsui_calendar_mgja0_vrnyg_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_vrnyg_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_mgja0_spdal_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_vrnyg_1 {
   from {
     opacity: 0;
   }
@@ -163,17 +163,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_mgja0_spdal_153:not(#\9) {
+  .awsui_calendar_mgja0_vrnyg_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_spdal_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_spdal_153:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_vrnyg_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_vrnyg_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_mgja0_spdal_176:not(#\9) {
+.awsui_root_mgja0_vrnyg_176:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -197,43 +197,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_mgja0_spdal_176:not(#\9):not(.awsui_wide_mgja0_spdal_207) {
+.awsui_root_mgja0_vrnyg_176:not(#\9):not(.awsui_wide_mgja0_vrnyg_207) {
   max-inline-size: 32em;
 }
-.awsui_root_mgja0_spdal_176.awsui_wide_mgja0_spdal_207:not(#\9) {
+.awsui_root_mgja0_vrnyg_176.awsui_wide_mgja0_vrnyg_207:not(#\9) {
   max-inline-size: 39em;
 }
 
-.awsui_focus-lock_mgja0_spdal_214:not(#\9) {
+.awsui_focus-lock_mgja0_vrnyg_214:not(#\9) {
   display: contents;
 }
 
-.awsui_trigger-flexbox_mgja0_spdal_218:not(#\9) {
+.awsui_trigger-flexbox_mgja0_vrnyg_218:not(#\9) {
   display: flex;
 }
 
-.awsui_calendar-container_mgja0_spdal_222:not(#\9) {
-  inline-size: calc(2 * var(--size-calendar-grid-width-arud77, 234px) + var(--space-xs-6dgkww, 8px));
+.awsui_calendar-container_mgja0_vrnyg_222:not(#\9) {
+  inline-size: calc(2 * var(--size-calendar-grid-width-goqv80, 234px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_calendar-container_mgja0_spdal_222.awsui_one-grid_mgja0_spdal_225:not(#\9) {
-  inline-size: var(--size-calendar-grid-width-arud77, 234px);
+.awsui_calendar-container_mgja0_vrnyg_222.awsui_one-grid_mgja0_vrnyg_225:not(#\9) {
+  inline-size: var(--size-calendar-grid-width-goqv80, 234px);
 }
 
-.awsui_calendar-header_mgja0_spdal_229:not(#\9) {
+.awsui_calendar-header_mgja0_vrnyg_229:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-pages-wrapper_mgja0_spdal_235:not(#\9) {
+.awsui_calendar-header-pages-wrapper_mgja0_vrnyg_235:not(#\9) {
   position: absolute;
   inset: 0;
   margin-block: 0;
@@ -244,101 +244,101 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-page_mgja0_spdal_235:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
+.awsui_calendar-header-page_mgja0_vrnyg_235:not(#\9) {
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: 700;
-  color: var(--color-text-body-default-agk00h, #16191f);
+  color: var(--color-text-body-default-1tki40, #16191f);
   display: flex;
   pointer-events: auto;
 }
 
-.awsui_date-and-time-container_mgja0_spdal_255:not(#\9) {
+.awsui_date-and-time-container_mgja0_vrnyg_255:not(#\9) {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-arud77, 234px), 1fr));
-  gap: var(--space-xs-6dgkww, 8px);
+  grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-goqv80, 234px), 1fr));
+  gap: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_date-and-time-wrapper_mgja0_spdal_261:not(#\9) {
-  inline-size: var(--size-calendar-grid-width-arud77, 234px);
+.awsui_date-and-time-wrapper_mgja0_vrnyg_261:not(#\9) {
+  inline-size: var(--size-calendar-grid-width-goqv80, 234px);
   display: grid;
-  gap: var(--space-xs-6dgkww, 8px);
+  gap: var(--space-xs-kw7k3v, 8px);
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
 
-.awsui_footer_mgja0_spdal_268:not(#\9) {
+.awsui_footer_mgja0_vrnyg_268:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
-  border-block-start: 1px solid var(--color-border-dropdown-item-default-s0ovy4, #eaeded);
+  border-block-start: 1px solid var(--color-border-dropdown-item-default-mis6qq, #eaeded);
   padding-block-start: 0;
-  padding-block-end: var(--space-s-vmutj3, 12px);
-  padding-inline: var(--space-l-eenfqd, 20px);
+  padding-block-end: var(--space-s-4a5hs8, 12px);
+  padding-inline: var(--space-l-3cws6j, 20px);
 }
-.awsui_footer_mgja0_spdal_268.awsui_has-clear-button_mgja0_spdal_277:not(#\9) {
+.awsui_footer_mgja0_vrnyg_268.awsui_has-clear-button_mgja0_vrnyg_277:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_spdal_268.awsui_one-grid_mgja0_spdal_225:not(#\9) {
+.awsui_footer_mgja0_vrnyg_268.awsui_one-grid_mgja0_vrnyg_225:not(#\9) {
   padding-block-start: 0;
-  padding-block-end: var(--space-s-vmutj3, 12px);
-  padding-inline: var(--space-xs-6dgkww, 8px);
+  padding-block-end: var(--space-s-4a5hs8, 12px);
+  padding-inline: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_footer-button-wrapper_mgja0_spdal_286:not(#\9) {
-  padding-block-start: var(--space-s-vmutj3, 12px);
+.awsui_footer-button-wrapper_mgja0_vrnyg_286:not(#\9) {
+  padding-block-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_footer-button-wrapper_mgja0_spdal_286:not(#\9):last-child {
+.awsui_footer-button-wrapper_mgja0_vrnyg_286:not(#\9):last-child {
   margin-inline-start: auto;
 }
 
-.awsui_icon-wrapper_mgja0_spdal_293:not(#\9) {
-  color: var(--color-text-interactive-default-t1snbz, #545b64);
-  margin-inline-end: var(--space-xs-6dgkww, 8px);
+.awsui_icon-wrapper_mgja0_vrnyg_293:not(#\9) {
+  color: var(--color-text-interactive-default-mf3cev, #545b64);
+  margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
 
-.awsui_label_mgja0_spdal_298:not(#\9) {
+.awsui_label_mgja0_vrnyg_298:not(#\9) {
   cursor: default;
 }
 
-.awsui_label_mgja0_spdal_298.awsui_label-enabled_mgja0_spdal_302:not(#\9):hover > .awsui_trigger-flexbox_mgja0_spdal_218 > .awsui_icon-wrapper_mgja0_spdal_293 {
-  color: var(--color-text-interactive-hover-kxltdh, #16191f);
+.awsui_label_mgja0_vrnyg_298.awsui_label-enabled_mgja0_vrnyg_302:not(#\9):hover > .awsui_trigger-flexbox_mgja0_vrnyg_218 > .awsui_icon-wrapper_mgja0_vrnyg_293 {
+  color: var(--color-text-interactive-hover-kceoak, #16191f);
 }
 
-.awsui_label-text_mgja0_spdal_306:not(#\9) {
-  color: var(--color-text-input-placeholder-od847j, #687078);
+.awsui_label-text_mgja0_vrnyg_306:not(#\9) {
+  color: var(--color-text-input-placeholder-rerqpa, #687078);
   font-style: italic;
 }
 
-.awsui_label-token-nowrap_mgja0_spdal_311:not(#\9) {
+.awsui_label-token-nowrap_mgja0_vrnyg_311:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_dropdown_mgja0_spdal_315:not(#\9) {
+.awsui_dropdown_mgja0_vrnyg_315:not(#\9) {
   overflow: auto;
-  border-block-start: 1px solid var(--color-border-container-top-lphfcg, #eaeded);
-  border-block-end: 1px solid var(--color-border-container-top-lphfcg, #eaeded);
-  border-start-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
+  border-block-start: 1px solid var(--color-border-container-top-svitxz, #eaeded);
+  border-block-end: 1px solid var(--color-border-container-top-svitxz, #eaeded);
+  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
 }
-.awsui_dropdown_mgja0_spdal_315:not(#\9):focus {
+.awsui_dropdown_mgja0_vrnyg_315:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_spdal_315:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_vrnyg_315:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-start-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
+  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-vx5mpq, #0073bb);
 }
 
-.awsui_dropdown-content_mgja0_spdal_337:not(#\9) {
-  background-color: var(--color-background-container-content-myy7cn, #ffffff);
-  inline-size: calc(2 * var(--size-calendar-grid-width-arud77, 234px) + var(--space-xs-6dgkww, 8px) + 2 * var(--space-l-eenfqd, 20px));
+.awsui_dropdown-content_mgja0_vrnyg_337:not(#\9) {
+  background-color: var(--color-background-container-content-mvmryi, #ffffff);
+  inline-size: calc(2 * var(--size-calendar-grid-width-goqv80, 234px) + var(--space-xs-kw7k3v, 8px) + 2 * var(--space-l-3cws6j, 20px));
 }
-.awsui_dropdown-content_mgja0_spdal_337.awsui_one-grid_mgja0_spdal_225:not(#\9) {
-  inline-size: calc(var(--size-calendar-grid-width-arud77, 234px) + 2 * var(--space-l-eenfqd, 20px));
+.awsui_dropdown-content_mgja0_vrnyg_337.awsui_one-grid_mgja0_vrnyg_225:not(#\9) {
+  inline-size: calc(var(--size-calendar-grid-width-goqv80, 234px) + 2 * var(--space-l-3cws6j, 20px));
 }

package/lib/internal/template/date-range-picker/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_spdal_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_spdal_1",
-  "root": "awsui_root_mgja0_spdal_176",
-  "wide": "awsui_wide_mgja0_spdal_207",
-  "focus-lock": "awsui_focus-lock_mgja0_spdal_214",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_spdal_218",
-  "calendar-container": "awsui_calendar-container_mgja0_spdal_222",
-  "one-grid": "awsui_one-grid_mgja0_spdal_225",
-  "calendar-header": "awsui_calendar-header_mgja0_spdal_229",
-  "calendar-header-pages-wrapper": "awsui_calendar-header-pages-wrapper_mgja0_spdal_235",
-  "calendar-header-page": "awsui_calendar-header-page_mgja0_spdal_235",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_spdal_255",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_spdal_261",
-  "footer": "awsui_footer_mgja0_spdal_268",
-  "has-clear-button": "awsui_has-clear-button_mgja0_spdal_277",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_spdal_286",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_spdal_293",
-  "label": "awsui_label_mgja0_spdal_298",
-  "label-enabled": "awsui_label-enabled_mgja0_spdal_302",
-  "label-text": "awsui_label-text_mgja0_spdal_306",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_spdal_311",
-  "dropdown": "awsui_dropdown_mgja0_spdal_315",
-  "dropdown-content": "awsui_dropdown-content_mgja0_spdal_337"
+  "calendar": "awsui_calendar_mgja0_vrnyg_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_vrnyg_1",
+  "root": "awsui_root_mgja0_vrnyg_176",
+  "wide": "awsui_wide_mgja0_vrnyg_207",
+  "focus-lock": "awsui_focus-lock_mgja0_vrnyg_214",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_vrnyg_218",
+  "calendar-container": "awsui_calendar-container_mgja0_vrnyg_222",
+  "one-grid": "awsui_one-grid_mgja0_vrnyg_225",
+  "calendar-header": "awsui_calendar-header_mgja0_vrnyg_229",
+  "calendar-header-pages-wrapper": "awsui_calendar-header-pages-wrapper_mgja0_vrnyg_235",
+  "calendar-header-page": "awsui_calendar-header-page_mgja0_vrnyg_235",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_vrnyg_255",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_vrnyg_261",
+  "footer": "awsui_footer_mgja0_vrnyg_268",
+  "has-clear-button": "awsui_has-clear-button_mgja0_vrnyg_277",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_vrnyg_286",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_vrnyg_293",
+  "label": "awsui_label_mgja0_vrnyg_298",
+  "label-enabled": "awsui_label-enabled_mgja0_vrnyg_302",
+  "label-text": "awsui_label-text_mgja0_vrnyg_306",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_vrnyg_311",
+  "dropdown": "awsui_dropdown_mgja0_vrnyg_315",
+  "dropdown-content": "awsui_dropdown-content_mgja0_vrnyg_337"
 };
   

package/lib/internal/template/drawer/implementation.d.ts

@@ -2,7 +2,7 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { DrawerProps } from './interfaces';
 type DrawerInternalProps = DrawerProps & InternalBaseComponentProps;
-export declare function DrawerImplementation({ header, children, loading, i18nStrings, __internalRootRef, ...restProps }: DrawerInternalProps): JSX.Element;
+export declare function DrawerImplementation({ header, children, loading, i18nStrings, disableContentPaddings, __internalRootRef, ...restProps }: DrawerInternalProps): JSX.Element;
 export declare const createWidgetizedDrawer: (Loader?: typeof DrawerImplementation | undefined) => typeof DrawerImplementation;
 export {};
 //# sourceMappingURL=implementation.d.ts.map

package/lib/internal/template/drawer/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAsBrB;AAED,eAAO,MAAM,sBAAsB,mFAAkD,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/drawer/implementation.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAIlF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAI3C,KAAK,mBAAmB,GAAG,WAAW,GAAG,0BAA0B,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,SAAS,EACb,EAAE,mBAAmB,eA6BrB;AAED,eAAO,MAAM,sBAAsB,mFAAkD,CAAC"}

package/lib/internal/template/drawer/implementation.js

@@ -11,7 +11,7 @@ import InternalLiveRegion from '../live-region/internal';
 import InternalStatusIndicator from '../status-indicator/internal';
 import styles from './styles.css.js';
 export function DrawerImplementation(_a) {
-    var { header, children, loading, i18nStrings, __internalRootRef } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings", "__internalRootRef"]);
+    var { header, children, loading, i18nStrings, disableContentPaddings, __internalRootRef } = _a, restProps = __rest(_a, ["header", "children", "loading", "i18nStrings", "disableContentPaddings", "__internalRootRef"]);
     const baseProps = getBaseProps(restProps);
     const isToolbar = useAppLayoutToolbarDesignEnabled();
     const i18n = useInternalI18n('drawer');
@@ -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: clsx(styles['test-utils-drawer-content'], styles.content) }, children)));
+        React.createElement("div", { className: clsx(styles['test-utils-drawer-content'], !disableContentPaddings && styles['content-with-paddings']) }, children)));
 }
 export const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);
 //# sourceMappingURL=implementation.js.map

package/lib/internal/template/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,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AACrF,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,gCAAgC,EAAE,CAAC;IACrD,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 { useAppLayoutToolbarDesignEnabled } 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\ntype 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 = useAppLayoutToolbarDesignEnabled();\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"]}
+{"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,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AACrF,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,EAQf;QARe,EACnC,MAAM,EACN,QAAQ,EACR,OAAO,EACP,WAAW,EACX,sBAAsB,EACtB,iBAAiB,OAEG,EADjB,SAAS,cAPuB,+FAQpC,CADa;IAEZ,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,gCAAgC,EAAE,CAAC;IACrD,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,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,2BAA2B,CAAC,EACnC,CAAC,sBAAsB,IAAI,MAAM,CAAC,uBAAuB,CAAC,CAC3D,IAEA,QAAQ,CACL,CACF,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 { useAppLayoutToolbarDesignEnabled } 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\ntype DrawerInternalProps = DrawerProps & InternalBaseComponentProps;\n\nexport function DrawerImplementation({\n  header,\n  children,\n  loading,\n  i18nStrings,\n  disableContentPaddings,\n  __internalRootRef,\n  ...restProps\n}: DrawerInternalProps) {\n  const baseProps = getBaseProps(restProps);\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\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\n        className={clsx(\n          styles['test-utils-drawer-content'],\n          !disableContentPaddings && styles['content-with-paddings']\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport const createWidgetizedDrawer = createWidgetizedComponent(DrawerImplementation);\n"]}

package/lib/internal/template/drawer/interfaces.d.ts

@@ -16,6 +16,10 @@ export interface DrawerProps extends BaseComponentProps {
      * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.
      */
     loading?: boolean;
+    /**
+     * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
     /**
      * An object containing all the necessary localized strings required by the component.
      * @i18n

package/lib/internal/template/drawer/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,UAAU,WAAW;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/internal/template/drawer/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   *\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: I18nStrings;\n}\n\ninterface I18nStrings {\n  /**\n    Specifies the text that's displayed when the panel is in a loading state.\n   */\n  loadingText?: string;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/drawer/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface DrawerProps extends BaseComponentProps {\n  /**\n   * Header of the drawer.\n   *\n   * It should contain the only `h2` used in the drawer.\n   */\n  header?: React.ReactNode;\n\n  /**\n   * Main content of the drawer.\n   *\n   */\n  children?: React.ReactNode;\n\n  /**\n   * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.\n   */\n  loading?: boolean;\n\n  /**\n   * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.\n   */\n  disableContentPaddings?: boolean;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * @i18n\n   */\n  i18nStrings?: I18nStrings;\n}\n\ninterface I18nStrings {\n  /**\n    Specifies the text that's displayed when the panel is in a loading state.\n   */\n  loadingText?: string;\n}\n"]}

package/lib/internal/template/drawer/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1sxt8_1o3aj_181",
-  "header": "awsui_header_1sxt8_1o3aj_214",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_1o3aj_229",
-  "content": "awsui_content_1sxt8_1o3aj_247",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1o3aj_253"
+  "drawer": "awsui_drawer_1sxt8_24o8z_181",
+  "header": "awsui_header_1sxt8_24o8z_214",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_24o8z_227",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_24o8z_245",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_24o8z_252"
 };
   

package/lib/internal/template/drawer/styles.scoped.css

@@ -178,7 +178,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_1o3aj_181:not(#\9) {
+.awsui_drawer_1sxt8_24o8z_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -202,55 +202,54 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   word-wrap: break-word;
 }
 
-.awsui_header_1sxt8_1o3aj_214:not(#\9) {
-  font-size: var(--font-panel-header-size-197c0y, 18px);
-  line-height: var(--font-panel-header-line-height-av95ns, 22px);
-  font-weight: var(--font-weight-heading-l-ypbqtk, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
-  color: var(--color-text-heading-default-8wpkvf, #16191f);
-  padding-block: var(--space-panel-header-vertical-d3wku0, 20px);
-  padding-inline: var(--space-panel-side-left-1i2jyv, 32px) calc(var(--space-xl-vss8pc, 24px) + var(--space-scaled-xxl-6fqphi, 32px));
-  border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-panel-header-q2vg1j, #eaeded);
-  margin-block-start: 0;
-  margin-block-end: var(--space-panel-content-top-rr28ru, 20px);
+.awsui_header_1sxt8_24o8z_214:not(#\9) {
+  font-size: var(--font-panel-header-size-i1j838, 18px);
+  line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
+  font-weight: var(--font-weight-heading-l-zqsb7y, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
+  color: var(--color-text-heading-default-x2l7g1, #16191f);
+  padding-block: var(--space-panel-header-vertical-c9e5ei, 20px);
+  padding-inline: var(--space-panel-side-left-07kpj4, 32px) calc(var(--space-xl-4dmkh1, 24px) + var(--space-scaled-xxl-9ur2is, 32px));
+  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-efyrxf, #eaeded);
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_with-toolbar_1sxt8_1o3aj_229 > .awsui_header_1sxt8_1o3aj_214:not(#\9) {
+.awsui_with-toolbar_1sxt8_24o8z_227 > .awsui_header_1sxt8_24o8z_214:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_1o3aj_214 h2:not(#\9),
-.awsui_header_1sxt8_1o3aj_214 h3:not(#\9),
-.awsui_header_1sxt8_1o3aj_214 h4:not(#\9),
-.awsui_header_1sxt8_1o3aj_214 h5:not(#\9),
-.awsui_header_1sxt8_1o3aj_214 h6:not(#\9) {
-  font-size: var(--font-panel-header-size-197c0y, 18px);
-  line-height: var(--font-panel-header-line-height-av95ns, 22px);
-  font-weight: var(--font-weight-heading-l-ypbqtk, 700);
-  -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
-  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
+.awsui_header_1sxt8_24o8z_214 h2:not(#\9),
+.awsui_header_1sxt8_24o8z_214 h3:not(#\9),
+.awsui_header_1sxt8_24o8z_214 h4:not(#\9),
+.awsui_header_1sxt8_24o8z_214 h5:not(#\9),
+.awsui_header_1sxt8_24o8z_214 h6:not(#\9) {
+  font-size: var(--font-panel-header-size-i1j838, 18px);
+  line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
+  font-weight: var(--font-weight-heading-l-zqsb7y, 700);
+  -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
+  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
   padding-block: 0;
   margin-block: 0;
 }
 
-.awsui_content_1sxt8_1o3aj_247:not(#\9):not(:empty) {
-  padding-inline-start: var(--space-panel-side-left-1i2jyv, 32px);
-  padding-inline-end: var(--space-panel-side-right-otvpm8, 32px);
-  padding-block-end: var(--space-panel-content-bottom-attpcy, 40px);
+.awsui_content-with-paddings_1sxt8_24o8z_245:not(#\9):not(:empty) {
+  padding-block-start: var(--space-panel-content-top-s8rcdz, 20px);
+  padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
+  padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
+  padding-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
 
-.awsui_test-utils-drawer-content_1sxt8_1o3aj_253:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_24o8z_252:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/drawer/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1sxt8_1o3aj_181",
-  "header": "awsui_header_1sxt8_1o3aj_214",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_1o3aj_229",
-  "content": "awsui_content_1sxt8_1o3aj_247",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1o3aj_253"
+  "drawer": "awsui_drawer_1sxt8_24o8z_181",
+  "header": "awsui_header_1sxt8_24o8z_214",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_24o8z_227",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_24o8z_245",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_24o8z_252"
 };
   

package/lib/internal/template/expandable-section/internal.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { ExpandableSectionProps, InternalVariant } from './interfaces';
-type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> & InternalBaseComponentProps & {
+export type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> & InternalBaseComponentProps & {
     variant?: InternalVariant;
     __injectAnalyticsComponentMetadata?: boolean;
 };
 export default function InternalExpandableSection({ expanded: controlledExpanded, defaultExpanded, onChange, variant, children, header, headerText, headerCounter, headerDescription, headerInfo, headerActions, headingTagOverride, disableContentPaddings, headerAriaLabel, __internalRootRef, __injectAnalyticsComponentMetadata, ...props }: InternalExpandableSectionProps): JSX.Element;
-export {};
 //# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/expandable-section/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMvE,KAAK,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAC3E,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,8BAA8B,eAiGhC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/expandable-section/internal.tsx"],"names":[],"mappings":";AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMvE,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAClF,0BAA0B,GAAG;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,kCAAkC,CAAC,EAAE,OAAO,CAAC;CAC9C,CAAC;AAEJ,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EACf,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EACjB,kCAAkC,EAClC,GAAG,KAAK,EACT,EAAE,8BAA8B,eAiGhC"}

package/lib/internal/template/expandable-section/internal.js

@@ -5,6 +5,7 @@ import React, { useCallback, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
+import { screenReaderTextClass } from '../internal/components/chart-series-details/series-details-text';
 import { fireNonCancelableEvent } from '../internal/events';
 import { useControllable } from '../internal/hooks/use-controllable';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
@@ -55,7 +56,7 @@ export default function InternalExpandableSection(_a) {
     };
     // Map stacked variant to container to avoid code duplication
     const baseVariant = variant === 'stacked' ? 'container' : variant;
-    return (React.createElement(ExpandableSectionContainer, Object.assign({}, props, { expanded: expanded, className: clsx(baseProps.className, styles.root, analyticsSelectors.root), variant: variant, disableContentPaddings: disableContentPaddings, __injectAnalyticsComponentMetadata: __injectAnalyticsComponentMetadata, header: React.createElement(ExpandableSectionHeader, Object.assign({ id: triggerControlId, descriptionId: descriptionId, className: clsx(styles.header, styles[`header-${baseVariant}`]), variant: baseVariant, expanded: !!expanded, header: header, headerText: headerText, headerDescription: headerDescription, headerCounter: headerCounter, headerInfo: headerInfo, headerActions: headerActions, headingTagOverride: headingTagOverride }, triggerProps)), __internalRootRef: __internalRootRef }),
+    return (React.createElement(ExpandableSectionContainer, Object.assign({}, props, { expanded: expanded, className: clsx(baseProps.className, styles.root, analyticsSelectors.root), variant: variant, disableContentPaddings: disableContentPaddings, __injectAnalyticsComponentMetadata: __injectAnalyticsComponentMetadata, header: React.createElement(ExpandableSectionHeader, Object.assign({ id: triggerControlId, descriptionId: descriptionId, className: clsx(styles.header, styles[`header-${baseVariant}`], screenReaderTextClass), variant: baseVariant, expanded: !!expanded, header: header, headerText: headerText, headerDescription: headerDescription, headerCounter: headerCounter, headerInfo: headerInfo, headerActions: headerActions, headingTagOverride: headingTagOverride }, triggerProps)), __internalRootRef: __internalRootRef }),
         React.createElement(CSSTransition, { in: expanded, timeout: 30, classNames: { enter: styles['content-enter'] }, nodeRef: ref },
             React.createElement("div", { id: controlId, ref: ref, className: clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded']), role: "group", "aria-label": triggerProps.ariaLabel, "aria-labelledby": triggerProps.ariaLabelledBy, "aria-describedby": variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined }, children))));
 }

package/lib/internal/template/expandable-section/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/expandable-section/internal.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, { KeyboardEvent, useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport { ExpandableSectionContainer } from './expandable-section-container';\nimport { ExpandableSectionHeader } from './expandable-section-header';\nimport { ExpandableSectionProps, InternalVariant } from './interfaces';\nimport { variantSupportsDescription } from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\ntype InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> &\n  InternalBaseComponentProps & {\n    variant?: InternalVariant;\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalExpandableSection({\n  expanded: controlledExpanded,\n  defaultExpanded,\n  onChange,\n  variant = 'default',\n  children,\n  header,\n  headerText,\n  headerCounter,\n  headerDescription,\n  headerInfo,\n  headerActions,\n  headingTagOverride,\n  disableContentPaddings,\n  headerAriaLabel,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...props\n}: InternalExpandableSectionProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const controlId = useUniqueId();\n  const triggerControlId = `${controlId}-trigger`;\n  const descriptionId = `${controlId}-description`;\n\n  const baseProps = getBaseProps(props);\n  const [expanded, setExpanded] = useControllable(controlledExpanded, onChange, defaultExpanded, {\n    componentName: 'ExpandableSection',\n    controlledProp: 'expanded',\n    changeHandler: 'onChange',\n  });\n\n  const onExpandChange = useCallback(\n    (expanded: boolean) => {\n      setExpanded(expanded);\n      fireNonCancelableEvent(onChange, { expanded });\n    },\n    [onChange, setExpanded]\n  );\n\n  const onClick = useCallback(() => {\n    onExpandChange(!expanded);\n  }, [onExpandChange, expanded]);\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent<Element>) => {\n      const interactionKeys = [KeyCode.enter, KeyCode.space];\n\n      if (interactionKeys.indexOf(event.keyCode) !== -1) {\n        onExpandChange(!expanded);\n      }\n    },\n    [onExpandChange, expanded]\n  );\n\n  const onKeyDown = useCallback((event: KeyboardEvent<Element>) => {\n    if (event.keyCode === KeyCode.space) {\n      // Prevent the page from scrolling when toggling the component with the space bar.\n      event.preventDefault();\n    }\n  }, []);\n\n  const triggerProps = {\n    ariaControls: controlId,\n    ariaLabel: headerAriaLabel,\n    ariaLabelledBy: headerAriaLabel ? undefined : triggerControlId,\n    onKeyUp,\n    onKeyDown,\n    onClick,\n  };\n\n  // Map stacked variant to container to avoid code duplication\n  const baseVariant: InternalVariant = variant === 'stacked' ? 'container' : variant;\n\n  return (\n    <ExpandableSectionContainer\n      {...props}\n      expanded={expanded}\n      className={clsx(baseProps.className, styles.root, analyticsSelectors.root)}\n      variant={variant}\n      disableContentPaddings={disableContentPaddings}\n      __injectAnalyticsComponentMetadata={__injectAnalyticsComponentMetadata}\n      header={\n        <ExpandableSectionHeader\n          id={triggerControlId}\n          descriptionId={descriptionId}\n          className={clsx(styles.header, styles[`header-${baseVariant}`])}\n          variant={baseVariant}\n          expanded={!!expanded}\n          header={header}\n          headerText={headerText}\n          headerDescription={headerDescription}\n          headerCounter={headerCounter}\n          headerInfo={headerInfo}\n          headerActions={headerActions}\n          headingTagOverride={headingTagOverride}\n          {...triggerProps}\n        />\n      }\n      __internalRootRef={__internalRootRef}\n    >\n      <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }} nodeRef={ref}>\n        <div\n          id={controlId}\n          ref={ref}\n          className={clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded'])}\n          role=\"group\"\n          aria-label={triggerProps.ariaLabel}\n          aria-labelledby={triggerProps.ariaLabelledBy}\n          aria-describedby={variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined}\n        >\n          {children}\n        </div>\n      </CSSTransition>\n    </ExpandableSectionContainer>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/expandable-section/internal.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, { KeyboardEvent, useCallback, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { screenReaderTextClass } from '../internal/components/chart-series-details/series-details-text';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { KeyCode } from '../internal/keycode';\nimport { ExpandableSectionContainer } from './expandable-section-container';\nimport { ExpandableSectionHeader } from './expandable-section-header';\nimport { ExpandableSectionProps, InternalVariant } from './interfaces';\nimport { variantSupportsDescription } from './utils';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport type InternalExpandableSectionProps = Omit<ExpandableSectionProps, 'variant'> &\n  InternalBaseComponentProps & {\n    variant?: InternalVariant;\n    __injectAnalyticsComponentMetadata?: boolean;\n  };\n\nexport default function InternalExpandableSection({\n  expanded: controlledExpanded,\n  defaultExpanded,\n  onChange,\n  variant = 'default',\n  children,\n  header,\n  headerText,\n  headerCounter,\n  headerDescription,\n  headerInfo,\n  headerActions,\n  headingTagOverride,\n  disableContentPaddings,\n  headerAriaLabel,\n  __internalRootRef,\n  __injectAnalyticsComponentMetadata,\n  ...props\n}: InternalExpandableSectionProps) {\n  const ref = useRef<HTMLDivElement>(null);\n  const controlId = useUniqueId();\n  const triggerControlId = `${controlId}-trigger`;\n  const descriptionId = `${controlId}-description`;\n\n  const baseProps = getBaseProps(props);\n  const [expanded, setExpanded] = useControllable(controlledExpanded, onChange, defaultExpanded, {\n    componentName: 'ExpandableSection',\n    controlledProp: 'expanded',\n    changeHandler: 'onChange',\n  });\n\n  const onExpandChange = useCallback(\n    (expanded: boolean) => {\n      setExpanded(expanded);\n      fireNonCancelableEvent(onChange, { expanded });\n    },\n    [onChange, setExpanded]\n  );\n\n  const onClick = useCallback(() => {\n    onExpandChange(!expanded);\n  }, [onExpandChange, expanded]);\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent<Element>) => {\n      const interactionKeys = [KeyCode.enter, KeyCode.space];\n\n      if (interactionKeys.indexOf(event.keyCode) !== -1) {\n        onExpandChange(!expanded);\n      }\n    },\n    [onExpandChange, expanded]\n  );\n\n  const onKeyDown = useCallback((event: KeyboardEvent<Element>) => {\n    if (event.keyCode === KeyCode.space) {\n      // Prevent the page from scrolling when toggling the component with the space bar.\n      event.preventDefault();\n    }\n  }, []);\n\n  const triggerProps = {\n    ariaControls: controlId,\n    ariaLabel: headerAriaLabel,\n    ariaLabelledBy: headerAriaLabel ? undefined : triggerControlId,\n    onKeyUp,\n    onKeyDown,\n    onClick,\n  };\n\n  // Map stacked variant to container to avoid code duplication\n  const baseVariant: InternalVariant = variant === 'stacked' ? 'container' : variant;\n\n  return (\n    <ExpandableSectionContainer\n      {...props}\n      expanded={expanded}\n      className={clsx(baseProps.className, styles.root, analyticsSelectors.root)}\n      variant={variant}\n      disableContentPaddings={disableContentPaddings}\n      __injectAnalyticsComponentMetadata={__injectAnalyticsComponentMetadata}\n      header={\n        <ExpandableSectionHeader\n          id={triggerControlId}\n          descriptionId={descriptionId}\n          className={clsx(styles.header, styles[`header-${baseVariant}`], screenReaderTextClass)}\n          variant={baseVariant}\n          expanded={!!expanded}\n          header={header}\n          headerText={headerText}\n          headerDescription={headerDescription}\n          headerCounter={headerCounter}\n          headerInfo={headerInfo}\n          headerActions={headerActions}\n          headingTagOverride={headingTagOverride}\n          {...triggerProps}\n        />\n      }\n      __internalRootRef={__internalRootRef}\n    >\n      <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }} nodeRef={ref}>\n        <div\n          id={controlId}\n          ref={ref}\n          className={clsx(styles.content, styles[`content-${baseVariant}`], expanded && styles['content-expanded'])}\n          role=\"group\"\n          aria-label={triggerProps.ariaLabel}\n          aria-labelledby={triggerProps.ariaLabelledBy}\n          aria-describedby={variantSupportsDescription(baseVariant) && headerDescription ? descriptionId : undefined}\n        >\n          {children}\n        </div>\n      </CSSTransition>\n    </ExpandableSectionContainer>\n  );\n}\n"]}