@cloudscape-design/components-themeable 3.0.534 → 3.0.536

package/lib/internal/template/app-layout/toggles/styles.scoped.css

@@ -90,37 +90,40 @@ 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_toggle-button_16w0h_aq5wz_93:not(#\9) {
+.awsui_toggle-button_16w0h_1e2ek_93:not(#\9) {
   cursor: pointer;
   border: 0;
   padding: calc(var(--space-scaled-xxs-t7ij38, 4px) + 1px) calc(var(--space-xxs-9rrxti, 4px) + 1px);
   background: transparent;
   color: currentColor;
 }
-.awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+.awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_aq5wz_93:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_toggle-button_16w0h_1e2ek_93:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
-  left: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  top: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  width: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  height: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
-  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  inset-inline-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  inset-block-start: calc(-1 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  inline-size: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  block-size: calc(100% + 2 * var(--space-button-inline-icon-focus-outline-gutter-td260a, 3px));
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_close-button_16w0h_aq5wz_123:not(#\9) {
+.awsui_close-button_16w0h_1e2ek_126:not(#\9) {
   position: absolute;
   outline: none;
   right: var(--space-m-kpg8id, 16px);

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

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "toggle-button": "awsui_toggle-button_16w0h_aq5wz_93",
-  "close-button": "awsui_close-button_16w0h_aq5wz_123"
+  "toggle-button": "awsui_toggle-button_16w0h_1e2ek_93",
+  "close-button": "awsui_close-button_16w0h_1e2ek_126"
 };
   

package/lib/internal/template/app-layout/utils/use-window-width.d.ts

@@ -0,0 +1,2 @@
+export default function useWindowWidth(): number;
+//# sourceMappingURL=use-window-width.d.ts.map

package/lib/internal/template/app-layout/utils/use-window-width.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-width.d.ts","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,cAAc,WAQrC"}

package/lib/internal/template/app-layout/utils/use-window-width.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useState } from 'react';
+export default function useWindowWidth() {
+    const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));
+    useEffect(() => {
+        const handler = () => setWidth(window.innerWidth);
+        window.addEventListener('resize', handler);
+        return () => window.removeEventListener('resize', handler);
+    }, []);
+    return width;
+}
+//# sourceMappingURL=use-window-width.js.map

package/lib/internal/template/app-layout/utils/use-window-width.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-width.js","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\nexport default function useWindowWidth() {\n  const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n  useEffect(() => {\n    const handler = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', handler);\n    return () => window.removeEventListener('resize', handler);\n  }, []);\n  return width;\n}\n"]}

package/lib/internal/template/app-layout/visual-refresh/split-panel.js

@@ -20,7 +20,7 @@ function SplitPanel({ children }) {
             // If the page is likely zoomed in at 200%, allow the split panel to fill the content area.
             return availableHeight < 400 ? availableHeight - 40 : availableHeight - 250;
         },
-        maxWidth: typeof document !== 'undefined' ? document.documentElement.clientWidth : Number.POSITIVE_INFINITY,
+        getMaxWidth: () => document.documentElement.clientWidth,
         isForcedPosition: isSplitPanelForcedPosition,
         isOpen: isSplitPanelOpen,
         leftOffset: 0,

package/lib/internal/template/app-layout/visual-refresh/split-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-panel.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/split-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport { SplitPanelProvider, SplitPanelProviderProps } from '../split-panel';\nimport { AppLayoutProps } from '../interfaces';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\n/**\n * If there is no Split Panel in the AppLayout context then the SplitPanel\n * will pass through the AppLayout children without the context.\n */\nfunction SplitPanel({ children }: React.PropsWithChildren<unknown>) {\n  const {\n    footerHeight,\n    handleSplitPanelClick,\n    handleSplitPanelPreferencesChange,\n    handleSplitPanelResize,\n    headerHeight,\n    isSplitPanelForcedPosition,\n    isSplitPanelOpen,\n    setSplitPanelReportedSize,\n    setSplitPanelReportedHeaderHeight,\n    setSplitPanelToggle,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelSize,\n  } = useAppLayoutInternals();\n\n  const props: SplitPanelProviderProps = {\n    bottomOffset: 0,\n    getMaxHeight: () => {\n      const availableHeight = document.documentElement.clientHeight - headerHeight - footerHeight;\n      // If the page is likely zoomed in at 200%, allow the split panel to fill the content area.\n      return availableHeight < 400 ? availableHeight - 40 : availableHeight - 250;\n    },\n    maxWidth: typeof document !== 'undefined' ? document.documentElement.clientWidth : Number.POSITIVE_INFINITY,\n    isForcedPosition: isSplitPanelForcedPosition,\n    isOpen: isSplitPanelOpen,\n    leftOffset: 0,\n    onPreferencesChange: handleSplitPanelPreferencesChange,\n    onResize: handleSplitPanelResize,\n    onToggle: handleSplitPanelClick,\n    position: splitPanelPosition,\n    reportSize: setSplitPanelReportedSize,\n    reportHeaderHeight: setSplitPanelReportedHeaderHeight,\n    rightOffset: 0,\n    size: splitPanelSize || 0,\n    topOffset: 0,\n    setSplitPanelToggle,\n    refs: splitPanelRefs,\n  };\n\n  return <SplitPanelProvider {...props}>{children}</SplitPanelProvider>;\n}\n\n/**\n * This is the render function for the SplitPanel when it is in bottom position.\n * The Split Panel container will be another row entry in the grid definition in\n * the Layout component. The start and finish columns will be variable based\n * on the presence and state of the Navigation and Tools components.\n */\nfunction SplitPanelBottom() {\n  const {\n    disableBodyScroll,\n    hasOpenDrawer,\n    isNavigationOpen,\n    isSplitPanelOpen,\n    splitPanel,\n    splitPanelPosition,\n    splitPanelReportedSize,\n    splitPanelReportedHeaderHeight,\n  } = useAppLayoutInternals();\n\n  if (!splitPanel) {\n    return null;\n  }\n\n  return (\n    <Transition in={isSplitPanelOpen ?? false} exit={false}>\n      {(state, transitionEventsRef) => (\n        <section\n          className={clsx(styles['split-panel-bottom'], styles[`position-${splitPanelPosition}`], {\n            [styles.animating]: state === 'entering',\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles['has-open-drawer']]: hasOpenDrawer,\n            [styles['is-navigation-open']]: isNavigationOpen,\n            [styles['is-split-panel-open']]: isSplitPanelOpen,\n          })}\n          ref={transitionEventsRef}\n          style={{\n            [customCssProps.splitPanelReportedSize]: `${splitPanelReportedSize}px`,\n            [customCssProps.splitPanelReportedHeaderSize]: `${splitPanelReportedHeaderHeight}px`,\n          }}\n        >\n          <SplitPanel></SplitPanel>\n          {splitPanelPosition === 'bottom' && splitPanel}\n        </section>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * This is the render function for the SplitPanel when it is side position.\n * The Split Panel will not be within the grid defined in the Layout component\n * but instead a direct child of the Tools component. The width constraints\n * for this position are computed in the Tools component.\n */\n\n/**\n * This component has no opening animations because it causes lots of rerenders that makes the component lag. *\n */\n\nfunction SplitPanelSide() {\n  const {\n    isSplitPanelOpen,\n    splitPanel,\n    splitPanelPosition,\n    splitPanelMaxWidth,\n    splitPanelMinWidth,\n    splitPanelControlId,\n    isToolsOpen,\n    activeDrawerId,\n  } = useAppLayoutInternals();\n\n  if (!splitPanel) {\n    return null;\n  }\n\n  return (\n    <section\n      id={splitPanelControlId}\n      aria-hidden={!isSplitPanelOpen || splitPanelPosition === 'bottom' ? true : false}\n      className={clsx(styles['split-panel-side'], styles[`position-${splitPanelPosition}`], {\n        [styles['is-split-panel-open']]: isSplitPanelOpen,\n        [styles['has-open-drawer']]: !!activeDrawerId || isToolsOpen,\n      })}\n      style={{\n        [customCssProps.splitPanelMaxWidth]: `${splitPanelMaxWidth}px`,\n        [customCssProps.splitPanelMinWidth]: `${splitPanelMinWidth}px`,\n      }}\n    >\n      {splitPanelPosition === 'side' && splitPanel}\n    </section>\n  );\n}\n\n/**\n * This logic will determine what the Split Panel position should be. It reconciles the possibility\n * of being in forced position with the current selected position in the settings.\n */\nexport function getSplitPanelPosition(\n  isSplitPanelForcedPosition: boolean,\n  splitPanelPreferences: AppLayoutProps.SplitPanelPreferences | undefined\n) {\n  let splitPanelPosition: AppLayoutProps.SplitPanelPosition = 'bottom';\n\n  if (!isSplitPanelForcedPosition && splitPanelPreferences?.position === 'side') {\n    splitPanelPosition = 'side';\n  }\n\n  return splitPanelPosition;\n}\nSplitPanel.Bottom = SplitPanelBottom;\nSplitPanel.Side = SplitPanelSide;\n\nexport default SplitPanel;\n"]}
+{"version":3,"file":"split-panel.js","sourceRoot":"lib/default/","sources":["app-layout/visual-refresh/split-panel.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAA2B,MAAM,gBAAgB,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,cAAc,MAAM,gDAAgD,CAAC;AAE5E;;;GAGG;AACH,SAAS,UAAU,CAAC,EAAE,QAAQ,EAAoC;IAChE,MAAM,EACJ,YAAY,EACZ,qBAAqB,EACrB,iCAAiC,EACjC,sBAAsB,EACtB,YAAY,EACZ,0BAA0B,EAC1B,gBAAgB,EAChB,yBAAyB,EACzB,iCAAiC,EACjC,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACd,cAAc,GACf,GAAG,qBAAqB,EAAE,CAAC;IAE5B,MAAM,KAAK,GAA4B;QACrC,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,GAAG,EAAE;YACjB,MAAM,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;YAC5F,2FAA2F;YAC3F,OAAO,eAAe,GAAG,GAAG,CAAC,CAAC,CAAC,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC,eAAe,GAAG,GAAG,CAAC;QAC9E,CAAC;QACD,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW;QACvD,gBAAgB,EAAE,0BAA0B;QAC5C,MAAM,EAAE,gBAAgB;QACxB,UAAU,EAAE,CAAC;QACb,mBAAmB,EAAE,iCAAiC;QACtD,QAAQ,EAAE,sBAAsB;QAChC,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,kBAAkB;QAC5B,UAAU,EAAE,yBAAyB;QACrC,kBAAkB,EAAE,iCAAiC;QACrD,WAAW,EAAE,CAAC;QACd,IAAI,EAAE,cAAc,IAAI,CAAC;QACzB,SAAS,EAAE,CAAC;QACZ,mBAAmB;QACnB,IAAI,EAAE,cAAc;KACrB,CAAC;IAEF,OAAO,oBAAC,kBAAkB,oBAAK,KAAK,GAAG,QAAQ,CAAsB,CAAC;AACxE,CAAC;AAED;;;;;GAKG;AACH,SAAS,gBAAgB;IACvB,MAAM,EACJ,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,8BAA8B,GAC/B,GAAG,qBAAqB,EAAE,CAAC;IAE5B,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,UAAU,IAAC,EAAE,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,KAAK,EAAE,IAAI,EAAE,KAAK,IACnD,CAAC,KAAK,EAAE,mBAAmB,EAAE,EAAE,CAAC,CAC/B,iCACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,YAAY,kBAAkB,EAAE,CAAC,EAAE;YACtF,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,KAAK,KAAK,UAAU;YACxC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,iBAAiB;YAClD,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,aAAa;YAC1C,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,EAAE,gBAAgB;YAChD,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,gBAAgB;SAClD,CAAC,EACF,GAAG,EAAE,mBAAmB,EACxB,KAAK,EAAE;YACL,CAAC,cAAc,CAAC,sBAAsB,CAAC,EAAE,GAAG,sBAAsB,IAAI;YACtE,CAAC,cAAc,CAAC,4BAA4B,CAAC,EAAE,GAAG,8BAA8B,IAAI;SACrF;QAED,oBAAC,UAAU,OAAc;QACxB,kBAAkB,KAAK,QAAQ,IAAI,UAAU,CACtC,CACX,CACU,CACd,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AAEH;;GAEG;AAEH,SAAS,cAAc;IACrB,MAAM,EACJ,gBAAgB,EAChB,UAAU,EACV,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,EACX,cAAc,GACf,GAAG,qBAAqB,EAAE,CAAC;IAE5B,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,iCACE,EAAE,EAAE,mBAAmB,iBACV,CAAC,gBAAgB,IAAI,kBAAkB,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChF,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,YAAY,kBAAkB,EAAE,CAAC,EAAE;YACpF,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAAE,gBAAgB;YACjD,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,IAAI,WAAW;SAC7D,CAAC,EACF,KAAK,EAAE;YACL,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,GAAG,kBAAkB,IAAI;YAC9D,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,GAAG,kBAAkB,IAAI;SAC/D,IAEA,kBAAkB,KAAK,MAAM,IAAI,UAAU,CACpC,CACX,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CACnC,0BAAmC,EACnC,qBAAuE;IAEvE,IAAI,kBAAkB,GAAsC,QAAQ,CAAC;IAErE,IAAI,CAAC,0BAA0B,IAAI,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,QAAQ,MAAK,MAAM,EAAE;QAC7E,kBAAkB,GAAG,MAAM,CAAC;KAC7B;IAED,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AACD,UAAU,CAAC,MAAM,GAAG,gBAAgB,CAAC;AACrC,UAAU,CAAC,IAAI,GAAG,cAAc,CAAC;AAEjC,eAAe,UAAU,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';\nimport { useAppLayoutInternals } from './context';\nimport styles from './styles.css.js';\nimport { SplitPanelProvider, SplitPanelProviderProps } from '../split-panel';\nimport { AppLayoutProps } from '../interfaces';\nimport { Transition } from '../../internal/components/transition';\nimport customCssProps from '../../internal/generated/custom-css-properties';\n\n/**\n * If there is no Split Panel in the AppLayout context then the SplitPanel\n * will pass through the AppLayout children without the context.\n */\nfunction SplitPanel({ children }: React.PropsWithChildren<unknown>) {\n  const {\n    footerHeight,\n    handleSplitPanelClick,\n    handleSplitPanelPreferencesChange,\n    handleSplitPanelResize,\n    headerHeight,\n    isSplitPanelForcedPosition,\n    isSplitPanelOpen,\n    setSplitPanelReportedSize,\n    setSplitPanelReportedHeaderHeight,\n    setSplitPanelToggle,\n    splitPanelPosition,\n    splitPanelRefs,\n    splitPanelSize,\n  } = useAppLayoutInternals();\n\n  const props: SplitPanelProviderProps = {\n    bottomOffset: 0,\n    getMaxHeight: () => {\n      const availableHeight = document.documentElement.clientHeight - headerHeight - footerHeight;\n      // If the page is likely zoomed in at 200%, allow the split panel to fill the content area.\n      return availableHeight < 400 ? availableHeight - 40 : availableHeight - 250;\n    },\n    getMaxWidth: () => document.documentElement.clientWidth,\n    isForcedPosition: isSplitPanelForcedPosition,\n    isOpen: isSplitPanelOpen,\n    leftOffset: 0,\n    onPreferencesChange: handleSplitPanelPreferencesChange,\n    onResize: handleSplitPanelResize,\n    onToggle: handleSplitPanelClick,\n    position: splitPanelPosition,\n    reportSize: setSplitPanelReportedSize,\n    reportHeaderHeight: setSplitPanelReportedHeaderHeight,\n    rightOffset: 0,\n    size: splitPanelSize || 0,\n    topOffset: 0,\n    setSplitPanelToggle,\n    refs: splitPanelRefs,\n  };\n\n  return <SplitPanelProvider {...props}>{children}</SplitPanelProvider>;\n}\n\n/**\n * This is the render function for the SplitPanel when it is in bottom position.\n * The Split Panel container will be another row entry in the grid definition in\n * the Layout component. The start and finish columns will be variable based\n * on the presence and state of the Navigation and Tools components.\n */\nfunction SplitPanelBottom() {\n  const {\n    disableBodyScroll,\n    hasOpenDrawer,\n    isNavigationOpen,\n    isSplitPanelOpen,\n    splitPanel,\n    splitPanelPosition,\n    splitPanelReportedSize,\n    splitPanelReportedHeaderHeight,\n  } = useAppLayoutInternals();\n\n  if (!splitPanel) {\n    return null;\n  }\n\n  return (\n    <Transition in={isSplitPanelOpen ?? false} exit={false}>\n      {(state, transitionEventsRef) => (\n        <section\n          className={clsx(styles['split-panel-bottom'], styles[`position-${splitPanelPosition}`], {\n            [styles.animating]: state === 'entering',\n            [styles['disable-body-scroll']]: disableBodyScroll,\n            [styles['has-open-drawer']]: hasOpenDrawer,\n            [styles['is-navigation-open']]: isNavigationOpen,\n            [styles['is-split-panel-open']]: isSplitPanelOpen,\n          })}\n          ref={transitionEventsRef}\n          style={{\n            [customCssProps.splitPanelReportedSize]: `${splitPanelReportedSize}px`,\n            [customCssProps.splitPanelReportedHeaderSize]: `${splitPanelReportedHeaderHeight}px`,\n          }}\n        >\n          <SplitPanel></SplitPanel>\n          {splitPanelPosition === 'bottom' && splitPanel}\n        </section>\n      )}\n    </Transition>\n  );\n}\n\n/**\n * This is the render function for the SplitPanel when it is side position.\n * The Split Panel will not be within the grid defined in the Layout component\n * but instead a direct child of the Tools component. The width constraints\n * for this position are computed in the Tools component.\n */\n\n/**\n * This component has no opening animations because it causes lots of rerenders that makes the component lag. *\n */\n\nfunction SplitPanelSide() {\n  const {\n    isSplitPanelOpen,\n    splitPanel,\n    splitPanelPosition,\n    splitPanelMaxWidth,\n    splitPanelMinWidth,\n    splitPanelControlId,\n    isToolsOpen,\n    activeDrawerId,\n  } = useAppLayoutInternals();\n\n  if (!splitPanel) {\n    return null;\n  }\n\n  return (\n    <section\n      id={splitPanelControlId}\n      aria-hidden={!isSplitPanelOpen || splitPanelPosition === 'bottom' ? true : false}\n      className={clsx(styles['split-panel-side'], styles[`position-${splitPanelPosition}`], {\n        [styles['is-split-panel-open']]: isSplitPanelOpen,\n        [styles['has-open-drawer']]: !!activeDrawerId || isToolsOpen,\n      })}\n      style={{\n        [customCssProps.splitPanelMaxWidth]: `${splitPanelMaxWidth}px`,\n        [customCssProps.splitPanelMinWidth]: `${splitPanelMinWidth}px`,\n      }}\n    >\n      {splitPanelPosition === 'side' && splitPanel}\n    </section>\n  );\n}\n\n/**\n * This logic will determine what the Split Panel position should be. It reconciles the possibility\n * of being in forced position with the current selected position in the settings.\n */\nexport function getSplitPanelPosition(\n  isSplitPanelForcedPosition: boolean,\n  splitPanelPreferences: AppLayoutProps.SplitPanelPreferences | undefined\n) {\n  let splitPanelPosition: AppLayoutProps.SplitPanelPosition = 'bottom';\n\n  if (!isSplitPanelForcedPosition && splitPanelPreferences?.position === 'side') {\n    splitPanelPosition = 'side';\n  }\n\n  return splitPanelPosition;\n}\nSplitPanel.Bottom = SplitPanelBottom;\nSplitPanel.Side = SplitPanelSide;\n\nexport default SplitPanel;\n"]}

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

@@ -1,86 +1,86 @@
 
     import './styles.scoped.css';
     export default {
-  "background": "awsui_background_hyvsj_elx3z_93",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_elx3z_96",
-  "sticky-background": "awsui_sticky-background_hyvsj_elx3z_102",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_elx3z_110",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_elx3z_123",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_elx3z_133",
-  "drawers-container": "awsui_drawers-container_hyvsj_elx3z_145",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_elx3z_156",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_elx3z_179",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_elx3z_184",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_elx3z_225",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_elx3z_235",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_elx3z_239",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_elx3z_253",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_elx3z_239",
-  "drawer": "awsui_drawer_hyvsj_elx3z_145",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_elx3z_283",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_elx3z_292",
-  "drawer-content": "awsui_drawer-content_hyvsj_elx3z_283",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_elx3z_300",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_elx3z_303",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_elx3z_310",
-  "content": "awsui_content_hyvsj_elx3z_336",
-  "layout": "awsui_layout_hyvsj_elx3z_357",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_elx3z_440",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_elx3z_455",
-  "content-type-table": "awsui_content-type-table_hyvsj_elx3z_469",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_elx3z_469",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_elx3z_475",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_elx3z_478",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_elx3z_510",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_elx3z_513",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_elx3z_523",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_elx3z_526",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_elx3z_529",
-  "has-header": "awsui_has-header_hyvsj_elx3z_529",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_elx3z_550",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_elx3z_550",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_elx3z_593",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_elx3z_593",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_elx3z_609",
-  "unfocusable": "awsui_unfocusable_hyvsj_elx3z_614",
-  "container": "awsui_container_hyvsj_elx3z_624",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_elx3z_649",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_elx3z_652",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_elx3z_652",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_elx3z_652",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_elx3z_652",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_elx3z_661",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_elx3z_677",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_elx3z_681",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_elx3z_685",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_elx3z_689",
-  "navigation-container": "awsui_navigation-container_hyvsj_elx3z_698",
-  "show-navigation": "awsui_show-navigation_hyvsj_elx3z_742",
-  "animating": "awsui_animating_hyvsj_elx3z_764",
-  "showButtons": "awsui_showButtons_hyvsj_elx3z_1",
-  "navigation": "awsui_navigation_hyvsj_elx3z_698",
-  "openNavigation": "awsui_openNavigation_hyvsj_elx3z_1",
-  "animated-content": "awsui_animated-content_hyvsj_elx3z_826",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_elx3z_835",
-  "notifications": "awsui_notifications_hyvsj_elx3z_845",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_elx3z_851",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_elx3z_868",
-  "position-bottom": "awsui_position-bottom_hyvsj_elx3z_915",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_elx3z_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_elx3z_944",
-  "position-side": "awsui_position-side_hyvsj_elx3z_957",
-  "tools-container": "awsui_tools-container_hyvsj_elx3z_979",
-  "tools": "awsui_tools_hyvsj_elx3z_979",
-  "openTools": "awsui_openTools_hyvsj_elx3z_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_elx3z_1076",
-  "hide-tools": "awsui_hide-tools_hyvsj_elx3z_1086",
-  "show-tools": "awsui_show-tools_hyvsj_elx3z_1098",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_elx3z_1076",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_elx3z_1182",
-  "trigger": "awsui_trigger_hyvsj_elx3z_1182",
-  "selected": "awsui_selected_hyvsj_elx3z_1245",
-  "badge": "awsui_badge_hyvsj_elx3z_1265",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_elx3z_1269",
-  "dot": "awsui_dot_hyvsj_elx3z_1277"
+  "background": "awsui_background_hyvsj_hw2pr_93",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_hw2pr_96",
+  "sticky-background": "awsui_sticky-background_hyvsj_hw2pr_102",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_hw2pr_110",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_hw2pr_123",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_hw2pr_133",
+  "drawers-container": "awsui_drawers-container_hyvsj_hw2pr_145",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_hw2pr_156",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_hw2pr_179",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_hw2pr_184",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_hw2pr_225",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_hw2pr_235",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_hw2pr_239",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_hw2pr_253",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_hw2pr_239",
+  "drawer": "awsui_drawer_hyvsj_hw2pr_145",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_hw2pr_283",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_hw2pr_292",
+  "drawer-content": "awsui_drawer-content_hyvsj_hw2pr_283",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_hw2pr_300",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_hw2pr_303",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_hw2pr_310",
+  "content": "awsui_content_hyvsj_hw2pr_336",
+  "layout": "awsui_layout_hyvsj_hw2pr_357",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_hw2pr_440",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_hw2pr_455",
+  "content-type-table": "awsui_content-type-table_hyvsj_hw2pr_469",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_hw2pr_469",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_hw2pr_475",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_hw2pr_478",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_hw2pr_510",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_hw2pr_513",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_hw2pr_523",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_hw2pr_526",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_hw2pr_529",
+  "has-header": "awsui_has-header_hyvsj_hw2pr_529",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_hw2pr_550",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_hw2pr_550",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_hw2pr_593",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_hw2pr_593",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_hw2pr_609",
+  "unfocusable": "awsui_unfocusable_hyvsj_hw2pr_614",
+  "container": "awsui_container_hyvsj_hw2pr_624",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_hw2pr_649",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_hw2pr_652",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_hw2pr_652",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_hw2pr_652",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_hw2pr_652",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_hw2pr_661",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_hw2pr_677",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_hw2pr_681",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_hw2pr_685",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_hw2pr_689",
+  "navigation-container": "awsui_navigation-container_hyvsj_hw2pr_698",
+  "show-navigation": "awsui_show-navigation_hyvsj_hw2pr_742",
+  "animating": "awsui_animating_hyvsj_hw2pr_764",
+  "showButtons": "awsui_showButtons_hyvsj_hw2pr_1",
+  "navigation": "awsui_navigation_hyvsj_hw2pr_698",
+  "openNavigation": "awsui_openNavigation_hyvsj_hw2pr_1",
+  "animated-content": "awsui_animated-content_hyvsj_hw2pr_826",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_hw2pr_835",
+  "notifications": "awsui_notifications_hyvsj_hw2pr_845",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_hw2pr_851",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_hw2pr_868",
+  "position-bottom": "awsui_position-bottom_hyvsj_hw2pr_915",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_hw2pr_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_hw2pr_944",
+  "position-side": "awsui_position-side_hyvsj_hw2pr_957",
+  "tools-container": "awsui_tools-container_hyvsj_hw2pr_979",
+  "tools": "awsui_tools_hyvsj_hw2pr_979",
+  "openTools": "awsui_openTools_hyvsj_hw2pr_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_hw2pr_1076",
+  "hide-tools": "awsui_hide-tools_hyvsj_hw2pr_1086",
+  "show-tools": "awsui_show-tools_hyvsj_hw2pr_1098",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_hw2pr_1076",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_hw2pr_1182",
+  "trigger": "awsui_trigger_hyvsj_hw2pr_1182",
+  "selected": "awsui_selected_hyvsj_hw2pr_1248",
+  "badge": "awsui_badge_hyvsj_hw2pr_1268",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_hw2pr_1272",
+  "dot": "awsui_dot_hyvsj_hw2pr_1280"
 };