@popsure/dirty-swan 0.33.0 → 0.33.2

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

@@ -0,0 +1,8 @@
+export { AccordionItem } from './AccordionItem.js';
+import '../../../../tslib.es6-5bc94358.js';
+import 'react/jsx-runtime';
+import '../../../../index-21239ab0.js';
+import 'react';
+import '../../../../index-e9e37a34.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var Chevron = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ width: "20", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M15 12.5l-5-5-5 5", stroke: "#8E8CEE", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+};
+
+export default Chevron;
+//# sourceMappingURL=Chevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.js","sources":["../../../../../../src/lib/components/comparisonTable/components/Chevron.tsx"],"sourcesContent":["const Chevron = ({ className }: { className?: string }) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    className={className}\n  >\n    <path\n      d=\"M15 12.5l-5-5-5 5\"\n      stroke=\"#8E8CEE\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport default Chevron;\n"],"names":["_jsx"],"mappings":";;;IAAM,OAAO,GAAG,UAAC,EAAqC;QAAnC,SAAS,eAAA;IAA+B,QACzDA,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,mBAAmB,EACrB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAfmD;;;;"}

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

@@ -0,0 +1,36 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".style-module_header__32rw- {\n  position: relative;\n}\n.style-module_header__32rw- > div {\n  width: var(--tableWidth);\n  max-width: 100vw;\n}\n.style-module_header__32rw- > div:nth-child(n+3) {\n  margin: 0;\n}\n@media (min-width: 34rem) {\n  .style-module_header__32rw- > div {\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    max-width: var(--tableWidth);\n    scroll-snap-align: unset;\n  }\n}\n\n.style-module_cell__1NoZ6 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  scroll-snap-align: end;\n  line-height: 24px;\n  padding: 16px;\n  color: #4c4c53;\n  width: 50vw;\n  max-width: calc(var(--tableWidth) / 2);\n}\n.style-module_cell__1NoZ6:first-child {\n  background-color: white;\n  /** Add scroll snap to every column except the first one */\n  scroll-snap-align: unset;\n}\n.style-module_cell__1NoZ6:nth-child(n+3) {\n  margin-left: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6:nth-child(n+3) {\n    margin-left: unset;\n  }\n}\n@media (min-width: 34rem) {\n  .style-module_cell__1NoZ6 {\n    flex: 1 0 256px;\n    flex: 1 0 var(--cellWidth, 256px);\n    width: 256px;\n    width: var(--cellWidth, 256px);\n    padding: 24px;\n  }\n  .style-module_cell__1NoZ6:last-child {\n    padding: 24px 8px 24px 24px;\n  }\n}\n\nh4.style-module_cell__1NoZ6 {\n  max-width: min(288px, calc(var(--tableWidth) / 2));\n  max-width: min(var(--firstColumnWidth, 288px), calc(var(--tableWidth) / 2));\n}\n\n.style-module_title__1xYvu {\n  position: relative;\n  color: #26262e;\n  display: none;\n}\n.style-module_title__1xYvu:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: calc( 50% + 16px );\n  height: 4px;\n  width: 100%;\n  max-width: 140px;\n  background-color: #8e8cee;\n}\n@media (min-width: 34rem) {\n  .style-module_title__1xYvu {\n    display: flex;\n  }\n}\n\n.style-module_sticky__2T5jm {\n  position: sticky;\n  justify-content: flex-start;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  width: 50vw;\n}\n@media (min-width: 34rem) {\n  .style-module_sticky__2T5jm {\n    border-right: 1px solid #fafaff;\n    flex: 1 0 288px;\n  }\n}\n\nh4.style-module_addon__CPf60 {\n  border-right: none;\n  max-width: calc(100vw - 64px);\n  width: 100vw;\n}\n@media (min-width: 64rem) {\n  h4.style-module_addon__CPf60 {\n    max-width: 976px;\n  }\n}";
+var styles = {"header":"style-module_header__32rw-","cell":"style-module_cell__1NoZ6","title":"style-module_title__1xYvu","sticky":"style-module_sticky__2T5jm","addon":"style-module_addon__CPf60"};
+styleInject(css_248z);
+
+var Row = function (props) {
+    var cell = props.cell, data = props.data, isRowHeader = props.isRowHeader, rowId = props.rowId;
+    return (jsxs("div", __assign({ className: "\n        d-flex\n        w-100\n        " + (isRowHeader ? styles.header : '') + "\n      " }, { children: [jsx("h4", __assign({ className: "\n          " + styles.cell + "\n          " + styles.sticky + "\n          " + (isRowHeader ? "p-h2 p--serif " + styles.title : '') + "\n          " + (typeof cell.key === 'undefined' ? styles.addon : '') + "\n        " }, { children: cell.label }), void 0),
+            Array.isArray(data) &&
+                data.map(function (item) {
+                    /**
+                     * Do not render a cell if
+                     * the data source object doesn't have the current key
+                     */
+                    if (typeof cell.key === 'undefined')
+                        return null;
+                    if (typeof item[cell.key] === 'undefined')
+                        return null;
+                    return (jsx("div", __assign({ className: "ta-center " + styles.cell }, { children: 
+                        /**
+                         * Return a function if `render` option is present
+                         * else print the current data source value
+                         */
+                        typeof cell.render === 'function'
+                            ? cell.render(item[cell.key], item)
+                            : "" + item[cell.key] }), rowId + "-" + item.id));
+                })] }), rowId));
+};
+var Row$1 = React__default.memo(Row);
+
+export default Row$1;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Cell } from '../../index';\nimport styles from './style.module.scss';\n\ninterface RowProps<T> {\n  cell: Cell<T>;\n  data: Array<T>;\n  isRowHeader?: boolean;\n  rowId: string;\n}\n\nconst Row = <T extends { id: number }>(props: RowProps<T>) => {\n  const { cell, data, isRowHeader, rowId } = props;\n\n  return (\n    <div\n      key={rowId}\n      className={`\n        d-flex\n        w-100\n        ${isRowHeader ? styles.header : ''}\n      `}\n    >\n      <h4\n        className={`\n          ${styles.cell}\n          ${styles.sticky}\n          ${isRowHeader ? `p-h2 p--serif ${styles.title}` : ''}\n          ${typeof cell.key === 'undefined' ? styles.addon : ''}\n        `}\n      >\n        {cell.label}\n      </h4>\n\n      {Array.isArray(data) &&\n        data.map((item) => {\n          /**\n           * Do not render a cell if\n           * the data source object doesn't have the current key\n           */\n          if (typeof cell.key === 'undefined') return null;\n          if (typeof item[cell.key] === 'undefined') return null;\n\n          return (\n            <div\n              className={`ta-center ${styles.cell}`}\n              key={`${rowId}-${item.id}`}\n            >\n              {\n                /**\n                 * Return a function if `render` option is present\n                 * else print the current data source value\n                 */\n                typeof cell.render === 'function'\n                  ? cell.render(item[cell.key], item)\n                  : `${item[cell.key]}`\n              }\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n\nexport default React.memo(Row) as typeof Row;\n"],"names":["_jsxs","_jsx","React"],"mappings":";;;;;;;;;AAYA,IAAM,GAAG,GAAG,UAA2B,KAAkB;IAC/C,IAAA,IAAI,GAA+B,KAAK,KAApC,EAAE,IAAI,GAAyB,KAAK,KAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEjD,QACEA,uBAEE,SAAS,EAAE,+CAGP,WAAW,GAAG,MAAM,CAAC,MAAM,GAAG,EAAE,cACnC,iBAEDC,qBACE,SAAS,EAAE,iBACP,MAAM,CAAC,IAAI,oBACX,MAAM,CAAC,MAAM,qBACb,WAAW,GAAG,mBAAiB,MAAM,CAAC,KAAO,GAAG,EAAE,sBAClD,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW,GAAG,MAAM,CAAC,KAAK,GAAG,EAAE,gBACtD,gBAEA,IAAI,CAAC,KAAK,YACR;YAEJ,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;;;;oBAKZ,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBACjD,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,WAAW;wBAAE,OAAO,IAAI,CAAC;oBAEvD,QACEA,sBACE,SAAS,EAAE,eAAa,MAAM,CAAC,IAAM;;;;;wBAQnC,OAAO,IAAI,CAAC,MAAM,KAAK,UAAU;8BAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC;8BACjC,KAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAG,KATjB,KAAK,SAAI,IAAI,CAAC,EAAI,CAWtB,EACN;iBACH,CAAC,MA3CC,KAAK,CA4CN,EACN;AACJ,CAAC,CAAC;AAEF,YAAeC,cAAK,CAAC,IAAI,CAAC,GAAG,CAAe;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ArrowIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default ArrowIcon;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +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,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,iCAAiC,EACnC,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE;AAfqD;;;;"}

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

@@ -0,0 +1,24 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { c as classnames } from '../../../../index-e9e37a34.js';
+import ArrowIcon from './Arrow.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.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: #e6e5ff;\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}";
+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"};
+styleInject(css_248z);
+
+var TableArrows = function (props) {
+    var _a, _b;
+    var active = props.active, onClick = props.onClick;
+    var handleButtonClick = function (value) { return function () { return onClick(value); }; };
+    return (jsxs("div", __assign({ className: styles.container }, { children: [jsx("button", __assign({ onClick: handleButtonClick('prev'), className: classnames("p-btn--secondary d-flex", styles.prev, styles.arrow, (_a = {},
+                    _a[styles.active] = active.left,
+                    _a)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0),
+            jsx("button", __assign({ onClick: handleButtonClick('next'), className: classnames("p-btn--secondary d-flex", styles.next, styles.arrow, (_b = {},
+                    _b[styles.active] = active.right,
+                    _b)) }, { children: jsx(ArrowIcon, {}, void 0) }), void 0)] }), void 0));
+};
+
+export default TableArrows;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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          }\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          }\n        )}\n      >\n        <ArrowIcon />\n      </button>\n    </div>\n  );\n};\n\nexport default TableArrows;\n"],"names":["_jsxs","_jsx","classNames"],"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,uBAAK,SAAS,EAAE,MAAM,CAAC,SAAS,iBAC9BC,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,IAAI;wBAE/B,gBAEDD,IAAC,SAAS,aAAG,YACN;YACTA,yBACE,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAClC,SAAS,EAAEC,UAAU,CACnB,yBAAyB,EACzB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK;oBAEV,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM,CAAC,KAAK;wBAEhC,gBAEDD,IAAC,SAAS,aAAG,YACN,aACL,EACN;AACJ;;;;"}

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

@@ -0,0 +1,15 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".style-module_button__2W-YC {\n  background-color: transparent;\n  color: #4c4c53;\n  cursor: pointer;\n  margin: 2px 0;\n  padding: 2px;\n  transition: color 0.3s ease;\n}\n.style-module_button__2W-YC span {\n  border-bottom: 2px dashed #696970;\n  display: inline;\n  transition: border-color 0.3s ease;\n}\n.style-module_button__2W-YC:hover, .style-module_button__2W-YC:focus {\n  color: #8e8cee;\n  outline-color: #8e8cee;\n}\n.style-module_button__2W-YC:hover span, .style-module_button__2W-YC:focus span {\n  border-color: #8e8cee;\n}";
+var styles = {"button":"style-module_button__2W-YC"};
+styleInject(css_248z);
+
+var TableButton = function (_a) {
+    var children = _a.children, onClick = _a.onClick, _b = _a.className, className = _b === void 0 ? '' : _b;
+    return (jsx("button", __assign({ className: styles.button + " " + className, "data-testid": "ds-table-button", onClick: onClick }, { children: jsx("span", { children: children }, void 0) }), void 0));
+};
+
+export default TableButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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';\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  <button\n    className={`${styles.button} ${className}`}\n    data-testid=\"ds-table-button\"\n    onClick={onClick}\n  >\n    <span>\n      {children}\n    </span>\n  </button>\n);\n\nexport default TableButton;\n"],"names":["_jsx"],"mappings":";;;;;;;;IASM,WAAW,GAAoB,UAAC,EAIrC;QAHC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IACV,QACJA,yBACE,SAAS,EAAK,MAAM,CAAC,MAAM,SAAI,SAAW,iBAC9B,iBAAiB,EAC7B,OAAO,EAAE,OAAO,gBAEhBA,wBACG,QAAQ,WACJ,YACA;AATL;;;;"}

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

@@ -0,0 +1,37 @@
+import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender } from '../../../../customRender-4157fcff.js';
+import '../../../../extend-expect-46bdce4a.js';
+import TableButton from './index.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-e7f67fd8.js';
+import 'react-dom/test-utils';
+import 'os';
+import 'tty';
+import '../../../../style-inject.es-1f59c1d0.js';
+
+var mockOnClick = jest.fn();
+var buttonContent = "Table Button label";
+var setup = function () { return customRender(jsx(TableButton, __assign({ onClick: mockOnClick }, { children: buttonContent }), void 0)); };
+describe('TableButton component', function () {
+    it("should render button content", function () {
+        var getByText = setup().getByText;
+        expect(getByText(buttonContent)).toBeInTheDocument();
+    });
+    it("should call onClick", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setup(), getByText = _a.getByText, user = _a.user;
+                    return [4 /*yield*/, user.click(getByText(buttonContent))];
+                case 1:
+                    _b.sent();
+                    expect(mockOnClick).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

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

@@ -0,0 +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 = () => render(\n  <TableButton onClick={mockOnClick}>{buttonContent}</TableButton>\n);\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 { getByText, user } = setup();\n\n    await user.click(getByText(buttonContent));\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,cAAM,OAAAA,YAAM,CACxBC,IAAC,WAAW,aAAC,OAAO,EAAE,WAAW,gBAAG,aAAa,YAAe,CACjE,GAAA,CAAC;AAEF,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,KAAsB,KAAK,EAAE,EAA3B,SAAS,eAAA,EAAE,IAAI,UAAA,CAAa;oBAEpC,qBAAM,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAA;;oBAA1C,SAA0C,CAAC;oBAE3C,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SACxC,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -0,0 +1,22 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.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, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #e6e5ff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\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("span", __assign({ role: "button", className: "p-btn--secondary " + styles.button + " " + className, onClick: onClick, onKeyDown: function (e) {
+            e.stopPropagation();
+            if (e.key === 'Enter' || e.key === " ") {
+                onClick();
+            }
+        }, tabIndex: 0 }, { children: jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 2.66667C5.94991 2.66667 2.66667 5.94991 2.66667 10C2.66667 14.0501 5.94991 17.3333 10 17.3333C14.0501 17.3333 17.3333 14.0501 17.3333 10C17.3333 5.94991 14.0501 2.66667 10 2.66667ZM0.666667 10C0.666667 4.84534 4.84534 0.666667 10 0.666667C15.1547 0.666667 19.3333 4.84534 19.3333 10C19.3333 15.1547 15.1547 19.3333 10 19.3333C4.84534 19.3333 0.666667 15.1547 0.666667 10Z" }, void 0),
+                jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 9C10.5523 9 11 9.44772 11 10V13.3333C11 13.8856 10.5523 14.3333 10 14.3333C9.44772 14.3333 9 13.8856 9 13.3333V10C9 9.44772 9.44772 9 10 9Z" }, void 0),
+                jsx("path", { d: "M10.8333 6.66667C10.8333 7.1269 10.4602 7.5 10 7.5C9.53976 7.5 9.16667 7.1269 9.16667 6.66667C9.16667 6.20643 9.53976 5.83333 10 5.83333C10.4602 5.83333 10.8333 6.20643 10.8333 6.66667Z" }, void 0)] }), void 0) }), void 0));
+};
+
+export default TableInfoButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableInfoButton/index.tsx"],"sourcesContent":["import styles from './style.module.scss';\n\nconst TableInfoButton = ({\n  onClick,\n  className = '',\n}: {\n  onClick: () => void;\n  className?: string;\n}) => (\n  <span\n    role=\"button\"\n    className={`p-btn--secondary ${styles.button} ${className}`}\n    onClick={onClick}\n    onKeyDown={(e) => {\n      e.stopPropagation();\n\n      if (e.key === 'Enter' || e.key === \" \") {\n        onClick();\n      }\n    }}\n    tabIndex={0}\n  >\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 2.66667C5.94991 2.66667 2.66667 5.94991 2.66667 10C2.66667 14.0501 5.94991 17.3333 10 17.3333C14.0501 17.3333 17.3333 14.0501 17.3333 10C17.3333 5.94991 14.0501 2.66667 10 2.66667ZM0.666667 10C0.666667 4.84534 4.84534 0.666667 10 0.666667C15.1547 0.666667 19.3333 4.84534 19.3333 10C19.3333 15.1547 15.1547 19.3333 10 19.3333C4.84534 19.3333 0.666667 15.1547 0.666667 10Z\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10 9C10.5523 9 11 9.44772 11 10V13.3333C11 13.8856 10.5523 14.3333 10 14.3333C9.44772 14.3333 9 13.8856 9 13.3333V10C9 9.44772 9.44772 9 10 9Z\"\n      />\n      <path d=\"M10.8333 6.66667C10.8333 7.1269 10.4602 7.5 10 7.5C9.53976 7.5 9.16667 7.1269 9.16667 6.66667C9.16667 6.20643 9.53976 5.83333 10 5.83333C10.4602 5.83333 10.8333 6.20643 10.8333 6.66667Z\" />\n    </svg>\n  </span>\n);\n\nexport default TableInfoButton;\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;IAEM,eAAe,GAAG,UAAC,EAMxB;QALC,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAIV,QACJA,uBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,sBAAoB,MAAM,CAAC,MAAM,SAAI,SAAW,EAC3D,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAC,CAAC;YACX,CAAC,CAAC,eAAe,EAAE,CAAC;YAEpB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtC,OAAO,EAAE,CAAC;aACX;SACF,EACD,QAAQ,EAAE,CAAC,gBAEXC,uBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElCD,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yXAAyX,WAC3X;gBACFA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iJAAiJ,WACnJ;gBACFA,cAAM,CAAC,EAAC,2LAA2L,WAAG,aAClM,YACD;AAjCH;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var StarIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default StarIcon;
+//# sourceMappingURL=StarIcon.js.map

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

@@ -0,0 +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,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cAAM,CAAC,EAAC,iRAAiR,WAAG,YACxR;AATmD;;;;"}

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

@@ -0,0 +1,10 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ZapIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default ZapIcon;
+//# sourceMappingURL=ZapIcon.js.map

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

@@ -0,0 +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,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yHAAyH,WAC3H,YACE;AAbkD;;;;"}

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

@@ -0,0 +1,27 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { c as classnames } from '../../../../index-e9e37a34.js';
+import StarIcon from './StarIcon.js';
+import ZapIcon from './ZapIcon.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+import '../../../../tslib.es6-5bc94358.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 styles = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
+styleInject(css_248z);
+
+var getRatingIcon = function (type) {
+    var iconDictionary = {
+        zap: ZapIcon,
+        star: StarIcon,
+    };
+    return iconDictionary[type] || iconDictionary['star'];
+};
+var VALID_VALUES = [1, 2, 3];
+var TableRating = function (props) {
+    var rating = props.rating, type = props.type;
+    var SelectedIcon = getRatingIcon(type);
+    return (jsx(Fragment, { children: VALID_VALUES.map(function (value) { return (jsx(SelectedIcon, { className: classnames(styles.icon, value <= rating ? styles.filled : styles.empty) }, value)); }) }, void 0));
+};
+
+export default TableRating;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","classNames"],"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,EAAEC,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,KAAK,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,CAC/C,IAJI,KAAK,CAKV,IACH,CAAC,WACD,EACH;AACJ;;;;"}

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

@@ -0,0 +1,18 @@
+import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import TableButton from '../TableButton/index.js';
+import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".style-module_icon__30Nor {\n  min-width: 20px;\n}";
+var styles = {"icon":"style-module_icon__30Nor"};
+styleInject(css_248z);
+
+var TableRowHeader = function (_a) {
+    var icon = _a.icon, label = _a.label, subtitle = _a.subtitle, onClickInfo = _a.onClickInfo;
+    return (jsxs("div", __assign({ className: "d-flex" }, { children: [icon && jsx("span", __assign({ className: "mr8 " + styles.icon }, { children: icon }), void 0),
+            jsxs("div", { children: [jsx("p", __assign({ className: "p-p d-inline" }, { children: !onClickInfo ? (jsx("span", { children: label }, void 0)) : (jsx(TableButton, __assign({ className: "mr8 ta-left", onClick: onClickInfo }, { children: label }), void 0)) }), void 0),
+                    subtitle && jsx("p", __assign({ className: "p-p--small tc-grey-500" }, { children: subtitle }), void 0)] }, void 0)] }), void 0));
+};
+
+export default TableRowHeader;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/lib/components/comparisonTable/components/TableRowHeader/index.tsx"],"sourcesContent":["import TableButton from '../TableButton';\nimport styles from './style.module.scss';\n\ninterface TableRowHeaderProps {\n  label: string;\n  icon?: string;\n  subtitle?: string;\n  onClickInfo?: () => void;\n}\n\nconst TableRowHeader = ({ icon, label, subtitle, onClickInfo }: 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        {!onClickInfo ? (\n          <span>{label}</span>\n        ) : (\n          <TableButton className=\"mr8 ta-left\" onClick={onClickInfo}>\n            {label}\n          </TableButton>\n        )}\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":";;;;;;;;;IAUM,cAAc,GAAG,UAAC,EAA2D;QAAzD,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA;IAA4B,QACtFA,uBAAK,SAAS,EAAC,QAAQ,iBACpB,IAAI,IAAIC,uBAAM,SAAS,EAAE,SAAO,MAAM,CAAC,IAAM,gBAAG,IAAI,YAAQ;YAC7DD,yBACEC,oBAAG,SAAS,EAAC,cAAc,gBACxB,CAAC,WAAW,IACXA,wBAAO,KAAK,WAAQ,KAEpBA,IAAC,WAAW,aAAC,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,gBACtD,KAAK,YACM,CACf,YACC;oBACH,QAAQ,IAAIA,oBAAG,SAAS,EAAC,wBAAwB,gBAAE,QAAQ,YAAK,YAC7D,aACF;AAfgF;;;;"}

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

@@ -0,0 +1,82 @@
+import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender } from '../../../../customRender-4157fcff.js';
+import '../../../../extend-expect-46bdce4a.js';
+import TableRowHeader from './index.js';
+import 'react';
+import 'react-dom';
+import '../../../../_commonjsHelpers-e7f67fd8.js';
+import 'react-dom/test-utils';
+import 'os';
+import 'tty';
+import '../TableButton/index.js';
+import '../../../../style-inject.es-1f59c1d0.js';
+
+var mockOnClick = jest.fn();
+var label = "Table label";
+var subtitle = "Subtitle label";
+var icon = "🎉";
+var buttonTestId = "ds-table-button";
+var setup = function (props) {
+    if (props === void 0) { props = {}; }
+    return customRender(jsx(TableRowHeader, __assign({ label: label }, props), void 0));
+};
+describe('TableRowHeader component', function () {
+    it("should render label", function () {
+        var getByText = setup().getByText;
+        expect(getByText(label)).toBeInTheDocument();
+    });
+    it("should not render subtitle", function () {
+        var queryByText = setup().queryByText;
+        expect(queryByText(subtitle)).not.toBeInTheDocument();
+    });
+    it("should render subtitle", function () {
+        var getByText = setup({ subtitle: subtitle }).getByText;
+        expect(getByText(subtitle)).toBeInTheDocument();
+    });
+    it("should not render icon", function () {
+        var queryByText = setup().queryByText;
+        expect(queryByText(icon)).not.toBeInTheDocument();
+    });
+    it("should render icon", function () {
+        var getByText = setup({ icon: icon }).getByText;
+        expect(getByText(icon)).toBeInTheDocument();
+    });
+    it("should not render button if onClickInfo is not defined", function () {
+        var queryByTestId = setup().queryByTestId;
+        expect(queryByTestId(buttonTestId)).not.toBeInTheDocument();
+    });
+    it("should render button if onClickInfo is defined", function () {
+        var getByTestId = setup({ onClickInfo: mockOnClick }).getByTestId;
+        expect(getByTestId(buttonTestId)).toBeInTheDocument();
+    });
+    it("should not call onClickInfo if not defined", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setup(), getByText = _a.getByText, user = _a.user;
+                    return [4 /*yield*/, user.click(getByText(label))];
+                case 1:
+                    _b.sent();
+                    expect(mockOnClick).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("should call onClickInfo if defined", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, user;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = setup({ onClickInfo: mockOnClick }), getByText = _a.getByText, user = _a.user;
+                    return [4 /*yield*/, user.click(getByText(label))];
+                case 1:
+                    _b.sent();
+                    expect(mockOnClick).toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

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

@@ -0,0 +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-button\";\n\nconst setup = (props: Partial<TableRowHeaderProps> = {}) => render(\n  <TableRowHeader \n    label={label} \n    {...props}\n  />\n);\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 { getByText, user } = setup({ onClickInfo: mockOnClick });\n\n    await user.click(getByText(label));\n\n    expect(mockOnClick).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
+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", __assign({ 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" }, void 0) }), void 0));
+    }
+    return (jsx("svg", __assign({ 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" }, void 0) }), void 0));
+};
+
+export default TableTrueFalse;
+//# sourceMappingURL=TableTrueFalse.js.map

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

@@ -0,0 +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,sBACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAE,SAAS,gBAEpBA,cACE,CAAC,EAAC,kCAAkC,EACpC,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,WACtB,YACE,EACN;KACH;IAED,QACEA,sBAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,gBACxEA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4KAA4K,EAC9K,IAAI,EAAC,SAAS,WACd,YACE,EACN;AACJ;;;;"}