@popsure/dirty-swan 0.53.3 → 0.53.5

package/dist/esm/components/icon/icons.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n  title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState(iconsList);\n\n  const clearSearch = () => {\n    setValue('');\n    setOptions(iconsList);\n  };\n\n  const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setValue(event.target.value);\n\n    if (searchValue === '') {\n      setOptions(iconsList);\n      return;\n    }\n\n    setOptions(iconsList.filter(([key]) => \n      key.toLowerCase()\n        .includes(searchValue.toLowerCase())\n    ));\n  };\n\n  return (\n    <div>\n      <div className={classNames(styles.searchBar, 'bg-white')}>\n        <div className='d-flex gap8 wmx12 m-auto'>\n        <Input\n          className='w70'\n          onChange={handleOnSearch}\n          placeholder='Search icon'\n          value={value} \n        />\n        <Button className='w30' disabled={!value} onClick={clearSearch}>\n          Clear search\n        </Button>\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap mt80'>\n        {options.map(([iconKey, Icon]) => (\n          <div key={iconKey} className=\"w20 p8\">\n            <div className='br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center'>\n              <Icon size={32} />\n              <span className='p-p--small'>{iconKey}</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;EAC3B;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE3B,SAAS,GAAG;IACjB,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACjC,IAAA,KAAwB,QAAQ,CAAC,SAAS,CAAC,EAA1C,OAAO,QAAA,EAAE,UAAU,QAAuB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU,CAAC,SAAS,CAAC,CAAC;KACvB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACvC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,EAAK;gBAAJ,GAAG,QAAA;YAC/B,OAAA,GAAG,CAAC,WAAW,EAAE;iBACd,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;SAAA,CACvC,CAAC,CAAC;KACJ,CAAC;IAEF,QACEA,yBACEC,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,YACtDD,cAAK,SAAS,EAAC,0BAA0B,aACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,GACZ,EACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,6BAErD,IACH,GACF,EAENA,aAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,aAAmB,SAAS,EAAC,QAAQ,YACnCD,cAAK,SAAS,EAAC,+DAA+D,aAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAClBA,cAAM,SAAS,EAAC,YAAY,YAAE,OAAO,GAAQ,IACzC,IAJE,OAAO,CAKX;iBACP,CAAC,GACE,IACF,EACN;AACJ;;;;;"}
+{"version":3,"file":"icons.stories.js","sources":["../../../../../src/lib/components/icon/icons.stories.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport { Input } from '../input';\nimport * as icons from './icons';\nimport { Button } from '../button';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\nconst story = {\n  title: 'JSX/Icon/IconsList',\n};\n\nconst iconsList = Object.entries(icons);\n\nexport const IconsList = () => {\n  const [value, setValue] = useState('');\n  const [options, setOptions] = useState(iconsList);\n\n  const clearSearch = () => {\n    setValue('');\n    setOptions(iconsList);\n  };\n\n  const handleOnSearch = (event: ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setValue(event.target.value);\n\n    if (searchValue === '') {\n      setOptions(iconsList);\n      return;\n    }\n\n    setOptions(iconsList.filter(([key]) => \n      key.toLowerCase()\n        .includes(searchValue.toLowerCase())\n    ));\n  };\n\n  return (\n    <div>\n      <div className={classNames(styles.searchBar, 'bg-white')}>\n        <div className='d-flex gap8 wmx12 m-auto'>\n        <Input\n          className='w70'\n          onChange={handleOnSearch}\n          placeholder='Search icon'\n          value={value} \n        />\n        <Button className='w30' disabled={!value} onClick={clearSearch}>\n          Clear search\n        </Button>\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap mt80'>\n        {options.map(([iconKey, Icon]) => (\n          <div key={iconKey} className=\"w20 p8\">\n            <div className='br4 p24 pt16 pb16 bg-grey-100 w100 d-flex fd-column ai-center'>\n              <Icon size={32} />\n              <span className='p-p--small'>{iconKey}</span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport default story;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;EAC3B;AAEF,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE3B,SAAS,GAAG;IACjB,IAAA,KAAoB,QAAQ,CAAC,EAAE,CAAC,EAA/B,KAAK,QAAA,EAAE,QAAQ,QAAgB,CAAC;IACjC,IAAA,KAAwB,QAAQ,CAAC,SAAS,CAAC,EAA1C,OAAO,QAAA,EAAE,UAAU,QAAuB,CAAC;IAElD,IAAM,WAAW,GAAG;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU,CAAC,SAAS,CAAC,CAAC;KACvB,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAoC;QAC1D,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACvC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE7B,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,UAAU,CAAC,SAAS,CAAC,CAAC;YACtB,OAAO;SACR;QAED,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,UAAC,EAAK;gBAAJ,GAAG,QAAA;YAC/B,OAAA,GAAG,CAAC,WAAW,EAAE;iBACd,QAAQ,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;SAAA,CACvC,CAAC,CAAC;KACJ,CAAC;IAEF,QACEA,yBACEC,aAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,YACtDD,cAAK,SAAS,EAAC,0BAA0B,aACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,GACZ,EACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,6BAErD,IACH,GACF,EAENA,aAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,aAAmB,SAAS,EAAC,QAAQ,YACnCD,cAAK,SAAS,EAAC,+DAA+D,aAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAClBA,cAAM,SAAS,EAAC,YAAY,YAAE,OAAO,GAAQ,IACzC,IAJE,OAAO,CAKX;iBACP,CAAC,GACE,IACF,EACN;AACJ;;;;;"}

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

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-27e1f1cc.js';
+import { i as icons } from '../../index-7506ae25.js';
+import '../../tslib.es6-a39f91fc.js';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 import './icons/1.js';
@@ -364,6 +365,7 @@ import './icons/XOctagon.js';
 import './icons/XSquare.js';
 import './icons/X.js';
 import './icons/Youtube.js';
+import './icons/ZapFilled.js';
 import './icons/ZapOff.js';
 import './icons/Zap.js';
 import './icons/ZoomIn.js';

package/dist/esm/components/icon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = typeof iconsList[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: { \n          summary: 'IconKey (see Available Icons story for all icons)'\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: { \n          summary: 'Your own custom classnames can be added here'\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'primary-500',\n    noMargin: false,\n    className: ''\n  }\n};\n\nexport const IconStory = ({ color, className, icon, size }: IconWrapperProps & { icon: IconKey }) => {\n  // @ts-ignore\n  const Icon = icons?.[icon];\n\n  return Icon && (\n    <Icon\n      size={size}\n      color={color}\n      className={className}\n    />\n  );\n}\n\nIconStory.storyName = \"Icon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAG/B,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,mDAAmD;iBAC7D;aACF;YACD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,WAAW;SACzB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,8CAA8C;iBACxD;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;KACd;EACD;IAEW,SAAS,GAAG,UAAC,EAAsE;QAApE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;;IAEtD,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAC;IAE3B,OAAO,IAAI,KACTA,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,EAAC;AAED,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = typeof iconsList[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: { \n          summary: 'IconKey (see Available Icons story for all icons)'\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: { \n          summary: 'Your own custom classnames can be added here'\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'primary-500',\n    noMargin: false,\n    className: ''\n  }\n};\n\nexport const IconStory = ({ color, className, icon, size }: IconWrapperProps & { icon: IconKey }) => {\n  // @ts-ignore\n  const Icon = icons?.[icon];\n\n  return Icon && (\n    <Icon\n      size={size}\n      color={color}\n      className={className}\n    />\n  );\n}\n\nIconStory.storyName = \"Icon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAG/B,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,mDAAmD;iBAC7D;aACF;YACD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,WAAW;SACzB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,8CAA8C;iBACxD;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;KACd;EACD;IAEW,SAAS,GAAG,UAAC,EAAsE;QAApE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;;IAEtD,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAC;IAE3B,OAAO,IAAI,KACTA,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,EAAC;AAED,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}

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

@@ -4,6 +4,7 @@ import AlertCircleIcon from '../icon/icons/AlertCircle.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import 'react';
 import '../icon/IconWrapper/IconWrapper.js';
+import '../../tslib.es6-a39f91fc.js';
 
 var css_248z = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #e5f0ff;\n  border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #fedede;\n  border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #fff8e3;\n  border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #e4ffe6;\n  border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}";
 var styles = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl"};

package/dist/esm/components/informationBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { AlertCircleIcon } from '../icon/icons';\nimport { Color } from '../../models/styles';\nimport styles from './style.module.scss';\n\ntype Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';\n\nexport interface InformationBoxProps {\n  className?: string;\n  variant?: Variant;\n  title?: string;\n  children: ReactNode;\n  showIcon?: boolean;\n  size?: 'default' | 'small';\n}\n\nconst InformationBox = ({\n  className = '',\n  variant = 'information',\n  title,\n  children,\n  showIcon,\n  size = 'default',\n}: InformationBoxProps) => {\n  const mapAlertIconColor: { [k in Variant]: Color } = {\n    warning: 'yellow-500',\n    error: 'red-500',\n    success: 'green-500',\n    information: 'blue-500',\n    neutral: 'purple-500',\n  };\n\n  return (\n    <div\n      className={classNames(\n        className,\n        'p16 br8 color-black',\n        styles.informationBox,\n        styles[`informationBox--${variant}`]\n      )}\n      role=\"alert\"\n    >\n      <div className=\"d-flex\">\n        {showIcon && (\n          <div data-testid=\"information-box-icon\" className={'mr8'}>\n            <AlertCircleIcon\n              className={styles.icon}\n              color={mapAlertIconColor[variant]}\n              size={size === 'default' ? 24 : 16}\n            />\n          </div>\n        )}\n        <div>\n          {title && (\n            <h4\n              data-testid=\"information-box-title\"\n              className={classNames(\n                size === 'default' ? 'p-h4' : 'p-h5',\n                'mb8'\n              )}\n            >\n              {title}\n            </h4>\n          )}\n\n          <p className={size === 'default' ? 'p-p' : 'p-p--small'}>\n            {children}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { InformationBox };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;IAkBM,cAAc,GAAG,UAAC,EAOF;QANpB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,iBAAiB,GAA8B;QACnD,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,YAAY;KACtB,CAAC;IAEF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,0BAAmB,OAAO,CAAE,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,YAEZC,cAAK,SAAS,EAAC,QAAQ,aACpB,QAAQ,KACPD,4BAAiB,sBAAsB,EAAC,SAAS,EAAE,KAAK,YACtDA,IAAC,eAAe,IACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,GAClC,GACE,CACP,EACDC,yBACG,KAAK,KACJD,2BACc,uBAAuB,EACnC,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,EACpC,KAAK,CACN,YAEA,KAAK,GACH,CACN,EAEDA,WAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,YACpD,QAAQ,GACP,IACA,IACF,GACF,EACN;AACJ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { AlertCircleIcon } from '../icon/icons';\nimport { Color } from '../../models/styles';\nimport styles from './style.module.scss';\n\ntype Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';\n\nexport interface InformationBoxProps {\n  className?: string;\n  variant?: Variant;\n  title?: string;\n  children: ReactNode;\n  showIcon?: boolean;\n  size?: 'default' | 'small';\n}\n\nconst InformationBox = ({\n  className = '',\n  variant = 'information',\n  title,\n  children,\n  showIcon,\n  size = 'default',\n}: InformationBoxProps) => {\n  const mapAlertIconColor: { [k in Variant]: Color } = {\n    warning: 'yellow-500',\n    error: 'red-500',\n    success: 'green-500',\n    information: 'blue-500',\n    neutral: 'purple-500',\n  };\n\n  return (\n    <div\n      className={classNames(\n        className,\n        'p16 br8 color-black',\n        styles.informationBox,\n        styles[`informationBox--${variant}`]\n      )}\n      role=\"alert\"\n    >\n      <div className=\"d-flex\">\n        {showIcon && (\n          <div data-testid=\"information-box-icon\" className={'mr8'}>\n            <AlertCircleIcon\n              className={styles.icon}\n              color={mapAlertIconColor[variant]}\n              size={size === 'default' ? 24 : 16}\n            />\n          </div>\n        )}\n        <div>\n          {title && (\n            <h4\n              data-testid=\"information-box-title\"\n              className={classNames(\n                size === 'default' ? 'p-h4' : 'p-h5',\n                'mb8'\n              )}\n            >\n              {title}\n            </h4>\n          )}\n\n          <p className={size === 'default' ? 'p-p' : 'p-p--small'}>\n            {children}\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { InformationBox };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;IAkBM,cAAc,GAAG,UAAC,EAOF;QANpB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IAEhB,IAAM,iBAAiB,GAA8B;QACnD,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,YAAY;KACtB,CAAC;IAEF,QACEA,aACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,0BAAmB,OAAO,CAAE,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,YAEZC,cAAK,SAAS,EAAC,QAAQ,aACpB,QAAQ,KACPD,4BAAiB,sBAAsB,EAAC,SAAS,EAAE,KAAK,YACtDA,IAAC,eAAe,IACd,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,EACjC,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,GAClC,GACE,CACP,EACDC,yBACG,KAAK,KACJD,2BACc,uBAAuB,EACnC,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,GAAG,MAAM,GAAG,MAAM,EACpC,KAAK,CACN,YAEA,KAAK,GACH,CACN,EAEDA,WAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,YACpD,QAAQ,GACP,IACA,IACF,GACF,EACN;AACJ;;;;"}

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

@@ -4,6 +4,7 @@ import '../../index-6ea95111.js';
 import '../icon/icons/AlertCircle.js';
 import 'react';
 import '../icon/IconWrapper/IconWrapper.js';
+import '../../tslib.es6-a39f91fc.js';
 import '../../style-inject.es-1f59c1d0.js';
 
 var story = {

package/dist/esm/components/informationBox/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/informationBox/index.stories.tsx"],"sourcesContent":["import { InformationBox, InformationBoxProps } from '.';\n\nconst story = {\n  title: 'JSX/InformationBox',\n  component: InformationBox,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      description: 'Size to display the component',\n    },\n    variant: {\n      description: 'Variant that defines the style of the InformationBox',\n    },\n  },\n  args: {\n    children: 'It seems that you already have an account with us! Sign in now',\n    title: 'Log in to your account',\n    showIcon: false,\n    size: 'default',\n    variant: 'information',\n  }\n};\n\nexport const InformationBoxStory = ({\n  children,\n  showIcon,\n  title,\n  size,\n  variant,\n}: InformationBoxProps) => (\n  <div className='wmx6'>\n    <InformationBox\n      children={children}\n      showIcon={showIcon}\n      title={title}\n      size={size}\n      variant={variant}\n    />\n  </div>\n);\n\nInformationBoxStory.storyName = \"InformationBox\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;SACpE;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sCAAsC;SACpD;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;SAC7C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;SACpE;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,gEAAgE;QAC1E,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,aAAa;KACvB;EACD;IAEW,mBAAmB,GAAG,UAAC,EAMd;QALpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA;IACkB,QACzBA,aAAK,SAAS,EAAC,MAAM,YACnBA,IAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,GACE;AATmB,EAUzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/informationBox/index.stories.tsx"],"sourcesContent":["import { InformationBox, InformationBoxProps } from '.';\n\nconst story = {\n  title: 'JSX/InformationBox',\n  component: InformationBox,\n  argTypes: {\n    children: {\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      description: 'Size to display the component',\n    },\n    variant: {\n      description: 'Variant that defines the style of the InformationBox',\n    },\n  },\n  args: {\n    children: 'It seems that you already have an account with us! Sign in now',\n    title: 'Log in to your account',\n    showIcon: false,\n    size: 'default',\n    variant: 'information',\n  }\n};\n\nexport const InformationBoxStory = ({\n  children,\n  showIcon,\n  title,\n  size,\n  variant,\n}: InformationBoxProps) => (\n  <div className='wmx6'>\n    <InformationBox\n      children={children}\n      showIcon={showIcon}\n      title={title}\n      size={size}\n      variant={variant}\n    />\n  </div>\n);\n\nInformationBoxStory.storyName = \"InformationBox\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;SACpE;QACD,KAAK,EAAE;YACL,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sCAAsC;SACpD;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;SAC7C;QACD,OAAO,EAAE;YACP,WAAW,EAAE,sDAAsD;SACpE;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,gEAAgE;QAC1E,KAAK,EAAE,wBAAwB;QAC/B,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,aAAa;KACvB;EACD;IAEW,mBAAmB,GAAG,UAAC,EAMd;QALpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA;IACkB,QACzBA,aAAK,SAAS,EAAC,MAAM,YACnBA,IAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB,GACE;AATmB,EAUzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB;;;;;"}

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

@@ -1,10 +1,10 @@
 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-b3d1dc00.js';
+import { c as customRender, s as screen } from '../../customRender-d03c10b6.js';
 import { InformationBox } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../index-6ea95111.js';
 import '../icon/icons/AlertCircle.js';

package/dist/esm/components/input/checkbox/index.test.js

@@ -1,10 +1,10 @@
 import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-b3d1dc00.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { Checkbox } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-e7f67fd8.js';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/input/currency/index.test.js

@@ -1,10 +1,10 @@
 import { c as __awaiter, d as __generator, a as __assign } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-b3d1dc00.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { CurrencyInput } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-e7f67fd8.js';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../index.js';
 import '../../../index-6ea95111.js';

package/dist/esm/components/input/radio/index.test.js

@@ -1,10 +1,10 @@
 import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-b3d1dc00.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { Radio } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-e7f67fd8.js';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/input/toggle/index.test.js

@@ -1,10 +1,10 @@
 import { c as __awaiter, d as __generator } from '../../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../customRender-b3d1dc00.js';
+import { c as customRender } from '../../../customRender-d03c10b6.js';
 import { Toggle } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../../_commonjsHelpers-e7f67fd8.js';
+import '../../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';

package/dist/esm/components/multiDropzone/UploadFileCell/index.js

@@ -6,6 +6,7 @@ import FileIcon from '../../icon/icons/File.js';
 import Trash2Icon from '../../icon/icons/Trash2.js';
 import 'react';
 import '../../icon/IconWrapper/IconWrapper.js';
+import '../../../tslib.es6-a39f91fc.js';
 
 var css_248z = ".style-module_upload-file-cell__3nv5i {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 64px;\n  padding: 8px 16px;\n  border: 1px solid #d2d2d8;\n  border-radius: 8px;\n  background-color: white;\n  animation: style-module_appear-down__14rCV 0.6s;\n  animation-fill-mode: both;\n  animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n  border-color: #e55454;\n  background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_icon__31Yuk {\n  margin: 0px;\n}\n\n.style-module_main-icon__335_Y {\n  margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.style-module_progress-bar-container__2JCBO {\n  position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n  background-color: #f5f6fb;\n  border-radius: 10px;\n  height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n  background-color: #8e8cee;\n  border-radius: 10px;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n  display: flex;\n  justify-content: flex-end;\n  min-width: 32px;\n  margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n  min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  color: inherit;\n  text-align: inherit;\n  outline: none;\n  box-shadow: none;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n}\n\n.style-module_remove-icon__2FWBQ {\n  margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n  pointer-events: none;\n  cursor: default;\n  opacity: 0.3;\n}\n\n@keyframes style-module_appear-down__14rCV {\n  from {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
 var styles = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","icon":"style-module_icon__31Yuk","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};

package/dist/esm/components/multiDropzone/UploadFileCell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/multiDropzone/UploadFileCell/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './style.module.scss';\nimport { FileIcon, Trash2Icon, EyeVisionIcon } from '../../icon/icons';\nimport { Color } from '../../../models/styles';\nimport { UploadStatus, UploadedFile } from '../types';\n\ninterface Props {\n  uploadStatus: UploadStatus;\n  file: UploadedFile;\n  onRemoveFile?: (id: string) => void;\n  uploading: boolean;\n}\n\nconst UploadFileCell: React.FC<Props> = ({\n  uploadStatus,\n  file,\n  onRemoveFile,\n  uploading,\n}) => {\n  const {\n    id,\n    error,\n    name,\n    progress,\n    previewUrl,\n    showLoadingSpinner = false,\n    showProgressBar = true,\n  } = file;\n\n  const isComplete = uploadStatus === 'COMPLETE';\n  const isUploading = uploadStatus === 'UPLOADING';\n  const hasError = uploadStatus === 'ERROR';\n\n  const mapFileIconColor: { [k in UploadStatus]: Color } = {\n    UPLOADING: 'purple-500',\n    COMPLETE: 'grey-500',\n    ERROR: 'red-500',\n  };\n\n  const displayText = {\n    UPLOADING: 'Uploading...',\n    COMPLETE: name,\n    ERROR: error ?? 'Something went wrong. Try uploading again.',\n  }[uploadStatus];\n\n  return (\n    <div\n      className={classnames(`mt8 ${styles['upload-file-cell']}`, {\n        [styles['upload-file-cell-error']]: hasError,\n      })}\n    >\n      <div className={`w100 ${styles['cell-left-section']}`}>\n        <FileIcon\n          className={classnames(`${styles['main-icon']} ${styles.icon}`)}\n          color={mapFileIconColor[uploadStatus]}\n          size={24}\n        />\n        <div className=\"w100\">\n          <div\n            className={`p-p ${styles['upload-display-text']}`}\n            title={displayText}\n          >\n            {displayText}\n          </div>\n\n          {isUploading && showProgressBar && (\n            <div className={`mt8 w100 ${styles['progress-bar-container']}`}>\n              <div className={`${styles['progress-bar']}`} />\n              <div\n                data-testid=\"ds-filecell-progressbar\"\n                className={`${styles['progress-bar-filler']}`}\n                style={{ width: `${progress}%` }}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      <div\n        className={classnames(styles['cell-right-section'], {\n          [styles['cell-right-section-complete']]: isComplete,\n        })}\n      >\n        {isUploading ? (\n          <div className={styles.spinner}>\n            {showLoadingSpinner && (\n              <div\n                className=\"ds-spinner ds-spinner__m\"\n                data-testid=\"ds-filecell-spinner\"\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            {isComplete && (\n              <a\n                className={styles['view-icon']}\n                href={previewUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <EyeVisionIcon\n                  color={'grey-500'}\n                  size={24}\n                  className={styles.icon}\n                />\n              </a>\n            )}\n\n            {onRemoveFile && (\n              <button\n                type=\"button\"\n                onClick={() => onRemoveFile(id)}\n                className={classnames(styles['remove-icon'], {\n                  [styles.disabled]: uploading,\n                })}\n                data-testid=\"remove-button\"\n              >\n                <Trash2Icon\n                  color={hasError ? 'red-500' : 'grey-500'}\n                  size={24}\n                  className={styles.icon}\n                />\n              </button>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default UploadFileCell;\n"],"names":["_jsxs","classnames","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/multiDropzone/UploadFileCell/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './style.module.scss';\nimport { FileIcon, Trash2Icon, EyeVisionIcon } from '../../icon/icons';\nimport { Color } from '../../../models/styles';\nimport { UploadStatus, UploadedFile } from '../types';\n\ninterface Props {\n  uploadStatus: UploadStatus;\n  file: UploadedFile;\n  onRemoveFile?: (id: string) => void;\n  uploading: boolean;\n}\n\nconst UploadFileCell: React.FC<Props> = ({\n  uploadStatus,\n  file,\n  onRemoveFile,\n  uploading,\n}) => {\n  const {\n    id,\n    error,\n    name,\n    progress,\n    previewUrl,\n    showLoadingSpinner = false,\n    showProgressBar = true,\n  } = file;\n\n  const isComplete = uploadStatus === 'COMPLETE';\n  const isUploading = uploadStatus === 'UPLOADING';\n  const hasError = uploadStatus === 'ERROR';\n\n  const mapFileIconColor: { [k in UploadStatus]: Color } = {\n    UPLOADING: 'purple-500',\n    COMPLETE: 'grey-500',\n    ERROR: 'red-500',\n  };\n\n  const displayText = {\n    UPLOADING: 'Uploading...',\n    COMPLETE: name,\n    ERROR: error ?? 'Something went wrong. Try uploading again.',\n  }[uploadStatus];\n\n  return (\n    <div\n      className={classnames(`mt8 ${styles['upload-file-cell']}`, {\n        [styles['upload-file-cell-error']]: hasError,\n      })}\n    >\n      <div className={`w100 ${styles['cell-left-section']}`}>\n        <FileIcon\n          className={classnames(`${styles['main-icon']} ${styles.icon}`)}\n          color={mapFileIconColor[uploadStatus]}\n          size={24}\n        />\n        <div className=\"w100\">\n          <div\n            className={`p-p ${styles['upload-display-text']}`}\n            title={displayText}\n          >\n            {displayText}\n          </div>\n\n          {isUploading && showProgressBar && (\n            <div className={`mt8 w100 ${styles['progress-bar-container']}`}>\n              <div className={`${styles['progress-bar']}`} />\n              <div\n                data-testid=\"ds-filecell-progressbar\"\n                className={`${styles['progress-bar-filler']}`}\n                style={{ width: `${progress}%` }}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n      <div\n        className={classnames(styles['cell-right-section'], {\n          [styles['cell-right-section-complete']]: isComplete,\n        })}\n      >\n        {isUploading ? (\n          <div className={styles.spinner}>\n            {showLoadingSpinner && (\n              <div\n                className=\"ds-spinner ds-spinner__m\"\n                data-testid=\"ds-filecell-spinner\"\n              />\n            )}\n          </div>\n        ) : (\n          <>\n            {isComplete && (\n              <a\n                className={styles['view-icon']}\n                href={previewUrl}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                <EyeVisionIcon\n                  color={'grey-500'}\n                  size={24}\n                  className={styles.icon}\n                />\n              </a>\n            )}\n\n            {onRemoveFile && (\n              <button\n                type=\"button\"\n                onClick={() => onRemoveFile(id)}\n                className={classnames(styles['remove-icon'], {\n                  [styles.disabled]: uploading,\n                })}\n                data-testid=\"remove-button\"\n              >\n                <Trash2Icon\n                  color={hasError ? 'red-500' : 'grey-500'}\n                  size={24}\n                  className={styles.icon}\n                />\n              </button>\n            )}\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default UploadFileCell;\n"],"names":["_jsxs","classnames","_jsx"],"mappings":"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"}

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

@@ -1,11 +1,11 @@
 import { c as __awaiter, d as __generator, a as __assign, b as __rest } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, a as act, f as fireEvent } from '../../customRender-b3d1dc00.js';
-import '../../extend-expect-5a71e666.js';
+import { c as customRender, a as act, f as fireEvent } from '../../customRender-d03c10b6.js';
+import '../../index-6f567b0b.js';
 import { MultiDropzone } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import 'os';
 import 'tty';

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

@@ -1,10 +1,10 @@
 import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../customRender-b3d1dc00.js';
+import { c as customRender } from '../../customRender-d03c10b6.js';
 import { SegmentedControl } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../style-inject.es-1f59c1d0.js';
 

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

@@ -1,10 +1,10 @@
 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-b3d1dc00.js';
+import { c as customRender, s as screen } from '../../customRender-d03c10b6.js';
 import { Spinner } from './index.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-e7f67fd8.js';
+import '../../_commonjsHelpers-4730bd53.js';
 import 'react-dom/test-utils';
 import '../../index-6ea95111.js';
 

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

@@ -0,0 +1,88 @@
+import { a as __assign } from '../../tslib.es6-a39f91fc.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { TableCell } from './components/TableCell/TableCell.js';
+import { BottomOrRegularModal } from '../modal/bottomOrRegularModal/index.js';
+import { useState, useRef } from 'react';
+import ChevronDownIcon from '../icon/icons/ChevronDown.js';
+import ChevronUpIcon from '../icon/icons/ChevronUp.js';
+import { Card } from '../cards/card/index.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import { u as useMediaQuery } from '../../Collapsible-a355828b.js';
+import { TableContents } from './components/TableContents/TableContents.js';
+import { c as classNames } from '../../index-6ea95111.js';
+import { u as useTableNavigation } from '../../useTableNavigation-2899712c.js';
+import { TableControls } from './components/TableControls/TableControls.js';
+import { i as isBaseCell, T as TableSection } from '../../TableSection-f6d0028e.js';
+import { u as useScrollSync } from '../../useScrollSync-b2d28bed.js';
+import './components/TableCell/BaseCell/BaseCell.js';
+import '../icon/icons/Check.js';
+import '../icon/IconWrapper/IconWrapper.js';
+import '../icon/icons/StarFilled.js';
+import '../icon/icons/X.js';
+import '../icon/icons/ZapFilled.js';
+import './components/TableCell/BaseCell/MiniProgressBar/MiniProgressBar.js';
+import '../../index-3d286178.js';
+import '../../_commonjsHelpers-4730bd53.js';
+import '../comparisonTable/components/TableInfoButton/index.js';
+import '../icon/icons/Info.js';
+import '../../index-5e72c3d4.js';
+import './components/TableCell/CTACell/CTACell.js';
+import './components/TableCell/ButtonCell/ButtonCell.js';
+import '../button/index.js';
+import '../modal/bottomModal/index.js';
+import '../modal/genericModal/index.js';
+import '../modal/regularModal/index.js';
+import '../icon/icons/ChevronRight.js';
+import '../../index-a0ef2ab4.js';
+import '../icon/icons/ChevronLeft.js';
+
+var css_248z = ".Table-module_wrapper__2MMNq {\n  position: relative;\n}\n\n.Table-module_container__3VFLP {\n  overflow-x: auto;\n  overflow-y: hidden;\n  -ms-overflow-style: none;\n  /* IE and Edge */\n  scrollbar-width: none;\n  /* Firefox */\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n}\n.Table-module_container__3VFLP::-webkit-scrollbar {\n  display: none;\n}\n@media (min-width: 34rem) {\n  .Table-module_container__3VFLP {\n    scroll-snap-type: unset;\n  }\n}\n\n.Table-module_stickyHeader__2uEpP {\n  display: flex;\n  position: sticky;\n  z-index: 9;\n}";
+var styles = {"wrapper":"Table-module_wrapper__2MMNq","container":"Table-module_container__3VFLP","stickyHeader":"Table-module_stickyHeader__2uEpP"};
+styleInject(css_248z);
+
+var defaultTextOverrides = {
+    showDetails: 'Show details',
+    hideDetails: 'Hide details',
+};
+var Table = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var className = _a.className, collapsibleSections = _a.collapsibleSections, tableData = _a.tableData, hideDetails = _a.hideDetails, onModalOpen = _a.onModalOpen, onSelectionChanged = _a.onSelectionChanged, _g = _a.stickyHeaderTopOffset, stickyHeaderTopOffset = _g === void 0 ? 0 : _g, definedTextOverrides = _a.textOverrides, title = _a.title;
+    var textOverrides = __assign(__assign({}, defaultTextOverrides), definedTextOverrides);
+    var isMobile = useMediaQuery('BELOW_MOBILE');
+    var _h = useState(null), infoModalData = _h[0], setInfoModalData = _h[1];
+    var _j = useState(true), shouldHideDetails = _j[0], setShouldHideDetails = _j[1];
+    var containerRef = useRef(null);
+    var headerRef = useRef(null);
+    var columnsLength = tableData[0].rows[0].length;
+    useScrollSync(headerRef, containerRef, !isMobile);
+    var _k = useTableNavigation({
+        enabled: isMobile,
+        containerRef: containerRef,
+        onSelectionChanged: onSelectionChanged,
+    }), activeSection = _k.activeSection, navigateTable = _k.navigateTable;
+    var currentActiveSection = (_d = (_c = (_b = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _b === void 0 ? void 0 : _b.rows) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d[activeSection];
+    var handleOpenModal = function (_a) {
+        var body = _a.body, title = _a.title;
+        onModalOpen === null || onModalOpen === void 0 ? void 0 : onModalOpen({ body: body, title: title });
+        setInfoModalData({ body: body, title: title });
+    };
+    return (jsxs("div", { className: classNames(styles.wrapper, 'bg-white'), children: [isMobile ? (jsx(TableControls, { activeSection: activeSection, columnsLength: columnsLength, navigateTable: navigateTable, stickyHeaderTopOffset: stickyHeaderTopOffset, children: jsx(TableCell, __assign({}, currentActiveSection, (isBaseCell(currentActiveSection)
+                    ? {
+                        openModal: function (body) {
+                            return handleOpenModal({
+                                body: body,
+                                title: currentActiveSection === null || currentActiveSection === void 0 ? void 0 : currentActiveSection.text,
+                            });
+                        },
+                    }
+                    : {}), { isNavigation: true })) })) : (jsx("div", { "aria-hidden": true, className: styles.stickyHeader, style: { top: "".concat(stickyHeaderTopOffset, "px") }, children: jsx("div", { className: styles.container, ref: headerRef, children: jsx(TableSection, { tableCellRows: [(_f = (_e = tableData === null || tableData === void 0 ? void 0 : tableData[0]) === null || _e === void 0 ? void 0 : _e.rows) === null || _f === void 0 ? void 0 : _f[0]], title: title, className: className, openModal: handleOpenModal }) }) })), jsx("div", { ref: containerRef, className: classNames(styles.container, 'pb8'), children: jsx(TableContents, { tableData: tableData, title: title, className: className, collapsibleSections: collapsibleSections, hideDetails: hideDetails, isMobile: isMobile, shouldHideDetails: shouldHideDetails, openModal: handleOpenModal }) }), hideDetails && (jsx(Card, { "data-testid": "show-hide-details", classNames: {
+                    buttonWrapper: 'm8 mt32',
+                    title: 'd-flex gap8 ai-center jc-center',
+                    wrapper: 'bg-grey-200',
+                }, title: jsxs(Fragment, { children: [shouldHideDetails
+                            ? textOverrides.showDetails
+                            : textOverrides.hideDetails, shouldHideDetails ? (jsx(ChevronDownIcon, { size: 24 })) : (jsx(ChevronUpIcon, { size: 24 }))] }), actionIcon: null, dropShadow: false, titleVariant: "small", density: "compact", onClick: function () { return setShouldHideDetails(function (current) { return !current; }); } })), jsx(BottomOrRegularModal, { isOpen: (infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body) ? true : false, title: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.title, onClose: function () { return setInfoModalData(null); }, children: jsx("div", { className: "pt8 p24 wmn6", children: infoModalData === null || infoModalData === void 0 ? void 0 : infoModalData.body }) })] }));
+};
+
+export { Table };
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../src/lib/components/table/Table.tsx"],"sourcesContent":["import { TableCell, TableCellProps } from './components/TableCell/TableCell';\nimport { BottomOrRegularModal } from '../modal';\nimport { ReactNode, useRef, useState } from 'react';\nimport { ChevronDownIcon, ChevronUpIcon } from '../icon';\nimport { Card } from '../cards/card';\n\nimport styles from './Table.module.scss';\nimport { useMediaQuery } from '../../hooks/useMediaQuery';\nimport { TableContents } from './components/TableContents/TableContents';\nimport classNames from 'classnames';\nimport { useTableNavigation } from './utils/useTableNavigation/useTableNavigation';\nimport { TableControls } from './components/TableControls/TableControls';\nimport { TableSection } from './components/TableSection/TableSection';\nimport { useScrollSync } from './utils/useScrollSync/useScrollSync';\nimport { isBaseCell, ModalData, ModalFunction, TableData } from './types';\n\ntype TextOverrides = {\n  showDetails?: string;\n  hideDetails?: string;\n};\n\nexport interface TableProps {\n  className?: string;\n  collapsibleSections?: boolean;\n  tableData: TableData;\n  hideDetails?: boolean;\n  onModalOpen?: ModalFunction;\n  onSelectionChanged?: (index: number) => void;\n  stickyHeaderTopOffset?: number;\n  textOverrides?: TextOverrides;\n  title: string;\n}\n\nconst defaultTextOverrides = {\n  showDetails: 'Show details',\n  hideDetails: 'Hide details',\n};\n\nconst Table = ({\n  className,\n  collapsibleSections,\n  tableData,\n  hideDetails,\n  onModalOpen,\n  onSelectionChanged,\n  stickyHeaderTopOffset = 0,\n  textOverrides: definedTextOverrides,\n  title,\n}: TableProps) => {\n  const textOverrides = { ...defaultTextOverrides, ...definedTextOverrides };\n  const isMobile = useMediaQuery('BELOW_MOBILE');\n  const [infoModalData, setInfoModalData] = useState<ModalData | null>(null);\n  const [shouldHideDetails, setShouldHideDetails] = useState(true);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const columnsLength = tableData[0].rows[0].length;\n\n  useScrollSync(headerRef, containerRef, !isMobile);\n\n  const { activeSection, navigateTable } = useTableNavigation({\n    enabled: isMobile,\n    containerRef,\n    onSelectionChanged,\n  });\n\n  const currentActiveSection = tableData?.[0]?.rows?.[0]?.[activeSection];\n\n  const handleOpenModal: ModalFunction = ({ body, title }) => {\n    onModalOpen?.({ body, title });\n    setInfoModalData({ body, title });\n  };\n\n  return (\n    <div className={classNames(styles.wrapper, 'bg-white')}>\n      {isMobile ? (\n        <TableControls\n          activeSection={activeSection}\n          columnsLength={columnsLength}\n          navigateTable={navigateTable}\n          stickyHeaderTopOffset={stickyHeaderTopOffset}\n        >\n          <TableCell\n            {...currentActiveSection}\n            {...(isBaseCell(currentActiveSection)\n              ? {\n                  openModal: (body: ReactNode) =>\n                    handleOpenModal({\n                      body,\n                      title: currentActiveSection?.text,\n                    }),\n                }\n              : {})}\n            isNavigation\n          />\n        </TableControls>\n      ) : (\n        <div\n          aria-hidden\n          className={styles.stickyHeader}\n          style={{ top: `${stickyHeaderTopOffset}px` }}\n        >\n          <div className={styles.container} ref={headerRef}>\n            <TableSection\n              tableCellRows={[tableData?.[0]?.rows?.[0]]}\n              title={title}\n              className={className}\n              openModal={handleOpenModal}\n            />\n          </div>\n        </div>\n      )}\n\n      <div ref={containerRef} className={classNames(styles.container, 'pb8')}>\n        <TableContents\n          tableData={tableData}\n          title={title}\n          className={className}\n          collapsibleSections={collapsibleSections}\n          hideDetails={hideDetails}\n          isMobile={isMobile}\n          shouldHideDetails={shouldHideDetails}\n          openModal={handleOpenModal}\n        />\n      </div>\n\n      {hideDetails && (\n        <Card\n          data-testid=\"show-hide-details\"\n          classNames={{\n            buttonWrapper: 'm8 mt32',\n            title: 'd-flex gap8 ai-center jc-center',\n            wrapper: 'bg-grey-200',\n          }}\n          title={\n            <>\n              {shouldHideDetails\n                ? textOverrides.showDetails\n                : textOverrides.hideDetails}\n              {shouldHideDetails ? (\n                <ChevronDownIcon size={24} />\n              ) : (\n                <ChevronUpIcon size={24} />\n              )}\n            </>\n          }\n          actionIcon={null}\n          dropShadow={false}\n          titleVariant=\"small\"\n          density=\"compact\"\n          onClick={() => setShouldHideDetails((current) => !current)}\n        />\n      )}\n\n      <BottomOrRegularModal\n        isOpen={infoModalData?.body ? true : false}\n        title={infoModalData?.title}\n        onClose={() => setInfoModalData(null)}\n      >\n        <div className=\"pt8 p24 wmn6\">{infoModalData?.body}</div>\n      </BottomOrRegularModal>\n    </div>\n  );\n};\n\nexport { Table };\n"],"names":["_jsxs","_jsx"],"mappings":"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"}