@popsure/dirty-swan 0.37.2 → 0.38.0

package/dist/esm/components/icon/icons/Wind.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var Wind = (function (props) {

package/dist/esm/components/icon/icons/WorldGlobeEarth.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var WorldGlobeEarth = (function (props) {

package/dist/esm/components/icon/icons/X.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var X = (function (props) {

package/dist/esm/components/icon/icons/XCircle.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var XCircle = (function (props) {

package/dist/esm/components/icon/icons/XCircleFilled.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var XCircleFilled = (function (props) {

package/dist/esm/components/icon/icons/XOctagon.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var XOctagon = (function (props) {

package/dist/esm/components/icon/icons/XSquare.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var XSquare = (function (props) {

package/dist/esm/components/icon/icons/Youtube.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var Youtube = (function (props) {

package/dist/esm/components/icon/icons/Zap.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var Zap = (function (props) {

package/dist/esm/components/icon/icons/ZapOff.js

@@ -2,7 +2,7 @@ import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var ZapOff = (function (props) {

package/dist/esm/components/icon/icons/ZoomIn.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var ZoomIn = (function (props) {

package/dist/esm/components/icon/icons/ZoomOut.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { createElement } from 'react';
 import { IconWrapper } from '../IconWrapper/IconWrapper.js';
 import '../../../tslib.es6-5bc94358.js';
-import '../../../index-e9e37a34.js';
+import '../../../index-6ea95111.js';
 import '../../../style-inject.es-1f59c1d0.js';
 
 var ZoomOut = (function (props) {

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

@@ -2,9 +2,9 @@ import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Input } from '../input/index.js';
-import { i as icons } from '../../index-cf90663f.js';
+import { i as icons } from '../../index-38cf6d96.js';
 import Button from '../button/index.js';
-import { c as classnames } from '../../index-e9e37a34.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import '../../index-fb46adf9.js';
 import './icons/1.js';
@@ -398,7 +398,7 @@ var IconsList = function () {
                 .includes(searchValue.toLowerCase());
         }));
     };
-    return (jsxs("div", { children: [jsx("div", __assign({ className: classnames(styles.searchBar, 'bg-white') }, { children: jsxs("div", __assign({ className: 'd-flex gap8 wmx12 m-auto' }, { children: [jsx(Input, { className: 'w70', onChange: handleOnSearch, placeholder: 'Search icon', value: value }, void 0),
+    return (jsxs("div", { children: [jsx("div", __assign({ className: classNames(styles.searchBar, 'bg-white') }, { children: jsxs("div", __assign({ className: 'd-flex gap8 wmx12 m-auto' }, { children: [jsx(Input, { className: 'w70', onChange: handleOnSearch, placeholder: 'Search icon', value: value }, void 0),
                         jsx(Button, { className: 'w30', disabled: !value, buttonTitle: 'Clear search', onClick: clearSearch }, void 0)] }), void 0) }), void 0),
             jsx("div", __assign({ className: 'd-flex f-wrap' }, { children: options.map(function (_a) {
                     var iconKey = _a[0], Icon = _a[1];

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} buttonTitle='Clear search' onClick={clearSearch} />\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap'>\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","classNames"],"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,sBAAK,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,gBACtDF,uBAAK,SAAS,EAAC,0BAA0B,iBACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,WACZ;wBACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,WAAI,aACvF,YACF;YAENA,sBAAK,SAAS,EAAC,eAAe,gBAC3B,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,sBAAmB,SAAS,EAAC,QAAQ,gBACnCD,uBAAK,SAAS,EAAC,+DAA+D,iBAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAI;gCAClBA,uBAAM,SAAS,EAAC,YAAY,gBAAE,OAAO,YAAQ,aACzC,KAJE,OAAO,CAKX;iBACP,CAAC,YACE,YACF,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} buttonTitle='Clear search' onClick={clearSearch} />\n        </div>\n      </div>\n\n      <div className='d-flex f-wrap'>\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,sBAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,gBACtDD,uBAAK,SAAS,EAAC,0BAA0B,iBACzCC,IAAC,KAAK,IACJ,SAAS,EAAC,KAAK,EACf,QAAQ,EAAE,cAAc,EACxB,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,KAAK,WACZ;wBACFA,IAAC,MAAM,IAAC,SAAS,EAAC,KAAK,EAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,EAAC,cAAc,EAAC,OAAO,EAAE,WAAW,WAAI,aACvF,YACF;YAENA,sBAAK,SAAS,EAAC,eAAe,gBAC3B,OAAO,CAAC,GAAG,CAAC,UAAC,EAAe;wBAAd,OAAO,QAAA,EAAE,IAAI,QAAA;oBAAM,QAChCA,sBAAmB,SAAS,EAAC,QAAQ,gBACnCD,uBAAK,SAAS,EAAC,+DAA+D,iBAC5EC,IAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAI;gCAClBA,uBAAM,SAAS,EAAC,YAAY,gBAAE,OAAO,YAAQ,aACzC,KAJE,OAAO,CAKX;iBACP,CAAC,YACE,YACF,EACN;AACJ;;;;;"}

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

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-cf90663f.js';
+import { i as icons } from '../../index-38cf6d96.js';
 import '../../tslib.es6-5bc94358.js';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 import './icons/1.js';
 import 'react';

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

@@ -1,6 +1,6 @@
 import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classnames } from '../../index-e9e37a34.js';
+import { c as classNames } from '../../index-6ea95111.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.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}\n\n.style-module_icon__3ZdHj {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  mask-image: url(\"./info.svg\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  mask-position: center;\n}\n.style-module_icon--information__3Lmkk {\n  background-color: #8bb4ea;\n}\n.style-module_icon--error__1bgLF {\n  background-color: #e55454;\n}\n.style-module_icon--warning__3o6cZ {\n  background-color: #f7ce5c;\n}\n.style-module_icon--success__ANiiU {\n  background-color: #84de8a;\n}\n.style-module_icon--neutral__3KLc5 {\n  background-color: #8e8cee;\n}";
@@ -9,9 +9,9 @@ styleInject(css_248z);
 
 var InformationBox = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
-    return (jsx("div", __assign({ className: classnames(className, 'p16 br8 color-black', styles.informationBox, styles["informationBox--" + variant]), role: "alert" }, { children: jsxs("div", __assign({ className: 'd-flex' }, { children: [showIcon &&
-                    jsx("span", { "data-testid": "information-box-icon", className: classnames(styles.icon, styles["icon--" + variant], 'mr8') }, void 0),
-                jsxs("div", { children: [title && (jsx("h4", __assign({ "data-testid": "information-box-title", className: classnames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
+    return (jsx("div", __assign({ className: classNames(className, 'p16 br8 color-black', styles.informationBox, styles["informationBox--" + variant]), role: "alert" }, { children: jsxs("div", __assign({ className: 'd-flex' }, { children: [showIcon &&
+                    jsx("span", { "data-testid": "information-box-icon", className: classNames(styles.icon, styles["icon--" + variant], 'mr8') }, void 0),
+                jsxs("div", { children: [title && (jsx("h4", __assign({ "data-testid": "information-box-title", className: classNames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
                         jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
 };
 

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';\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  <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        <span\n          data-testid=\"information-box-icon\"\n          className={classNames(\n            styles.icon,\n            styles[`icon--${variant}`],\n            'mr8'\n          )}\n        />\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\nexport { InformationBox };\n"],"names":["_jsx","classNames","_jsxs"],"mappings":";;;;;;;;;IAeM,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;IACS,QACzBA,sBACE,SAAS,EAAEC,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,qBAAmB,OAAS,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,gBAEZC,uBAAK,SAAS,EAAC,QAAQ,iBACpB,QAAQ;oBACPF,6BACc,sBAAsB,EAClC,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,WAAS,OAAS,CAAC,EAC1B,KAAK,CACN,WACD;gBAEJC,yBACG,KAAK,KACJF,oCACc,uBAAuB,EACnC,SAAS,EAAEC,UAAU,CACnB,IAAI,KAAK,SAAS,GAAE,MAAM,GAAG,MAAM,EACnC,KAAK,CACN,gBAEA,KAAK,YACH,CACN;wBAEDD,oBAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,gBACpD,QAAQ,YACP,YACA,aACF,YACF;AAvCmB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\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  <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        <span\n          data-testid=\"information-box-icon\"\n          className={classNames(\n            styles.icon,\n            styles[`icon--${variant}`],\n            'mr8'\n          )}\n        />\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\nexport { InformationBox };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;IAeM,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;IACS,QACzBA,sBACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,qBAAmB,OAAS,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,gBAEZC,uBAAK,SAAS,EAAC,QAAQ,iBACpB,QAAQ;oBACPD,6BACc,sBAAsB,EAClC,SAAS,EAAE,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,WAAS,OAAS,CAAC,EAC1B,KAAK,CACN,WACD;gBAEJC,yBACG,KAAK,KACJD,oCACc,uBAAuB,EACnC,SAAS,EAAE,UAAU,CACnB,IAAI,KAAK,SAAS,GAAE,MAAM,GAAG,MAAM,EACnC,KAAK,CACN,gBAEA,KAAK,YACH,CACN;wBAEDA,oBAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,gBACpD,QAAQ,YACP,YACA,aACF,YACF;AAvCmB;;;;"}

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

@@ -1,7 +1,7 @@
 import { _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { InformationBox } from './index.js';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 
 var story = {

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

@@ -6,7 +6,7 @@ import 'react';
 import 'react-dom';
 import '../../_commonjsHelpers-e7f67fd8.js';
 import 'react-dom/test-utils';
-import '../../index-e9e37a34.js';
+import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
 
 describe('InformationBox component', function () {

package/dist/esm/components/input/autoSuggestInput/index.js

@@ -1,6 +1,6 @@
 import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as classnames } from '../../../index-e9e37a34.js';
+import { c as classNames } from '../../../index-6ea95111.js';
 import React__default from 'react';
 import { p as propTypes } from '../../../index-171a0108.js';
 import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
@@ -2138,7 +2138,7 @@ var AutoSuggestInput = function (_a) {
     var renderSuggestion = function (suggestion) {
         var _a;
         return (jsxs("div", __assign({ className: "" + styles['suggestion-option'] }, { children: [suggestion.leftIcon && (jsx("img", { className: "mr16 " + styles['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
-                jsx("div", __assign({ className: classnames(styles['suggestion-text'], (_a = {},
+                jsx("div", __assign({ className: classNames(styles['suggestion-text'], (_a = {},
                         _a[styles.nowrap] = !wrapText,
                         _a)) }, { children: suggestion.value }), void 0)] }), void 0));
     };