@cloudscape-design/components-themeable 3.0.513 → 3.0.514

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

@@ -2,85 +2,85 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_1w7yt_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_1w7yt_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_1w7yt_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1w7yt_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1w7yt_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1w7yt_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_1w7yt_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1w7yt_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1w7yt_179",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1w7yt_184",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1w7yt_225",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1w7yt_235",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1w7yt_239",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1w7yt_253",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1w7yt_239",
-  "drawer": "awsui_drawer_hyvsj_1w7yt_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1w7yt_283",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1w7yt_292",
-  "drawer-content": "awsui_drawer-content_hyvsj_1w7yt_283",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1w7yt_300",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_1w7yt_303",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1w7yt_310",
-  "content": "awsui_content_hyvsj_1w7yt_336",
-  "layout": "awsui_layout_hyvsj_1w7yt_357",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1w7yt_440",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1w7yt_455",
-  "content-type-table": "awsui_content-type-table_hyvsj_1w7yt_469",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1w7yt_469",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1w7yt_475",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1w7yt_478",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1w7yt_510",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1w7yt_513",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1w7yt_523",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1w7yt_526",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1w7yt_529",
-  "has-header": "awsui_has-header_hyvsj_1w7yt_529",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1w7yt_550",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1w7yt_550",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1w7yt_593",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1w7yt_593",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1w7yt_609",
-  "unfocusable": "awsui_unfocusable_hyvsj_1w7yt_614",
-  "container": "awsui_container_hyvsj_1w7yt_624",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1w7yt_649",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1w7yt_652",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1w7yt_652",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1w7yt_652",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1w7yt_652",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1w7yt_661",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1w7yt_677",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1w7yt_681",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1w7yt_685",
-  "navigation-container": "awsui_navigation-container_hyvsj_1w7yt_694",
-  "show-navigation": "awsui_show-navigation_hyvsj_1w7yt_738",
-  "animating": "awsui_animating_hyvsj_1w7yt_760",
-  "showButtons": "awsui_showButtons_hyvsj_1w7yt_1",
-  "navigation": "awsui_navigation_hyvsj_1w7yt_694",
-  "openNavigation": "awsui_openNavigation_hyvsj_1w7yt_1",
-  "animated-content": "awsui_animated-content_hyvsj_1w7yt_822",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1w7yt_831",
-  "notifications": "awsui_notifications_hyvsj_1w7yt_841",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1w7yt_847",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1w7yt_864",
-  "position-bottom": "awsui_position-bottom_hyvsj_1w7yt_911",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1w7yt_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1w7yt_940",
-  "position-side": "awsui_position-side_hyvsj_1w7yt_953",
-  "tools-container": "awsui_tools-container_hyvsj_1w7yt_975",
-  "tools": "awsui_tools_hyvsj_1w7yt_975",
-  "openTools": "awsui_openTools_hyvsj_1w7yt_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1w7yt_1072",
-  "hide-tools": "awsui_hide-tools_hyvsj_1w7yt_1082",
-  "show-tools": "awsui_show-tools_hyvsj_1w7yt_1094",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1w7yt_1072",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1w7yt_1178",
-  "trigger": "awsui_trigger_hyvsj_1w7yt_1178",
-  "selected": "awsui_selected_hyvsj_1w7yt_1241",
-  "badge": "awsui_badge_hyvsj_1w7yt_1261",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1w7yt_1265",
-  "dot": "awsui_dot_hyvsj_1w7yt_1271"
+  "background": "awsui_background_hyvsj_1lgfi_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_1lgfi_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_1lgfi_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1lgfi_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1lgfi_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1lgfi_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_1lgfi_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_1lgfi_156",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1lgfi_179",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_1lgfi_184",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_1lgfi_225",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_1lgfi_235",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_1lgfi_239",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_1lgfi_253",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_1lgfi_239",
+  "drawer": "awsui_drawer_hyvsj_1lgfi_145",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_1lgfi_283",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_1lgfi_292",
+  "drawer-content": "awsui_drawer-content_hyvsj_1lgfi_283",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_1lgfi_300",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_1lgfi_303",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_1lgfi_310",
+  "content": "awsui_content_hyvsj_1lgfi_336",
+  "layout": "awsui_layout_hyvsj_1lgfi_357",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1lgfi_440",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_1lgfi_455",
+  "content-type-table": "awsui_content-type-table_hyvsj_1lgfi_469",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_1lgfi_469",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1lgfi_475",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_1lgfi_478",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1lgfi_510",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1lgfi_513",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_1lgfi_523",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1lgfi_526",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_1lgfi_529",
+  "has-header": "awsui_has-header_hyvsj_1lgfi_529",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_1lgfi_550",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1lgfi_550",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_1lgfi_593",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1lgfi_593",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1lgfi_609",
+  "unfocusable": "awsui_unfocusable_hyvsj_1lgfi_614",
+  "container": "awsui_container_hyvsj_1lgfi_624",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1lgfi_649",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_1lgfi_652",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1lgfi_652",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1lgfi_652",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_1lgfi_652",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_1lgfi_661",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_1lgfi_677",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_1lgfi_681",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_1lgfi_685",
+  "navigation-container": "awsui_navigation-container_hyvsj_1lgfi_694",
+  "show-navigation": "awsui_show-navigation_hyvsj_1lgfi_738",
+  "animating": "awsui_animating_hyvsj_1lgfi_760",
+  "showButtons": "awsui_showButtons_hyvsj_1lgfi_1",
+  "navigation": "awsui_navigation_hyvsj_1lgfi_694",
+  "openNavigation": "awsui_openNavigation_hyvsj_1lgfi_1",
+  "animated-content": "awsui_animated-content_hyvsj_1lgfi_822",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_1lgfi_831",
+  "notifications": "awsui_notifications_hyvsj_1lgfi_841",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1lgfi_847",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1lgfi_864",
+  "position-bottom": "awsui_position-bottom_hyvsj_1lgfi_911",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1lgfi_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_1lgfi_940",
+  "position-side": "awsui_position-side_hyvsj_1lgfi_953",
+  "tools-container": "awsui_tools-container_hyvsj_1lgfi_975",
+  "tools": "awsui_tools_hyvsj_1lgfi_975",
+  "openTools": "awsui_openTools_hyvsj_1lgfi_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1lgfi_1072",
+  "hide-tools": "awsui_hide-tools_hyvsj_1lgfi_1082",
+  "show-tools": "awsui_show-tools_hyvsj_1lgfi_1094",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_1lgfi_1072",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_1lgfi_1178",
+  "trigger": "awsui_trigger_hyvsj_1lgfi_1178",
+  "selected": "awsui_selected_hyvsj_1lgfi_1241",
+  "badge": "awsui_badge_hyvsj_1lgfi_1261",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_1lgfi_1265",
+  "dot": "awsui_dot_hyvsj_1lgfi_1271"
 };
   

package/lib/internal/template/container/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAOlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuHxB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAQlF,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAI1E,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACzG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,CAAC;IAEzE,oBAAoB,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACjF,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,YAAY,CAAC,CAAC;CAClE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,sBAAsB,eAWvE;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAmB,EACnB,qBAA6B,EAC7B,sBAA8B,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAsB,EACtB,iBAAwB,EACxB,sBAA8B,EAC9B,uBAA+B,EAC/B,eAAuB,EACvB,WAAW,EACX,YAAoB,EACpB,qBAA4B,EAC5B,oBAAoB,EACpB,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,sBAAsB,eAuHxB"}

package/lib/internal/template/container/internal.js

@@ -5,6 +5,7 @@ import clsx from 'clsx';
 import React, { useEffect, useRef } from 'react';
 import { getBaseProps } from '../internal/base-component';
 import { useAppLayoutContext } from '../internal/context/app-layout-context';
+import { contentHeaderClassName } from '../internal/utils/content-header-utils';
 import { StickyHeaderContext, useStickyHeader } from './use-sticky-header';
 import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
@@ -67,7 +68,7 @@ export default function InternalContainer(_a) {
                         [styles['with-paddings']]: !disableHeaderPaddings,
                         [styles['with-hidden-content']]: !children || __hiddenContent,
                         [styles['header-with-media']]: hasMedia,
-                    }) }, stickyStyles, { ref: headerMergedRef }), __darkHeader ? (React.createElement("div", { className: clsx(styles['dark-header'], 'awsui-context-content-header') }, header)) : (header)))),
+                    }) }, stickyStyles, { ref: headerMergedRef }), __darkHeader ? (React.createElement("div", { className: clsx(styles['dark-header'], contentHeaderClassName) }, header)) : (header)))),
             React.createElement("div", { className: clsx(styles.content, fitHeight && styles['content-fit-height'], {
                     [styles['with-paddings']]: !disableContentPaddings,
                 }) }, children),

package/lib/internal/template/container/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAwB9D,MAAM,UAAU,0BAA0B,CAAC,KAA6B;IACtE,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC9D,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,OAAO,CACL,oBAAC,iBAAiB,oBACZ,KAAK,IACT,YAAY,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,EACtE,oBAAoB,EAAE,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,IACvE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAsBjB;;QAtBiB,EACxC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,KAAK,EAC9B,SAAS,EACT,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,cAAc,GAAG,KAAK,EACtB,iBAAiB,GAAG,IAAI,EACxB,sBAAsB,GAAG,KAAK,EAC9B,uBAAuB,GAAG,KAAK,EAC/B,eAAe,GAAG,KAAK,EACvB,WAAW,EACX,YAAY,GAAG,KAAK,EACpB,qBAAqB,GAAG,IAAI,EAC5B,oBAAoB,EACpB,YAAY,OAEW,EADpB,SAAS,cArB4B,6WAsBzC,CADa;IAEZ,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1C,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,eAAe,CACzD,OAAO,EACP,SAAS,EACT,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,qBAAqB,CACtB,CAAC;IACF,MAAM,SAAS,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,EAAE,sBAAsB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACzD,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,gBAAgB,GAAG,SAAS,IAAI,OAAO,KAAK,WAAW,CAAC;IAC9D,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,gBAAgB,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;IAE3F,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAC3D,MAAM,eAAe,GAAG,YAAY,CAAC,SAAS,EAAE,cAAc,EAAE,WAAW,CAAC,CAAC;IAE7E;;;;OAIG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,4BAA4B,GAAG,QAAQ,IAAI,OAAO,KAAK,WAAW,IAAI,sBAAsB,CAAC;QACnG,IAAI,4BAA4B,EAAE;YAChC,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;QAED,OAAO,GAAG,EAAE;YACV,IAAI,4BAA4B,EAAE;gBAChC,sBAAsB,CAAC,KAAK,CAAC,CAAC;aAC/B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhD,4EAA4E;IAC5E,6HAA6H;IAC7H,MAAM,sBAAsB,GAAG,QAAQ,IAAI,CAAC,QAAQ,CAAC;IAErD,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAA,CAAC;IAClC,MAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,KAAK,CAAC;IAE/C,OAAO,CACL,6CACM,SAAS,EACT,oBAAoB,IACxB,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAC5B,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,QAAQ,IAAI,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAC7F,sBAAsB,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EACpD,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,EACD,GAAG,EAAE,SAAS;QAEb,QAAQ,IAAI,CACX,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAC3F,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,EAAE,EAAE,IAE/F,KAAK,CAAC,OAAO,CACV,CACP;QACD,6BACE,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,SAAS,IAAI,MAAM,CAAC,4BAA4B,CAAC,CAAC;YAE5F,MAAM,IAAI,CACT,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE;gBAC9C,2CACE,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,kBAAkB,OAAO,EAAE,CAAC,EAAE;wBAC/F,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,cAAc,IAAI,CAAC,QAAQ;wBAC/D,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,QAAQ;wBAC3C,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,EAAE,gBAAgB;wBACnD,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO;wBACjC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,qBAAqB;wBACjD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,QAAQ,IAAI,eAAe;wBAC7D,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,QAAQ;qBACxC,CAAC,IACE,YAAY,IAChB,GAAG,EAAE,eAAe,KAEnB,YAAY,CAAC,CAAC,CAAC,CACd,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO,CAC5F,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CACG,CACuB,CAChC;YACD,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAAE;oBACzE,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,sBAAsB;iBACnD,CAAC,IAED,QAAQ,CACL;YACL,MAAM,IAAI,CACT,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;oBAC7B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,sBAAsB;oBACjD,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,uBAAuB;iBACpD,CAAC,IAED,MAAM,CACH,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __darkHeader?: boolean;\n  __disableStickyMobile?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __darkHeader = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']],\n        isRefresh && styles.refresh\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <StickyHeaderContext.Provider value={{ isStuck }}>\n            <div\n              className={clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {\n                [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n                [styles['header-sticky-enabled']]: isSticky,\n                [styles['header-dynamic-height']]: hasDynamicHeight,\n                [styles['header-stuck']]: isStuck,\n                [styles['with-paddings']]: !disableHeaderPaddings,\n                [styles['with-hidden-content']]: !children || __hiddenContent,\n                [styles['header-with-media']]: hasMedia,\n              })}\n              {...stickyStyles}\n              ref={headerMergedRef}\n            >\n              {__darkHeader ? (\n                <div className={clsx(styles['dark-header'], 'awsui-context-content-header')}>{header}</div>\n              ) : (\n                header\n              )}\n            </div>\n          </StickyHeaderContext.Provider>\n        )}\n        <div\n          className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n            [styles['with-paddings']]: !disableContentPaddings,\n          })}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            className={clsx(styles.footer, {\n              [styles['with-divider']]: !__disableFooterDivider,\n              [styles['with-paddings']]: !__disableFooterPaddings,\n            })}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["container/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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { ContainerProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { useAppLayoutContext } from '../internal/context/app-layout-context';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { StickyHeaderContext, useStickyHeader } from './use-sticky-header';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\nimport { useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { useModalContext } from '../internal/context/modal-context';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\n\nexport interface InternalContainerProps extends Omit<ContainerProps, 'variant'>, InternalBaseComponentProps {\n  __stickyHeader?: boolean;\n  __stickyOffset?: number;\n  __mobileStickyOffset?: number;\n  __disableFooterDivider?: boolean;\n  __disableFooterPaddings?: boolean;\n  __hiddenContent?: boolean;\n  __headerRef?: React.RefObject<HTMLDivElement>;\n  __darkHeader?: boolean;\n  __disableStickyMobile?: boolean;\n  /**\n   * Additional internal variant:\n   * * `embedded` - Use this variant within a parent container (such as a modal,\n   *                expandable section, container or split panel).\n   * * `full-page` – Only for internal use in table, cards and other components\n   */\n  variant?: ContainerProps['variant'] | 'embedded' | 'full-page' | 'cards';\n\n  __funnelSubStepProps?: ReturnType<typeof useFunnelSubStep>['funnelSubStepProps'];\n  __subStepRef?: ReturnType<typeof useFunnelSubStep>['subStepRef'];\n}\n\nexport function InternalContainerAsSubstep(props: InternalContainerProps) {\n  const { subStepRef, funnelSubStepProps } = useFunnelSubStep();\n  const modalContext = useModalContext();\n\n  return (\n    <InternalContainer\n      {...props}\n      __subStepRef={modalContext?.isInModal ? { current: null } : subStepRef}\n      __funnelSubStepProps={modalContext?.isInModal ? {} : funnelSubStepProps}\n    />\n  );\n}\n\nexport default function InternalContainer({\n  header,\n  footer,\n  children,\n  variant = 'default',\n  disableHeaderPaddings = false,\n  disableContentPaddings = false,\n  fitHeight,\n  media,\n  __stickyOffset,\n  __mobileStickyOffset,\n  __stickyHeader = false,\n  __internalRootRef = null,\n  __disableFooterDivider = false,\n  __disableFooterPaddings = false,\n  __hiddenContent = false,\n  __headerRef,\n  __darkHeader = false,\n  __disableStickyMobile = true,\n  __funnelSubStepProps,\n  __subStepRef,\n  ...restProps\n}: InternalContainerProps) {\n  const isMobile = useMobile();\n  const baseProps = getBaseProps(restProps);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const { isSticky, isStuck, stickyStyles } = useStickyHeader(\n    rootRef,\n    headerRef,\n    __stickyHeader,\n    __stickyOffset,\n    __mobileStickyOffset,\n    __disableStickyMobile\n  );\n  const contentId = useUniqueId();\n  const { setHasStickyBackground } = useAppLayoutContext();\n  const isRefresh = useVisualRefresh();\n\n  const hasDynamicHeight = isRefresh && variant === 'full-page';\n  const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight || !__darkHeader });\n\n  const mergedRef = useMergeRefs(rootRef, __internalRootRef);\n  const headerMergedRef = useMergeRefs(headerRef, overlapElement, __headerRef);\n\n  /**\n   * The visual refresh AppLayout component needs to know if a child component\n   * has a high contrast sticky header. This is to make sure the background element\n   * stays in the same vertical position as the header content.\n   */\n  useEffect(() => {\n    const shouldUpdateStickyBackground = isSticky && variant === 'full-page' && setHasStickyBackground;\n    if (shouldUpdateStickyBackground) {\n      setHasStickyBackground(true);\n    }\n\n    return () => {\n      if (shouldUpdateStickyBackground) {\n        setHasStickyBackground(false);\n      }\n    };\n  }, [isSticky, setHasStickyBackground, variant]);\n\n  // The container is only sticky on mobile if it is the header for the table.\n  // In this case we don't want the container to have sticky styles, as only the table header row will show as stuck on scroll.\n  const shouldHaveStickyStyles = isSticky && !isMobile;\n\n  const hasMedia = !!media?.content;\n  const mediaPosition = media?.position ?? 'top';\n\n  return (\n    <div\n      {...baseProps}\n      {...__funnelSubStepProps}\n      className={clsx(\n        baseProps.className,\n        styles.root,\n        styles[`variant-${variant}`],\n        fitHeight && styles['fit-height'],\n        hasMedia && (mediaPosition === 'side' ? styles['with-side-media'] : styles['with-top-media']),\n        shouldHaveStickyStyles && [styles['sticky-enabled']],\n        isRefresh && styles.refresh\n      )}\n      ref={mergedRef}\n    >\n      {hasMedia && (\n        <div\n          className={clsx(styles[`media-${mediaPosition === 'side' ? 'side' : 'top'}`], styles.media)}\n          style={mediaPosition === 'top' ? { height: media?.height || '' } : { width: media?.width || '' }}\n        >\n          {media.content}\n        </div>\n      )}\n      <div\n        id={contentId}\n        ref={__subStepRef}\n        className={clsx(styles['content-wrapper'], fitHeight && styles['content-wrapper-fit-height'])}\n      >\n        {header && (\n          <StickyHeaderContext.Provider value={{ isStuck }}>\n            <div\n              className={clsx(isRefresh && styles.refresh, styles.header, styles[`header-variant-${variant}`], {\n                [styles['header-sticky-disabled']]: __stickyHeader && !isSticky,\n                [styles['header-sticky-enabled']]: isSticky,\n                [styles['header-dynamic-height']]: hasDynamicHeight,\n                [styles['header-stuck']]: isStuck,\n                [styles['with-paddings']]: !disableHeaderPaddings,\n                [styles['with-hidden-content']]: !children || __hiddenContent,\n                [styles['header-with-media']]: hasMedia,\n              })}\n              {...stickyStyles}\n              ref={headerMergedRef}\n            >\n              {__darkHeader ? (\n                <div className={clsx(styles['dark-header'], contentHeaderClassName)}>{header}</div>\n              ) : (\n                header\n              )}\n            </div>\n          </StickyHeaderContext.Provider>\n        )}\n        <div\n          className={clsx(styles.content, fitHeight && styles['content-fit-height'], {\n            [styles['with-paddings']]: !disableContentPaddings,\n          })}\n        >\n          {children}\n        </div>\n        {footer && (\n          <div\n            className={clsx(styles.footer, {\n              [styles['with-divider']]: !__disableFooterDivider,\n              [styles['with-paddings']]: !__disableFooterPaddings,\n            })}\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/content-layout/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAMlF,KAAK,0BAA0B,GAAG,kBAAkB,GAAG,0BAA0B,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAkC5B"}

package/lib/internal/template/content-layout/internal.js

@@ -4,6 +4,7 @@ import { __rest } from "tslib";
 import React, { useRef } from 'react';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
+import { contentHeaderClassName } from '../internal/utils/content-header-utils';
 import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
@@ -21,8 +22,8 @@ export default function InternalContentLayout(_a) {
             [styles['is-visual-refresh']]: isVisualRefresh,
             [styles['has-header']]: !!header,
         }), ref: mergedRef }),
-        React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, 'awsui-context-content-header'), ref: overlapElement }),
-        header && React.createElement("div", { className: clsx(styles.header, 'awsui-context-content-header') }, header),
+        React.createElement("div", { className: clsx(styles.background, { [styles['is-overlap-disabled']]: isOverlapDisabled }, contentHeaderClassName), ref: overlapElement }),
+        header && React.createElement("div", { className: clsx(styles.header, contentHeaderClassName) }, header),
         React.createElement("div", { className: styles.content }, children)));
 }
 //# sourceMappingURL=internal.js.map

package/lib/internal/template/content-layout/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,8BAA8B,CAC/B,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,8BAA8B,CAAC,IAAG,MAAM,CAAO;QAE9F,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  const isOverlapDisabled = !children || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n        [styles['has-header']]: !!header,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          'awsui-context-content-header'\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, 'awsui-context-content-header')}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["content-layout/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAMjB;QANiB,EAC5C,QAAQ,EACR,cAAc,EACd,MAAM,EACN,iBAAiB,OAEU,EADxB,IAAI,cALqC,6DAM7C,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,MAAM,iBAAiB,GAAG,CAAC,QAAQ,IAAI,cAAc,CAAC;IAEtD,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;YAClD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,eAAe;YAC9C,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM;SACjC,CAAC,EACF,GAAG,EAAE,SAAS;QAEd,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,UAAU,EACjB,EAAE,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,EAAE,EACtD,sBAAsB,CACvB,EACD,GAAG,EAAE,cAAc,GACnB;QAED,MAAM,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,IAAG,MAAM,CAAO;QAEtF,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAAG,QAAQ,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { ContentLayoutProps } from './interfaces';\nimport { getBaseProps } from '../internal/base-component';\nimport { contentHeaderClassName } from '../internal/utils/content-header-utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport styles from './styles.css.js';\n\ntype InternalContentLayoutProps = ContentLayoutProps & InternalBaseComponentProps;\n\nexport default function InternalContentLayout({\n  children,\n  disableOverlap,\n  header,\n  __internalRootRef,\n  ...rest\n}: InternalContentLayoutProps) {\n  const baseProps = getBaseProps(rest);\n  const rootElement = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(rootElement, __internalRootRef);\n\n  const isVisualRefresh = useVisualRefresh();\n  const overlapElement = useDynamicOverlap();\n\n  const isOverlapDisabled = !children || disableOverlap;\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.layout, {\n        [styles['is-overlap-disabled']]: isOverlapDisabled,\n        [styles['is-visual-refresh']]: isVisualRefresh,\n        [styles['has-header']]: !!header,\n      })}\n      ref={mergedRef}\n    >\n      <div\n        className={clsx(\n          styles.background,\n          { [styles['is-overlap-disabled']]: isOverlapDisabled },\n          contentHeaderClassName\n        )}\n        ref={overlapElement}\n      />\n\n      {header && <div className={clsx(styles.header, contentHeaderClassName)}>{header}</div>}\n\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/components/dark-ribbon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAQD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,eAAe,eA0C3F"}

package/lib/internal/template/internal/components/dark-ribbon/index.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
 import { useMutationObserver } from '../../hooks/use-mutation-observer';
+import { contentHeaderClassName } from '../../utils/content-header-utils';
 import styles from './styles.css.js';
 import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
 function setIfChanged(oldValue, newValue, setter) {
@@ -39,7 +40,7 @@ export default function DarkRibbon({ children, isRefresh, hasPlainStyling }) {
     if (hasPlainStyling === true || !isRefresh) {
         return React.createElement(React.Fragment, null, children);
     }
-    return (React.createElement("div", { ref: containerRef, className: "awsui-context-content-header" },
+    return (React.createElement("div", { ref: containerRef, className: contentHeaderClassName },
         React.createElement("div", { ref: fillRef, className: styles['background-fill'] }),
         React.createElement("div", { className: styles.content }, children)));
 }

package/lib/internal/template/internal/components/dark-ribbon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n  children: React.ReactNode;\n  isRefresh: boolean;\n  hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n  if (oldValue !== newValue) {\n    setter(newValue);\n  }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fillRef = useRef<HTMLDivElement>(null);\n  const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n    // JSDOM calls mutation observer callback even if attribute did not change\n    // https://github.com/jsdom/jsdom/issues/3305\n    // To prevent infinite loops, we need to check the values before setting\n    const size = from.getBoundingClientRect();\n    const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n    setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n    setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n    setIfChanged(\n      oldRight,\n      `${-1 * (document.body.clientWidth - size.right)}px`,\n      newRight => (to.style.right = newRight)\n    );\n  });\n  useMutationObserver(containerRef, node => {\n    if (fillRef.current) {\n      syncSizes(node, fillRef.current);\n    }\n  });\n  useEffect(() => {\n    const handler = () => {\n      if (containerRef.current && fillRef.current) {\n        syncSizes(containerRef.current, fillRef.current);\n      }\n    };\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [syncSizes]);\n\n  if (hasPlainStyling === true || !isRefresh) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={containerRef} className=\"awsui-context-content-header\">\n      <div ref={fillRef} className={styles['background-fill']} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/dark-ribbon/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMutationObserver } from '../../hooks/use-mutation-observer';\nimport { contentHeaderClassName } from '../../utils/content-header-utils';\nimport styles from './styles.css.js';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\ninterface DarkRibbonProps {\n  children: React.ReactNode;\n  isRefresh: boolean;\n  hasPlainStyling?: boolean;\n}\n\nfunction setIfChanged(oldValue: string, newValue: string, setter: (newValue: string) => void) {\n  if (oldValue !== newValue) {\n    setter(newValue);\n  }\n}\n\nexport default function DarkRibbon({ children, isRefresh, hasPlainStyling }: DarkRibbonProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const fillRef = useRef<HTMLDivElement>(null);\n  const syncSizes = useStableCallback((from: HTMLElement, to: HTMLElement) => {\n    // JSDOM calls mutation observer callback even if attribute did not change\n    // https://github.com/jsdom/jsdom/issues/3305\n    // To prevent infinite loops, we need to check the values before setting\n    const size = from.getBoundingClientRect();\n    const { height: oldHeight, left: oldLeft, right: oldRight } = to.style;\n    setIfChanged(oldHeight, `${size.height}px`, newHeight => (to.style.height = newHeight));\n    setIfChanged(oldLeft, `${-1 * size.left}px`, newLeft => (to.style.left = newLeft));\n    setIfChanged(\n      oldRight,\n      `${-1 * (document.body.clientWidth - size.right)}px`,\n      newRight => (to.style.right = newRight)\n    );\n  });\n  useMutationObserver(containerRef, node => {\n    if (fillRef.current) {\n      syncSizes(node, fillRef.current);\n    }\n  });\n  useEffect(() => {\n    const handler = () => {\n      if (containerRef.current && fillRef.current) {\n        syncSizes(containerRef.current, fillRef.current);\n      }\n    };\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, [syncSizes]);\n\n  if (hasPlainStyling === true || !isRefresh) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div ref={containerRef} className={contentHeaderClassName}>\n      <div ref={fillRef} className={styles['background-fill']} />\n      <div className={styles.content}>{children}</div>\n    </div>\n  );\n}\n"]}

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (16dc073a)";
+export var PACKAGE_VERSION = "3.0.0 (d1f65846)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (16dc073a)",
+  "PACKAGE_VERSION": "3.0.0 (d1f65846)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/utils/content-header-utils.d.ts

@@ -0,0 +1,2 @@
+export declare const contentHeaderClassName: string;
+//# sourceMappingURL=content-header-utils.d.ts.map

package/lib/internal/template/internal/utils/content-header-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-header-utils.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,EAAE,MAEH,CAAC"}

package/lib/internal/template/internal/utils/content-header-utils.js

@@ -0,0 +1,7 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { getGlobalFlag } from './global-flags';
+export const contentHeaderClassName = getGlobalFlag('removeHighContrastHeader')
+    ? ''
+    : 'awsui-context-content-header';
+//# sourceMappingURL=content-header-utils.js.map

package/lib/internal/template/internal/utils/content-header-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-header-utils.js","sourceRoot":"lib/default/","sources":["internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,sBAAsB,GAAW,aAAa,CAAC,0BAA0B,CAAC;IACrF,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const contentHeaderClassName: string = getGlobalFlag('removeHighContrastHeader')\n  ? ''\n  : 'awsui-context-content-header';\n"]}

package/lib/internal/template/internal/utils/global-flags.d.ts

@@ -0,0 +1,11 @@
+export declare const awsuiGlobalFlagsSymbol: unique symbol;
+interface GlobalFlags {
+    removeHighContrastHeader?: boolean;
+}
+interface ExtendedWindow extends Window {
+    [awsuiGlobalFlagsSymbol]?: GlobalFlags;
+}
+export declare const getTopWindow: () => ExtendedWindow | undefined;
+export declare const getGlobalFlag: (flagName: keyof GlobalFlags) => GlobalFlags[keyof GlobalFlags] | undefined;
+export {};
+//# sourceMappingURL=global-flags.d.ts.map

package/lib/internal/template/internal/utils/global-flags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-flags.d.ts","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,eAAmC,CAAC;AAEvE,UAAU,WAAW;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,UAAU,cAAe,SAAQ,MAAM;IACrC,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;CACxC;AAGD,eAAO,MAAM,YAAY,QAAO,cAAc,GAAG,SAEhD,CAAC;AASF,eAAO,MAAM,aAAa,aAAc,MAAM,WAAW,KAAG,WAAW,CAAC,MAAM,WAAW,CAAC,GAAG,SAU5F,CAAC"}

package/lib/internal/template/internal/utils/global-flags.js

@@ -0,0 +1,25 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');
+export const getTopWindow = () => {
+    return window.top;
+};
+function readFlag(window, flagName) {
+    if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {
+        return undefined;
+    }
+    return window[awsuiGlobalFlagsSymbol][flagName];
+}
+export const getGlobalFlag = (flagName) => {
+    try {
+        const ownFlag = readFlag(window, flagName);
+        if (ownFlag !== undefined) {
+            return ownFlag;
+        }
+        return readFlag(getTopWindow(), flagName);
+    }
+    catch (e) {
+        return undefined;
+    }
+};
+//# sourceMappingURL=global-flags.js.map

package/lib/internal/template/internal/utils/global-flags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-flags.js","sourceRoot":"lib/default/","sources":["internal/utils/global-flags.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAWvE,MAAM,CAAC,MAAM,YAAY,GAAG,GAA+B,EAAE;IAC3D,OAAO,MAAM,CAAC,GAAqB,CAAC;AACtC,CAAC,CAAC;AAEF,SAAS,QAAQ,CAAC,MAAkC,EAAE,QAA2B;IAC/E,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,sBAAsB,CAAC,EAAE;QACpE,OAAO,SAAS,CAAC;KAClB;IACD,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,QAAQ,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,QAA2B,EAA8C,EAAE;IACvG,IAAI;QACF,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC3C,IAAI,OAAO,KAAK,SAAS,EAAE;YACzB,OAAO,OAAO,CAAC;SAChB;QACD,OAAO,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,CAAC;KAC3C;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const awsuiGlobalFlagsSymbol = Symbol.for('awsui-global-flags');\n\ninterface GlobalFlags {\n  removeHighContrastHeader?: boolean;\n}\n\ninterface ExtendedWindow extends Window {\n  [awsuiGlobalFlagsSymbol]?: GlobalFlags;\n}\ndeclare const window: ExtendedWindow;\n\nexport const getTopWindow = (): ExtendedWindow | undefined => {\n  return window.top as ExtendedWindow;\n};\n\nfunction readFlag(window: ExtendedWindow | undefined, flagName: keyof GlobalFlags) {\n  if (typeof window === 'undefined' || !window[awsuiGlobalFlagsSymbol]) {\n    return undefined;\n  }\n  return window[awsuiGlobalFlagsSymbol][flagName];\n}\n\nexport const getGlobalFlag = (flagName: keyof GlobalFlags): GlobalFlags[keyof GlobalFlags] | undefined => {\n  try {\n    const ownFlag = readFlag(window, flagName);\n    if (ownFlag !== undefined) {\n      return ownFlag;\n    }\n    return readFlag(getTopWindow(), flagName);\n  } catch (e) {\n    return undefined;\n  }\n};\n"]}

package/lib/internal/template/split-panel/icons/bottom-icon-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAiCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"bottom-icon-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":";AAkCA,QAAA,MAAM,kBAAkB,aAmDvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
+import { contentHeaderClassName } from '../../internal/utils/content-header-utils';
 import { getClassName } from './side-position-refresh';
 const TableRow = ({ offset, isHeader }) => {
     const offsetTop = 0.4482;
@@ -23,8 +24,8 @@ const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewB
     React.createElement("path", { d: "M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
     React.createElement("g", { className: "awsui-context-top-navigation" },
         React.createElement("rect", { x: "2", y: "2", width: "226", height: "6", className: getClassName('layout-top') })),
-    React.createElement("g", { className: "awsui-context-content-header" },
-        React.createElement("path", { d: "M0 8H230V23H0V8Z", className: getClassName('layout-main') }),
+    React.createElement("g", { className: contentHeaderClassName },
+        React.createElement("path", { d: "M2 8H228V23H2V8Z", className: getClassName('layout-main') }),
         React.createElement("g", { className: getClassName('default') },
             React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),
             React.createElement("path", { d: "M26 14H56.1484V17H26V14Z" }),

package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className=\"awsui-context-content-header\">\n      <path d=\"M0 8H230V23H0V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"bottom-icon-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/bottom-icon-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { contentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport { getClassName, SVGTableRowProps } from './side-position-refresh';\n\nconst TableRow = ({ offset, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M31 ${offsetTop}H34V${offsetBottom}H31V${offsetTop}Z`} />\n      <path\n        d={`M39 ${offsetTop}H63V${offsetBottom}H39V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M135 ${offsetTop}H155V${offsetBottom}H135V${offsetTop}Z`} />\n      <path d={`M158 ${offsetTop}H202V${offsetBottom}H158V${offsetTop}Z`} />\n      <path d=\"M26 8H204.388\" className={getClassName('separator')} strokeLinecap=\"square\" />\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M27 0H59V3H27V0Z\" />\n      <path d=\"M75 0H107V3H75V0Z\" />\n      <path d=\"M123 0H155V3H123V0Z\" />\n      <path d=\"M171 0H203V3H171V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H228C228.552 1 229 1.44772 229 2V117C229 117.552 228.552 118 228 118H2C1.44772 118 1 117.552 1 117V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"226\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className={contentHeaderClassName}>\n      <path d=\"M2 8H228V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M26 14H56.1484V17H26V14Z\" />\n        <path d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\" />\n        <path d=\"M163 15.5C163 13.567 164.567 12 166.5 12H179.86C181.793 12 183.36 13.567 183.36 15.5C183.36 17.433 181.793 19 179.86 19H166.5C164.567 19 163 17.433 163 15.5Z\" />\n        <path\n          d=\"M186 15.5C186 13.567 187.567 12 189.5 12H202.86C204.793 12 206.36 13.567 206.36 15.5C206.36 17.433 204.793 19 202.86 19H189.5C187.567 19 186 17.433 186 15.5Z\"\n          className={getClassName('primary')}\n        />\n        <circle cx=\"223.5\" cy=\"15.5\" r=\"2.5\" className={getClassName('disabled')} />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n\n    <rect x=\"8\" y=\"75\" width=\"214\" height=\"52\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"111\" y=\"79\" width=\"8\" height=\"3\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M27 87H57V92H27V87Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M198 87H203V92H198V87Z\" />\n      <path d=\"M190 87H195V92H190V87Z\" />\n    </g>\n\n    <SidePanelRow offset={99} />\n    <SidePanelRow offset={106} />\n    <SidePanelRow offset={113} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}

package/lib/internal/template/split-panel/icons/side-position-refresh.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAKA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA2DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"side-position-refresh.d.ts","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,WAAY,MAAM,WAAiD,CAAC;AA4B7F,QAAA,MAAM,kBAAkB,aA2DvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/internal/template/split-panel/icons/side-position-refresh.js

@@ -1,6 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
+import { contentHeaderClassName } from '../../internal/utils/content-header-utils';
 import styles from '../styles.css.js';
 export const getClassName = (suffix) => styles[`preference-icon-refresh--${suffix}`];
 const TableRow = ({ offset, separator = true, isHeader }) => {
@@ -22,7 +23,7 @@ const bottomPositionIcon = (React.createElement("svg", { focusable: false, viewB
     React.createElement("path", { d: "M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z", className: getClassName('window'), strokeWidth: "2" }),
     React.createElement("g", { className: "awsui-context-top-navigation" },
         React.createElement("rect", { x: "2", y: "2", width: "212", height: "6", className: getClassName('layout-top') })),
-    React.createElement("g", { className: "awsui-context-content-header" },
+    React.createElement("g", { className: contentHeaderClassName },
         React.createElement("path", { d: "M2 8H214V23H2V8Z", className: getClassName('layout-main') }),
         React.createElement("g", { className: getClassName('default') },
             React.createElement("path", { d: "M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z", className: getClassName('disabled') }),

package/lib/internal/template/split-panel/icons/side-position-refresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className=\"awsui-context-content-header\">\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}
+{"version":3,"file":"side-position-refresh.js","sourceRoot":"lib/default/","sources":["split-panel/icons/side-position-refresh.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { contentHeaderClassName } from '../../internal/utils/content-header-utils';\nimport styles from '../styles.css.js';\n\nexport interface SVGTableRowProps {\n  offset: number;\n  separator?: boolean;\n  isHeader?: boolean;\n}\n\nexport const getClassName = (suffix: string) => styles[`preference-icon-refresh--${suffix}`];\n\nconst TableRow = ({ offset, separator = true, isHeader }: SVGTableRowProps) => {\n  const offsetTop = 0.4482;\n  const offsetBottom = 3.4482;\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName(isHeader ? 'column-header' : 'disabled')}>\n      <path d={`M19 ${offsetTop}2H22V${offsetBottom}H19V${offsetTop}Z`} />\n      <path\n        d={`M27 ${offsetTop}H51V${offsetBottom}H27V${offsetTop}Z`}\n        className={!isHeader ? getClassName('secondary') : undefined}\n      />\n      <path d={`M90 ${offsetTop}H110V${offsetBottom}H90V${offsetTop}Z`} />\n      <path d={`M113 ${offsetTop}H157V${offsetBottom}H113V${offsetTop}Z`} />\n      {separator && <path d=\"M14 8H159.387\" className={getClassName('separator')} strokeLinecap=\"square\" />}\n    </g>\n  );\n};\n\nconst SidePanelRow = ({ offset }: SVGTableRowProps) => {\n  return (\n    <g transform={`translate(0, ${offset})`} className={getClassName('secondary')}>\n      <path d=\"M177 0H190V3H177V0Z\" />\n      <path d=\"M195 0H208V3H195V0Z\" />\n    </g>\n  );\n};\n\nconst bottomPositionIcon = (\n  <svg\n    focusable={false}\n    viewBox=\"0 0 230 128\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlnsXlink=\"http://www.w3.org/1999/xlink\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M2 1H214C214.552 1 215 1.44772 215 2V126C215 126.552 214.552 127 214 127H2.00001C1.44772 127 1 126.552 1 126V2C1 1.44772 1.44772 1 2 1Z\"\n      className={getClassName('window')}\n      strokeWidth=\"2\"\n    />\n    <g className=\"awsui-context-top-navigation\">\n      <rect x=\"2\" y=\"2\" width=\"212\" height=\"6\" className={getClassName('layout-top')} />\n    </g>\n    <g className={contentHeaderClassName}>\n      <path d=\"M2 8H214V23H2V8Z\" className={getClassName('layout-main')} />\n      <g className={getClassName('default')}>\n        <path\n          d=\"M9 15.5C9 16.8807 7.88071 18 6.5 18C5.11929 18 4 16.8807 4 15.5C4 14.1193 5.11929 13 6.5 13C7.88071 13 9 14.1193 9 15.5Z\"\n          className={getClassName('disabled')}\n        />\n        <path d=\"M16 14H46.1484V17H16V14Z\" />\n        <path d=\"M92 15.5C92 13.567 93.567 12 95.5 12H108.86C110.793 12 112.36 13.567 112.36 15.5C112.36 17.433 110.793 19 108.86 19H95.5C93.567 19 92 17.433 92 15.5Z\" />\n        <path d=\"M116 15.5C116 13.567 117.567 12 119.5 12H132.86C134.793 12 136.36 13.567 136.36 15.5C136.36 17.433 134.793 19 132.86 19H119.5C117.567 19 116 17.433 116 15.5Z\" />\n        <path\n          d=\"M139 15.5C139 13.567 140.567 12 142.5 12H155.86C157.793 12 159.36 13.567 159.36 15.5C159.36 17.433 157.793 19 155.86 19H142.5C140.567 19 139 17.433 139 15.5Z\"\n          className={getClassName('primary')}\n        />\n      </g>\n    </g>\n    <TableRow offset={27} isHeader={true} />\n    <TableRow offset={39} />\n    <TableRow offset={51} />\n    <TableRow offset={63} />\n    <TableRow offset={75} />\n    <TableRow offset={87} />\n    <TableRow offset={99} />\n    <TableRow offset={111} separator={false} />\n\n    <rect x=\"166\" y=\"13\" width=\"62\" height=\"108\" rx=\"5\" className={getClassName('window')} strokeWidth=\"2\" />\n    <rect x=\"169\" y=\"62\" width=\"3\" height=\"8\" rx=\"1.5\" className={getClassName('input-default')} />\n    <path d=\"M216 14V120\" className={getClassName('separator')} />\n    <g className={getClassName('disabled')}>\n      <path d=\"M224 19.5C224 20.8807 222.881 22 221.5 22C220.119 22 219 20.8807 219 19.5C219 18.1193 220.119 17 221.5 17C222.881 17 224 18.1193 224 19.5Z\" />\n      <path d=\"M224 27.5C224 28.8807 222.881 30 221.5 30C220.119 30 219 28.8807 219 27.5C219 26.1193 220.119 25 221.5 25C222.881 25 224 26.1193 224 27.5Z\" />\n    </g>\n    <path d=\"M177 23H191V28H177V23Z\" className={getClassName('heading')} />\n    <g className={getClassName('secondary')}>\n      <path d=\"M207 23H212V28H207V23Z\" />\n      <path d=\"M199 23H204V28H199V23Z\" />\n    </g>\n    <SidePanelRow offset={36} />\n    <SidePanelRow offset={48} />\n    <SidePanelRow offset={60} />\n    <SidePanelRow offset={72} />\n  </svg>\n);\n\nexport default bottomPositionIcon;\n"]}