@popsure/dirty-swan 0.63.0 → 0.63.2

package/dist/esm/components/comparisonTable/components/TableArrows/Arrow.js

@@ -5,5 +5,5 @@ var ArrowIcon = function (_a) {
     return (jsx("svg", { width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 };
 
-export default ArrowIcon;
+export { ArrowIcon as default };
 //# sourceMappingURL=Arrow.js.map

package/dist/esm/components/comparisonTable/components/TableArrows/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx"],"sourcesContent":["const ArrowIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"14\"\n    height=\"8\"\n    viewBox=\"0 0 14 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M1 1.00003L7 7.00003L13 1.00003\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default ArrowIcon;\n"],"names":["_jsx"],"mappings":";;IAAM,SAAS,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QAC3DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE;AAfqD;;;;"}
+{"version":3,"file":"Arrow.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/Arrow.tsx"],"sourcesContent":["const ArrowIcon = ({ className }: { className?: string }) => (\n  <svg\n    width=\"14\"\n    height=\"8\"\n    viewBox=\"0 0 14 8\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M1 1.00003L7 7.00003L13 1.00003\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default ArrowIcon;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,SAAS,GAAG,UAAC,EAAqC,EAAA;AAAnC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;IAA+B,QAC3DA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,GACE;AAfqD;;;;"}

package/dist/esm/components/comparisonTable/components/TableArrows/index.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../index-6ea95111.js';
+import { c as classNames } from '../../../../index-DLQEsiym.js';
 import ArrowIcon from './Arrow.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 
-var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 16px;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 32px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 50%;\n  background-color: #f5f6fb;\n  justify-content: center;\n  align-items: center;\n  stroke: #ebebff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f5f6fb;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f5f6fb;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  pointer-events: none;\n}";
+var css_248z = ".style-module_container__3BxOi {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  padding: 0 8px;\n  justify-content: space-between;\n  align-items: stretch;\n  display: flex;\n}\n@media (min-width: 34rem) {\n  .style-module_container__3BxOi {\n    display: none;\n  }\n}\n\n.style-module_next__3yJsi {\n  transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n  transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n  width: 32px;\n  height: 56px;\n  z-index: 3;\n  padding: 0;\n  border-radius: 8px;\n  background-color: #f7f7fd;\n  justify-content: center;\n  align-items: center;\n  stroke: #b8b8c0;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n  background-color: #f7f7fd;\n  cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n  stroke: #26262e;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n  background-color: #f7f7fd;\n  cursor: pointer;\n}\n\n.style-module_noPointerEvents__21KuB {\n  visibility: hidden;\n  pointer-events: none;\n}";
 var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB","noPointerEvents":"style-module_noPointerEvents__21KuB"};
 styleInject(css_248z);
 
@@ -20,5 +21,5 @@ var TableArrows = function (props) {
                     _b)), children: jsx(ArrowIcon, {}) })] }));
 };
 
-export default TableArrows;
+export { TableArrows as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableArrows/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n            [styles.noPointerEvents]: !active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n            [styles.noPointerEvents]: !active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;IAaM,WAAW,GAAG,UAAC,KAAuB;;IAClC,IAAA,MAAM,GAAc,KAAK,OAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAM,iBAAiB,GAAG,UAAC,KAAkB,IAAK,OAAA,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,GAAA,CAAC;IAEvE,QACEA,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9BC,gBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;oBAC5B,GAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,IAAI;wBAEzC,YAEDA,IAAC,SAAS,KAAG,GACN,EACTA,gBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;oBAC7B,GAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,KAAK;wBAE1C,YAEDA,IAAC,SAAS,KAAG,GACN,IACL,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableArrows/index.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport ArrowIcon from './Arrow';\nimport styles from './style.module.scss';\n\nexport type ArrowValues = 'prev' | 'next';\n\ninterface TableArrowsProps {\n  onClick: (value: ArrowValues) => void;\n  active: { left: boolean; right: boolean };\n}\n\nconst TableArrows = (props: TableArrowsProps) => {\n  const { active, onClick } = props;\n  const handleButtonClick = (value: ArrowValues) => () => onClick(value);\n\n  return (\n    <div className={styles.container}>\n      <button\n        onClick={handleButtonClick('prev')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.prev,\n          styles.arrow,\n          {\n            [styles.active]: active.left,\n            [styles.noPointerEvents]: !active.left,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n      <button\n        onClick={handleButtonClick('next')}\n        className={classNames(\n          `p-btn--secondary d-flex`,\n          styles.next,\n          styles.arrow,\n          {\n            [styles.active]: active.right,\n            [styles.noPointerEvents]: !active.right,\n          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAaA,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;;IAClC,IAAA,MAAM,GAAc,KAAK,CAAA,MAAnB,EAAE,OAAO,GAAK,KAAK,CAAA,OAAV;AACvB,IAAA,IAAM,iBAAiB,GAAG,UAAC,KAAkB,EAAA,EAAK,OAAA,YAAA,EAAM,OAAA,OAAO,CAAC,KAAK,CAAC,CAAA,CAAd,CAAc,CAAA,CAApB,CAAoB;AAEtE,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAA,CAC9BC,GAAA,CAAA,QAAA,EAAA,EACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AAEV,oBAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM,CAAC,IAAI;AAC5B,oBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,IAAI;wBAEzC,EAAA,QAAA,EAEDA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACN,EACTA,gBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAE,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK,GAAA,EAAA,GAAA,EAAA;AAEV,oBAAA,EAAA,CAAC,MAAM,CAAC,MAAM,CAAA,GAAG,MAAM,CAAC,KAAK;AAC7B,oBAAA,EAAA,CAAC,MAAM,CAAC,eAAe,IAAG,CAAC,MAAM,CAAC,KAAK;AAE1C,oBAAA,EAAA,EAAA,EAAA,QAAA,EAEDA,IAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACN,CAAA,EAAA,CACL;AAEV;;;;"}

package/dist/esm/components/comparisonTable/components/TableButton/index.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
 import TableInfoButton from '../TableInfoButton/index.js';
-import '../../../icon/icons/Info.js';
 import 'react';
+import '../../../../index-DLQEsiym.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
+import '../../../icon/icons/Info.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../tslib.es6-a39f91fc.js';
-import '../../../../index-6ea95111.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
 
 var css_248z = ".style-module_wrapper__1s115 {\n  position: relative;\n}\n\n.style-module_infoButton__1nIU2 {\n  position: absolute;\n  right: -32px;\n  top: 0;\n}";
 var styles = {"wrapper":"style-module_wrapper__1s115","infoButton":"style-module_infoButton__1nIU2"};
@@ -16,5 +17,5 @@ var TableButton = function (_a) {
     return (jsxs("div", { className: styles.wrapper, children: [children, jsx(TableInfoButton, { className: "".concat(styles.infoButton, " ").concat(className), "data-testid": "ds-table-button", onClick: onClick })] }));
 };
 
-export default TableButton;
+export { TableButton as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface Props {\n  children: ReactNode;\n  onClick: () => void;\n  className?: string;\n}\n\nconst TableButton: React.FC<Props> = ({\n  children,\n  onClick,\n  className = '',\n}) => (\n  <div className={styles.wrapper}>\n    {children}\n    <TableInfoButton\n      className={`${styles.infoButton} ${className}`}\n      data-testid=\"ds-table-button\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nexport default TableButton;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;IAUM,WAAW,GAAoB,UAAC,EAIrC;QAHC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,QACJA,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,aAC3B,QAAQ,EACTC,IAAC,eAAe,IACd,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,cAAI,SAAS,CAAE,iBAClC,iBAAiB,EAC7B,OAAO,EAAE,OAAO,GAChB,IACE;AARF;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface Props {\n  children: ReactNode;\n  onClick: () => void;\n  className?: string;\n}\n\nconst TableButton: React.FC<Props> = ({\n  children,\n  onClick,\n  className = '',\n}) => (\n  <div className={styles.wrapper}>\n    {children}\n    <TableInfoButton\n      className={`${styles.infoButton} ${className}`}\n      data-testid=\"ds-table-button\"\n      onClick={onClick}\n    />\n  </div>\n);\n\nexport default TableButton;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,WAAW,GAAoB,UAAC,EAIrC,EAAA;QAHC,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,iBAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AACV,IAAA,QACJA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CAC3B,QAAQ,EACTC,GAAA,CAAC,eAAe,IACd,SAAS,EAAE,EAAA,CAAA,MAAA,CAAG,MAAM,CAAC,UAAU,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,SAAS,CAAE,EAAA,aAAA,EAClC,iBAAiB,EAC7B,OAAO,EAAE,OAAO,EAAA,CAChB,IACE;AARF;;;;"}

package/dist/esm/components/comparisonTable/components/TableButton/index.test.js

@@ -1,19 +1,18 @@
-import { c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-d03c10b6.js';
-import '../../../../index-6f567b0b.js';
+import { c as customRender } from '../../../../customRender-DzdqZxUd.js';
+import '../../../../index-BCxawEMQ.js';
 import TableButton from './index.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import 'os';
-import 'tty';
-import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
 import '../TableInfoButton/index.js';
+import '../../../../index-DLQEsiym.js';
 import '../../../icon/icons/Info.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../index-6ea95111.js';
 
 var mockOnClick = jest.fn();
 var buttonContent = 'Table Button label';

package/dist/esm/components/comparisonTable/components/TableButton/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableButton from '.';\n\nconst mockOnClick = jest.fn();\n\nconst buttonContent = 'Table Button label';\n\nconst setup = () =>\n  render(<TableButton onClick={mockOnClick}>{buttonContent}</TableButton>);\n\ndescribe('TableButton component', () => {\n  it('should render button content', () => {\n    const { getByText } = setup();\n\n    expect(getByText(buttonContent)).toBeInTheDocument();\n  });\n\n  it('should call onClick', async () => {\n    const { getByTestId, user } = setup();\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,IAAM,aAAa,GAAG,oBAAoB,CAAC;AAE3C,IAAM,KAAK,GAAG;IACZ,OAAAA,YAAM,CAACC,IAAC,WAAW,IAAC,OAAO,EAAE,WAAW,YAAG,aAAa,GAAe,CAAC;AAAxE,CAAwE,CAAC;AAE3E,QAAQ,CAAC,uBAAuB,EAAE;IAChC,EAAE,CAAC,8BAA8B,EAAE;QACzB,IAAA,SAAS,GAAK,KAAK,EAAE,UAAZ,CAAa;QAE9B,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;KACtD,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE;;;;;oBAClB,KAAwB,KAAK,EAAE,EAA7B,WAAW,iBAAA,EAAE,IAAI,UAAA,CAAa;oBAEtC,qBAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,EAAA;;oBAArD,SAAqD,CAAC;oBAEtD,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableButton/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableButton from '.';\n\nconst mockOnClick = jest.fn();\n\nconst buttonContent = 'Table Button label';\n\nconst setup = () =>\n  render(<TableButton onClick={mockOnClick}>{buttonContent}</TableButton>);\n\ndescribe('TableButton component', () => {\n  it('should render button content', () => {\n    const { getByText } = setup();\n\n    expect(getByText(buttonContent)).toBeInTheDocument();\n  });\n\n  it('should call onClick', async () => {\n    const { getByTestId, user } = setup();\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE;AAE7B,IAAM,aAAa,GAAG,oBAAoB;AAE1C,IAAM,KAAK,GAAG,YAAA;IACZ,OAAAA,YAAM,CAACC,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,QAAA,EAAG,aAAa,EAAA,CAAe,CAAC;AAAxE,CAAwE;AAE1E,QAAQ,CAAC,uBAAuB,EAAE,YAAA;IAChC,EAAE,CAAC,8BAA8B,EAAE,YAAA;AACzB,QAAA,IAAA,SAAS,GAAK,KAAK,EAAE,UAAZ;QAEjB,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE;AACtD,IAAA,CAAC,CAAC;IAEF,EAAE,CAAC,qBAAqB,EAAE,YAAA,EAAA,OAAA,SAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA;;;;;oBAClB,EAAA,GAAwB,KAAK,EAAE,EAA7B,WAAW,iBAAA,EAAE,IAAI,UAAA;oBAEzB,OAAA,CAAA,CAAA,YAAM,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAA;;AAArD,oBAAA,EAAA,CAAA,IAAA,EAAqD;AAErD,oBAAA,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE;;;;AACvC,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js

@@ -1,19 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
-import Info from '../../../icon/icons/Info.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 import 'react';
+import '../../../../index-DLQEsiym.js';
+import InfoIcon from '../../../icon/icons/Info.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../tslib.es6-a39f91fc.js';
-import '../../../../index-6ea95111.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
 
-var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d8;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
+var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: transparent;\n}\n.style-module_button__3TkNT:hover svg path, .style-module_button__3TkNT:focus svg path {\n  fill: #919199;\n}\n.style-module_button__3TkNT svg path {\n  fill: #d2d2d9;\n}\n.style-module_button__3TkNT svg {\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #26262e;\n}";
 var styles = {"button":"style-module_button__3TkNT"};
 styleInject(css_248z);
 
 var TableInfoButton = function (_a) {
     var onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
-    return (jsx("button", { className: "p-btn--secondary ".concat(styles.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, children: jsx(Info, { size: 20 }) }));
+    return (jsx("button", { className: "p-btn--secondary ".concat(styles.button, " ").concat(className), type: "button", "data-testid": "ds-table-info-button", onClick: onClick, "aria-label": "View more information", title: "View more information", children: jsx(InfoIcon, { size: 20 }) }));
 };
 
-export default TableInfoButton;
+export { TableInfoButton as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import Info from '../../../icon/icons/Info';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    data-testid=\"ds-table-info-button\"\n    onClick={onClick}\n  >\n    <Info size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;IAGM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,gBACE,SAAS,EAAE,2BAAoB,MAAM,CAAC,MAAM,cAAI,SAAS,CAAE,EAC3D,IAAI,EAAC,QAAQ,iBACD,sBAAsB,EAClC,OAAO,EAAE,OAAO,YAEhBA,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACX;AARL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import { InfoIcon } from '../../../icon';\nimport styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <button\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    type=\"button\"\n    data-testid=\"ds-table-info-button\"\n    onClick={onClick}\n    aria-label=\"View more information\"\n    title=\"View more information\"\n  >\n    <InfoIcon size={20} />\n  </button>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAGA,IAAM,eAAe,GAAG,UAAC,EAMxB,EAAA;AALC,IAAA,IAAA,OAAO,aAAA,EACP,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;AAIV,IAAA,QACJA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,mBAAA,CAAA,MAAA,CAAoB,MAAM,CAAC,MAAM,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,SAAS,CAAE,EAC3D,IAAI,EAAC,QAAQ,iBACD,sBAAsB,EAClC,OAAO,EAAE,OAAO,EAAA,YAAA,EACL,uBAAuB,EAClC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAE7BA,GAAA,CAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI,GACf;AAVL;;;;"}

package/dist/esm/components/comparisonTable/components/TableRating/StarIcon.js

@@ -5,5 +5,5 @@ var StarIcon = function (_a) {
     return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M5.933.004a.73.73 0 01.756.468L7.891 3.67l3.407.16c.677.03.954.886.422 1.306l-2.66 2.145.899 3.296c.17.647-.545 1.166-1.105.8l-2.85-1.872-2.858 1.873c-.561.368-1.28-.152-1.107-.801l.9-3.296L.278 5.136C-.253 4.716.024 3.86.7 3.831l3.407-.161L5.322.472a.73.73 0 01.61-.468z" }) }));
 };
 
-export default StarIcon;
+export { StarIcon as default };
 //# sourceMappingURL=StarIcon.js.map

package/dist/esm/components/comparisonTable/components/TableRating/StarIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StarIcon.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/StarIcon.tsx"],"sourcesContent":["const StarIcon = ({ className }: { className: string }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path d=\"M5.933.004a.73.73 0 01.756.468L7.891 3.67l3.407.16c.677.03.954.886.422 1.306l-2.66 2.145.899 3.296c.17.647-.545 1.166-1.105.8l-2.85-1.872-2.858 1.873c-.561.368-1.28-.152-1.107-.801l.9-3.296L.278 5.136C-.253 4.716.024 3.86.7 3.831l3.407-.161L5.322.472a.73.73 0 01.61-.468z\" />\n  </svg>\n);\n\nexport default StarIcon;\n"],"names":["_jsx"],"mappings":";;IAAM,QAAQ,GAAG,UAAC,EAAoC;QAAlC,SAAS,eAAA;IAA8B,QACzDA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cAAM,CAAC,EAAC,iRAAiR,GAAG,GACxR;AATmD;;;;"}
+{"version":3,"file":"StarIcon.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/StarIcon.tsx"],"sourcesContent":["const StarIcon = ({ className }: { className: string }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path d=\"M5.933.004a.73.73 0 01.756.468L7.891 3.67l3.407.16c.677.03.954.886.422 1.306l-2.66 2.145.899 3.296c.17.647-.545 1.166-1.105.8l-2.85-1.872-2.858 1.873c-.561.368-1.28-.152-1.107-.801l.9-3.296L.278 5.136C-.253 4.716.024 3.86.7 3.831l3.407-.161L5.322.472a.73.73 0 01.61-.468z\" />\n  </svg>\n);\n\nexport default StarIcon;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,QAAQ,GAAG,UAAC,EAAoC,EAAA;AAAlC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AAA8B,IAAA,QACzDA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAEpBA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,iRAAiR,EAAA,CAAG,EAAA,CACxR;AATmD;;;;"}

package/dist/esm/components/comparisonTable/components/TableRating/ZapIcon.js

@@ -5,5 +5,5 @@ var ZapIcon = function (_a) {
     return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z" }) }));
 };
 
-export default ZapIcon;
+export { ZapIcon as default };
 //# sourceMappingURL=ZapIcon.js.map

package/dist/esm/components/comparisonTable/components/TableRating/ZapIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZapIcon.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/ZapIcon.tsx"],"sourcesContent":["const ZapIcon = ({ className }: { className: string }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z\"\n    />\n  </svg>\n);\n\nexport default ZapIcon;\n"],"names":["_jsx"],"mappings":";;IAAM,OAAO,GAAG,UAAC,EAAoC;QAAlC,SAAS,eAAA;IAA8B,QACxDA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yHAAyH,GAC3H,GACE;AAbkD;;;;"}
+{"version":3,"file":"ZapIcon.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/ZapIcon.tsx"],"sourcesContent":["const ZapIcon = ({ className }: { className: string }) => (\n  <svg\n    width=\"12\"\n    height=\"12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z\"\n    />\n  </svg>\n);\n\nexport default ZapIcon;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,OAAO,GAAG,UAAC,EAAoC,EAAA;AAAlC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA;AAA8B,IAAA,QACxDA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAEpBA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yHAAyH,EAAA,CAC3H,GACE;AAbkD;;;;"}

package/dist/esm/components/comparisonTable/components/TableRating/index.js

@@ -1,10 +1,11 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../index-6ea95111.js';
+import { c as classNames } from '../../../../index-DLQEsiym.js';
 import StarIcon from './StarIcon.js';
 import ZapIcon from './ZapIcon.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 
-var css_248z = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #f5f6fb;\n}";
+var css_248z = ".style-module_icon__1ep7- {\n  margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n  fill: #26262e;\n}\n\n.style-module_empty__Ikg_s {\n  fill: #d2d2d9;\n}";
 var styles = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
 styleInject(css_248z);
 
@@ -22,5 +23,5 @@ var TableRating = function (props) {
     return (jsx(Fragment, { children: VALID_VALUES.map(function (value) { return (jsx(SelectedIcon, { className: classNames(styles.icon, value <= rating ? styles.filled : styles.empty) }, value)); }) }));
 };
 
-export default TableRating;
+export { TableRating as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableRating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/index.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport StarIcon from './StarIcon';\nimport ZapIcon from './ZapIcon';\n\nimport styles from './style.module.scss';\n\ntype RatingTypes = 'star' | 'zap';\n\ninterface TableRatingProps {\n  type: RatingTypes;\n  rating: number;\n}\n\nconst getRatingIcon = (type: RatingTypes) => {\n  const iconDictionary = {\n    zap: ZapIcon,\n    star: StarIcon,\n  };\n\n  return iconDictionary[type] || iconDictionary['star'];\n};\n\nconst VALID_VALUES = [1, 2, 3];\n\nconst TableRating = (props: TableRatingProps) => {\n  const { rating, type } = props;\n  const SelectedIcon = getRatingIcon(type);\n\n  return (\n    <>\n      {VALID_VALUES.map((value) => (\n        <SelectedIcon\n          key={value}\n          className={classNames(\n            styles.icon,\n            value <= rating ? styles.filled : styles.empty\n          )}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default TableRating;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAcA,IAAM,aAAa,GAAG,UAAC,IAAiB;IACtC,IAAM,cAAc,GAAG;QACrB,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC,CAAC;AACxD,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAEzB,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,MAAM,GAAW,KAAK,OAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAC/B,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEzC,QACEA,0BACG,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,QAC3BA,IAAC,YAAY,IAEX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAC/C,IAJI,KAAK,CAKV,IACH,CAAC,GACD,EACH;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRating/index.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport StarIcon from './StarIcon';\nimport ZapIcon from './ZapIcon';\n\nimport styles from './style.module.scss';\n\ntype RatingTypes = 'star' | 'zap';\n\ninterface TableRatingProps {\n  type: RatingTypes;\n  rating: number;\n}\n\nconst getRatingIcon = (type: RatingTypes) => {\n  const iconDictionary = {\n    zap: ZapIcon,\n    star: StarIcon,\n  };\n\n  return iconDictionary[type] || iconDictionary['star'];\n};\n\nconst VALID_VALUES = [1, 2, 3];\n\nconst TableRating = (props: TableRatingProps) => {\n  const { rating, type } = props;\n  const SelectedIcon = getRatingIcon(type);\n\n  return (\n    <>\n      {VALID_VALUES.map((value) => (\n        <SelectedIcon\n          key={value}\n          className={classNames(\n            styles.icon,\n            value <= rating ? styles.filled : styles.empty\n          )}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default TableRating;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;AAcA,IAAM,aAAa,GAAG,UAAC,IAAiB,EAAA;AACtC,IAAA,IAAM,cAAc,GAAG;AACrB,QAAA,GAAG,EAAE,OAAO;AACZ,QAAA,IAAI,EAAE,QAAQ;KACf;IAED,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,MAAM,CAAC;AACvD,CAAC;AAED,IAAM,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAE9B,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;IAClC,IAAA,MAAM,GAAW,KAAK,CAAA,MAAhB,EAAE,IAAI,GAAK,KAAK,CAAA,IAAV;AACpB,IAAA,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC;IAExC,QACEA,0BACG,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,EAAA,EAAK,QAC3BA,GAAA,CAAC,YAAY,IAEX,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAC/C,EAAA,EAJI,KAAK,CAKV,GAPyB,CAQ5B,CAAC,EAAA,CACD;AAEP;;;;"}

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as classNames } from '../../../../index-6ea95111.js';
-import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../../../index-DLQEsiym.js';
+import { s as styleInject } from '../../../../style-inject.es-tgCJW-Cu.js';
 import TableInfoButton from '../TableInfoButton/index.js';
-import '../../../icon/icons/Info.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
+import '../../../icon/icons/Info.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
-import '../../../../tslib.es6-a39f91fc.js';
+import '../../../../tslib.es6-CVlKGIvp.js';
 
 var css_248z = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
 var styles = {"icon":"style-module_icon__30Nor"};
@@ -15,8 +16,8 @@ var TableRowHeader = function (_a) {
     var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
     return (jsxs("div", { className: "d-flex", children: [icon && jsx("span", { className: "mr8 ".concat(styles.icon), children: icon }), jsxs("div", { children: [jsxs("p", { className: "p-p d-inline", children: [jsx("span", { className: classNames({
                                     mr8: onClickInfo,
-                                }), children: label }), onClickInfo && jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsx("p", { className: "p-p--small tc-grey-500", children: subtitle })] })] }));
+                                }), children: label }), onClickInfo && jsx(TableInfoButton, { onClick: onClickInfo })] }), subtitle && jsx("p", { className: "p-p--small tc-neutral-600", children: subtitle })] })] }));
 };
 
-export default TableRowHeader;
+export { TableRowHeader as default };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface TableRowHeaderProps {\n  label: string;\n  icon?: string;\n  subtitle?: string;\n  onClickInfo?: () => void;\n}\n\nconst TableRowHeader = ({\n  icon,\n  label,\n  subtitle,\n  onClickInfo,\n}: TableRowHeaderProps) => (\n  <div className=\"d-flex\">\n    {icon && <span className={`mr8 ${styles.icon}`}>{icon}</span>}\n    <div>\n      <p className=\"p-p d-inline\">\n        <span\n          className={classNames({\n            mr8: onClickInfo,\n          })}\n        >\n          {label}\n        </span>\n        {onClickInfo && <TableInfoButton onClick={onClickInfo} />}\n      </p>\n      {subtitle && <p className=\"p-p--small tc-grey-500\">{subtitle}</p>}\n    </div>\n  </div>\n);\n\nexport type { TableRowHeaderProps };\nexport default TableRowHeader;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;IAWM,cAAc,GAAG,UAAC,EAKF;QAJpB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA;IACc,QACzBA,cAAK,SAAS,EAAC,QAAQ,aACpB,IAAI,IAAIC,cAAM,SAAS,EAAE,cAAO,MAAM,CAAC,IAAI,CAAE,YAAG,IAAI,GAAQ,EAC7DD,yBACEA,YAAG,SAAS,EAAC,cAAc,aACzBC,cACE,SAAS,EAAE,UAAU,CAAC;oCACpB,GAAG,EAAE,WAAW;iCACjB,CAAC,YAED,KAAK,GACD,EACN,WAAW,IAAIA,IAAC,eAAe,IAAC,OAAO,EAAE,WAAW,GAAI,IACvD,EACH,QAAQ,IAAIA,WAAG,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAK,IAC7D,IACF;AAhBmB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport styles from './style.module.scss';\nimport TableInfoButton from '../TableInfoButton';\n\ninterface TableRowHeaderProps {\n  label: string;\n  icon?: string;\n  subtitle?: string;\n  onClickInfo?: () => void;\n}\n\nconst TableRowHeader = ({\n  icon,\n  label,\n  subtitle,\n  onClickInfo,\n}: TableRowHeaderProps) => (\n  <div className=\"d-flex\">\n    {icon && <span className={`mr8 ${styles.icon}`}>{icon}</span>}\n    <div>\n      <p className=\"p-p d-inline\">\n        <span\n          className={classNames({\n            mr8: onClickInfo,\n          })}\n        >\n          {label}\n        </span>\n        {onClickInfo && <TableInfoButton onClick={onClickInfo} />}\n      </p>\n      {subtitle && <p className=\"p-p--small tc-neutral-600\">{subtitle}</p>}\n    </div>\n  </div>\n);\n\nexport type { TableRowHeaderProps };\nexport default TableRowHeader;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;AAWA,IAAM,cAAc,GAAG,UAAC,EAKF,EAAA;QAJpB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,WAAW,GAAA,EAAA,CAAA,WAAA;AACc,IAAA,QACzBA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,QAAQ,EAAA,QAAA,EAAA,CACpB,IAAI,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAA,CAAA,MAAA,CAAO,MAAM,CAAC,IAAI,CAAE,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC7DD,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,CACzBC,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,CAAC;AACpB,oCAAA,GAAG,EAAE,WAAW;iCACjB,CAAC,EAAA,QAAA,EAED,KAAK,EAAA,CACD,EACN,WAAW,IAAIA,GAAA,CAAC,eAAe,EAAA,EAAC,OAAO,EAAE,WAAW,EAAA,CAAI,IACvD,EACH,QAAQ,IAAIA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAK,CAAA,EAAA,CAChE,CAAA,EAAA,CACF;AAhBmB;;;;"}

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js

@@ -1,16 +1,15 @@
-import { a as __assign, c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator, b as __assign } from '../../../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-d03c10b6.js';
-import '../../../../index-6f567b0b.js';
+import { c as customRender } from '../../../../customRender-DzdqZxUd.js';
+import '../../../../index-BCxawEMQ.js';
 import TableRowHeader from './index.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import 'os';
-import 'tty';
-import '../../../../index-6ea95111.js';
-import '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../index-DLQEsiym.js';
+import '../../../../style-inject.es-tgCJW-Cu.js';
 import '../TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
 import '../../../icon/IconWrapper/IconWrapper.js';

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableRowHeader, { TableRowHeaderProps } from '.';\n\nconst mockOnClick = jest.fn();\n\nconst label = 'Table label';\nconst subtitle = 'Subtitle label';\nconst icon = '🎉';\nconst buttonTestId = 'ds-table-info-button';\n\nconst setup = (props: Partial<TableRowHeaderProps> = {}) =>\n  render(<TableRowHeader label={label} {...props} />);\n\ndescribe('TableRowHeader component', () => {\n  it('should render label', () => {\n    const { getByText } = setup();\n\n    expect(getByText(label)).toBeInTheDocument();\n  });\n\n  it('should not render subtitle', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(subtitle)).not.toBeInTheDocument();\n  });\n\n  it('should render subtitle', () => {\n    const { getByText } = setup({ subtitle });\n\n    expect(getByText(subtitle)).toBeInTheDocument();\n  });\n\n  it('should not render icon', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(icon)).not.toBeInTheDocument();\n  });\n\n  it('should render icon', () => {\n    const { getByText } = setup({ icon });\n\n    expect(getByText(icon)).toBeInTheDocument();\n  });\n\n  it('should not render button if onClickInfo is not defined', () => {\n    const { queryByTestId } = setup();\n\n    expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();\n  });\n\n  it('should render button if onClickInfo is defined', () => {\n    const { getByTestId } = setup({ onClickInfo: mockOnClick });\n\n    expect(getByTestId(buttonTestId)).toBeInTheDocument();\n  });\n\n  it('should not call onClickInfo if not defined', async () => {\n    const { getByText, user } = setup();\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).not.toHaveBeenCalled();\n  });\n\n  it('should call onClickInfo if defined', async () => {\n    const { getByTestId, user } = setup({ onClickInfo: mockOnClick });\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.test.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.test.tsx"],"sourcesContent":["import { render } from '../../../../util/testUtils';\nimport '@testing-library/jest-dom';\n\nimport TableRowHeader, { TableRowHeaderProps } from '.';\n\nconst mockOnClick = jest.fn();\n\nconst label = 'Table label';\nconst subtitle = 'Subtitle label';\nconst icon = '🎉';\nconst buttonTestId = 'ds-table-info-button';\n\nconst setup = (props: Partial<TableRowHeaderProps> = {}) =>\n  render(<TableRowHeader label={label} {...props} />);\n\ndescribe('TableRowHeader component', () => {\n  it('should render label', () => {\n    const { getByText } = setup();\n\n    expect(getByText(label)).toBeInTheDocument();\n  });\n\n  it('should not render subtitle', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(subtitle)).not.toBeInTheDocument();\n  });\n\n  it('should render subtitle', () => {\n    const { getByText } = setup({ subtitle });\n\n    expect(getByText(subtitle)).toBeInTheDocument();\n  });\n\n  it('should not render icon', () => {\n    const { queryByText } = setup();\n\n    expect(queryByText(icon)).not.toBeInTheDocument();\n  });\n\n  it('should render icon', () => {\n    const { getByText } = setup({ icon });\n\n    expect(getByText(icon)).toBeInTheDocument();\n  });\n\n  it('should not render button if onClickInfo is not defined', () => {\n    const { queryByTestId } = setup();\n\n    expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();\n  });\n\n  it('should render button if onClickInfo is defined', () => {\n    const { getByTestId } = setup({ onClickInfo: mockOnClick });\n\n    expect(getByTestId(buttonTestId)).toBeInTheDocument();\n  });\n\n  it('should not call onClickInfo if not defined', async () => {\n    const { getByText, user } = setup();\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).not.toHaveBeenCalled();\n  });\n\n  it('should call onClickInfo if defined', async () => {\n    const { getByTestId, user } = setup({ onClickInfo: mockOnClick });\n\n    await user.click(getByTestId('ds-table-info-button'));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/components/comparisonTable/components/TableTrueFalse.js

@@ -3,10 +3,10 @@ import { jsx } from 'react/jsx-runtime';
 var TableTrueFalse = function (_a) {
     var value = _a.value, _b = _a.className, className = _b === void 0 ? '' : _b;
     if (value) {
-        return (jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#8E8CEE", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+        return (jsx("svg", { width: "18", height: "13", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M15.667 1.833L6.5 11 2.333 6.833", stroke: "#26262e", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }) }));
     }
-    return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#D2D2D8" }) }));
+    return (jsx("svg", { width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z", fill: "#d2d2d9" }) }));
 };
 
-export default TableTrueFalse;
+export { TableTrueFalse as default };
 //# sourceMappingURL=TableTrueFalse.js.map

package/dist/esm/components/comparisonTable/components/TableTrueFalse.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTrueFalse.js","sources":["../../../../../../src/lib/components/comparisonTable/components/TableTrueFalse.tsx"],"sourcesContent":["const TableTrueFalse = ({\n  value,\n  className = '',\n}: {\n  value: boolean;\n  className?: string;\n}) => {\n  if (value) {\n    return (\n      <svg\n        width=\"18\"\n        height=\"13\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <path\n          d=\"M15.667 1.833L6.5 11 2.333 6.833\"\n          stroke=\"#8E8CEE\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"12\" height=\"12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z\"\n        fill=\"#D2D2D8\"\n      />\n    </svg>\n  );\n};\n\nexport default TableTrueFalse;\n"],"names":["_jsx"],"mappings":";;IAAM,cAAc,GAAG,UAAC,EAMvB;QALC,KAAK,WAAA,EACL,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAKd,IAAI,KAAK,EAAE;QACT,QACEA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,YAEpBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,EACN;KACH;IAED,QACEA,aAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YACxEA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4KAA4K,EAC9K,IAAI,EAAC,SAAS,GACd,GACE,EACN;AACJ;;;;"}
+{"version":3,"file":"TableTrueFalse.js","sources":["../../../../../../src/lib/components/comparisonTable/components/TableTrueFalse.tsx"],"sourcesContent":["const TableTrueFalse = ({\n  value,\n  className = '',\n}: {\n  value: boolean;\n  className?: string;\n}) => {\n  if (value) {\n    return (\n      <svg\n        width=\"18\"\n        height=\"13\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        className={className}\n      >\n        <path\n          d=\"M15.667 1.833L6.5 11 2.333 6.833\"\n          stroke=\"#26262e\"\n          strokeWidth=\"3\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width=\"12\" height=\"12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M11.707 1.707A1 1 0 0010.293.293L6 4.586 1.707.293A1 1 0 00.293 1.707L4.586 6 .293 10.293a1 1 0 101.414 1.414L6 7.414l4.293 4.293a1 1 0 001.414-1.414L7.414 6l4.293-4.293z\"\n        fill=\"#d2d2d9\"\n      />\n    </svg>\n  );\n};\n\nexport default TableTrueFalse;\n"],"names":["_jsx"],"mappings":";;AAAA,IAAM,cAAc,GAAG,UAAC,EAMvB,EAAA;AALC,IAAA,IAAA,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,SAAc,EAAd,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;IAKd,IAAI,KAAK,EAAE;QACT,QACEA,aACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,EAAA,QAAA,EAEpBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EAAA,CACtB,EAAA,CACE;IAEV;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,QAAA,EACxEA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4KAA4K,EAC9K,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/esm/components/comparisonTable/index.js

@@ -1,8 +1,9 @@
-import { c as __awaiter, d as __generator, a as __assign } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator, b as __assign } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classNames } from '../../index-6ea95111.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
 import { useState, useRef, useCallback, useEffect, Fragment } from 'react';
-import { d as dist } from '../../index-caeac7cd.js';
+import { d as distExports } from '../../index-CqsS0Elu.js';
+import { AccordionItem } from './components/AccordionItem/AccordionItem.js';
 import Chevron from './components/Chevron.js';
 import Row from './components/Row/index.js';
 import TableArrows from './components/TableArrows/index.js';
@@ -11,25 +12,23 @@ export { default as TableInfoButton } from './components/TableInfoButton/index.j
 export { default as TableRating } from './components/TableRating/index.js';
 export { default as TableRowHeader } from './components/TableRowHeader/index.js';
 export { default as TableTrueFalse } from './components/TableTrueFalse.js';
-import { l as lodash_debounce } from '../../index-5e72c3d4.js';
-import { g as generateId } from '../../index-69a46657.js';
-import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
-import { AccordionItem } from './components/AccordionItem/AccordionItem.js';
-import '../../_commonjsHelpers-4730bd53.js';
+import { d as debounce } from '../../index-BClARCFl.js';
+import { g as generateId } from '../../index-CNcEE5dn.js';
+import { s as styleInject } from '../../style-inject.es-tgCJW-Cu.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../index-DYcCCrfR.js';
 import './components/TableArrows/Arrow.js';
 import '../icon/icons/Info.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import './components/TableRating/StarIcon.js';
 import './components/TableRating/ZapIcon.js';
-import '../../index-a0ef2ab4.js';
 
 var useComparisonTable = function (_a) {
     var onSelectionChanged = _a.onSelectionChanged;
     var _b = useState(false), showMore = _b[0], setShowMore = _b[1];
     var _c = useState(1400), headerWidth = _c[0], setHeaderWidth = _c[1];
     var _d = useState(0), selectedTabIndex = _d[0], setSelectedTabIndex = _d[1];
-    var _e = useState(''), selectedSection = _e[0], setSelectedSection = _e[1];
-    var _f = useState(''), headerId = _f[0], setHeaderId = _f[1];
+    var _e = useState(''), headerId = _e[0], setHeaderId = _e[1];
     var headerRef = useRef(null);
     var contentContainerRef = useRef(null);
     var observerRef = useRef(null);
@@ -78,7 +77,7 @@ var useComparisonTable = function (_a) {
         var currentTabIndex = Math.round(headerRef.current.scrollLeft / headerWidth);
         setSelectedTabIndex(currentTabIndex);
     };
-    var debouncedTableScroll = lodash_debounce(handleTableScroll, 150);
+    var debouncedTableScroll = debounce(handleTableScroll, 150);
     useEffect(function () {
         var _a, _b;
         (_a = headerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', debouncedTableScroll, {
@@ -127,8 +126,6 @@ var useComparisonTable = function (_a) {
         headerWidth: headerWidth,
         headerId: headerId,
         contentContainerRef: contentContainerRef,
-        selectedSection: selectedSection,
-        setSelectedSection: setSelectedSection,
         selectedTabIndex: selectedTabIndex,
         setSelectedTabIndex: setSelectedTabIndex,
         headerRefCallbackRef: headerRefCallbackRef,
@@ -138,23 +135,25 @@ var useComparisonTable = function (_a) {
     };
 };
 
-var css_248z = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none;\n  /* Firefox */\n  -ms-overflow-style: none;\n  /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none;\n    /* Firefox */\n    -ms-overflow-style: none;\n    /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #fafaff;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #fafaff;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #fafaff;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
+var css_248z = ".style-module_container__xHPlk {\n  width: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n@media (min-width: 34rem) {\n  .style-module_container__xHPlk {\n    scroll-snap-type: unset;\n  }\n}\n\n.style-module_noScrollBars__1ri_E {\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* Internet Explorer 10+ */\n}\n.style-module_noScrollBars__1ri_E::-webkit-scrollbar {\n  /* WebKit */\n  width: 0;\n  height: 0;\n}\n\n@media (max-width: 34rem) {\n  .style-module_noScrollBarsMobile__1txeg * {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none; /* Internet Explorer 10+ */\n  }\n  .style-module_noScrollBarsMobile__1txeg * -webkit-scrollbar {\n    /* WebKit */\n    width: 0;\n    height: 0;\n    display: none;\n  }\n}\n\n.style-module_section__1bf_0 + .style-module_section__1bf_0 {\n  margin-top: 48px;\n}\n@media (min-width: 34rem) {\n  .style-module_section__1bf_0 + .style-module_section__1bf_0 {\n    margin-top: 72px;\n  }\n}\n\n.style-module_overflow-container__oBPQw {\n  width: max-content;\n  min-width: 100%;\n}\n\n.style-module_group-container__2G6Ix {\n  display: flex;\n  flex-flow: column;\n  width: max-content;\n  width: var(--growContent, max-content);\n  margin: auto;\n}\n\n.style-module_group-title__2vvRm {\n  width: 100%;\n  background-color: #FAF8F5;\n  border-radius: 8px;\n}\n.style-module_group-title__2vvRm > h4 {\n  padding: 24px;\n  display: inline-block;\n}\n\n.style-module_sticky__2Xmbl {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2Xmbl {\n    border-right: 1px solid #f9f9fd;\n  }\n}\n\n.style-module_header__23SZy {\n  position: sticky;\n  top: 0;\n  top: var(--stickyHeaderTopOffset, 0);\n  z-index: 2;\n  background-color: white;\n}\n.style-module_header__23SZy .style-module_container__xHPlk {\n  -ms-overflow-style: none; /* IE and Edge */\n  scrollbar-width: none; /* Firefox */\n}\n.style-module_header__23SZy .style-module_container__xHPlk::-webkit-scrollbar {\n  display: none;\n}\n\n.style-module_show-details-container__1smn4 {\n  width: 100%;\n  border: none;\n}\n\n.style-module_show-details-button__3HR-p {\n  font-family: inherit;\n  background-color: #FAF8F5;\n  border: none;\n  border-radius: 8px;\n  height: 64px;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_show-details-button__3HR-p svg {\n  margin-left: 8px;\n}\n.style-module_show-details-button__3HR-p:hover {\n  background-color: #FCF7EF;\n}\n\n.style-module_icon-inverted__1SnO1 {\n  transform: rotate(180deg);\n  transition: all 0.25s ease;\n}";
 var baseStyles = {"container":"style-module_container__xHPlk","noScrollBars":"style-module_noScrollBars__1ri_E","noScrollBarsMobile":"style-module_noScrollBarsMobile__1txeg","section":"style-module_section__1bf_0","overflow-container":"style-module_overflow-container__oBPQw","group-container":"style-module_group-container__2G6Ix","group-title":"style-module_group-title__2vvRm","sticky":"style-module_sticky__2Xmbl","header":"style-module_header__23SZy","show-details-container":"style-module_show-details-container__1smn4","show-details-button":"style-module_show-details-button__3HR-p","icon-inverted":"style-module_icon-inverted__1SnO1"};
 styleInject(css_248z);
 
 var ComparisonTable = function (props) {
     var _a;
-    var headers = props.headers, data = props.data, hideDetails = props.hideDetails, _b = props.hideDetailsCaption, hideDetailsCaption = _b === void 0 ? 'Hide details' : _b, _c = props.showDetailsCaption, showDetailsCaption = _c === void 0 ? 'Show details' : _c, classNameOverrides = props.classNameOverrides, hideScrollBars = props.hideScrollBars, _d = props.hideScrollBarsMobile, hideScrollBarsMobile = _d === void 0 ? true : _d, collapsibleSections = props.collapsibleSections, cellWidth = props.cellWidth, firstColumnWidth = props.firstColumnWidth, stickyHeaderTopOffset = props.stickyHeaderTopOffset, growContent = props.growContent, onSelectionChanged = props.onSelectionChanged;
-    var _e = useComparisonTable({ onSelectionChanged: onSelectionChanged }), headerWidth = _e.headerWidth, headerId = _e.headerId, contentContainerRef = _e.contentContainerRef, selectedSection = _e.selectedSection, setSelectedSection = _e.setSelectedSection, selectedTabIndex = _e.selectedTabIndex, headerRefCallbackRef = _e.headerRefCallbackRef, handleArrowsClick = _e.handleArrowsClick, toggleMoreRows = _e.toggleMoreRows, showMore = _e.showMore;
+    var headers = props.headers, data = props.data, hideDetails = props.hideDetails, _b = props.hideDetailsCaption, hideDetailsCaption = _b === void 0 ? 'Hide details' : _b, _c = props.showDetailsCaption, showDetailsCaption = _c === void 0 ? 'Show details' : _c, classNameOverrides = props.classNameOverrides, hideScrollBars = props.hideScrollBars, _d = props.hideScrollBarsMobile, hideScrollBarsMobile = _d === void 0 ? true : _d, collapsibleSections = props.collapsibleSections, scrollOnOpen = props.scrollOnOpen, _e = props.scrollTopOffset, scrollTopOffset = _e === void 0 ? 0 : _e, cellWidth = props.cellWidth, firstColumnWidth = props.firstColumnWidth, stickyHeaderTopOffset = props.stickyHeaderTopOffset, growContent = props.growContent, onSelectionChanged = props.onSelectionChanged;
+    var _f = useComparisonTable({ onSelectionChanged: onSelectionChanged }), headerWidth = _f.headerWidth, headerId = _f.headerId, contentContainerRef = _f.contentContainerRef, selectedTabIndex = _f.selectedTabIndex, headerRefCallbackRef = _f.headerRefCallbackRef, handleArrowsClick = _f.handleArrowsClick, toggleMoreRows = _f.toggleMoreRows, showMore = _f.showMore;
+    var _g = useState(null), openSectionId = _g[0], setOpenSectionId = _g[1];
+    var stickyHeaderRef = useRef(null);
     var cssVariablesStyle = __assign(__assign(__assign(__assign({ '--tableWidth': "".concat(headerWidth, "px") }, (cellWidth ? { '--cellWidth': "".concat(cellWidth, "px") } : {})), (firstColumnWidth
         ? { '--firstColumnWidth': "".concat(firstColumnWidth, "px") }
         : {})), (stickyHeaderTopOffset
         ? { '--stickyHeaderTopOffset': "".concat(stickyHeaderTopOffset, "px") }
         : {})), (growContent ? { '--growContent': '100%' } : {}));
-    return (jsx(dist.exports.ScrollSync, { onSync: headerRefCallbackRef, children: jsxs("div", { style: cssVariablesStyle, className: classNames((_a = {},
+    return (jsx(distExports.ScrollSync, { onSync: headerRefCallbackRef, children: jsxs("div", { style: cssVariablesStyle, className: classNames((_a = {},
                 _a[baseStyles.noScrollBars] = hideScrollBars,
                 _a[baseStyles.noScrollBarsMobile] = hideScrollBarsMobile,
-                _a)), children: [jsx("div", { id: headerId, className: classNames(baseStyles.header, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.header), children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container), children: jsx("div", { className: classNames(baseStyles['overflow-container']), children: jsxs("div", { className: baseStyles['group-container'], children: [jsx(TableArrows, { onClick: handleArrowsClick, active: {
+                _a)), children: [jsx("div", { ref: stickyHeaderRef, id: headerId, className: classNames(baseStyles.header, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.header), children: jsx(distExports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container), children: jsx("div", { className: classNames(baseStyles['overflow-container']), children: jsxs("div", { className: baseStyles['group-container'], children: [jsx(TableArrows, { onClick: handleArrowsClick, active: {
                                                 left: selectedTabIndex > 0,
                                                 right: selectedTabIndex < data.length - 1,
                                             } }), jsx(Row, { rowId: "table-header-row", cell: headers[0].cells[0], data: data, isRowHeader: true, cellClassName: classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.headerCell }, "table-header-row")] }) }) }) }) }), jsxs("div", { ref: contentContainerRef, children: [Array.isArray(headers) &&
@@ -162,7 +161,7 @@ var ComparisonTable = function (props) {
                                 .filter(function (headerGroup) { return !hideDetails || showMore || headerGroup.default; })
                                 .map(function (headerGroup, headerGroupIndex) {
                                 var _a, _b;
-                                var _c;
+                                var _c, _d, _e;
                                 var content = (_c = headerGroup.cells) === null || _c === void 0 ? void 0 : _c.map(function (cell, index) {
                                     var _a;
                                     var rowId = "".concat(headerGroup.id, "-").concat((_a = cell.key) !== null && _a !== void 0 ? _a : 'addon', "-").concat(index);
@@ -172,16 +171,21 @@ var ComparisonTable = function (props) {
                                     return (jsx(Row, { rowId: rowId, cell: cell, data: data, cellClassName: classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.cell }, rowId));
                                 });
                                 var idString = "headerGroup-".concat(headerGroup.id);
-                                return (jsx(Fragment, { children: headerGroup.label && collapsibleSections ? (jsx(AccordionItem, { className: classNames('mt16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.collapsibleSection), label: headerGroup.label, headerClassName: "p24 br8", isOpen: selectedSection === idString, onOpen: function () { return setSelectedSection(idString); }, onClose: function () { return setSelectedSection(''); }, children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_a = {},
+                                return (jsx(Fragment, { children: headerGroup.label && collapsibleSections ? (jsx(AccordionItem, { className: classNames('mt16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.collapsibleSection), label: headerGroup.label, headerClassName: "p24 br8", isOpen: openSectionId === headerGroup.id, onToggle: function () {
+                                            return setOpenSectionId(function (prev) {
+                                                return prev === headerGroup.id ? null : headerGroup.id;
+                                            });
+                                        }, scrollOnOpen: scrollOnOpen, scrollTopOffset: scrollTopOffset +
+                                            ((_e = (_d = stickyHeaderRef.current) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().height) !== null && _e !== void 0 ? _e : 0), children: jsx(distExports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_a = {},
                                                     _a[baseStyles.noScrollBars] = hideScrollBars,
-                                                    _a)), children: jsx("div", { className: classNames(baseStyles['overflow-container']), children: jsx("div", { className: baseStyles['group-container'], children: content }) }) }) }) })) : (jsx("section", { className: classNames(baseStyles.section, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.section), children: jsx(dist.exports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_b = {},
+                                                    _a)), children: jsx("div", { className: classNames(baseStyles['overflow-container']), children: jsx("div", { className: baseStyles['group-container'], children: content }) }) }) }) })) : (jsx("section", { className: classNames(baseStyles.section, classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.section), children: jsx(distExports.ScrollSyncPane, { children: jsx("div", { className: classNames(baseStyles.container, 'pb16', classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.container, (_b = {},
                                                     _b[baseStyles.noScrollBars] = hideScrollBars,
                                                     _b)), children: jsx("div", { className: classNames(baseStyles['overflow-container']), children: jsxs("div", { className: baseStyles['group-container'], children: [
                                                             /**
                                                              * Print a table subheader if the `label` value is present
                                                              */
                                                             headerGroup.label && !collapsibleSections && (jsx("div", { className: baseStyles['group-title'], children: jsx("h4", { className: "p-h4 ".concat(baseStyles.sticky), children: headerGroup.label }) })), content] }) }) }) }) }, idString)) }, idString));
-                            }), hideDetails && (jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsx("div", { children: jsxs("button", { className: classNames('w100 d-flex p-a p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
+                            }), hideDetails && (jsx("div", { className: classNames(baseStyles['show-details-container'], baseStyles.sticky, 'mt48'), children: jsx("div", { children: jsxs("button", { className: classNames('w100 d-flex p-h4 c-pointer', baseStyles['show-details-button'], classNameOverrides === null || classNameOverrides === void 0 ? void 0 : classNameOverrides.hideDetailsButton), onClick: toggleMoreRows, type: "button", children: [showMore ? hideDetailsCaption : showDetailsCaption, jsx(Chevron, { className: showMore ? '' : baseStyles['icon-inverted'] })] }) }) }))] })] }) }));
 };
 
 export { ComparisonTable };