@popsure/dirty-swan 0.55.2 → 0.56.0

package/dist/esm/components/table/components/TableCell/BaseCell/BaseCell.stories.js

@@ -10,7 +10,7 @@ import '../../../../icon/icons/StarFilled.js';
 import '../../../../icon/icons/X.js';
 import '../../../../icon/icons/ZapFilled.js';
 import './MiniProgressBar/MiniProgressBar.js';
-import '../../../../../index-3d286178.js';
+import '../../../../../index-af1860d8.js';
 import '../../../../../_commonjsHelpers-4730bd53.js';
 import '../../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../../icon/icons/Info.js';

package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js

@@ -1,8 +1,8 @@
-import { b as __rest, a as __assign } from '../../../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as classNames } from '../../../../../index-6ea95111.js';
 import { s as styleInject } from '../../../../../style-inject.es-1f59c1d0.js';
 import { Button } from '../../../../button/index.js';
+import '../../../../../tslib.es6-a39f91fc.js';
 import 'react';
 
 var css_248z = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d8;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f5f6fb;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f5f6fb;\n}\n@media (max-width: 34rem) {\n  .ButtonCell-module_buttonCell__x4NNi {\n    pointer-events: none;\n  }\n}\n\n.ButtonCell-module_withoutPrice__2rpe9 {\n  height: 64px;\n}\n\n.ButtonCell-module_withPrice__3bd_t {\n  height: 75px;\n}\n\n.ButtonCell-module_selected__22pF_ {\n  transition: all 0.3 ease-in-out;\n  border: 2px solid #8e8cee;\n  background-color: #f7f7ff;\n}";
@@ -11,12 +11,12 @@ styleInject(css_248z);
 
 var ButtonCell = function (_a) {
     var _b;
-    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, rest = __rest(_a, ["isSelected", "onClick", "buttonCaption", "price", "disabled", "className"]);
-    return (jsx("div", __assign({ className: classNames("w100 d-flex fd-column ai-center jc-center gap8", className) }, rest, { children: jsxs(Button, { className: classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, (_b = {},
+    var isSelected = _a.isSelected, onClick = _a.onClick, buttonCaption = _a.buttonCaption, price = _a.price, disabled = _a.disabled, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
+    return (jsx("div", { className: classNames("w100 d-flex fd-column ai-center jc-center gap8", className), "data-cy": dataCy, "data-testid": dataTestId, children: jsxs(Button, { className: classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, (_b = {},
                 _b[styles.selected] = isSelected,
                 _b[styles.withoutPrice] = !price,
                 _b[styles.withPrice] = !!price,
-                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsx("span", { className: "p-p tc-purple-500", children: price })] }) })));
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsx("span", { className: "p-p tc-purple-500", children: price })] }) }));
 };
 
 export { ButtonCell };

package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './ButtonCell.module.scss';\nimport { Button } from '../../../../button';\nimport { ReactNode } from 'react';\n\nexport type ButtonCellProps = {\n  buttonCaption: ReactNode;\n  disabled?: boolean;\n  isSelected?: boolean;\n  onClick: () => void;\n  price?: ReactNode;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const ButtonCell = ({\n  isSelected,\n  onClick,\n  buttonCaption,\n  price,\n  disabled,\n  className,\n  ...rest\n}: ButtonCellProps) => {\n  return (\n    <div\n      className={\n        classNames(\n          \"w100 d-flex fd-column ai-center jc-center gap8\",\n          className,\n        )\n      }\n      {...rest}\n    >\n      <Button\n        className={classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, {\n          [styles.selected]: isSelected,\n          [styles.withoutPrice]: !price,\n          [styles.withPrice]: !!price,\n        })}\n        variant=\"filledWhite\"\n        type=\"submit\"\n        onClick={onClick}\n        disabled={disabled}\n      >\n        {buttonCaption}\n        {price && <span className=\"p-p tc-purple-500\">{price}</span>}\n      </Button>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;IAiBa,UAAU,GAAG,UAAC,EAQT;;IAPhB,IAAA,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAPkB,4EAQ1B,CADQ;IAEP,QACEA,sBACE,SAAS,EACP,UAAU,CACR,gDAAgD,EAChD,SAAS,CACV,IAEC,IAAI,cAERC,KAAC,MAAM,IACL,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,MAAM,CAAC,UAAU;gBACnE,GAAC,MAAM,CAAC,QAAQ,IAAG,UAAU;gBAC7B,GAAC,MAAM,CAAC,YAAY,IAAG,CAAC,KAAK;gBAC7B,GAAC,MAAM,CAAC,SAAS,IAAG,CAAC,CAAC,KAAK;oBAC3B,EACF,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAEjB,aAAa,EACb,KAAK,IAAID,cAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,IACrD,IACL,EACN;AACJ;;;;"}
+{"version":3,"file":"ButtonCell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/ButtonCell/ButtonCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './ButtonCell.module.scss';\nimport { Button } from '../../../../button';\nimport { ReactNode } from 'react';\n\nexport type ButtonCellProps = {\n  buttonCaption: ReactNode;\n  disabled?: boolean;\n  isSelected?: boolean;\n  onClick: () => void;\n  price?: ReactNode;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const ButtonCell = ({\n  isSelected,\n  onClick,\n  buttonCaption,\n  price,\n  disabled,\n  className,\n  dataCy,\n  dataTestId,\n}: ButtonCellProps) => {\n  return (\n    <div\n      className={\n        classNames(\n          \"w100 d-flex fd-column ai-center jc-center gap8\",\n          className,\n        )\n      }\n      data-cy={dataCy}\n      data-testid={dataTestId}\n    >\n      <Button\n        className={classNames('w100 wmx5 d-flex fd-column', styles.buttonCell, {\n          [styles.selected]: isSelected,\n          [styles.withoutPrice]: !price,\n          [styles.withPrice]: !!price,\n        })}\n        variant=\"filledWhite\"\n        type=\"submit\"\n        onClick={onClick}\n        disabled={disabled}\n      >\n        {buttonCaption}\n        {price && <span className=\"p-p tc-purple-500\">{price}</span>}\n      </Button>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;IAiBa,UAAU,GAAG,UAAC,EAST;;QARhB,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,UAAU,gBAAA;IAEV,QACEA,aACE,SAAS,EACP,UAAU,CACR,gDAAgD,EAChD,SAAS,CACV,aAEM,MAAM,iBACF,UAAU,YAEvBC,KAAC,MAAM,IACL,SAAS,EAAE,UAAU,CAAC,4BAA4B,EAAE,MAAM,CAAC,UAAU;gBACnE,GAAC,MAAM,CAAC,QAAQ,IAAG,UAAU;gBAC7B,GAAC,MAAM,CAAC,YAAY,IAAG,CAAC,KAAK;gBAC7B,GAAC,MAAM,CAAC,SAAS,IAAG,CAAC,CAAC,KAAK;oBAC3B,EACF,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,aAEjB,aAAa,EACb,KAAK,IAAID,cAAM,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAQ,IACrD,GACL,EACN;AACJ;;;;"}

package/dist/esm/components/table/components/TableCell/ButtonCell/ButtonCell.stories.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ButtonCell } from './ButtonCell.js';
-import '../../../../../tslib.es6-a39f91fc.js';
 import '../../../../../index-6ea95111.js';
 import '../../../../../style-inject.es-1f59c1d0.js';
 import '../../../../button/index.js';
+import '../../../../../tslib.es6-a39f91fc.js';
 import 'react';
 
 var story = {

package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js

@@ -1,4 +1,3 @@
-import { b as __rest, a as __assign } from '../../../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as classNames } from '../../../../../index-6ea95111.js';
 import { s as styleInject } from '../../../../../style-inject.es-1f59c1d0.js';
@@ -10,14 +9,14 @@ styleInject(css_248z);
 
 var CTACell = function (_a) {
     var _b;
-    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, rest = __rest(_a, ["title", "price", "icon", "grey", "narrow", "href", "buttonCaption", "imageComponent", "className"]);
+    var title = _a.title, price = _a.price, icon = _a.icon, grey = _a.grey, narrow = _a.narrow, href = _a.href, buttonCaption = _a.buttonCaption, imageComponent = _a.imageComponent, className = _a.className, dataCy = _a.dataCy, dataTestId = _a.dataTestId;
     var renderedIcon = (jsx(IconRenderer, { icon: icon, imageComponent: imageComponent }));
-    return (jsxs("div", __assign({ className: classNames(className, "ta-center") }, rest, { children: [jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsx("a", { className: classNames('mt16 w100 wmx3', (_b = {
+    return (jsxs("div", { className: classNames(className, "ta-center"), "data-cy": dataCy, "data-testid": dataTestId, children: [jsxs("div", { className: "d-flex jc-center ai-center gap8", children: [renderedIcon, jsxs("p", { className: "p-h3", children: [title, price && jsxs("span", { className: "tc-purple-500", children: [" ", price] })] })] }), jsx("a", { className: classNames('mt16 w100 wmx3', (_b = {
                         'p-btn--primary': !grey,
                         'p-btn--secondary-grey': grey
                     },
                     _b[styles.narrow] = narrow,
-                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] })));
+                    _b)), href: href, target: "_blank", rel: "noopener noreferrer", children: buttonCaption })] }));
 };
 
 export { CTACell };

package/dist/esm/components/table/components/TableCell/CTACell/CTACell.js.map

@@ -1 +1 @@
-{"version":3,"file":"CTACell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport styles from './CTACell.module.scss';\nimport { IconRenderer } from '../../IconRenderer/IconRenderer';\n\nexport type CTACellProps = {\n  title: ReactNode;\n  price?: ReactNode;\n  icon?: ReactNode;\n  imageComponent?: (args: any) => JSX.Element;\n  buttonCaption?: ReactNode;\n  grey?: boolean;\n  narrow?: boolean;\n  href: string;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const CTACell = ({\n  title,\n  price,\n  icon,\n  grey,\n  narrow,\n  href,\n  buttonCaption,\n  imageComponent,\n  className,\n  ...rest\n}: CTACellProps) => {\n  const renderedIcon = (\n    <IconRenderer icon={icon} imageComponent={imageComponent} />\n  );\n\n  return (\n    <div className={classNames(className, \"ta-center\")} {...rest}>\n      <div className=\"d-flex jc-center ai-center gap8\">\n        {renderedIcon}\n        <p className=\"p-h3\">\n          {title}\n          {price && <span className=\"tc-purple-500\"> {price}</span>}\n        </p>\n      </div>\n\n      <a\n        className={classNames('mt16 w100 wmx3', {\n          'p-btn--primary': !grey,\n          'p-btn--secondary-grey': grey,\n          [styles.narrow]: narrow,\n        })}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {buttonCaption}\n      </a>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;IAoBa,OAAO,GAAG,UAAC,EAWT;;IAVb,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cAVe,oGAWvB,CADQ;IAEP,IAAM,YAAY,IAChBA,IAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7D,CAAC;IAEF,QACEC,uBAAK,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,IAAM,IAAI,eAC1DA,cAAK,SAAS,EAAC,iCAAiC,aAC7C,YAAY,EACbA,YAAG,SAAS,EAAC,MAAM,aAChB,KAAK,EACL,KAAK,IAAIA,eAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,IAAQ,IACvD,IACA,EAEND,WACE,SAAS,EAAE,UAAU,CAAC,gBAAgB;wBACpC,gBAAgB,EAAE,CAAC,IAAI;wBACvB,uBAAuB,EAAE,IAAI;;oBAC7B,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM;wBACvB,EACF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAExB,aAAa,GACZ,KACA,EACN;AACJ;;;;"}
+{"version":3,"file":"CTACell.js","sources":["../../../../../../../../src/lib/components/table/components/TableCell/CTACell/CTACell.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode } from 'react';\n\nimport styles from './CTACell.module.scss';\nimport { IconRenderer } from '../../IconRenderer/IconRenderer';\n\nexport type CTACellProps = {\n  title: ReactNode;\n  price?: ReactNode;\n  icon?: ReactNode;\n  imageComponent?: (args: any) => JSX.Element;\n  buttonCaption?: ReactNode;\n  grey?: boolean;\n  narrow?: boolean;\n  href: string;\n  className?: string;\n  dataTestId?: string;\n  dataCy?: string;\n};\n\nexport const CTACell = ({\n  title,\n  price,\n  icon,\n  grey,\n  narrow,\n  href,\n  buttonCaption,\n  imageComponent,\n  className,\n  dataCy,\n  dataTestId,\n}: CTACellProps) => {\n  const renderedIcon = (\n    <IconRenderer icon={icon} imageComponent={imageComponent} />\n  );\n\n  return (\n    <div\n      className={classNames(className, \"ta-center\")}\n      data-cy={dataCy}\n      data-testid={dataTestId}\n    >\n      <div className=\"d-flex jc-center ai-center gap8\">\n        {renderedIcon}\n        <p className=\"p-h3\">\n          {title}\n          {price && <span className=\"tc-purple-500\"> {price}</span>}\n        </p>\n      </div>\n\n      <a\n        className={classNames('mt16 w100 wmx3', {\n          'p-btn--primary': !grey,\n          'p-btn--secondary-grey': grey,\n          [styles.narrow]: narrow,\n        })}\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        {buttonCaption}\n      </a>\n    </div>\n  );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;IAoBa,OAAO,GAAG,UAAC,EAYT;;QAXb,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,MAAM,YAAA,EACN,UAAU,gBAAA;IAEV,IAAM,YAAY,IAChBA,IAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7D,CAAC;IAEF,QACEC,cACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,WAAW,CAAC,aACpC,MAAM,iBACF,UAAU,aAEvBA,cAAK,SAAS,EAAC,iCAAiC,aAC7C,YAAY,EACbA,YAAG,SAAS,EAAC,MAAM,aAChB,KAAK,EACL,KAAK,IAAIA,eAAM,SAAS,EAAC,eAAe,kBAAG,KAAK,IAAQ,IACvD,IACA,EAEND,WACE,SAAS,EAAE,UAAU,CAAC,gBAAgB;wBACpC,gBAAgB,EAAE,CAAC,IAAI;wBACvB,uBAAuB,EAAE,IAAI;;oBAC7B,GAAC,MAAM,CAAC,MAAM,IAAG,MAAM;wBACvB,EACF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YAExB,aAAa,GACZ,IACA,EACN;AACJ;;;;"}

package/dist/esm/components/table/components/TableCell/TableCell.js

@@ -6,14 +6,14 @@ import { BaseCell } from './BaseCell/BaseCell.js';
 import { CTACell } from './CTACell/CTACell.js';
 import { CardCell } from './CardCell/CardCell.js';
 import { ButtonCell } from './ButtonCell/ButtonCell.js';
-import require$$0__default from 'react';
+import React__default from 'react';
 import '../../../icon/icons/CheckThick.js';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import './BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
@@ -27,7 +27,7 @@ var css_248z = ".TableCell-module_th__2rjCU {\n  vertical-align: middle;\n  scro
 var styles = {"th":"TableCell-module_th__2rjCU","thNavigation":"TableCell-module_thNavigation__qZ2sY","fixedCell":"TableCell-module_fixedCell__cL3-m","fixedCard":"TableCell-module_fixedCard__2LO8s"};
 styleInject(css_248z);
 
-var TableCell = require$$0__default.memo(function (_a) {
+var TableCell = React__default.memo(function (_a) {
     var _b;
     var _c;
     var _d = _a.isFirstCellInRow, isFirstCellInRow = _d === void 0 ? false : _d, _e = _a.isHeader, isHeader = _e === void 0 ? false : _e, _f = _a.isNavigation, isNavigation = _f === void 0 ? false : _f, _g = _a.isTopLeftCell, isTopLeftCell = _g === void 0 ? false : _g, _h = _a.colSpan, colSpan = _h === void 0 ? 0 : _h, isBelowDesktop = _a.isBelowDesktop, cellProps = __rest(_a, ["isFirstCellInRow", "isHeader", "isNavigation", "isTopLeftCell", "colSpan", "isBelowDesktop"]);

package/dist/esm/components/table/components/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { CardCell } from './CardCell/CardCell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\nimport React from 'react';\n\ntype ExtraTableCellProps = {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n  imageComponent?: (args: any) => JSX.Element;\n  isBelowDesktop?: boolean;\n};\n\nexport type TableCellProps = TableCellData & ExtraTableCellProps;\n\nconst TableCell = React.memo(\n  ({\n    isFirstCellInRow = false,\n    isHeader = false,\n    isNavigation = false,\n    isTopLeftCell = false,\n    colSpan = 0,\n    isBelowDesktop,\n    ...cellProps\n  }: TableCellProps) => {\n    // prettier-ignore\n    const Tag = isNavigation\n    ? 'div'\n    : isHeader || isFirstCellInRow ? 'th' : 'td';\n\n    // prettier-ignore\n    const thScope = isHeader\n    ? 'col'\n    : isFirstCellInRow ? 'row' : undefined;\n\n    const scope = {\n      scope: thScope,\n    };\n\n    return (\n      <Tag\n        {...scope}\n        className={classNames('bg-white py24 px8', styles.th, {\n          'ta-left': isFirstCellInRow,\n          [styles.thNavigation]: isNavigation,\n          [styles.fixedCell]: isFirstCellInRow && colSpan < 1 ,\n          [styles.fixedCard]: cellProps.type === 'CARD',\n          pl16: isFirstCellInRow,\n        })}\n        colSpan={isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan}\n      >\n        {!cellProps.type && (\n          <BaseCell\n            {...cellProps}\n            fontVariant={\n              isTopLeftCell\n                ? 'BIG_WITH_UNDERLINE'\n                : cellProps.fontVariant ?? 'NORMAL'\n            }\n          />\n        )}\n        {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n        {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n        {cellProps.type === 'CARD' && <CardCell {...cellProps} />}\n      </Tag>\n    );\n  }\n);\n\nexport { TableCell };\n"],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBM,SAAS,GAAGA,mBAAK,CAAC,IAAI,CAC1B,UAAC,EAQgB;;;IAPf,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,cAAc,oBAAA,EACX,SAAS,cAPb,8FAQA,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACtB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG7C,IAAM,OAAO,GAAG,QAAQ;UACtB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEvC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEC,KAAC,GAAG,eACE,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;gBAClD,SAAS,EAAE,gBAAgB;;YAC3B,GAAC,MAAM,CAAC,YAAY,IAAG,YAAY;YACnC,GAAC,MAAM,CAAC,SAAS,IAAG,gBAAgB,IAAI,OAAO,GAAG,CAAC;YACnD,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS,CAAC,IAAI,KAAK,MAAM;YAC7C,OAAI,GAAE,gBAAgB;gBACtB,EACF,OAAO,EAAE,cAAc,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,OAAO,aAEjE,CAAC,SAAS,CAAC,IAAI,KACdC,IAAC,QAAQ,eACH,SAAS,IACb,WAAW,EACT,aAAa;sBACT,oBAAoB;sBACpB,MAAA,SAAS,CAAC,WAAW,mCAAI,QAAQ,IAEvC,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,eAAK,SAAS,EAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,IAAC,UAAU,eAAK,SAAS,EAAI,EAC5D,SAAS,CAAC,IAAI,KAAK,MAAM,IAAIA,IAAC,QAAQ,eAAK,SAAS,EAAI,KACrD,EACN;AACJ,CAAC;;;;"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../../../src/lib/components/table/components/TableCell/TableCell.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './TableCell.module.scss';\nimport { BaseCell } from './BaseCell/BaseCell';\nimport { TableCellData } from '../../types';\nimport { CTACell } from './CTACell/CTACell';\nimport { CardCell } from './CardCell/CardCell';\nimport { ButtonCell } from './ButtonCell/ButtonCell';\nimport React from 'react';\n\ntype ExtraTableCellProps = {\n  isHeader?: boolean;\n  isFirstCellInRow?: boolean;\n  isTopLeftCell?: boolean;\n  isNavigation?: boolean;\n  imageComponent?: (args: any) => JSX.Element;\n  isBelowDesktop?: boolean;\n};\n\nexport type TableCellProps = TableCellData & ExtraTableCellProps;\n\nconst TableCell = React.memo(\n  ({\n    isFirstCellInRow = false,\n    isHeader = false,\n    isNavigation = false,\n    isTopLeftCell = false,\n    colSpan = 0,\n    isBelowDesktop,\n    ...cellProps\n  }: TableCellProps) => {\n    // prettier-ignore\n    const Tag = isNavigation\n    ? 'div'\n    : isHeader || isFirstCellInRow ? 'th' : 'td';\n\n    // prettier-ignore\n    const thScope = isHeader\n    ? 'col'\n    : isFirstCellInRow ? 'row' : undefined;\n\n    const scope = {\n      scope: thScope,\n    };\n\n    return (\n      <Tag\n        {...scope}\n        className={classNames('bg-white py24 px8', styles.th, {\n          'ta-left': isFirstCellInRow,\n          [styles.thNavigation]: isNavigation,\n          [styles.fixedCell]: isFirstCellInRow && colSpan < 1 ,\n          [styles.fixedCard]: cellProps.type === 'CARD',\n          pl16: isFirstCellInRow,\n        })}\n        colSpan={isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan}\n      >\n        {!cellProps.type && (\n          <BaseCell\n            {...cellProps}\n            fontVariant={\n              isTopLeftCell\n                ? 'BIG_WITH_UNDERLINE'\n                : cellProps.fontVariant ?? 'NORMAL'\n            }\n          />\n        )}\n        {cellProps.type === 'CTA' && <CTACell {...cellProps} />}\n        {cellProps.type === 'BUTTON' && <ButtonCell {...cellProps} />}\n        {cellProps.type === 'CARD' && <CardCell {...cellProps} />}\n      </Tag>\n    );\n  }\n);\n\nexport { TableCell };\n"],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBM,SAAS,GAAGA,cAAK,CAAC,IAAI,CAC1B,UAAC,EAQgB;;;IAPf,IAAA,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EACxB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,cAAc,oBAAA,EACX,SAAS,cAPb,8FAQA,CADa;;IAGZ,IAAM,GAAG,GAAG,YAAY;UACtB,KAAK;UACL,QAAQ,IAAI,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC;;IAG7C,IAAM,OAAO,GAAG,QAAQ;UACtB,KAAK;UACL,gBAAgB,GAAG,KAAK,GAAG,SAAS,CAAC;IAEvC,IAAM,KAAK,GAAG;QACZ,KAAK,EAAE,OAAO;KACf,CAAC;IAEF,QACEC,KAAC,GAAG,eACE,KAAK,IACT,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,MAAM,CAAC,EAAE;gBAClD,SAAS,EAAE,gBAAgB;;YAC3B,GAAC,MAAM,CAAC,YAAY,IAAG,YAAY;YACnC,GAAC,MAAM,CAAC,SAAS,IAAG,gBAAgB,IAAI,OAAO,GAAG,CAAC;YACnD,GAAC,MAAM,CAAC,SAAS,IAAG,SAAS,CAAC,IAAI,KAAK,MAAM;YAC7C,OAAI,GAAE,gBAAgB;gBACtB,EACF,OAAO,EAAE,cAAc,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,OAAO,aAEjE,CAAC,SAAS,CAAC,IAAI,KACdC,IAAC,QAAQ,eACH,SAAS,IACb,WAAW,EACT,aAAa;sBACT,oBAAoB;sBACpB,MAAA,SAAS,CAAC,WAAW,mCAAI,QAAQ,IAEvC,CACH,EACA,SAAS,CAAC,IAAI,KAAK,KAAK,IAAIA,IAAC,OAAO,eAAK,SAAS,EAAI,EACtD,SAAS,CAAC,IAAI,KAAK,QAAQ,IAAIA,IAAC,UAAU,eAAK,SAAS,EAAI,EAC5D,SAAS,CAAC,IAAI,KAAK,MAAM,IAAIA,IAAC,QAAQ,eAAK,SAAS,EAAI,KACrD,EACN;AACJ,CAAC;;;;"}

package/dist/esm/components/table/components/TableCell/TableCell.test.js

@@ -1,6 +1,6 @@
 import { a as __assign, b as __rest } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { c as customRender, s as screen } from '../../../../customRender-be47569b.js';
 import { TableCell } from './TableCell.js';
 import 'react';
 import 'react-dom';
@@ -15,7 +15,7 @@ import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import './BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';

package/dist/esm/components/table/components/TableContents/TableContents.js

@@ -1,7 +1,7 @@
 import { a as __assign, _ as __spreadArray } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { T as TableSection } from '../../../../TableSection-d7dbad68.js';
+import { T as TableSection } from '../../../../TableSection-24337bc7.js';
 import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
 import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
 import { Card } from '../../../cards/card/index.js';
@@ -17,7 +17,7 @@ import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';

package/dist/esm/components/table/components/TableContents/TableContents.test.js

@@ -1,12 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { c as customRender, s as screen } from '../../../../customRender-be47569b.js';
 import { TableContents } from './TableContents.js';
 import '../../../../tslib.es6-a39f91fc.js';
 import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../../TableSection-d7dbad68.js';
+import '../../../../TableSection-24337bc7.js';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';
@@ -17,7 +17,7 @@ import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';

package/dist/esm/components/table/components/TableControls/TableControls.test.js

@@ -1,6 +1,6 @@
 import { a as __assign, c as __awaiter, d as __generator } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
+import { c as customRender, s as screen } from '../../../../customRender-be47569b.js';
 import { TableControls } from './TableControls.js';
 import 'react';
 import 'react-dom';

package/dist/esm/components/table/components/TableSection/TableSection.js

@@ -1,7 +1,7 @@
 import '../../../../tslib.es6-a39f91fc.js';
 import 'react/jsx-runtime';
 import '../../../../index-6ea95111.js';
-export { T as TableSection } from '../../../../TableSection-d7dbad68.js';
+export { T as TableSection } from '../../../../TableSection-24337bc7.js';
 import '../TableCell/TableCell.js';
 import 'react';
 import '../../../../style-inject.es-1f59c1d0.js';
@@ -12,7 +12,7 @@ import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';

package/dist/esm/components/table/components/TableSection/TableSection.test.js

@@ -1,7 +1,7 @@
 import { a as __assign } from '../../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../../../customRender-d03c10b6.js';
-import { T as TableSection } from '../../../../TableSection-d7dbad68.js';
+import { c as customRender, s as screen } from '../../../../customRender-be47569b.js';
+import { T as TableSection } from '../../../../TableSection-24337bc7.js';
 import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
@@ -16,7 +16,7 @@ import '../../../icon/icons/StarFilled.js';
 import '../../../icon/icons/X.js';
 import '../../../icon/icons/ZapFilled.js';
 import '../TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
-import '../../../../index-3d286178.js';
+import '../../../../index-af1860d8.js';
 import '../../../comparisonTable/components/TableInfoButton/index.js';
 import '../../../icon/icons/Info.js';
 import '../../../../index-5e72c3d4.js';

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

@@ -1,7 +1,7 @@
 import '../../tslib.es6-a39f91fc.js';
 import 'react/jsx-runtime';
 import '../../index-6ea95111.js';
-export { T as Toast, a as Toaster, t as toast } from '../../index-3aa7e697.js';
+export { T as Toast, a as Toaster, t as toast } from '../../index-4b19aafb.js';
 import '../icon/icons/X.js';
 import '../../style-inject.es-1f59c1d0.js';
 import 'react';

package/dist/esm/components/toast/index.stories.js

@@ -1,6 +1,6 @@
 import { a as __assign } from '../../tslib.es6-a39f91fc.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { T as Toast, a as Toaster, s as styles, t as toast } from '../../index-3aa7e697.js';
+import { T as Toast, a as Toaster, s as styles, t as toast } from '../../index-4b19aafb.js';
 import { Button } from '../button/index.js';
 import { c as classNames } from '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/toast/index.test.js

@@ -1,7 +1,7 @@
 import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-d03c10b6.js';
-import { T as Toast } from '../../index-3aa7e697.js';
+import { c as customRender, s as screen } from '../../customRender-be47569b.js';
+import { T as Toast } from '../../index-4b19aafb.js';
 import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-4730bd53.js';

package/dist/esm/{customRender-d03c10b6.js → customRender-be47569b.js}

@@ -1,5 +1,5 @@
 import { a as __assign } from './tslib.es6-a39f91fc.js';
-import * as require$$0 from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 import { c as commonjsGlobal } from './_commonjsHelpers-4730bd53.js';
 import * as testUtils from 'react-dom/test-utils';
@@ -21550,7 +21550,7 @@ var actSupported = reactAct !== undefined; // act is supported react-dom@16.8.0
 
 function actPolyfill(cb) {
   ReactDOM.unstable_batchedUpdates(cb);
-  ReactDOM.render( /*#__PURE__*/require$$0.createElement("div", null), document.createElement('div'));
+  ReactDOM.render( /*#__PURE__*/React.createElement("div", null), document.createElement('div'));
 }
 
 var act = reactAct || actPolyfill;
@@ -21818,7 +21818,7 @@ function render(ui, _temp) {
   mountedContainers.add(container);
 
   var wrapUiIfNeeded = function wrapUiIfNeeded(innerElement) {
-    return WrapperComponent ? /*#__PURE__*/require$$0.createElement(WrapperComponent, null, innerElement) : innerElement;
+    return WrapperComponent ? /*#__PURE__*/React.createElement(WrapperComponent, null, innerElement) : innerElement;
   };
 
   act(function () {
@@ -26460,4 +26460,4 @@ var customRender = function (ui, options) {
 };
 
 export { act as a, customRender as c, elementRoles_1 as e, fireEvent as f, roles_1 as r, screen as s };
-//# sourceMappingURL=customRender-d03c10b6.js.map
+//# sourceMappingURL=customRender-be47569b.js.map