@cloudscape-design/components 3.0.639 → 3.0.640

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

@@ -1 +1 @@
-{"version":3,"file":"side-position-refresh.js","sourceRoot":"","sources":["../../../../src/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    className={getClassName('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>\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":"","sources":["../../../../src/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    className={getClassName('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>\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"]}

package/split-panel/icons/side-position.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
-import styles from '../styles.css.js';
+import styles from './styles.css.js';
 const sidePositionIcon = (React.createElement("svg", { className: styles['preference-icon--svg'], focusable: false, viewBox: "0 0 239 134", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", "aria-hidden": "true" },
     React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
         React.createElement("g", null,

package/split-panel/icons/side-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-position.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.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\nconst sidePositionIcon = (\n  <svg\n    className={styles['preference-icon--svg']}\n    focusable={false}\n    viewBox=\"0 0 239 134\"\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    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <rect\n          className={styles['preference-icon--layout-border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"223\"\n          height=\"125\"\n          rx=\"2\"\n        ></rect>\n        <rect\n          className={styles['preference-icon--layout-background']}\n          x=\"11.25\"\n          y=\"0\"\n          width=\"203.4375\"\n          height=\"125\"\n        ></rect>\n        <path\n          className={styles['preference-icon--layout-header']}\n          d=\"M2,0 L223,0 C224.104569,-2.02906125e-16 225,0.8954305 225,2 L225,10 L225,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n        ></path>\n      </g>\n      <g transform=\"translate(20.000000, 22.000000)\">\n        <rect\n          className={styles['preference-icon--border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"182\"\n          height=\"110\"\n          rx=\"2\"\n        ></rect>\n        <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n        <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n        <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n        <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n        <line\n          className={styles['preference-icon--separator']}\n          x1=\"3\"\n          y1=\"22.7619048\"\n          x2=\"181\"\n          y2=\"22.7619048\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"square\"\n        ></line>\n        <g transform=\"translate(3.000000, 37.285714)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 51.714286)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 80.571429)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 66.142857)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 95.000000)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n      </g>\n      <g transform=\"translate(182.000000, 28.000000)\">\n        <g>\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"55\"\n            height=\"97\"\n            rx=\"2\"\n          ></rect>\n          <rect\n            className={styles['preference-icon--secondary']}\n            x=\"39.5474354\"\n            y=\"5.86666667\"\n            width=\"14\"\n            height=\"6.41666667\"\n          ></rect>\n          <polygon\n            className={styles['preference-icon--focus-text']}\n            points=\"3.62672811 7.88333333 24.6267281 7.88333333 24.6267281 10.6333333 3.62672811 10.6333333\"\n          ></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 22.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 32.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 43.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 51.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default sidePositionIcon;\n"]}
+{"version":3,"file":"side-position.js","sourceRoot":"","sources":["../../../../src/split-panel/icons/side-position.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\nconst sidePositionIcon = (\n  <svg\n    className={styles['preference-icon--svg']}\n    focusable={false}\n    viewBox=\"0 0 239 134\"\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    <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <rect\n          className={styles['preference-icon--layout-border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"223\"\n          height=\"125\"\n          rx=\"2\"\n        ></rect>\n        <rect\n          className={styles['preference-icon--layout-background']}\n          x=\"11.25\"\n          y=\"0\"\n          width=\"203.4375\"\n          height=\"125\"\n        ></rect>\n        <path\n          className={styles['preference-icon--layout-header']}\n          d=\"M2,0 L223,0 C224.104569,-2.02906125e-16 225,0.8954305 225,2 L225,10 L225,10 L0,10 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z\"\n        ></path>\n      </g>\n      <g transform=\"translate(20.000000, 22.000000)\">\n        <rect\n          className={styles['preference-icon--border']}\n          strokeWidth=\"2\"\n          x=\"1\"\n          y=\"1\"\n          width=\"182\"\n          height=\"110\"\n          rx=\"2\"\n        ></rect>\n        <rect className={styles['preference-icon--primary-button']} x=\"152\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"6\" width=\"26\" height=\"10\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"122\" y=\"29\" width=\"55\" height=\"3\"></rect>\n        <rect className={styles['preference-icon--disabled-element']} x=\"92\" y=\"29\" width=\"26\" height=\"3\"></rect>\n        <polygon className={styles['preference-icon--focus-text']} points=\"19 29 49 29 49 32 19 32\"></polygon>\n        <polygon className={styles['preference-icon--focus-text']} points=\"10 10 40 10 40 13 10 13\"></polygon>\n        <polygon className={styles['preference-icon--disabled-element']} points=\"10 29 13 29 13 32 10 32\"></polygon>\n        <line\n          className={styles['preference-icon--separator']}\n          x1=\"3\"\n          y1=\"22.7619048\"\n          x2=\"181\"\n          y2=\"22.7619048\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"square\"\n        ></line>\n        <g transform=\"translate(3.000000, 37.285714)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 51.714286)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 80.571429)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 66.142857)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n        <g transform=\"translate(3.000000, 95.000000)\">\n          <rect className={styles['preference-icon--disabled-element']} x=\"119\" y=\"6\" width=\"55\" height=\"3\"></rect>\n          <rect className={styles['preference-icon--disabled-element']} x=\"89\" y=\"6\" width=\"26\" height=\"3\"></rect>\n          <polygon className={styles['preference-icon--focus-text']} points=\"16 6 46 6 46 9 16 9\"></polygon>\n          <polygon className={styles['preference-icon--disabled-element']} points=\"7 6 10 6 10 9 7 9\"></polygon>\n          <line\n            className={styles['preference-icon--separator']}\n            x1=\"0\"\n            y1=\"0.666666667\"\n            x2=\"178\"\n            y2=\"0.666666667\"\n            strokeLinecap=\"square\"\n          ></line>\n        </g>\n      </g>\n      <g transform=\"translate(182.000000, 28.000000)\">\n        <g>\n          <rect\n            className={styles['preference-icon--border']}\n            strokeWidth=\"2\"\n            x=\"1\"\n            y=\"1\"\n            width=\"55\"\n            height=\"97\"\n            rx=\"2\"\n          ></rect>\n          <rect\n            className={styles['preference-icon--secondary']}\n            x=\"39.5474354\"\n            y=\"5.86666667\"\n            width=\"14\"\n            height=\"6.41666667\"\n          ></rect>\n          <polygon\n            className={styles['preference-icon--focus-text']}\n            points=\"3.62672811 7.88333333 24.6267281 7.88333333 24.6267281 10.6333333 3.62672811 10.6333333\"\n          ></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 22.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 32.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 43.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n        <g transform=\"translate(4.000000, 51.000000)\" className={styles['preference-icon--secondary']}>\n          <polygon points=\"0 0 23 0 23 2 0 2\"></polygon>\n          <polygon points=\"26 0 49 0 49 2 26 2\"></polygon>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default sidePositionIcon;\n"]}

package/split-panel/icons/styles.css.js

@@ -0,0 +1,27 @@
+
+    import './styles.scoped.css';
+    export default {
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_ki3ox_99",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_ki3ox_102",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_ki3ox_106",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_ki3ox_109",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_ki3ox_112",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_ki3ox_116",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_ki3ox_119",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_ki3ox_122",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_ki3ox_125",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_ki3ox_128",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_ki3ox_132",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_ki3ox_135",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_ki3ox_138",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_ki3ox_141",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_ki3ox_144",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_ki3ox_147",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_ki3ox_150",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_ki3ox_154",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_ki3ox_157",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_ki3ox_160",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_ki3ox_163",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_ki3ox_166"
+};
+  

package/split-panel/icons/styles.scoped.css

@@ -0,0 +1,168 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable plugin/no-unsupported-browser-features */
+/* stylelint-enable plugin/no-unsupported-browser-features */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_preference-icon--svg_d4xxm_ki3ox_99:not(#\9):dir(rtl) {
+  transform: scaleX(-1);
+}
+.awsui_preference-icon--layout-border_d4xxm_ki3ox_102:not(#\9) {
+  stroke: var(--color-background-home-header-2rudu7, #000716);
+  fill: var(--color-background-container-content-4un1ap, #ffffff);
+}
+.awsui_preference-icon--layout-background_d4xxm_ki3ox_106:not(#\9) {
+  fill: var(--color-background-layout-main-nx09lr, #ffffff);
+}
+.awsui_preference-icon--layout-header_d4xxm_ki3ox_109:not(#\9) {
+  fill: var(--color-background-home-header-2rudu7, #000716);
+}
+.awsui_preference-icon--border_d4xxm_ki3ox_112:not(#\9) {
+  stroke: var(--color-text-group-label-jpw8sm, #414d5c);
+  fill: var(--color-background-container-content-4un1ap, #ffffff);
+}
+.awsui_preference-icon--primary-button_d4xxm_ki3ox_116:not(#\9) {
+  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
+}
+.awsui_preference-icon--secondary_d4xxm_ki3ox_119:not(#\9) {
+  fill: var(--color-text-group-label-jpw8sm, #414d5c);
+}
+.awsui_preference-icon--disabled-element_d4xxm_ki3ox_122:not(#\9) {
+  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+.awsui_preference-icon--separator_d4xxm_ki3ox_125:not(#\9) {
+  stroke: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+.awsui_preference-icon--focus-text_d4xxm_ki3ox_128:not(#\9) {
+  fill: var(--color-text-interactive-default-lnx6lk, #414d5c);
+}
+
+.awsui_preference-icon-refresh--svg_d4xxm_ki3ox_132:not(#\9):dir(rtl) {
+  transform: scaleX(-1);
+}
+.awsui_preference-icon-refresh--layout-top_d4xxm_ki3ox_135:not(#\9) {
+  fill: var(--color-background-button-primary-disabled-31l9pn, #e9ebed);
+}
+.awsui_preference-icon-refresh--layout-main_d4xxm_ki3ox_138:not(#\9) {
+  fill: var(--color-background-layout-main-nx09lr, #ffffff);
+}
+.awsui_preference-icon-refresh--primary_d4xxm_ki3ox_141:not(#\9) {
+  fill: var(--color-background-button-primary-default-jrg2xu, #0972d3);
+}
+.awsui_preference-icon-refresh--disabled_d4xxm_ki3ox_144:not(#\9) {
+  fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
+}
+.awsui_preference-icon-refresh--column-header_d4xxm_ki3ox_147:not(#\9) {
+  fill: var(--color-text-input-disabled-f8pjm5, #9ba7b6);
+}
+.awsui_preference-icon-refresh--window_d4xxm_ki3ox_150:not(#\9) {
+  stroke: var(--color-background-home-header-2rudu7, #000716);
+  fill: var(--color-background-container-content-4un1ap, #ffffff);
+}
+.awsui_preference-icon-refresh--secondary_d4xxm_ki3ox_154:not(#\9) {
+  fill: var(--color-text-body-secondary-w9jvno, #414d5c);
+}
+.awsui_preference-icon-refresh--default_d4xxm_ki3ox_157:not(#\9) {
+  fill: var(--color-text-body-default-at06ol, #000716);
+}
+.awsui_preference-icon-refresh--separator_d4xxm_ki3ox_160:not(#\9) {
+  stroke: var(--color-border-divider-default-j74lyz, #b6bec9);
+}
+.awsui_preference-icon-refresh--input-default_d4xxm_ki3ox_163:not(#\9) {
+  fill: var(--color-border-input-default-1zl7hq, #7d8998);
+}
+.awsui_preference-icon-refresh--heading_d4xxm_ki3ox_166:not(#\9) {
+  fill: var(--color-text-heading-default-lstrpn, #000716);
+}

package/split-panel/icons/styles.selectors.js

@@ -0,0 +1,28 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "preference-icon--svg": "awsui_preference-icon--svg_d4xxm_ki3ox_99",
+  "preference-icon--layout-border": "awsui_preference-icon--layout-border_d4xxm_ki3ox_102",
+  "preference-icon--layout-background": "awsui_preference-icon--layout-background_d4xxm_ki3ox_106",
+  "preference-icon--layout-header": "awsui_preference-icon--layout-header_d4xxm_ki3ox_109",
+  "preference-icon--border": "awsui_preference-icon--border_d4xxm_ki3ox_112",
+  "preference-icon--primary-button": "awsui_preference-icon--primary-button_d4xxm_ki3ox_116",
+  "preference-icon--secondary": "awsui_preference-icon--secondary_d4xxm_ki3ox_119",
+  "preference-icon--disabled-element": "awsui_preference-icon--disabled-element_d4xxm_ki3ox_122",
+  "preference-icon--separator": "awsui_preference-icon--separator_d4xxm_ki3ox_125",
+  "preference-icon--focus-text": "awsui_preference-icon--focus-text_d4xxm_ki3ox_128",
+  "preference-icon-refresh--svg": "awsui_preference-icon-refresh--svg_d4xxm_ki3ox_132",
+  "preference-icon-refresh--layout-top": "awsui_preference-icon-refresh--layout-top_d4xxm_ki3ox_135",
+  "preference-icon-refresh--layout-main": "awsui_preference-icon-refresh--layout-main_d4xxm_ki3ox_138",
+  "preference-icon-refresh--primary": "awsui_preference-icon-refresh--primary_d4xxm_ki3ox_141",
+  "preference-icon-refresh--disabled": "awsui_preference-icon-refresh--disabled_d4xxm_ki3ox_144",
+  "preference-icon-refresh--column-header": "awsui_preference-icon-refresh--column-header_d4xxm_ki3ox_147",
+  "preference-icon-refresh--window": "awsui_preference-icon-refresh--window_d4xxm_ki3ox_150",
+  "preference-icon-refresh--secondary": "awsui_preference-icon-refresh--secondary_d4xxm_ki3ox_154",
+  "preference-icon-refresh--default": "awsui_preference-icon-refresh--default_d4xxm_ki3ox_157",
+  "preference-icon-refresh--separator": "awsui_preference-icon-refresh--separator_d4xxm_ki3ox_160",
+  "preference-icon-refresh--input-default": "awsui_preference-icon-refresh--input-default_d4xxm_ki3ox_163",
+  "preference-icon-refresh--heading": "awsui_preference-icon-refresh--heading_d4xxm_ki3ox_166"
+};
+  

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

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAkB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFA6OpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAmB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFA6OpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}

package/split-panel/implementation.js

@@ -10,7 +10,6 @@ import ResizeHandler from './icons/resize-handler';
 import PreferencesModal from './preferences-modal';
 import { usePointerEvents } from '../app-layout/utils/use-pointer-events';
 import { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';
-import styles from './styles.css.js';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { Transition } from '../internal/components/transition';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
@@ -20,6 +19,8 @@ import { SplitPanelContentBottom } from './bottom';
 import { useInternalI18n } from '../i18n/context';
 import globalVars from '../internal/styles/global-vars';
 import { createWidgetizedForwardRef } from '../internal/widgets';
+import styles from './styles.css.js';
+import testUtilStyles from './test-classes/styles.css.js';
 export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef) => {
     var { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings } = _a, restProps = __rest(_a, ["header", "children", "hidePreferencesButton", "closeBehavior", "i18nStrings"]);
     const isRefresh = useVisualRefresh();
@@ -47,17 +48,17 @@ export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef)
     };
     const panelHeaderId = useUniqueId('split-panel-header');
     const wrappedHeader = (React.createElement("div", { className: styles.header, style: appLayoutMaxWidth },
-        React.createElement("h2", { className: styles['header-text'], id: panelHeaderId }, header),
+        React.createElement("h2", { className: clsx(styles['header-text'], testUtilStyles['header-text']), id: panelHeaderId }, header),
         React.createElement("div", { className: styles['header-actions'] },
             !hidePreferencesButton && isOpen && (React.createElement(React.Fragment, null,
-                React.createElement(InternalButton, { className: styles['preferences-button'], iconName: "settings", variant: "icon", onClick: () => setPreferencesOpen(true), formAction: "none", ariaLabel: i18n('i18nStrings.preferencesTitle', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.preferencesTitle), ref: refs.preferences }),
+                React.createElement(InternalButton, { className: testUtilStyles['preferences-button'], iconName: "settings", variant: "icon", onClick: () => setPreferencesOpen(true), formAction: "none", ariaLabel: i18n('i18nStrings.preferencesTitle', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.preferencesTitle), ref: refs.preferences }),
                 React.createElement("span", { className: styles.divider }))),
-            isOpen ? (React.createElement(InternalButton, { className: styles['close-button'], iconName: isRefresh && closeBehavior === 'collapse'
+            isOpen ? (React.createElement(InternalButton, { className: testUtilStyles['close-button'], iconName: isRefresh && closeBehavior === 'collapse'
                     ? position === 'side'
                         ? 'angle-right'
                         : 'angle-down'
-                    : 'close', variant: "icon", onClick: onToggle, formAction: "none", ariaLabel: i18n('i18nStrings.closeButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.closeButtonAriaLabel), ariaExpanded: isOpen })) : position === 'side' ? null : (React.createElement(InternalButton, { className: styles['open-button'], iconName: "angle-up", variant: "icon", formAction: "none", ariaLabel: i18n('i18nStrings.openButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.openButtonAriaLabel), ref: refs.toggle, ariaExpanded: isOpen })))));
-    const resizeHandle = (React.createElement("div", { ref: refs.slider, role: "slider", tabIndex: 0, "aria-label": i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.resizeHandleAriaLabel), "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": position === 'bottom' ? relativeSize : 100 - relativeSize, className: clsx(styles.slider, styles[`slider-${position}`]), onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown },
+                    : 'close', variant: "icon", onClick: onToggle, formAction: "none", ariaLabel: i18n('i18nStrings.closeButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.closeButtonAriaLabel), ariaExpanded: isOpen })) : position === 'side' ? null : (React.createElement(InternalButton, { className: testUtilStyles['open-button'], iconName: "angle-up", variant: "icon", formAction: "none", ariaLabel: i18n('i18nStrings.openButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.openButtonAriaLabel), ref: refs.toggle, ariaExpanded: isOpen })))));
+    const resizeHandle = (React.createElement("div", { ref: refs.slider, role: "slider", tabIndex: 0, "aria-label": i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.resizeHandleAriaLabel), "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": position === 'bottom' ? relativeSize : 100 - relativeSize, className: clsx(styles.slider, styles[`slider-${position}`], testUtilStyles.slider), onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown },
         React.createElement(ResizeHandler, { className: clsx(styles['slider-icon'], styles[`slider-icon-${position}`]) })));
     /*
     This effect forces the browser to recalculate the layout

package/split-panel/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.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, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\n\nimport { SplitPanelProps } from './interfaces';\nimport ResizeHandler from './icons/resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\n\nimport styles from './styles.css.js';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { Transition } from '../internal/components/transition';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\nimport { useInternalI18n } from '../i18n/context';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const i18n = useInternalI18n('split-panel');\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel);\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={styles.header} style={appLayoutMaxWidth}>\n        <h2 className={styles['header-text']} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={styles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle)}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={styles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.closeButtonAriaLabel', i18nStrings?.closeButtonAriaLabel)}\n              ariaExpanded={isOpen}\n            />\n          ) : position === 'side' ? null : (\n            <InternalButton\n              className={styles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <div\n        ref={refs.slider}\n        role=\"slider\"\n        tabIndex={0}\n        aria-label={i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings?.resizeHandleAriaLabel)}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        aria-valuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        className={clsx(styles.slider, styles[`slider-${position}`])}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      >\n        <ResizeHandler className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n      </div>\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <Transition in={isOpen ?? false}>\n        {(state, transitioningElementRef) => (\n          <>\n            {position === 'side' && (\n              <SplitPanelContentSide\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                openButtonAriaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n                toggleRef={refs.toggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n              >\n                {children}\n              </SplitPanelContentSide>\n            )}\n\n            {position === 'bottom' && (\n              <SplitPanelContentBottom\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n                state={state}\n                transitioningElementRef={transitioningElementRef}\n                appLayoutMaxWidth={appLayoutMaxWidth}\n              >\n                {children}\n              </SplitPanelContentBottom>\n            )}\n            {isPreferencesOpen && (\n              <PreferencesModal\n                visible={true}\n                preferences={{ position }}\n                disabledSidePosition={position === 'bottom' && isForcedPosition}\n                isRefresh={isRefresh}\n                i18nStrings={{\n                  header: i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle),\n                  confirm: i18n('i18nStrings.preferencesConfirm', i18nStrings?.preferencesConfirm),\n                  cancel: i18n('i18nStrings.preferencesCancel', i18nStrings?.preferencesCancel),\n                  positionLabel: i18n('i18nStrings.preferencesPositionLabel', i18nStrings?.preferencesPositionLabel),\n                  positionDescription: i18n(\n                    'i18nStrings.preferencesPositionDescription',\n                    i18nStrings?.preferencesPositionDescription\n                  ),\n                  positionBottom: i18n('i18nStrings.preferencesPositionBottom', i18nStrings?.preferencesPositionBottom),\n                  positionSide: i18n('i18nStrings.preferencesPositionSide', i18nStrings?.preferencesPositionSide),\n                }}\n                onConfirm={preferences => {\n                  onPreferencesChange({ ...preferences });\n                  setPreferencesOpen(false);\n                }}\n                onDismiss={() => {\n                  setPreferencesOpen(false);\n                }}\n              />\n            )}\n          </>\n        )}\n      </Transition>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.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, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\n\nimport { SplitPanelProps } from './interfaces';\nimport ResizeHandler from './icons/resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\n\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { Transition } from '../internal/components/transition';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\nimport { useInternalI18n } from '../i18n/context';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const i18n = useInternalI18n('split-panel');\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel);\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={styles.header} style={appLayoutMaxWidth}>\n        <h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={testUtilStyles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle)}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={testUtilStyles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.closeButtonAriaLabel', i18nStrings?.closeButtonAriaLabel)}\n              ariaExpanded={isOpen}\n            />\n          ) : position === 'side' ? null : (\n            <InternalButton\n              className={testUtilStyles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <div\n        ref={refs.slider}\n        role=\"slider\"\n        tabIndex={0}\n        aria-label={i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings?.resizeHandleAriaLabel)}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        aria-valuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        className={clsx(styles.slider, styles[`slider-${position}`], testUtilStyles.slider)}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      >\n        <ResizeHandler className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n      </div>\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <Transition in={isOpen ?? false}>\n        {(state, transitioningElementRef) => (\n          <>\n            {position === 'side' && (\n              <SplitPanelContentSide\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                openButtonAriaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n                toggleRef={refs.toggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n              >\n                {children}\n              </SplitPanelContentSide>\n            )}\n\n            {position === 'bottom' && (\n              <SplitPanelContentBottom\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n                state={state}\n                transitioningElementRef={transitioningElementRef}\n                appLayoutMaxWidth={appLayoutMaxWidth}\n              >\n                {children}\n              </SplitPanelContentBottom>\n            )}\n            {isPreferencesOpen && (\n              <PreferencesModal\n                visible={true}\n                preferences={{ position }}\n                disabledSidePosition={position === 'bottom' && isForcedPosition}\n                isRefresh={isRefresh}\n                i18nStrings={{\n                  header: i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle),\n                  confirm: i18n('i18nStrings.preferencesConfirm', i18nStrings?.preferencesConfirm),\n                  cancel: i18n('i18nStrings.preferencesCancel', i18nStrings?.preferencesCancel),\n                  positionLabel: i18n('i18nStrings.preferencesPositionLabel', i18nStrings?.preferencesPositionLabel),\n                  positionDescription: i18n(\n                    'i18nStrings.preferencesPositionDescription',\n                    i18nStrings?.preferencesPositionDescription\n                  ),\n                  positionBottom: i18n('i18nStrings.preferencesPositionBottom', i18nStrings?.preferencesPositionBottom),\n                  positionSide: i18n('i18nStrings.preferencesPositionSide', i18nStrings?.preferencesPositionSide),\n                }}\n                onConfirm={preferences => {\n                  onPreferencesChange({ ...preferences });\n                  setPreferencesOpen(false);\n                }}\n                onDismiss={() => {\n                  setPreferencesOpen(false);\n                }}\n              />\n            )}\n          </>\n        )}\n      </Transition>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}

package/split-panel/side.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAItD,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,eA8C5B"}
+{"version":3,"file":"side.d.ts","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;CAC7C;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,eA+C5B"}

package/split-panel/side.js

@@ -4,19 +4,21 @@ import React from 'react';
 import clsx from 'clsx';
 import InternalButton from '../button/internal';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import styles from './styles.css.js';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
+import styles from './styles.css.js';
+import testUtilStyles from './test-classes/styles.css.js';
 export function SplitPanelContentSide({ style, baseProps, splitPanelRef, toggleRef, header, children, resizeHandle, isOpen, cappedSize, openButtonAriaLabel, panelHeaderId, onToggle, }) {
     const { topOffset, bottomOffset } = useSplitPanelContext();
     const isRefresh = useVisualRefresh();
-    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.drawer, styles.root, styles['position-side'], {
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.drawer, styles['position-side'], testUtilStyles.root, {
+            [testUtilStyles['open-position-side']]: isOpen,
             [styles['drawer-closed']]: !isOpen,
         }), style: Object.assign({ width: isOpen && isRefresh ? cappedSize : undefined, maxWidth: isRefresh ? '100%' : undefined }, style), ref: splitPanelRef }),
         React.createElement("div", { className: clsx(styles['drawer-content-side']), style: {
                 top: topOffset,
                 bottom: bottomOffset,
             }, onClick: () => !isOpen && onToggle(), "aria-labelledby": panelHeaderId, role: "region" },
-            isOpen ? (React.createElement("div", { className: styles['slider-wrapper-side'] }, resizeHandle)) : (React.createElement(InternalButton, { className: clsx(styles['open-button'], styles['open-button-side']), iconName: "angle-left", variant: "icon", formAction: "none", ariaLabel: openButtonAriaLabel, ariaExpanded: isOpen, ref: isRefresh ? null : toggleRef })),
+            isOpen ? (React.createElement("div", { className: styles['slider-wrapper-side'] }, resizeHandle)) : (React.createElement(InternalButton, { className: clsx(testUtilStyles['open-button'], styles['open-button-side']), iconName: "angle-left", variant: "icon", formAction: "none", ariaLabel: openButtonAriaLabel, ariaExpanded: isOpen, ref: isRefresh ? null : toggleRef })),
             React.createElement("div", { className: styles['content-side'], "aria-hidden": !isOpen },
                 React.createElement("div", { className: clsx(styles['pane-header-wrapper-side']) }, header),
                 React.createElement("div", { className: clsx(styles['pane-content-wrapper-side']) }, children)))));

package/split-panel/side.js.map

@@ -1 +1 @@
-{"version":3,"file":"side.js","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAO/E,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACmB;IAC3B,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC3D,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE;YACxF,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,MAAM;SACnC,CAAC,EACF,KAAK,kBACH,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACnD,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACrC,KAAK,GAEV,GAAG,EAAE,aAAa;QAElB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAC9C,KAAK,EAAE;gBACL,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,YAAY;aACrB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,EAAE,qBACnB,aAAa,EAC9B,IAAI,EAAC,QAAQ;YAEZ,MAAM,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,YAAY,CAAO,CACpE,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAClE,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,EAC9B,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,GACjC,CACH;YACD,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,iBAAe,CAAC,MAAM;gBAC1D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAG,MAAM,CAAO;gBACxE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACF,CACF,CACP,CAAC;AACJ,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 { ButtonProps } from '../button/interfaces';\nimport InternalButton from '../button/internal';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\n\ninterface SplitPanelContentSideProps extends SplitPanelContentProps {\n  openButtonAriaLabel?: string;\n  toggleRef: React.RefObject<ButtonProps.Ref>;\n}\n\nexport function SplitPanelContentSide({\n  style,\n  baseProps,\n  splitPanelRef,\n  toggleRef,\n  header,\n  children,\n  resizeHandle,\n  isOpen,\n  cappedSize,\n  openButtonAriaLabel,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentSideProps) {\n  const { topOffset, bottomOffset } = useSplitPanelContext();\n  const isRefresh = useVisualRefresh();\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles.root, styles['position-side'], {\n        [styles['drawer-closed']]: !isOpen,\n      })}\n      style={{\n        width: isOpen && isRefresh ? cappedSize : undefined,\n        maxWidth: isRefresh ? '100%' : undefined,\n        ...style,\n      }}\n      ref={splitPanelRef}\n    >\n      <div\n        className={clsx(styles['drawer-content-side'])}\n        style={{\n          top: topOffset,\n          bottom: bottomOffset,\n        }}\n        onClick={() => !isOpen && onToggle()}\n        aria-labelledby={panelHeaderId}\n        role=\"region\"\n      >\n        {isOpen ? (\n          <div className={styles['slider-wrapper-side']}>{resizeHandle}</div>\n        ) : (\n          <InternalButton\n            className={clsx(styles['open-button'], styles['open-button-side'])}\n            iconName=\"angle-left\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={openButtonAriaLabel}\n            ariaExpanded={isOpen}\n            ref={isRefresh ? null : toggleRef}\n          />\n        )}\n        <div className={styles['content-side']} aria-hidden={!isOpen}>\n          <div className={clsx(styles['pane-header-wrapper-side'])}>{header}</div>\n          <div className={clsx(styles['pane-content-wrapper-side'])}>{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"side.js","sourceRoot":"","sources":["../../../src/split-panel/side.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAO1D,MAAM,UAAU,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,aAAa,EACb,QAAQ,GACmB;IAC3B,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC3D,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC,IAAI,EAAE;YAChG,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC,EAAE,MAAM;YAC9C,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,MAAM;SACnC,CAAC,EACF,KAAK,kBACH,KAAK,EAAE,MAAM,IAAI,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACnD,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IACrC,KAAK,GAEV,GAAG,EAAE,aAAa;QAElB,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,EAC9C,KAAK,EAAE;gBACL,GAAG,EAAE,SAAS;gBACd,MAAM,EAAE,YAAY;aACrB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,EAAE,qBACnB,aAAa,EAC9B,IAAI,EAAC,QAAQ;YAEZ,MAAM,CAAC,CAAC,CAAC,CACR,6BAAK,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,IAAG,YAAY,CAAO,CACpE,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAC1E,QAAQ,EAAC,YAAY,EACrB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,EAC9B,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,GACjC,CACH;YACD,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,iBAAe,CAAC,MAAM;gBAC1D,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,IAAG,MAAM,CAAO;gBACxE,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,QAAQ,CAAO,CACvE,CACF,CACF,CACP,CAAC;AACJ,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 { ButtonProps } from '../button/interfaces';\nimport InternalButton from '../button/internal';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentSideProps extends SplitPanelContentProps {\n  openButtonAriaLabel?: string;\n  toggleRef: React.RefObject<ButtonProps.Ref>;\n}\n\nexport function SplitPanelContentSide({\n  style,\n  baseProps,\n  splitPanelRef,\n  toggleRef,\n  header,\n  children,\n  resizeHandle,\n  isOpen,\n  cappedSize,\n  openButtonAriaLabel,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentSideProps) {\n  const { topOffset, bottomOffset } = useSplitPanelContext();\n  const isRefresh = useVisualRefresh();\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-side'], testUtilStyles.root, {\n        [testUtilStyles['open-position-side']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n      })}\n      style={{\n        width: isOpen && isRefresh ? cappedSize : undefined,\n        maxWidth: isRefresh ? '100%' : undefined,\n        ...style,\n      }}\n      ref={splitPanelRef}\n    >\n      <div\n        className={clsx(styles['drawer-content-side'])}\n        style={{\n          top: topOffset,\n          bottom: bottomOffset,\n        }}\n        onClick={() => !isOpen && onToggle()}\n        aria-labelledby={panelHeaderId}\n        role=\"region\"\n      >\n        {isOpen ? (\n          <div className={styles['slider-wrapper-side']}>{resizeHandle}</div>\n        ) : (\n          <InternalButton\n            className={clsx(testUtilStyles['open-button'], styles['open-button-side'])}\n            iconName=\"angle-left\"\n            variant=\"icon\"\n            formAction=\"none\"\n            ariaLabel={openButtonAriaLabel}\n            ariaExpanded={isOpen}\n            ref={isRefresh ? null : toggleRef}\n          />\n        )}\n        <div className={styles['content-side']} aria-hidden={!isOpen}>\n          <div className={clsx(styles['pane-header-wrapper-side'])}>{header}</div>\n          <div className={clsx(styles['pane-content-wrapper-side'])}>{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}