@popsure/dirty-swan 0.59.0-alpha → 0.59.0-beta-2

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

@@ -5,7 +5,7 @@ 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 #d2d2d9;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f7f7fd;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f7f7fd;\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 #8883D8;\n  background-color: #F6F6FE;\n}";
+var css_248z = ".ButtonCell-module_buttonCell__x4NNi {\n  color: #26262e;\n  border: 1px solid #d2d2d9;\n  transition: all 0.3s ease-in-out;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled {\n  border: none;\n  background-color: #f7f7fd;\n  color: #26262e;\n  opacity: 1;\n  cursor: default;\n}\n.ButtonCell-module_buttonCell__x4NNi:disabled:hover {\n  background-color: #f7f7fd;\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 #26262e;\n}";
 var styles = {"buttonCell":"ButtonCell-module_buttonCell__x4NNi","withoutPrice":"ButtonCell-module_withoutPrice__2rpe9","withPrice":"ButtonCell-module_withPrice__3bd_t","selected":"ButtonCell-module_selected__22pF_"};
 styleInject(css_248z);
 
@@ -16,7 +16,7 @@ var ButtonCell = function (_a) {
                 _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-600", children: price })] }) }));
+                _b)), variant: "filledWhite", type: "submit", onClick: onClick, disabled: disabled, children: [buttonCaption, price && jsx("span", { className: "p-p", 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  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-600\">{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;;;;"}
+{"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\">{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,KAAK,YAAE,KAAK,GAAQ,IACvC,GACL,EACN;AACJ;;;;"}

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

@@ -50,7 +50,7 @@ var TableCell = React__default.memo(function (_a) {
             _b[styles.fixedCard] = cellProps.type === 'CARD',
             _b.pl16 = isFirstCellInRow,
             _b)), colSpan: isBelowDesktop && cellProps.type === 'CARD' ? 2 : colSpan, children: [!cellProps.type && (jsx(BaseCell, __assign({}, cellProps, { fontVariant: isTopLeftCell
-                    ? 'BIG_WITH_UNDERLINE'
+                    ? 'TITLE'
                     : (_c = cellProps.fontVariant) !== null && _c !== void 0 ? _c : 'NORMAL' }))), cellProps.type === 'CTA' && jsx(CTACell, __assign({}, cellProps)), cellProps.type === 'BUTTON' && jsx(ButtonCell, __assign({}, cellProps)), cellProps.type === 'CARD' && jsx(CardCell, __assign({}, cellProps))] })));
 });
 

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,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;;;;"}
+{"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                ? 'TITLE'\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,OAAO;sBACP,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/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-5277dae1.js';
+import { T as TableSection } from '../../../../TableSection-018d8e8f.js';
 import ChevronDownIcon from '../../../icon/icons/ChevronDown.js';
 import ChevronUpIcon from '../../../icon/icons/ChevronUp.js';
 import { Card } from '../../../cards/card/index.js';
@@ -29,8 +29,8 @@ import '../../../icon/icons/ChevronRight.js';
 import '../TableCell/ButtonCell/ButtonCell.js';
 import '../../../../useMediaQuery-1a3a2432.js';
 
-var css_248z = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
-var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
+var css_248z = ".TableContents-module_cardWrapper__2OVMv {\n  height: 88px;\n}\n\n.TableContents-module_cardButton__1mVp_ div {\n  background-color: #FAF8F5;\n}\n.TableContents-module_cardButton__1mVp_:hover div {\n  border-color: transparent !important;\n  outline-color: transparent !important;\n  box-shadow: none !important;\n  background-color: #FCF7EF !important;\n}\n.TableContents-module_cardButton__1mVp_:focus-visible div {\n  background-color: #FCF7EF !important;\n}\n\n.TableContents-module_card__Mmz6h {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 3;\n}\n\n.TableContents-module_cardIcon__2DXbp {\n  width: 20px;\n  margin-right: 8px;\n}";
+var styles = {"cardWrapper":"TableContents-module_cardWrapper__2OVMv","cardButton":"TableContents-module_cardButton__1mVp_","card":"TableContents-module_card__Mmz6h","cardIcon":"TableContents-module_cardIcon__2DXbp"};
 styleInject(css_248z);
 
 var TableContents = function (_a) {
@@ -59,9 +59,10 @@ var TableContents = function (_a) {
                 .map(function (globalRowIndex) { return globalRowIndex - globalRowOffset; })
                 .filter(function (localRowIndex) { return localRowIndex >= 0 && localRowIndex < rows.length; });
             var result = (isFirstSection || isVisible) && (jsxs("div", { children: [(section === null || section === void 0 ? void 0 : section.title) && (jsx("div", { className: styles.cardWrapper, children: jsx("div", { className: classNames(styles.card, 'p0'), children: jsx(Card, __assign({ actionIcon: isExpanded ? (jsx(ChevronUpIcon, { size: 24 })) : (jsx(ChevronDownIcon, { size: 24 })), "aria-expanded": isExpanded ? 'true' : 'false', "aria-hidden": true, classNames: {
-                                    wrapper: 'bg-purple-100 pl16',
+                                    wrapper: 'pl16',
+                                    buttonWrapper: styles.cardButton,
                                     icon: classNames(styles.cardIcon, 'tc-neutral-900'),
-                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium" }, (collapsibleSections
+                                }, dropShadow: false, icon: renderedIcon, title: section.title, titleVariant: "medium", variant: "primary" }, (collapsibleSections
                                 ? {
                                     onClick: function () { return handleToggleSection(index); },
                                 }

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

@@ -1 +1 @@
-{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { CellReplacements, ModalFunction, TableData } from '../../types';\nimport { IconRenderer } from '../IconRenderer/IconRenderer';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\n  imageComponent,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  // Calculate global row offset for each section\n  let globalRowOffset = 0;\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        const renderedIcon = (\n          <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />\n        );\n\n        // Calculate section-specific hideRows based on global offset\n        const sectionHideRows = hideRows\n          .map(globalRowIndex => globalRowIndex - globalRowOffset)\n          .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);\n\n        const result = (isFirstSection || isVisible) && (\n          <div key={index}>\n            {section?.title && (\n              <div className={styles.cardWrapper}>\n                <div className={classNames(styles.card, 'p0')}>\n                  <Card\n                    actionIcon={\n                      isExpanded ? (\n                        <ChevronUpIcon size={24} />\n                      ) : (\n                        <ChevronDownIcon size={24} />\n                      )\n                    }\n                    aria-expanded={isExpanded ? 'true' : 'false'}\n                    aria-hidden\n                    classNames={{\n                      wrapper: 'bg-purple-100 pl16',\n                      icon: classNames(styles.cardIcon, 'tc-neutral-900'),\n                    }}\n                    dropShadow={false}\n                    icon={renderedIcon}\n                    title={section.title}\n                    titleVariant=\"medium\"\n                    {...(collapsibleSections\n                      ? {\n                          onClick: () => handleToggleSection(index),\n                        }\n                      : {})}\n                  />\n                </div>\n              </div>\n            )}\n\n            <Collapsible isExpanded={isExpanded}>\n              <TableSection\n                className={classNames(className, 'mb24')}\n                tableCellRows={\n                  isFirstSection ? rows : [firstHeadRow, ...rows]\n                }\n                hideColumns={hideColumns}\n                hideRows={sectionHideRows}\n                hideHeader\n                openModal={openModal}\n                title={`${title}${\n                  section?.title ? ` - ${section.title}` : ''\n                }`}\n                width={tableWidth}\n                cellReplacements={cellReplacements}\n                imageComponent={imageComponent}\n              />\n            </Collapsible>\n          </div>\n        );\n\n        // Update global offset for next section (excluding header row for non-first sections)\n        globalRowOffset += rows.length;\n\n        return result;\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BM,aAAa,GAAG,UAAC,EAaF;;QAZnB,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,SAAS,eAAA,EACT,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,WAAW,iBAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,cAAc,oBAAA;IAER,IAAA,KAAkC,QAAQ,CAAgB,IAAI,CAAC,EAA9D,aAAa,QAAA,EAAE,cAAc,QAAiC,CAAC;IACtE,IAAM,YAAY,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,QAAQ,GAAG,UAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,EAAE,MAAG,GAAG,EAAE,CAAC;IACnE,IAAM,mBAAmB,GAAG,UAAC,KAAa;QACxC,cAAc,CAAC,UAAC,cAAc;YAC5B,OAAA,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;SAAA,CACxC,CAAC;KACH,CAAC;;IAGF,IAAI,eAAe,GAAG,CAAC,CAAC;IAExB,QACEA,aAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAC9B,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB,EAAE,KAAK;gBAA3B,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;YAClC,IAAM,cAAc,GAAG,KAAK,KAAK,CAAC,CAAC;YACnC,IAAM,UAAU,GAAG,CAAC,mBAAmB;kBACnC,IAAI;kBACJ,aAAa,KAAK,KAAK,IAAI,cAAc,CAAC;YAC9C,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE1D,IAAM,YAAY,IAChBA,IAAC,YAAY,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,GAAI,CAChF,CAAC;;YAGF,IAAM,eAAe,GAAG,QAAQ;iBAC7B,GAAG,CAAC,UAAA,cAAc,IAAI,OAAA,cAAc,GAAG,eAAe,GAAA,CAAC;iBACvD,MAAM,CAAC,UAAA,aAAa,IAAI,OAAA,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,GAAA,CAAC,CAAC;YAE9E,IAAM,MAAM,GAAG,CAAC,cAAc,IAAI,SAAS,MACzCC,yBACG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MACbD,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChCA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAC3CA,IAAC,IAAI,aACH,UAAU,EACR,UAAU,IACRA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,KAE3BA,IAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,mBAEY,UAAU,GAAG,MAAM,GAAG,OAAO,uBAE5C,UAAU,EAAE;oCACV,OAAO,EAAE,oBAAoB;oCAC7B,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC;iCACpD,EACD,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAC,QAAQ,KAChB,mBAAmB;kCACpB;oCACE,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,GAAA;iCAC1C;kCACD,EAAE,GACN,GACE,GACF,CACP,EAEDA,IAAC,WAAW,IAAC,UAAU,EAAE,UAAU,YACjCA,IAAC,YAAY,IACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,EACxC,aAAa,EACX,cAAc,GAAG,IAAI,kBAAI,YAAY,GAAK,IAAI,OAAC,EAEjD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,eAAe,EACzB,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAG,KAAK,SACb,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,aAAM,OAAO,CAAC,KAAK,CAAE,GAAG,EAAE,CAC3C,EACF,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACU,KAjDN,KAAK,CAkDT,CACP,CAAC;;YAGF,eAAe,IAAI,IAAI,CAAC,MAAM,CAAC;YAE/B,OAAO,MAAM,CAAC;SACf,CAAC,GACE,EACN;AACJ;;;;"}
+{"version":3,"file":"TableContents.js","sources":["../../../../../../../src/lib/components/table/components/TableContents/TableContents.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { TableSection } from '../TableSection/TableSection';\nimport { ChevronDownIcon, ChevronUpIcon } from '../../../icon';\nimport { Card } from '../../../cards/card';\n\nimport styles from './TableContents.module.scss';\nimport classNames from 'classnames';\nimport { Collapsible } from './Collapsible';\nimport { CellReplacements, ModalFunction, TableData } from '../../types';\nimport { IconRenderer } from '../IconRenderer/IconRenderer';\n\nexport interface TableContentsProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideColumns?: number[];\n  hideDetails?: boolean;\n  hideRows?: number[];\n  isMobile?: boolean;\n  openModal?: ModalFunction;\n  shouldHideDetails?: boolean;\n  title: string;\n  cellReplacements?: CellReplacements;\n  imageComponent?: (args: any) => JSX.Element;\n}\n\nconst TableContents = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideColumns = [],\n  hideDetails,\n  hideRows = [],\n  isMobile,\n  openModal,\n  shouldHideDetails,\n  title,\n  cellReplacements,\n  imageComponent,\n}: TableContentsProps) => {\n  const [isSectionOpen, setOpenSection] = useState<number | null>(null);\n  const firstHeadRow = tableData?.[0]?.rows?.[0];\n  const tableWidth = isMobile ? `${firstHeadRow?.length * 50}%` : '';\n  const handleToggleSection = (index: number) => {\n    setOpenSection((currentSection) =>\n      currentSection === index ? null : index\n    );\n  };\n\n  // Calculate global row offset for each section\n  let globalRowOffset = 0;\n\n  return (\n    <div style={{ width: tableWidth }}>\n      {tableData.map(({ rows, section = {} }, index) => {\n        const isFirstSection = index === 0;\n        const isExpanded = !collapsibleSections\n          ? true\n          : isSectionOpen === index || isFirstSection;\n        const isVisible = hideDetails ? !shouldHideDetails : true;\n\n        const renderedIcon = (\n          <IconRenderer icon={section.icon} imageComponent={imageComponent} width={20} />\n        );\n\n        // Calculate section-specific hideRows based on global offset\n        const sectionHideRows = hideRows\n          .map(globalRowIndex => globalRowIndex - globalRowOffset)\n          .filter(localRowIndex => localRowIndex >= 0 && localRowIndex < rows.length);\n\n        const result = (isFirstSection || isVisible) && (\n          <div key={index}>\n            {section?.title && (\n              <div className={styles.cardWrapper}>\n                <div className={classNames(styles.card, 'p0')}>\n                  <Card\n                    actionIcon={\n                      isExpanded ? (\n                        <ChevronUpIcon size={24} />\n                      ) : (\n                        <ChevronDownIcon size={24} />\n                      )\n                    }\n                    aria-expanded={isExpanded ? 'true' : 'false'}\n                    aria-hidden\n                    classNames={{\n                      wrapper: 'pl16',\n                      buttonWrapper: styles.cardButton,\n                      icon: classNames(styles.cardIcon, 'tc-neutral-900'),\n                    }}\n                    dropShadow={false}\n                    icon={renderedIcon}\n                    title={section.title}\n                    titleVariant=\"medium\"\n                    variant=\"primary\"\n                    {...(collapsibleSections\n                      ? {\n                          onClick: () => handleToggleSection(index),\n                        }\n                      : {})}\n                  />\n                </div>\n              </div>\n            )}\n\n            <Collapsible isExpanded={isExpanded}>\n              <TableSection\n                className={classNames(className, 'mb24')}\n                tableCellRows={\n                  isFirstSection ? rows : [firstHeadRow, ...rows]\n                }\n                hideColumns={hideColumns}\n                hideRows={sectionHideRows}\n                hideHeader\n                openModal={openModal}\n                title={`${title}${\n                  section?.title ? ` - ${section.title}` : ''\n                }`}\n                width={tableWidth}\n                cellReplacements={cellReplacements}\n                imageComponent={imageComponent}\n              />\n            </Collapsible>\n          </div>\n        );\n\n        // Update global offset for next section (excluding header row for non-first sections)\n        globalRowOffset += rows.length;\n\n        return result;\n      })}\n    </div>\n  );\n};\n\nexport { TableContents };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BM,aAAa,GAAG,UAAC,EAaF;;QAZnB,SAAS,eAAA,EACT,mBAAmB,yBAAA,EACnB,SAAS,eAAA,EACT,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,WAAW,iBAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,cAAc,oBAAA;IAER,IAAA,KAAkC,QAAQ,CAAgB,IAAI,CAAC,EAA9D,aAAa,QAAA,EAAE,cAAc,QAAiC,CAAC;IACtE,IAAM,YAAY,GAAG,MAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAG,CAAC,CAAC,0CAAE,IAAI,0CAAG,CAAC,CAAC,CAAC;IAC/C,IAAM,UAAU,GAAG,QAAQ,GAAG,UAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM,IAAG,EAAE,MAAG,GAAG,EAAE,CAAC;IACnE,IAAM,mBAAmB,GAAG,UAAC,KAAa;QACxC,cAAc,CAAC,UAAC,cAAc;YAC5B,OAAA,cAAc,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;SAAA,CACxC,CAAC;KACH,CAAC;;IAGF,IAAI,eAAe,GAAG,CAAC,CAAC;IAExB,QACEA,aAAK,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAC9B,SAAS,CAAC,GAAG,CAAC,UAAC,EAAsB,EAAE,KAAK;gBAA3B,IAAI,UAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;YAClC,IAAM,cAAc,GAAG,KAAK,KAAK,CAAC,CAAC;YACnC,IAAM,UAAU,GAAG,CAAC,mBAAmB;kBACnC,IAAI;kBACJ,aAAa,KAAK,KAAK,IAAI,cAAc,CAAC;YAC9C,IAAM,SAAS,GAAG,WAAW,GAAG,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE1D,IAAM,YAAY,IAChBA,IAAC,YAAY,IAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,GAAI,CAChF,CAAC;;YAGF,IAAM,eAAe,GAAG,QAAQ;iBAC7B,GAAG,CAAC,UAAA,cAAc,IAAI,OAAA,cAAc,GAAG,eAAe,GAAA,CAAC;iBACvD,MAAM,CAAC,UAAA,aAAa,IAAI,OAAA,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,GAAA,CAAC,CAAC;YAE9E,IAAM,MAAM,GAAG,CAAC,cAAc,IAAI,SAAS,MACzCC,yBACG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,MACbD,aAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAChCA,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,YAC3CA,IAAC,IAAI,aACH,UAAU,EACR,UAAU,IACRA,IAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,KAE3BA,IAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,mBAEY,UAAU,GAAG,MAAM,GAAG,OAAO,uBAE5C,UAAU,EAAE;oCACV,OAAO,EAAE,MAAM;oCACf,aAAa,EAAE,MAAM,CAAC,UAAU;oCAChC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE,gBAAgB,CAAC;iCACpD,EACD,UAAU,EAAE,KAAK,EACjB,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAC,QAAQ,EACrB,OAAO,EAAC,SAAS,KACZ,mBAAmB;kCACpB;oCACE,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,KAAK,CAAC,GAAA;iCAC1C;kCACD,EAAE,GACN,GACE,GACF,CACP,EAEDA,IAAC,WAAW,IAAC,UAAU,EAAE,UAAU,YACjCA,IAAC,YAAY,IACX,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,EACxC,aAAa,EACX,cAAc,GAAG,IAAI,kBAAI,YAAY,GAAK,IAAI,OAAC,EAEjD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,eAAe,EACzB,UAAU,QACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,UAAG,KAAK,SACb,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,IAAG,aAAM,OAAO,CAAC,KAAK,CAAE,GAAG,EAAE,CAC3C,EACF,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,GAC9B,GACU,KAnDN,KAAK,CAoDT,CACP,CAAC;;YAGF,eAAe,IAAI,IAAI,CAAC,MAAM,CAAC;YAE/B,OAAO,MAAM,CAAC;SACf,CAAC,GACE,EACN;AACJ;;;;"}

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

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
-import '../../../../TableSection-5277dae1.js';
+import '../../../../TableSection-018d8e8f.js';
 import '../../../../index-6ea95111.js';
 import '../../../../style-inject.es-1f59c1d0.js';
 import '../TableCell/TableCell.js';

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

@@ -8,13 +8,14 @@ import 'react';
 import '../../../icon/IconWrapper/IconWrapper.js';
 import '../../../../tslib.es6-a39f91fc.js';
 
-var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  border-radius: 50% !important;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  min-width: 32px;\n}";
-var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG"};
+var css_248z = ".TableControls-module_stickyHeader__1f6Ta {\n  display: flex;\n  position: sticky;\n  left: 0;\n  right: 0;\n  min-height: 72px;\n  z-index: 9;\n}\n\n.TableControls-module_controlButton__2kQiG {\n  width: 32px;\n  height: 100%;\n  padding: 0;\n  min-width: 32px;\n}\n.TableControls-module_controlButtonHidden__1YsHA {\n  visibility: hidden;\n  pointer-events: none;\n}";
+var styles = {"stickyHeader":"TableControls-module_stickyHeader__1f6Ta","controlButton":"TableControls-module_controlButton__2kQiG","controlButtonHidden":"TableControls-module_controlButtonHidden__1YsHA"};
 styleInject(css_248z);
 
 var TableControls = function (_a) {
+    var _b, _c;
     var activeSection = _a.activeSection, children = _a.children, columnsLength = _a.columnsLength, stickyHeaderTopOffset = _a.stickyHeaderTopOffset, navigateTable = _a.navigateTable;
-    return (jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-center jc-between bg-white px8', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsx(Button, { className: styles.controlButton, disabled: activeSection <= 1, hideLabel: true, leftIcon: jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", children: "Previous section" }), children, jsx(Button, { className: styles.controlButton, disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" })] }));
+    return (jsxs("div", { "aria-hidden": true, className: classNames('d-flex ai-stretch jc-between bg-white px8', styles.stickyHeader), style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: [jsx("div", { className: 'py24', children: jsx(Button, { className: classNames((_b = {}, _b[styles.controlButtonHidden] = activeSection <= 1, _b), 'br8', styles.controlButton), disabled: activeSection <= 1, hideLabel: true, leftIcon: jsx(ChevronLeftIcon, {}), onClick: function () { return navigateTable(); }, type: "button", variant: "filledGray", "data-testid": "previous-section-button", style: { height: '100%' }, children: "Previous section" }) }), children, jsx("div", { className: 'py24', children: jsx(Button, { className: classNames((_c = {}, _c[styles.controlButtonHidden] = activeSection >= columnsLength - 1, _c), 'br8', styles.controlButton), disabled: activeSection >= columnsLength - 1, hideLabel: true, leftIcon: jsx(ChevronRightIcon, {}), onClick: function () { return navigateTable(true); }, type: "button", variant: "filledGray", "data-testid": "next-section-button", children: "Next section" }) })] }));
 };
 
 export { TableControls };

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

@@ -1 +1 @@
-{"version":3,"file":"TableControls.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../../icon';\nimport styles from './TableControls.module.scss';\nimport { Button } from '../../../button';\nimport classNames from 'classnames';\n\nexport interface TableControlsProps {\n  activeSection: number;\n  children: ReactNode;\n  columnsLength: number;\n  stickyHeaderTopOffset: number;\n  navigateTable: (next?: boolean) => void;\n}\n\nconst TableControls = ({\n  activeSection,\n  children,\n  columnsLength,\n  stickyHeaderTopOffset,\n  navigateTable,\n}: TableControlsProps) => {\n  return (\n    <div\n      aria-hidden\n      className={classNames(\n        'd-flex ai-center jc-between bg-white px8',\n        styles.stickyHeader\n      )}\n      style={{ top: `${stickyHeaderTopOffset}px` }}\n    >\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection <= 1}\n        hideLabel\n        leftIcon={<ChevronLeftIcon />}\n        onClick={() => navigateTable()}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"previous-section-button\"\n      >\n        Previous section\n      </Button>\n\n      {children}\n\n      <Button\n        className={styles.controlButton}\n        disabled={activeSection >= columnsLength - 1}\n        hideLabel\n        leftIcon={<ChevronRightIcon />}\n        onClick={() => navigateTable(true)}\n        type=\"button\"\n        variant=\"filledGray\"\n        data-testid=\"next-section-button\"\n      >\n        Next section\n      </Button>\n    </div>\n  );\n};\n\nexport { TableControls };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;IAcM,aAAa,GAAG,UAAC,EAMF;QALnB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,QACEA,mCAEE,SAAS,EAAE,UAAU,CACnB,0CAA0C,EAC1C,MAAM,CAAC,YAAY,CACpB,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,UAAG,qBAAqB,OAAI,EAAE,aAE5CC,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,CAAC,EAC5B,SAAS,QACT,QAAQ,EAAEA,IAAC,eAAe,KAAG,EAC7B,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,GAAA,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,yBAAyB,iCAG9B,EAER,QAAQ,EAETA,IAAC,MAAM,IACL,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,QAAQ,EAAE,aAAa,IAAI,aAAa,GAAG,CAAC,EAC5C,SAAS,QACT,QAAQ,EAAEA,IAAC,gBAAgB,KAAG,EAC9B,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,qBAAqB,6BAG1B,IACL,EACN;AACJ;;;;"}
+{"version":3,"file":"TableControls.js","sources":["../../../../../../../src/lib/components/table/components/TableControls/TableControls.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../../../icon';\nimport styles from './TableControls.module.scss';\nimport { Button } from '../../../button';\nimport classNames from 'classnames';\n\nexport interface TableControlsProps {\n  activeSection: number;\n  children: ReactNode;\n  columnsLength: number;\n  stickyHeaderTopOffset: number;\n  navigateTable: (next?: boolean) => void;\n}\n\nconst TableControls = ({\n  activeSection,\n  children,\n  columnsLength,\n  stickyHeaderTopOffset,\n  navigateTable,\n}: TableControlsProps) => {\n  return (\n    <div\n      aria-hidden\n      className={classNames(\n        'd-flex ai-stretch jc-between bg-white px8',\n        styles.stickyHeader\n      )}\n      style={{ top: `${stickyHeaderTopOffset}px` }}\n    >\n      <div className='py24'>\n        <Button\n          className={classNames(\n            { [styles.controlButtonHidden]: activeSection <= 1 },\n            'br8',\n            styles.controlButton\n          )}\n          disabled={activeSection <= 1}\n          hideLabel\n          leftIcon={<ChevronLeftIcon />}\n          onClick={() => navigateTable()}\n          type=\"button\"\n          variant=\"filledGray\"\n          data-testid=\"previous-section-button\"\n          style={{ height: '100%' }}\n        >\n          Previous section\n        </Button>\n      </div>\n\n      {children}\n\n      <div className='py24'>\n        <Button\n          className={classNames(\n            { [styles.controlButtonHidden]: activeSection >= columnsLength - 1 },\n            'br8',\n            styles.controlButton\n          )}\n          disabled={activeSection >= columnsLength - 1}\n          hideLabel\n          leftIcon={<ChevronRightIcon />}\n          onClick={() => navigateTable(true)}\n          type=\"button\"\n          variant=\"filledGray\"\n          data-testid=\"next-section-button\"\n        >\n          Next section\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport { TableControls };\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;IAcM,aAAa,GAAG,UAAC,EAMF;;QALnB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,qBAAqB,2BAAA,EACrB,aAAa,mBAAA;IAEb,QACEA,mCAEE,SAAS,EAAE,UAAU,CACnB,2CAA2C,EAC3C,MAAM,CAAC,YAAY,CACpB,EACD,KAAK,EAAE,EAAE,GAAG,EAAE,UAAG,qBAAqB,OAAI,EAAE,aAE5CC,aAAK,SAAS,EAAC,MAAM,YACnBA,IAAC,MAAM,IACL,SAAS,EAAE,UAAU,WACjB,GAAC,MAAM,CAAC,mBAAmB,IAAG,aAAa,IAAI,CAAC,OAClD,KAAK,EACL,MAAM,CAAC,aAAa,CACrB,EACD,QAAQ,EAAE,aAAa,IAAI,CAAC,EAC5B,SAAS,QACT,QAAQ,EAAEA,IAAC,eAAe,KAAG,EAC7B,OAAO,EAAE,cAAM,OAAA,aAAa,EAAE,GAAA,EAC9B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,yBAAyB,EACrC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iCAGlB,GACL,EAEL,QAAQ,EAETA,aAAK,SAAS,EAAC,MAAM,YACnBA,IAAC,MAAM,IACL,SAAS,EAAE,UAAU,WACjB,GAAC,MAAM,CAAC,mBAAmB,IAAG,aAAa,IAAI,aAAa,GAAG,CAAC,OAClE,KAAK,EACL,MAAM,CAAC,aAAa,CACrB,EACD,QAAQ,EAAE,aAAa,IAAI,aAAa,GAAG,CAAC,EAC5C,SAAS,QACT,QAAQ,EAAEA,IAAC,gBAAgB,KAAG,EAC9B,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,GAAA,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,YAAY,iBACR,qBAAqB,6BAG1B,GACL,IACF,EACN;AACJ;;;;"}

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-5277dae1.js';
+export { T as TableSection } from '../../../../TableSection-018d8e8f.js';
 import '../TableCell/TableCell.js';
 import 'react';
 import '../../../../useMediaQuery-1a3a2432.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-be47569b.js';
-import { T as TableSection } from '../../../../TableSection-5277dae1.js';
+import { T as TableSection } from '../../../../TableSection-018d8e8f.js';
 import 'react';
 import 'react-dom';
 import '../../../../_commonjsHelpers-4730bd53.js';

package/dist/esm/{config-4b5ffe4f.js → config-bc609993.js}

@@ -49,9 +49,10 @@ var sharedConfig = {
         labelInsideInput: false,
         prefix: '£',
         id: '1234567890',
-        error: ''
+        error: '',
+        disabled: false
     }
 };
 
 export { sharedConfig as s };
-//# sourceMappingURL=config-4b5ffe4f.js.map
+//# sourceMappingURL=config-bc609993.js.map

package/dist/esm/config-bc609993.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-bc609993.js","sources":["../../../src/lib/components/input/stories/config.ts"],"sourcesContent":["import { isDisabled } from \"@testing-library/user-event/dist/types/utils\";\n\nconst sharedConfig = {\n  argTypes: {\n    value: {\n      description: 'Current input value.',\n    },\n    className: {\n      description: 'Wrapper classNames for custom styling',\n    },\n    placeholder: {\n      description: 'Placeholder for DirtySwan Input component',\n    },\n    label: {\n      description: 'Label of the Input component',\n    },\n    hideLabel: {\n      description: 'Whether or not a label should be hidden. This is needed for accessibility purposes and a label should always be provided',\n    },\n    labelInsideInput: {\n      description: 'Whether or not a label should be visually displayed inside the input borders.',\n    },\n    prefix: {\n      description: 'A prefix that can be displayed on the left of the input. Specially useful for currencies.',\n    },\n    id: {\n      description: 'Unique ID identifier of the input. Relevant for accessibility.',\n    },\n    error: {\n      description: 'Error message that will also make input show on error state.',\n      table: {\n        type: { \n          summary: 'string | boolean'\n        },\n      },\n    },\n    onChange: {\n      description: 'Function that is called when value of current input changes',\n      action: true,\n      table: {\n        category: \"Callbacks\",\n      },\n    },\n  },\n  args: {\n    value: '',\n    className: '',\n    placeholder: 'Placeholder',\n    label: 'Input Label',\n    hideLabel: false,\n    labelInsideInput: false,\n    prefix: '£',\n    id: '1234567890',\n    error: '',\n    disabled: false\n  }\n} \n\nexport default sharedConfig;"],"names":[],"mappings":"IAEM,YAAY,GAAG;IACnB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,WAAW,EAAE,sBAAsB;SACpC;QACD,SAAS,EAAE;YACT,WAAW,EAAE,uCAAuC;SACrD;QACD,WAAW,EAAE;YACX,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,WAAW,EAAE,0HAA0H;SACxI;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,+EAA+E;SAC7F;QACD,MAAM,EAAE;YACN,WAAW,EAAE,2FAA2F;SACzG;QACD,EAAE,EAAE;YACF,WAAW,EAAE,gEAAgE;SAC9E;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8DAA8D;YAC3E,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,kBAAkB;iBAC5B;aACF;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,6DAA6D;YAC1E,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,KAAK;QAChB,gBAAgB,EAAE,KAAK;QACvB,MAAM,EAAE,GAAG;QACX,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,KAAK;KAChB;;;;;"}

package/dist/esm/{index-d2e06251.js → index-7427c96f.js}

@@ -43,7 +43,7 @@ import AwardMedal from './components/icon/icons/AwardMedal.js';
 import Bank from './components/icon/icons/Bank.js';
 import BarChart2 from './components/icon/icons/BarChart2.js';
 import BarChart from './components/icon/icons/BarChart.js';
-import BasketballSports from './components/icon/icons/BasketballSports.js';
+import BasketballSportsIcon from './components/icon/icons/BasketballSports.js';
 import BatteryCharging from './components/icon/icons/BatteryCharging.js';
 import Battery from './components/icon/icons/Battery.js';
 import BellOff from './components/icon/icons/BellOff.js';
@@ -53,7 +53,7 @@ import Blog from './components/icon/icons/Blog.js';
 import Bluetooth from './components/icon/icons/Bluetooth.js';
 import Bold from './components/icon/icons/Bold.js';
 import Bone from './components/icon/icons/Bone.js';
-import BookOpen from './components/icon/icons/BookOpen.js';
+import BookOpenIcon from './components/icon/icons/BookOpen.js';
 import Book from './components/icon/icons/Book.js';
 import Bookmark from './components/icon/icons/Bookmark.js';
 import Box from './components/icon/icons/Box.js';
@@ -183,7 +183,7 @@ import HatGraduation from './components/icon/icons/HatGraduation.js';
 import Headphones from './components/icon/icons/Headphones.js';
 import HeartHand from './components/icon/icons/HeartHand.js';
 import HeartPlus from './components/icon/icons/HeartPlus.js';
-import Heart from './components/icon/icons/Heart.js';
+import HeartIcon from './components/icon/icons/Heart.js';
 import Hexagon from './components/icon/icons/Hexagon.js';
 import Home from './components/icon/icons/Home.js';
 import HospitalBuilding from './components/icon/icons/HospitalBuilding.js';
@@ -191,7 +191,7 @@ import Id from './components/icon/icons/Id.js';
 import ImagePicture from './components/icon/icons/ImagePicture.js';
 import Inbox from './components/icon/icons/Inbox.js';
 import InfoFilled from './components/icon/icons/InfoFilled.js';
-import Info from './components/icon/icons/Info.js';
+import InfoIcon from './components/icon/icons/Info.js';
 import Instagram from './components/icon/icons/Instagram.js';
 import Italic from './components/icon/icons/Italic.js';
 import Key from './components/icon/icons/Key.js';
@@ -318,7 +318,7 @@ import Square from './components/icon/icons/Square.js';
 import Stamp from './components/icon/icons/Stamp.js';
 import StarFilledIcon from './components/icon/icons/StarFilled.js';
 import StarHalf from './components/icon/icons/StarHalf.js';
-import Star from './components/icon/icons/Star.js';
+import StarIcon from './components/icon/icons/Star.js';
 import StopCircle from './components/icon/icons/StopCircle.js';
 import Subtract from './components/icon/icons/Subtract.js';
 import SunDay from './components/icon/icons/SunDay.js';
@@ -437,7 +437,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	BankIcon: Bank,
 	BarChart2Icon: BarChart2,
 	BarChartIcon: BarChart,
-	BasketballSportsIcon: BasketballSports,
+	BasketballSportsIcon: BasketballSportsIcon,
 	BatteryChargingIcon: BatteryCharging,
 	BatteryIcon: Battery,
 	BellOffIcon: BellOff,
@@ -447,7 +447,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	BluetoothIcon: Bluetooth,
 	BoldIcon: Bold,
 	BoneIcon: Bone,
-	BookOpenIcon: BookOpen,
+	BookOpenIcon: BookOpenIcon,
 	BookIcon: Book,
 	BookmarkIcon: Bookmark,
 	BoxIcon: Box,
@@ -577,7 +577,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	HeadphonesIcon: Headphones,
 	HeartHandIcon: HeartHand,
 	HeartPlusIcon: HeartPlus,
-	HeartIcon: Heart,
+	HeartIcon: HeartIcon,
 	HexagonIcon: Hexagon,
 	HomeIcon: Home,
 	HospitalBuildingIcon: HospitalBuilding,
@@ -585,7 +585,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	ImagePictureIcon: ImagePicture,
 	InboxIcon: Inbox,
 	InfoFilledIcon: InfoFilled,
-	InfoIcon: Info,
+	InfoIcon: InfoIcon,
 	InstagramIcon: Instagram,
 	ItalicIcon: Italic,
 	KeyIcon: Key,
@@ -712,7 +712,7 @@ var icons = /*#__PURE__*/Object.freeze({
 	StampIcon: Stamp,
 	StarFilledIcon: StarFilledIcon,
 	StarHalfIcon: StarHalf,
-	StarIcon: Star,
+	StarIcon: StarIcon,
 	StopCircleIcon: StopCircle,
 	SubtractIcon: Subtract,
 	SunDayIcon: SunDay,
@@ -786,4 +786,4 @@ var icons = /*#__PURE__*/Object.freeze({
 });
 
 export { icons as i };
-//# sourceMappingURL=index-d2e06251.js.map
+//# sourceMappingURL=index-7427c96f.js.map

package/dist/esm/{index-d2e06251.js.map → index-7427c96f.js.map}

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

package/dist/esm/index.js

@@ -14,7 +14,7 @@ export { BottomModal } from './components/modal/bottomModal/index.js';
 export { RegularModal } from './components/modal/regularModal/index.js';
 export { BottomOrRegularModal } from './components/modal/bottomOrRegularModal/index.js';
 export { FullScreenModal } from './components/modal/fullScreenModal/index.js';
-export { InfoCard } from './components/cards/index.js';
+export { InfoCard } from './components/cards/infoCard/index.js';
 export { CardButton } from './components/cards/cardButton/index.js';
 export { Card } from './components/cards/card/index.js';
 export { Button } from './components/button/index.js';
@@ -32,7 +32,7 @@ export { Accordion } from './components/accordion/index.js';
 export { Table } from './components/table/Table.js';
 import { useCallback, useEffect } from 'react';
 export { u as useMediaQuery } from './useMediaQuery-1a3a2432.js';
-export { u as useOnClickOutside } from './Calendar-2d7e51b5.js';
+export { u as useOnClickOutside } from './Calendar-5ad3eccf.js';
 export { LogoColor } from './components/logo/LogoColor.js';
 export { LogoWhite } from './components/logo/LogoWhite.js';
 export { LogoBlack } from './components/logo/LogoBlack.js';
@@ -466,7 +466,7 @@ import './components/table/components/IconRenderer/IconRenderer.js';
 import './components/table/components/TableCell/CardCell/CardCell.js';
 import './components/table/components/TableCell/ButtonCell/ButtonCell.js';
 import './components/table/components/TableContents/TableContents.js';
-import './TableSection-5277dae1.js';
+import './TableSection-018d8e8f.js';
 import './components/table/components/TableContents/Collapsible.js';
 import './useTableNavigation-f929fbc9.js';
 import './components/table/components/TableControls/TableControls.js';

package/dist/esm/lib/components/button/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement, ReactNode } from 'react';
-type ButtonVariant = 'filledColor' | 'filledGray' | 'filledWhite' | 'filledBlack' | 'textColor' | 'textWhite' | 'outlineWhite' | 'filledSuccess' | 'filledError';
+type ButtonVariant = 'filledBlack' | 'filledGray' | 'filledWhite' | 'textBlack' | 'textWhite' | 'outlineGray' | 'outlineWhite' | 'filledError';
 type ButtonProps = {
     as?: React.ElementType;
     children: ReactNode;

package/dist/esm/lib/components/cards/card/index.d.ts

@@ -4,12 +4,14 @@ type CardDefaultAsType = typeof cardDefaultAs;
 type DensityType = 'balanced' | 'compact' | 'spacious';
 type TitleVariantType = 'small' | 'medium' | 'large';
 type VerticalAlignmentType = 'top' | 'center' | 'bottom';
+type CardVariant = 'default' | 'transparent' | 'outline' | 'secondary' | 'primary';
 type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     as?: E;
     children?: ReactNode;
     classNames?: {
         buttonWrapper?: string;
         wrapper?: string;
+        contentWrapper?: string;
         label?: string;
         title?: string;
         description?: string;
@@ -29,7 +31,8 @@ type CardOwnProps<E extends ElementType = CardDefaultAsType> = {
     actionIcon?: ReactNode;
     showActionIcon?: boolean;
     verticalAlignment?: VerticalAlignmentType;
+    variant?: CardVariant;
 };
 export type CardProps<E extends ElementType = CardDefaultAsType> = CardOwnProps<E> & Omit<ComponentProps<E>, keyof CardOwnProps<E>>;
-declare const Card: <E extends ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
+declare const Card: <E extends ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, variant, ...rest }: CardProps<E>) => JSX.Element;
 export { Card };

package/dist/esm/lib/components/cards/card/index.stories.d.ts

@@ -2,7 +2,7 @@
 import { CardProps } from '.';
 declare const story: {
     title: string;
-    component: <E extends import("react").ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, ...rest }: CardProps<E>) => JSX.Element;
+    component: <E extends import("react").ElementType = "section">({ as, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, actionIcon, title, titleVariant, showActionIcon, verticalAlignment, variant, ...rest }: CardProps<E>) => JSX.Element;
     argTypes: {
         as: {
             control: string;
@@ -82,6 +82,7 @@ export declare const CardStory: {
     ({ as, actionIcon, showActionIcon, children, classNames, density, description, descriptionVariant, dropShadow, icon, label, onClick, title, titleVariant, verticalAlignment, }: CardProps): JSX.Element;
     storyName: string;
 };
+export declare const CardVariants: ({ description, onClick, title, }: CardProps) => JSX.Element;
 export declare const CardAsOtherComponents: () => JSX.Element;
 export declare const CardDensities: () => JSX.Element;
 export declare const CardsWithIcons: ({ title }: CardProps) => JSX.Element;

package/dist/esm/lib/components/cards/infoCard/index.d.ts

@@ -1,7 +1,9 @@
-import { CardProps } from '..';
-import { Icon } from '../icons';
-export type InfoCardProps = CardProps & {
-    topIcon: Icon;
-    rightIcon?: 'info' | Icon;
-};
-export declare const InfoCard: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;
+import { ReactNode } from 'react';
+import { CardProps } from '../card';
+export interface InfoCardProps extends CardProps {
+    topIcon: ReactNode;
+    showIcon?: boolean;
+    topIconType?: 'image' | 'icon' | 'banner';
+    disabled?: boolean;
+}
+export declare const InfoCard: ({ className, showIcon, title, children, topIcon, topIconType, disabled, onClick, ...cardProps }: InfoCardProps) => JSX.Element;

package/dist/esm/lib/components/cards/infoCard/index.stories.d.ts

@@ -1,49 +1,55 @@
 import { InfoCardProps } from '.';
 declare const story: {
     title: string;
-    component: ({ className, title, children, topIcon, rightIcon, state, dropshadow, ...props }: InfoCardProps) => JSX.Element;
+    component: ({ className, showIcon, title, children, topIcon, topIconType, disabled, onClick, ...cardProps }: InfoCardProps) => JSX.Element;
     argTypes: {
         title: {
             description: string;
+            control: string;
         };
         children: {
-            type: string;
             description: string;
+            control: string;
         };
-        state: {
+        topIcon: {
             description: string;
         };
-        topIcon: {
+        topIconType: {
+            description: string;
+            control: string;
+            options: string[];
+        };
+        showIcon: {
             description: string;
+            control: string;
         };
-        rightIcon: {
+        disabled: {
             description: string;
+            control: string;
         };
-        dropshadow: {
+        onClick: {
             description: string;
         };
         className: {
             description: string;
+            control: string;
         };
     };
     args: {
         title: string;
         children: string;
-        state: string;
-        topIcon: {
-            src: string;
-            alt: string;
-        };
-        rightIcon: {
-            src: string;
-            alt: string;
-        };
-        dropshadow: boolean;
+        topIcon: JSX.Element;
+        topIconType: string;
+        showIcon: boolean;
+        disabled: boolean;
         className: string;
     };
 };
 export declare const InfoCardStory: {
-    ({ title, dropshadow, children, className, rightIcon, state, topIcon }: InfoCardProps): JSX.Element;
+    (args: InfoCardProps): JSX.Element;
     storyName: string;
 };
+export declare const IconTypes: () => JSX.Element;
+export declare const TopIconTypes: () => JSX.Element;
+export declare const States: () => JSX.Element;
 export default story;

package/dist/esm/lib/components/input/currency/input.stories.d.ts

@@ -54,6 +54,7 @@ declare const story: {
         prefix: string;
         id: string;
         error: string;
+        disabled: boolean;
     };
     title: string;
     component: ({ value, onChange, type, ...props }: CurrencyInputProps) => JSX.Element;

package/dist/esm/lib/components/input/input.stories.d.ts

@@ -55,6 +55,7 @@ declare const story: {
         prefix: string;
         id: string;
         error: string;
+        disabled: boolean;
     };
     title: string;
     component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint"> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "enterKeyHint">> & {
@@ -67,7 +68,7 @@ declare const story: {
     }, "color" | "name" | "className" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "onClick" | "error" | "size" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "width" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "hideLabel" | "enterKeyHint" | "labelInsideInput"> & import("react").RefAttributes<HTMLInputElement>>;
 };
 export declare const InputStory: {
-    ({ onChange, className, placeholder, value, label, hideLabel, labelInsideInput, prefix, error }: InputProps): JSX.Element;
+    ({ onChange, className, placeholder, value, label, hideLabel, labelInsideInput, prefix, error, disabled }: InputProps): JSX.Element;
     storyName: string;
 };
 export default story;

package/dist/esm/lib/components/input/stories/config.d.ts

@@ -50,6 +50,7 @@ declare const sharedConfig: {
         prefix: string;
         id: string;
         error: string;
+        disabled: boolean;
     };
 };
 export default sharedConfig;

package/dist/esm/lib/components/table/components/TableCell/BaseCell/BaseCell.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ModalFunction } from '../../../types';
-export type FontVariant = 'NORMAL' | 'BIG_WITH_UNDERLINE' | 'PRICE';
+export type FontVariant = 'NORMAL' | 'TITLE' | 'PRICE';
 export type Alignment = 'center' | 'left' | 'right';
 export type BaseCellProps = {
     align?: Alignment;

package/dist/esm/lib/scss/public/borders.stories.d.ts

@@ -0,0 +1,13 @@
+export declare const Borders: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: () => JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;