@popsure/dirty-swan 0.34.0 → 0.36.0

package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js

@@ -2,9 +2,10 @@ import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { CardWithLeftIcon } from '../index.js';
 import { i as images } from '../../../index-31224f74.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import 'react';
 import '../../../style-inject.es-1f59c1d0.js';
+import '../../../feather-logo-a3f07990.js';
 
 var story = {
     title: 'JSX/Cards/CardWithLeftIcon',
@@ -14,6 +15,10 @@ var story = {
             defaultValue: 'Lorem Ipsum',
             description: 'Title text that needs to be displayed',
         },
+        subtitle: {
+            defaultValue: 'Lorem Ipsum dolorem',
+            description: 'Subitle text that needs to be displayed',
+        },
         children: {
             type: 'text',
             defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',
@@ -30,6 +35,13 @@ var story = {
             },
             description: 'Icon displayed on the left of the card.',
         },
+        leftIconSize: {
+            defaultValue: {
+                width: 48,
+                height: 48
+            },
+            description: 'Size of the left icon',
+        },
         rightIcon: {
             defaultValue: {
                 src: images.washingMachine,
@@ -54,8 +66,8 @@ var story = {
     },
 };
 var CardWithLeftIconStory = function (_a) {
-    var title = _a.title, dropshadow = _a.dropshadow, children = _a.children, className = _a.className, cardSize = _a.cardSize, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, state = _a.state;
-    return (jsx(CardWithLeftIcon, __assign({ cardSize: cardSize, className: className, dropshadow: dropshadow, state: state, leftIcon: leftIcon, rightIcon: rightIcon, title: title }, { children: children }), void 0));
+    var title = _a.title, subtitle = _a.subtitle, dropshadow = _a.dropshadow, children = _a.children, className = _a.className, cardSize = _a.cardSize, leftIcon = _a.leftIcon, leftIconSize = _a.leftIconSize, rightIcon = _a.rightIcon, state = _a.state;
+    return (jsx(CardWithLeftIcon, __assign({ cardSize: cardSize, className: className, dropshadow: dropshadow, state: state, leftIcon: leftIcon, leftIconSize: leftIconSize, rightIcon: rightIcon, title: title, subtitle: subtitle }, { children: children }), void 0));
 };
 CardWithLeftIconStory.storyName = "CardWithLeftIcon";
 

package/dist/esm/components/cards/cardWithLeftIcon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithLeftIcon/index.stories.tsx"],"sourcesContent":["import { CardWithLeftIcon, CardWithLeftIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithLeftIcon',\n  component: CardWithLeftIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    leftIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the left of the card.',\n    },\n    rightIcon: {\n      defaultValue: {\n        src: images.washingMachine,\n        alt: 'Icon alt'\n      },\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithLeftIconStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  cardSize,\n  leftIcon,\n  rightIcon,\n  state,\n}: CardWithLeftIconProps) => {\n  return (\n    <CardWithLeftIcon\n      cardSize={cardSize}\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      leftIcon={leftIcon}\n      rightIcon={rightIcon}\n      title={title}\n    >\n      {children}\n    </CardWithLeftIcon>\n  );\n}\n\nCardWithLeftIconStory.storyName = \"CardWithLeftIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,QAAQ,EAAE;YACR,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,yCAAyC;SACvD;QACD,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,cAAc;gBAC1B,GAAG,EAAE,UAAU;aAChB;YACD,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,qBAAqB,GAAG,UAAC,EASd;QARtB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,QACEA,IAAC,gBAAgB,aACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBAEX,QAAQ,YACQ,EACnB;AACJ,EAAC;AAED,qBAAqB,CAAC,SAAS,GAAG,kBAAkB;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithLeftIcon/index.stories.tsx"],"sourcesContent":["import { CardWithLeftIcon, CardWithLeftIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithLeftIcon',\n  component: CardWithLeftIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    subtitle: {\n      defaultValue: 'Lorem Ipsum dolorem',\n      description: 'Subitle text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    leftIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the left of the card.',\n    },\n    leftIconSize: {\n      defaultValue: {\n        width: 48,\n        height: 48\n      },\n      description: 'Size of the left icon',\n    },\n    rightIcon: {\n      defaultValue: {\n        src: images.washingMachine,\n        alt: 'Icon alt'\n      },\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithLeftIconStory = ({\n  title,\n  subtitle,\n  dropshadow,\n  children,\n  className,\n  cardSize,\n  leftIcon,\n  leftIconSize,\n  rightIcon,\n  state,\n}: CardWithLeftIconProps) => {\n  return (\n    <CardWithLeftIcon\n      cardSize={cardSize}\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      leftIcon={leftIcon}\n      leftIconSize={leftIconSize}\n      rightIcon={rightIcon}\n      title={title}\n      subtitle={subtitle}\n    >\n      {children}\n    </CardWithLeftIcon>\n  );\n}\n\nCardWithLeftIconStory.storyName = \"CardWithLeftIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,qBAAqB;YACnC,WAAW,EAAE,yCAAyC;SACvD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,QAAQ,EAAE;YACR,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,yCAAyC;SACvD;QACD,YAAY,EAAE;YACZ,YAAY,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX;YACD,WAAW,EAAE,uBAAuB;SACrC;QACD,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,cAAc;gBAC1B,GAAG,EAAE,UAAU;aAChB;YACD,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,qBAAqB,GAAG,UAAC,EAWd;QAVtB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,QACEA,IAAC,gBAAgB,aACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBAEjB,QAAQ,YACQ,EACnB;AACJ,EAAC;AAED,qBAAqB,CAAC,SAAS,GAAG,kBAAkB;;;;;"}

package/dist/esm/components/cards/cardWithTopIcon/index.js

@@ -1,7 +1,8 @@
 import '../../../tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
 export { CardWithTopIcon } from '../index.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import '../../../style-inject.es-1f59c1d0.js';
 import 'react';
+import '../../../feather-logo-a3f07990.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardWithTopIcon/index.js.map

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

package/dist/esm/components/cards/cardWithTopIcon/index.stories.js

@@ -2,9 +2,10 @@ import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { CardWithTopIcon } from '../index.js';
 import { i as images } from '../../../index-31224f74.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import 'react';
 import '../../../style-inject.es-1f59c1d0.js';
+import '../../../feather-logo-a3f07990.js';
 
 var story = {
     title: 'JSX/Cards/CardWithTopIcon',

package/dist/esm/components/cards/cardWithTopIcon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithTopIcon/index.stories.tsx"],"sourcesContent":["import { CardWithTopIcon, CardWithTopIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithTopIcon',\n  component: CardWithTopIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    topIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the top of the card.',\n    },\n    topIconSize: {\n      defaultValue: {\n        width: 48,\n        height: 48\n      },\n      description: 'Size of the top icon',\n    },\n    rightIcon: {\n      defaultValue: 'arrow',\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: 'ws6',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithTopIconStory = ({\n  title,\n  dropshadow,\n  cardSize,\n  children,\n  className,\n  topIcon,\n  topIconSize,\n  rightIcon,\n  state,\n}: CardWithTopIconProps) => (\n  <CardWithTopIcon\n    cardSize={cardSize}\n    className={className}\n    dropshadow={dropshadow}\n    state={state}\n    topIcon={topIcon}\n    topIconSize={topIconSize}\n    rightIcon={rightIcon}\n    title={title}\n  >\n    <p className=\"p-p mt16 tc-grey-600\">\n      {children}\n    </p>\n  </CardWithTopIcon>\n);\n\nCardWithTopIconStory.storyName = \"CardWithTopIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,wCAAwC;SACtD;QACD,WAAW,EAAE;YACX,YAAY,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX;YACD,WAAW,EAAE,sBAAsB;SACpC;QACD,SAAS,EAAE;YACT,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,KAAK;YACnB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,oBAAoB,GAAG,UAAC,EAUd;QATrB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA;IACqB,QAC1BA,IAAC,eAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBAEZA,oBAAG,SAAS,EAAC,sBAAsB,gBAChC,QAAQ,YACP,YACY;AAdQ,EAe1B;AAEF,oBAAoB,CAAC,SAAS,GAAG,iBAAiB;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithTopIcon/index.stories.tsx"],"sourcesContent":["import { CardWithTopIcon, CardWithTopIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithTopIcon',\n  component: CardWithTopIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    topIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the top of the card.',\n    },\n    topIconSize: {\n      defaultValue: {\n        width: 48,\n        height: 48\n      },\n      description: 'Size of the top icon',\n    },\n    rightIcon: {\n      defaultValue: 'arrow',\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: 'ws6',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithTopIconStory = ({\n  title,\n  dropshadow,\n  cardSize,\n  children,\n  className,\n  topIcon,\n  topIconSize,\n  rightIcon,\n  state,\n}: CardWithTopIconProps) => (\n  <CardWithTopIcon\n    cardSize={cardSize}\n    className={className}\n    dropshadow={dropshadow}\n    state={state}\n    topIcon={topIcon}\n    topIconSize={topIconSize}\n    rightIcon={rightIcon}\n    title={title}\n  >\n    <p className=\"p-p mt16 tc-grey-600\">\n      {children}\n    </p>\n  </CardWithTopIcon>\n);\n\nCardWithTopIconStory.storyName = \"CardWithTopIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,eAAe;IAC1B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,wCAAwC;SACtD;QACD,WAAW,EAAE;YACX,YAAY,EAAE;gBACZ,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,EAAE;aACX;YACD,WAAW,EAAE,sBAAsB;SACpC;QACD,SAAS,EAAE;YACT,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,KAAK;YACnB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,oBAAoB,GAAG,UAAC,EAUd;QATrB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,KAAK,WAAA;IACqB,QAC1BA,IAAC,eAAe,aACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBAEZA,oBAAG,SAAS,EAAC,sBAAsB,gBAChC,QAAQ,YACP,YACY;AAdQ,EAe1B;AAEF,oBAAoB,CAAC,SAAS,GAAG,iBAAiB;;;;;"}

package/dist/esm/components/cards/cardWithTopLeftIcon/index.js

@@ -1,7 +1,8 @@
 import '../../../tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
 export { CardWithTopLeftIcon } from '../index.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import '../../../style-inject.es-1f59c1d0.js';
 import 'react';
+import '../../../feather-logo-a3f07990.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/cards/cardWithTopLeftIcon/index.js.map

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

package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js

@@ -1,9 +1,10 @@
 import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { CardWithTopLeftIcon } from '../index.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import 'react';
 import '../../../style-inject.es-1f59c1d0.js';
+import '../../../feather-logo-a3f07990.js';
 
 var story = {
     title: 'JSX/Cards/CardWithTopLeftIcon',

package/dist/esm/components/cards/cardWithTopLeftIcon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.stories.tsx"],"sourcesContent":["import { CardWithTopLeftIcon, CardWithTopLeftIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithTopLeftIcon',\n  component: CardWithTopLeftIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    leftIcon: {\n      defaultValue: 'logo',\n      description: 'Icon displayed on the left of the card.',\n    },\n    rightIcon: {\n      defaultValue: 'arrow',\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithTopLeftIconStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  cardSize,\n  leftIcon,\n  rightIcon,\n  state,\n}: CardWithTopLeftIconProps) => {\n  return (\n    <CardWithTopLeftIcon\n      cardSize={cardSize}\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      leftIcon={leftIcon}\n      rightIcon={rightIcon}\n      title={title}\n    >\n      {children}\n    </CardWithTopLeftIcon>\n  );\n}\n\nCardWithTopLeftIconStory.storyName = \"CardWithTopLeftIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,yCAAyC;SACvD;QACD,SAAS,EAAE;YACT,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,wBAAwB,GAAG,UAAC,EASd;QARzB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,QACEA,IAAC,mBAAmB,aAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBAEX,QAAQ,YACW,EACtB;AACJ,EAAC;AAED,wBAAwB,CAAC,SAAS,GAAG,qBAAqB;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.stories.tsx"],"sourcesContent":["import { CardWithTopLeftIcon, CardWithTopLeftIconProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/CardWithTopLeftIcon',\n  component: CardWithTopLeftIcon,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    leftIcon: {\n      defaultValue: 'logo',\n      description: 'Icon displayed on the left of the card.',\n    },\n    rightIcon: {\n      defaultValue: 'arrow',\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    cardSize: {\n      control: { type: 'select' },\n      defaultValue: 'medium',\n      description: 'Size of the card'\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      type: 'text',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const CardWithTopLeftIconStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  cardSize,\n  leftIcon,\n  rightIcon,\n  state,\n}: CardWithTopLeftIconProps) => {\n  return (\n    <CardWithTopLeftIcon\n      cardSize={cardSize}\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      leftIcon={leftIcon}\n      rightIcon={rightIcon}\n      title={title}\n    >\n      {children}\n    </CardWithTopLeftIcon>\n  );\n}\n\nCardWithTopLeftIconStory.storyName = \"CardWithTopLeftIcon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,yCAAyC;SACvD;QACD,SAAS,EAAE;YACT,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,oDAAoD;SAClE;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,kBAAkB;SAChC;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,IAAI,EAAE,MAAM;YACZ,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,wBAAwB,GAAG,UAAC,EASd;QARzB,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,QACEA,IAAC,mBAAmB,aAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,gBAEX,QAAQ,YACW,EACtB;AACJ,EAAC;AAED,wBAAwB,CAAC,SAAS,GAAG,qBAAqB;;;;;"}

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

@@ -1,9 +1,10 @@
 import { a as __rest, _ as __assign } from '../../tslib.es6-5bc94358.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { f as featherLogo, a as arrowRight, i as info } from '../../index-47663d39.js';
-export { C as CardButton } from '../../index-47663d39.js';
+import { f as featherLogo, a as arrowRight, i as info } from '../../index-29ac387a.js';
+export { C as CardButton } from '../../index-29ac387a.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import 'react';
+import '../../feather-logo-a3f07990.js';
 
 var css_248z$3 = ".style-module_container__3jKmy {\n  padding: 24px;\n}\n.style-module_container--xsmall__1c9fn {\n  padding: 16px 24px;\n}\n\n.style-module_title-container__yzUzm {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_right-icon__1I62e {\n  margin-left: auto;\n}\n\n.style-module_indent__2-oSJ {\n  margin-left: 36px;\n}";
 var styles$3 = {"container":"style-module_container__3jKmy","container--xsmall":"style-module_container--xsmall__1c9fn","title-container":"style-module_title-container__yzUzm","right-icon":"style-module_right-icon__1I62e","indent":"style-module_indent__2-oSJ"};
@@ -110,13 +111,14 @@ var cardTextStyleFromCardSize = function (cardSize) {
     }
 };
 var CardWithLeftIcon = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, props = __rest(_a, ["className", "title", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow"]);
+    var _b = _a.className, className = _b === void 0 ? '' : _b, title = _a.title, subtitle = _a.subtitle, _c = _a.cardSize, cardSize = _c === void 0 ? 'medium' : _c, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _d = _a.state, state = _d === void 0 ? 'actionable' : _d, _e = _a.dropshadow, dropshadow = _e === void 0 ? true : _e, leftIconSize = _a.leftIconSize, props = __rest(_a, ["className", "title", "subtitle", "cardSize", "children", "leftIcon", "rightIcon", "state", "dropshadow", "leftIconSize"]);
     var cardStyle = "d-flex ai-center " + className + " " + associatedClassForCardState(state, dropshadow) + " " + styles[containerStyleFromCardSize(cardSize)];
     var headingStyle = headingForCardSize(cardSize);
     var iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';
     var cardTextStyle = "tc-grey-600 " + (cardSize === 'xsmall' ? 'p-p--small' : 'p-p ') + " " + styles[cardTextStyleFromCardSize(cardSize)];
-    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsx("img", { width: "48px", height: "48px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
-            jsxs("div", { children: [jsxs("div", __assign({ className: "d-flex" }, { children: [jsx("div", __assign({ className: headingStyle }, { children: title }), void 0),
+    return (jsxs("div", __assign({ className: cardStyle }, props, { children: [leftIcon && (jsx("img", { width: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.width) || 48) + "px", height: ((leftIconSize === null || leftIconSize === void 0 ? void 0 : leftIconSize.height) || 48) + "px", className: iconStyle, src: leftIcon.src, alt: leftIcon.alt }, void 0)),
+            jsxs("div", { children: [jsxs("div", __assign({ className: "d-flex" }, { children: [(title || subtitle) && (jsxs("div", { children: [title && (jsx("div", __assign({ className: headingStyle }, { children: title }), void 0)),
+                                    subtitle && (jsx("div", __assign({ className: "tc-grey-500 " + headingStyle }, { children: subtitle }), void 0))] }, void 0)),
                             rightIcon && (jsx("img", { className: "ml-auto", width: "24px", height: "24px", src: rightIcon === 'arrow' ? arrowRight.src : rightIcon.src, alt: rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt }, void 0))] }), void 0),
                     jsx("p", __assign({ className: cardTextStyle }, { children: children }), void 0)] }, void 0)] }), void 0));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.tsx","../../../../../src/lib/components/cards/cardWithTopIcon/index.tsx","../../../../../src/lib/components/cards/infoCard/index.tsx","../../../../../src/lib/components/cards/index.tsx","../../../../../src/lib/components/cards/cardWithLeftIcon/index.tsx"],"sourcesContent":["import {\n  associatedClassForCardState,\n  CardProps,\n  headingForCardSize,\n} from '..';\nimport { Icon, arrowRight, featherLogo } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromTitleSize = (\n  titleSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (titleSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    default:\n      return 'container';\n  }\n};\n\nexport type CardWithTopLeftIconProps = CardProps & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: 'logo' | Icon;\n  rightIcon?: 'arrow' | Icon;\n};\n\nexport const CardWithTopLeftIcon = ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardWithTopLeftIconProps) => {\n  const cardStyle = `${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromTitleSize(cardSize)]}`;\n\n  const titleContainerStyle = styles['title-container'];\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n  const cardTextStyle = `p-p tc-grey-600 ${cardSize === 'xsmall' ? styles.indent : 'mt16'}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      <div className={titleContainerStyle}>\n        {leftIcon && (\n          <img\n            className=\"mr8\"\n            width=\"28px\"\n            height=\"28px\"\n            src={leftIcon === 'logo' ? featherLogo.src : leftIcon.src}\n            alt={leftIcon === 'logo' ? featherLogo.alt : leftIcon.src}\n          />\n        )}\n        <div className={headingStyle}>{title}</div>\n        {rightIcon && (\n          <img\n            className={iconStyle}\n            width=\"24px\"\n            height=\"24px\"\n            src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n            alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n          />\n        )}\n      </div>\n      <p className={cardTextStyle}>{children}</p>\n    </div>\n  );\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, arrowRight, IconSize } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport type CardWithTopIconProps = CardProps & {\n  topIcon: Icon;\n  topIconSize: IconSize;\n  cardSize?: 'small' | 'medium' | 'big';\n  rightIcon?: 'arrow' | Icon;\n};\n\nexport const CardWithTopIcon = ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  topIcon,\n  topIconSize = { width: 48, height: 48 },\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardWithTopIconProps) => {\n  const cardStyle = `d-flex fd-column ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles.container}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n\n  return (\n    <>\n      <div className={cardStyle} {...props}>\n        <img\n          width={topIconSize.width}\n          height={topIconSize.height}\n          alt={topIcon.alt}\n          src={topIcon.src}\n        />\n        <div className=\"d-flex mt16\">\n          <div className={headingStyle}>{title}</div>\n          {rightIcon && (\n            <img\n              className={iconStyle}\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        {children}\n      </div>\n    </>\n  );\n};\n","import { associatedClassForCardState, CardProps } from '..';\nimport { Icon, info } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport type InfoCardProps = CardProps & {\n  topIcon: Icon;\n  rightIcon?: 'info' | Icon;\n};\n\nexport const InfoCard = ({\n  className,\n  title,\n  children,\n  topIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: InfoCardProps) => (\n  <div className={`${styles['root-container']} ${className ?? ''}`} {...props}>\n    <img\n      src={topIcon.src}\n      alt={topIcon.alt}\n      className={`${styles['top-icon']} ${\n        state === 'muted' ? styles['top-icon--muted'] : ''\n      } `}\n      width=\"80px\"\n      height=\"80px\"\n    />\n    <div\n      className={`${associatedClassForCardState(state, dropshadow)} ${\n        styles.container\n      }`}\n    >\n      {rightIcon && (\n        <img\n          width=\"20px\"\n          height=\"20px\"\n          className={styles['right-icon']}\n          src={rightIcon === 'info' ? info.src : rightIcon.src}\n          alt={rightIcon === 'info' ? info.alt : rightIcon.alt}\n        />\n      )}\n      <div className=\"p-h4 ta-center mt64\">{title}</div>\n      <p className=\"p-p mt16 tc-grey-600\">{children}</p>\n    </div>\n  </div>\n);\n","import { CardWithTopLeftIcon } from './cardWithTopLeftIcon';\nimport { CardWithLeftIcon } from './cardWithLeftIcon';\nimport { CardWithTopIcon } from './cardWithTopIcon';\nimport { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  CardWithTopLeftIcon,\n  CardWithLeftIcon,\n  CardWithTopIcon,\n  InfoCard,\n  CardButton,\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, arrowRight } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    case 'small':\n      return 'container--small';\n    default:\n      return 'container';\n  }\n};\n\nconst cardTextStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'card-text--small';\n    case 'medium':\n      return 'card-text--medium';\n    default:\n      return 'card-text--big';\n  }\n};\n\nexport type CardWithLeftIconProps = CardProps & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: Icon;\n  rightIcon?: 'arrow' | Icon;\n}\n\nexport const CardWithLeftIcon = ({\n  className = '',\n  title,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardWithLeftIconProps) => {\n  const cardStyle = `d-flex ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromCardSize(cardSize)]}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';\n  const cardTextStyle = `tc-grey-600 ${\n    cardSize === 'xsmall' ? 'p-p--small' : 'p-p '\n  } ${styles[cardTextStyleFromCardSize(cardSize)]}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      {leftIcon && (\n        <img\n          width=\"48px\"\n          height=\"48px\"\n          className={iconStyle}\n          src={leftIcon.src}\n          alt={leftIcon.alt}\n        />\n      )}\n      <div>\n        <div className=\"d-flex\">\n          <div className={headingStyle}>{title}</div>\n          {rightIcon && (\n            <img\n              className=\"ml-auto\"\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        <p className={cardTextStyle}>{children}</p>\n      </div>\n    </div>\n  );\n};\n"],"names":["styles","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/cards/cardWithTopLeftIcon/index.tsx","../../../../../src/lib/components/cards/cardWithTopIcon/index.tsx","../../../../../src/lib/components/cards/infoCard/index.tsx","../../../../../src/lib/components/cards/index.tsx","../../../../../src/lib/components/cards/cardWithLeftIcon/index.tsx"],"sourcesContent":["import {\n  associatedClassForCardState,\n  CardProps,\n  headingForCardSize,\n} from '..';\nimport { Icon, arrowRight, featherLogo } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromTitleSize = (\n  titleSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (titleSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    default:\n      return 'container';\n  }\n};\n\nexport type CardWithTopLeftIconProps = CardProps & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: 'logo' | Icon;\n  rightIcon?: 'arrow' | Icon;\n};\n\nexport const CardWithTopLeftIcon = ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardWithTopLeftIconProps) => {\n  const cardStyle = `${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromTitleSize(cardSize)]}`;\n\n  const titleContainerStyle = styles['title-container'];\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n  const cardTextStyle = `p-p tc-grey-600 ${cardSize === 'xsmall' ? styles.indent : 'mt16'}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      <div className={titleContainerStyle}>\n        {leftIcon && (\n          <img\n            className=\"mr8\"\n            width=\"28px\"\n            height=\"28px\"\n            src={leftIcon === 'logo' ? featherLogo.src : leftIcon.src}\n            alt={leftIcon === 'logo' ? featherLogo.alt : leftIcon.src}\n          />\n        )}\n        <div className={headingStyle}>{title}</div>\n        {rightIcon && (\n          <img\n            className={iconStyle}\n            width=\"24px\"\n            height=\"24px\"\n            src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n            alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n          />\n        )}\n      </div>\n      <p className={cardTextStyle}>{children}</p>\n    </div>\n  );\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, arrowRight, IconSize } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport type CardWithTopIconProps = CardProps & {\n  topIcon: Icon;\n  topIconSize: IconSize;\n  cardSize?: 'small' | 'medium' | 'big';\n  rightIcon?: 'arrow' | Icon;\n};\n\nexport const CardWithTopIcon = ({\n  className,\n  title,\n  cardSize = 'medium',\n  children,\n  topIcon,\n  topIconSize = { width: 48, height: 48 },\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: CardWithTopIconProps) => {\n  const cardStyle = `d-flex fd-column ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles.container}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = styles['right-icon'];\n\n  return (\n    <>\n      <div className={cardStyle} {...props}>\n        <img\n          width={topIconSize.width}\n          height={topIconSize.height}\n          alt={topIcon.alt}\n          src={topIcon.src}\n        />\n        <div className=\"d-flex mt16\">\n          <div className={headingStyle}>{title}</div>\n          {rightIcon && (\n            <img\n              className={iconStyle}\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        {children}\n      </div>\n    </>\n  );\n};\n","import { associatedClassForCardState, CardProps } from '..';\nimport { Icon, info } from '../icons';\n\nimport styles from './style.module.scss';\n\nexport type InfoCardProps = CardProps & {\n  topIcon: Icon;\n  rightIcon?: 'info' | Icon;\n};\n\nexport const InfoCard = ({\n  className,\n  title,\n  children,\n  topIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  ...props\n}: InfoCardProps) => (\n  <div className={`${styles['root-container']} ${className ?? ''}`} {...props}>\n    <img\n      src={topIcon.src}\n      alt={topIcon.alt}\n      className={`${styles['top-icon']} ${\n        state === 'muted' ? styles['top-icon--muted'] : ''\n      } `}\n      width=\"80px\"\n      height=\"80px\"\n    />\n    <div\n      className={`${associatedClassForCardState(state, dropshadow)} ${\n        styles.container\n      }`}\n    >\n      {rightIcon && (\n        <img\n          width=\"20px\"\n          height=\"20px\"\n          className={styles['right-icon']}\n          src={rightIcon === 'info' ? info.src : rightIcon.src}\n          alt={rightIcon === 'info' ? info.alt : rightIcon.alt}\n        />\n      )}\n      <div className=\"p-h4 ta-center mt64\">{title}</div>\n      <p className=\"p-p mt16 tc-grey-600\">{children}</p>\n    </div>\n  </div>\n);\n","import { CardWithTopLeftIcon } from './cardWithTopLeftIcon';\nimport { CardWithLeftIcon } from './cardWithLeftIcon';\nimport { CardWithTopIcon } from './cardWithTopIcon';\nimport { InfoCard } from './infoCard';\nimport { CardButton } from './cardButton';\n\ntype CardState = 'actionable' | 'static' | 'muted';\n\nexport type CardProps = {\n  title: string;\n  children: React.ReactNode;\n  state?: CardState;\n  dropshadow?: boolean;\n} & JSX.IntrinsicElements['div'];\n\nexport const headingForCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'p-h4';\n    case 'medium':\n      return 'p-h3';\n    case 'big':\n      return 'p-h2';\n  }\n};\n\nexport const associatedClassForCardState = (\n  state: CardState,\n  dropshadow: boolean\n): string => {\n  const baseClass = (() => {\n    switch (state) {\n      case 'actionable':\n        return 'ds-card--actionable';\n      case 'muted':\n        return 'ds-card--muted';\n      case 'static':\n        return 'ds-card';\n    }\n  })();\n\n  if (dropshadow === false) {\n    return `${baseClass} ds-card--no-dropshadow`;\n  }\n  return baseClass;\n};\n\nexport {\n  CardWithTopLeftIcon,\n  CardWithLeftIcon,\n  CardWithTopIcon,\n  InfoCard,\n  CardButton,\n};\n","import { associatedClassForCardState, CardProps, headingForCardSize } from '..';\nimport { Icon, IconSize, arrowRight } from '../icons';\n\nimport styles from './style.module.scss';\n\nconst containerStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n      return 'container--xsmall';\n    case 'small':\n      return 'container--small';\n    default:\n      return 'container';\n  }\n};\n\nconst cardTextStyleFromCardSize = (\n  cardSize: 'xsmall' | 'small' | 'medium' | 'big'\n): string => {\n  switch (cardSize) {\n    case 'xsmall':\n    case 'small':\n      return 'card-text--small';\n    case 'medium':\n      return 'card-text--medium';\n    default:\n      return 'card-text--big';\n  }\n};\n\nexport type CardWithLeftIconProps = Omit<CardProps, 'title'> & {\n  cardSize?: 'xsmall' | 'small' | 'medium' | 'big';\n  leftIcon?: Icon;\n  rightIcon?: 'arrow' | Icon;\n  leftIconSize?: IconSize;\n  title?: string;\n  subtitle?: string;\n}\n\nexport const CardWithLeftIcon = ({\n  className = '',\n  title,\n  subtitle,\n  cardSize = 'medium',\n  children,\n  leftIcon,\n  rightIcon,\n  state = 'actionable',\n  dropshadow = true,\n  leftIconSize,\n  ...props\n}: CardWithLeftIconProps) => {\n  const cardStyle = `d-flex ai-center ${className} ${associatedClassForCardState(\n    state,\n    dropshadow\n  )} ${styles[containerStyleFromCardSize(cardSize)]}`;\n\n  const headingStyle = headingForCardSize(cardSize);\n  const iconStyle = cardSize === 'xsmall' ? 'mr16' : 'mr32';\n  const cardTextStyle = `tc-grey-600 ${\n    cardSize === 'xsmall' ? 'p-p--small' : 'p-p '\n  } ${styles[cardTextStyleFromCardSize(cardSize)]}`;\n\n  return (\n    <div className={cardStyle} {...props}>\n      {leftIcon && (\n        <img\n          width={`${leftIconSize?.width || 48}px`}\n          height={`${leftIconSize?.height || 48}px`}\n          className={iconStyle}\n          src={leftIcon.src}\n          alt={leftIcon.alt}\n        />\n      )}\n      <div>\n        <div className=\"d-flex\">\n          {(title || subtitle) && (\n            <div>\n              {title && (\n                <div className={headingStyle}>{title}</div>\n              )}\n              {subtitle && (\n                <div className={`tc-grey-500 ${headingStyle}`}>{subtitle}</div>\n              )}\n            </div>\n          )}\n          {rightIcon && (\n            <img\n              className=\"ml-auto\"\n              width=\"24px\"\n              height=\"24px\"\n              src={rightIcon === 'arrow' ? arrowRight.src : rightIcon.src}\n              alt={rightIcon === 'arrow' ? arrowRight.alt : rightIcon.alt}\n            />\n          )}\n        </div>\n        <p className={cardTextStyle}>{children}</p>\n      </div>\n    </div>\n  );\n};\n"],"names":["styles","_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/cards/infoCard/index.js

@@ -1,7 +1,8 @@
 import '../../../tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
 export { InfoCard } from '../index.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import '../../../style-inject.es-1f59c1d0.js';
 import 'react';
+import '../../../feather-logo-a3f07990.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/cards/infoCard/index.js.map

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

package/dist/esm/components/cards/infoCard/index.stories.js

@@ -2,9 +2,10 @@ import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
 import { InfoCard } from '../index.js';
 import { i as images } from '../../../index-31224f74.js';
-import '../../../index-47663d39.js';
+import '../../../index-29ac387a.js';
 import 'react';
 import '../../../style-inject.es-1f59c1d0.js';
+import '../../../feather-logo-a3f07990.js';
 
 var story = {
     title: 'JSX/Cards/InfoCard',

package/dist/esm/components/cards/infoCard/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/infoCard/index.stories.tsx"],"sourcesContent":["import { InfoCard, InfoCardProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/InfoCard',\n  component: InfoCard,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    topIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the top of the card, inside the purple circle',\n    },\n    rightIcon: {\n      defaultValue: {\n        src: images.washingMachine,\n        alt: 'Icon alt'\n      },\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const InfoCardStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  rightIcon,\n  state,\n  topIcon\n}: InfoCardProps) => {\n  return (\n    <InfoCard\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      rightIcon={rightIcon}\n      title={title}\n      topIcon={topIcon}\n    >\n      {children}\n    </InfoCard>\n  );\n}\n\nInfoCardStory.storyName = \"InfoCard\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,iEAAiE;SAC/E;QACD,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,cAAc;gBAC1B,GAAG,EAAE,UAAU;aAChB;YACD,WAAW,EAAE,oDAAoD;SAClE;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,aAAa,GAAG,UAAC,EAQd;QAPd,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,QACEA,IAAC,QAAQ,aACP,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,gBAEf,QAAQ,YACA,EACX;AACJ,EAAC;AAED,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/infoCard/index.stories.tsx"],"sourcesContent":["import { InfoCard, InfoCardProps } from '.';\nimport { images } from '../../../util/images';\n\nconst story = {\n  title: 'JSX/Cards/InfoCard',\n  component: InfoCard,\n  argTypes: {\n    title: {\n      defaultValue: 'Lorem Ipsum',\n      description: 'Title text that needs to be displayed',\n    },\n    children: {\n      type: 'text',\n      defaultValue: 'Mountain or rock climbing, Bouldering, Martial arts, Extreme sports, Scuba diving, Sky diving, Bungee jumping, Mountain or rock climbing, Bouldering, Martial arts,',\n      description: 'Content that is displayed inside the card',\n    },\n    state: {\n      defaultValue: 'actionable',\n      description: 'State that describe the interation with the card',\n    },\n    topIcon: {\n      defaultValue: {\n        src: images.mortgage,\n        alt: 'Image alt'\n      },\n      description: 'Icon displayed on the top of the card, inside the purple circle',\n    },\n    rightIcon: {\n      defaultValue: {\n        src: images.washingMachine,\n        alt: 'Icon alt'\n      },\n      description: 'Icon displayed on the top right corner of the card',\n    },\n    dropshadow: {\n      defaultValue: true,\n      description: 'If the card should have a box-shadow or not',\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for most top parent element',\n    },\n  },\n};\n\nexport const InfoCardStory = ({\n  title,\n  dropshadow,\n  children,\n  className,\n  rightIcon,\n  state,\n  topIcon\n}: InfoCardProps) => {\n  return (\n    <InfoCard\n      className={className}\n      dropshadow={dropshadow}\n      state={state}\n      rightIcon={rightIcon}\n      title={title}\n      topIcon={topIcon}\n    >\n      {children}\n    </InfoCard>\n  );\n}\n\nInfoCardStory.storyName = \"InfoCard\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,uCAAuC;SACrD;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM;YACZ,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,2CAA2C;SACzD;QACD,KAAK,EAAE;YACL,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,kDAAkD;SAChE;QACD,OAAO,EAAE;YACP,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,QAAQ;gBACpB,GAAG,EAAE,WAAW;aACjB;YACD,WAAW,EAAE,iEAAiE;SAC/E;QACD,SAAS,EAAE;YACT,YAAY,EAAE;gBACZ,GAAG,EAAE,MAAM,CAAC,cAAc;gBAC1B,GAAG,EAAE,UAAU;aAChB;YACD,WAAW,EAAE,oDAAoD;SAClE;QACD,UAAU,EAAE;YACV,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,6CAA6C;SAC3D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,wCAAwC;SACtD;KACF;EACD;IAEW,aAAa,GAAG,UAAC,EAQd;QAPd,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,KAAK,WAAA,EACL,OAAO,aAAA;IAEP,QACEA,IAAC,QAAQ,aACP,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,gBAEf,QAAQ,YACA,EACX;AACJ,EAAC;AAED,aAAa,CAAC,SAAS,GAAG,UAAU;;;;;"}

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

@@ -11,8 +11,8 @@ var removeButtonIcon = "data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D
 var removeButtonHighlightedIcon = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
 var Chip = (function (_a) {
-    var value = _a.value, onRemove = _a.onRemove;
-    return (jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + styles['chip'] }, { children: [value.leftIcon && (jsx("img", { className: "mr8 " + styles['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
+    var className = _a.className, value = _a.value, onRemove = _a.onRemove;
+    return (jsxs("div", __assign({ className: "p-p mr8 mb8 d-flex " + className + " " + styles['chip'] }, { children: [value.leftIcon && (jsx("img", { className: "mr8 " + styles['chip-image'], src: value.leftIcon, alt: value.value }, void 0)),
             jsx("div", __assign({ className: "mr8" }, { children: value.value }), void 0),
             jsxs("div", __assign({ className: "c-pointer " + styles['chip-button-container'], onClick: function () { return onRemove(value); } }, { children: [jsx("img", { className: styles['chip-remove-button-highlighted'], src: removeButtonHighlightedIcon, alt: "removal x button highlighted" }, void 0),
                     jsx("img", { className: styles['chip-remove-button'], src: removeButtonIcon, alt: "removal x button" }, void 0)] }), void 0)] }), void 0));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/lib/components/chip/icons/remove-button.svg","../../../../src/lib/components/chip/icons/remove-button-highlighted.svg","../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import styles from './style.module.scss';\nimport removeButtonIcon from './icons/remove-button.svg';\nimport removeButtonHighlightedIcon from './icons/remove-button-highlighted.svg';\nimport { Option } from '../../models/autoSuggestInput';\n\nexport default ({\n  value,\n  onRemove,\n}: {\n  value: Option;\n  onRemove: (value: Option) => void;\n}) => (\n  <div className={`p-p mr8 mb8 d-flex ${styles['chip']}`}>\n    {value.leftIcon && (\n      <img\n        className={`mr8 ${styles['chip-image']}`}\n        src={value.leftIcon}\n        alt={value.value}\n      />\n    )}\n    <div className=\"mr8\">{value.value}</div>\n    <div\n      className={`c-pointer ${styles['chip-button-container']}`}\n      onClick={() => onRemove(value)}\n    >\n      <img\n        className={styles['chip-remove-button-highlighted']}\n        src={removeButtonHighlightedIcon}\n        alt=\"removal x button highlighted\"\n      />\n      <img\n        className={styles['chip-remove-button']}\n        src={removeButtonIcon}\n        alt=\"removal x button\"\n      />\n    </div>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAAA,uBAAe;;ACAf,kCAAe;;ACKf,YAAe,UAAC,EAMf;QALC,KAAK,WAAA,EACL,QAAQ,cAAA;IAIJ,QACJA,uBAAK,SAAS,EAAE,wBAAsB,MAAM,CAAC,MAAM,CAAG,iBACnD,KAAK,CAAC,QAAQ,KACbC,aACE,SAAS,EAAE,SAAO,MAAM,CAAC,YAAY,CAAG,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,WAChB,CACH;YACDA,sBAAK,SAAS,EAAC,KAAK,gBAAE,KAAK,CAAC,KAAK,YAAO;YACxCD,uBACE,SAAS,EAAE,eAAa,MAAM,CAAC,uBAAuB,CAAG,EACzD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAA,iBAE9BC,aACE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,EACnD,GAAG,EAAE,2BAA2B,EAChC,GAAG,EAAC,8BAA8B,WAClC;oBACFA,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,kBAAkB,WACtB,aACE,aACF;AAzBF,CA0BL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/lib/components/chip/icons/remove-button.svg","../../../../src/lib/components/chip/icons/remove-button-highlighted.svg","../../../../../src/lib/components/chip/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.4167%204L4.41666%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4.41666%204L12.4167%2012%22%20stroke%3D%22%23B1B0F5%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%204L4%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M4%204L12%2012%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import styles from './style.module.scss';\nimport removeButtonIcon from './icons/remove-button.svg';\nimport removeButtonHighlightedIcon from './icons/remove-button-highlighted.svg';\nimport { Option } from '../../models/autoSuggestInput';\n\nexport default ({\n  className,\n  value,\n  onRemove,\n}: {\n  value: Option;\n  onRemove: (value: Option) => void;\n  className?: string;\n}) => (\n  <div className={`p-p mr8 mb8 d-flex ${className} ${styles['chip']}`}>\n    {value.leftIcon && (\n      <img\n        className={`mr8 ${styles['chip-image']}`}\n        src={value.leftIcon}\n        alt={value.value}\n      />\n    )}\n    <div className=\"mr8\">{value.value}</div>\n    <div\n      className={`c-pointer ${styles['chip-button-container']}`}\n      onClick={() => onRemove(value)}\n    >\n      <img\n        className={styles['chip-remove-button-highlighted']}\n        src={removeButtonHighlightedIcon}\n        alt=\"removal x button highlighted\"\n      />\n      <img\n        className={styles['chip-remove-button']}\n        src={removeButtonIcon}\n        alt=\"removal x button\"\n      />\n    </div>\n  </div>\n);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAAA,uBAAe;;ACAf,kCAAe;;ACKf,YAAe,UAAC,EAQf;QAPC,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA;IAKJ,QACJA,uBAAK,SAAS,EAAE,wBAAsB,SAAS,SAAI,MAAM,CAAC,MAAM,CAAG,iBAChE,KAAK,CAAC,QAAQ,KACbC,aACE,SAAS,EAAE,SAAO,MAAM,CAAC,YAAY,CAAG,EACxC,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,CAAC,KAAK,WAChB,CACH;YACDA,sBAAK,SAAS,EAAC,KAAK,gBAAE,KAAK,CAAC,KAAK,YAAO;YACxCD,uBACE,SAAS,EAAE,eAAa,MAAM,CAAC,uBAAuB,CAAG,EACzD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAA,iBAE9BC,aACE,SAAS,EAAE,MAAM,CAAC,gCAAgC,CAAC,EACnD,GAAG,EAAE,2BAA2B,EAChC,GAAG,EAAC,8BAA8B,WAClC;oBACFA,aACE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,EACvC,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,kBAAkB,WACtB,aACE,aACF;AAzBF,CA0BL;;;;"}

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

@@ -1,7 +1,7 @@
 import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-4157fcff.js';
-import '../../../../extend-expect-46bdce4a.js';
+import { c as customRender } from '../../../../customRender-20b5f7ec.js';
+import '../../../../extend-expect-25e5049d.js';
 import TableButton from './index.js';
 import 'react';
 import 'react-dom';

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

@@ -1,7 +1,7 @@
 import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-4157fcff.js';
-import '../../../../extend-expect-46bdce4a.js';
+import { c as customRender } from '../../../../customRender-20b5f7ec.js';
+import '../../../../extend-expect-25e5049d.js';
 import TableRowHeader from './index.js';
 import 'react';
 import 'react-dom';

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

@@ -1,6 +1,6 @@
 import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../customRender-4157fcff.js';
+import { c as customRender } from '../../customRender-20b5f7ec.js';
 import { D as DateSelector } from '../../index-639cf8b3.js';
 import 'react';
 import 'react-dom';

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

@@ -0,0 +1,19 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as classnames } from '../../index-e9e37a34.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}";
+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","icon":"style-module_icon__3ZdHj","icon--information":"style-module_icon--information__3Lmkk","icon--error":"style-module_icon--error__1bgLF","icon--warning":"style-module_icon--warning__3o6cZ","icon--success":"style-module_icon--success__ANiiU","icon--neutral":"style-module_icon--neutral__3KLc5"};
+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)),
+                        jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
+};
+
+export { InformationBox };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,42 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { InformationBox } from './index.js';
+import '../../index-e9e37a34.js';
+import '../../style-inject.es-1f59c1d0.js';
+
+var story = {
+    title: 'JSX/InformationBox',
+    component: InformationBox,
+    argTypes: {
+        children: {
+            control: { type: 'text' },
+            defaultValue: 'It seems that you already have an account with us! Sign in now',
+            description: 'Content that is displayed inside the information box',
+        },
+        title: {
+            defaultValue: 'Log in to your account',
+            description: 'Title of the information box',
+        },
+        showIcon: {
+            defaultValue: false,
+            description: 'Whether or not to show the info icon',
+        },
+        size: {
+            defaultValue: 'default',
+            description: 'Size to display the component',
+        },
+        variant: {
+            defaultValue: 'information',
+            description: 'Variant that defines the style of the InformationBox',
+        },
+    }
+};
+var InformationBoxStory = function (_a) {
+    var children = _a.children, showIcon = _a.showIcon, title = _a.title, size = _a.size, variant = _a.variant;
+    return (jsx("div", __assign({ className: 'wmx6' }, { children: jsx(InformationBox, { children: children, showIcon: showIcon, title: title, size: size, variant: variant }, void 0) }), void 0));
+};
+InformationBoxStory.storyName = "InformationBox";
+
+export default story;
+export { InformationBoxStory };
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +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      control: { type: 'text' },\n      defaultValue: 'It seems that you already have an account with us! Sign in now',\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      defaultValue: 'Log in to your account',\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      defaultValue: false,\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      defaultValue: 'default',\n      description: 'Size to display the component',\n    },\n    variant: {\n      defaultValue: 'information',\n      description: 'Variant that defines the style of the InformationBox',\n    },\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,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,YAAY,EAAE,gEAAgE;YAC9E,WAAW,EAAE,sDAAsD;SACpE;QACD,KAAK,EAAE;YACL,YAAY,EAAE,wBAAwB;YACtC,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,sCAAsC;SACpD;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,+BAA+B;SAC7C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,sDAAsD;SACpE;KACF;EACD;IAEW,mBAAmB,GAAG,UAAC,EAMd;QALpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA;IACkB,QACzBA,sBAAK,SAAS,EAAC,MAAM,gBACnBA,IAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,WAChB,YACE;AATmB,EAUzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB;;;;;"}

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

@@ -0,0 +1,49 @@
+import { b as __awaiter, c as __generator, _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../customRender-20b5f7ec.js';
+import { InformationBox } from './index.js';
+import 'react';
+import 'react-dom';
+import '../../_commonjsHelpers-e7f67fd8.js';
+import 'react-dom/test-utils';
+import '../../index-e9e37a34.js';
+import '../../style-inject.es-1f59c1d0.js';
+
+describe('InformationBox component', function () {
+    it('Should render title', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ title: 'Title' }, { children: "Content" }), void 0));
+            expect(screen.getByText('Title')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should not render title when title prop is not passed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, { children: "Content" }, void 0));
+            expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should render content', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, { children: "Content" }, void 0));
+            expect(screen.getByText('Content')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should show icon when showIcon is true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ showIcon: true }, { children: "Content" }), void 0));
+            expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should not show icon when showIcon is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ showIcon: false }, { children: "Content" }), void 0));
+            expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/informationBox/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { InformationBox } from '.';\n\ndescribe('InformationBox component', () => {\n  it('Should render title', async () => {\n    render(\n      <InformationBox title={'Title'}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render title when title prop is not passed', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();\n  });\n  \n  it('Should render content', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n  \n  it('Should show icon when showIcon is true', async () => {\n    render(\n      <InformationBox showIcon>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();\n  });\n  \n  it('Should not show icon when showIcon is false', async () => {\n    render(\n      <InformationBox showIcon={false}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE;;YACxBA,YAAM,CACJC,IAAC,cAAc,aAAC,KAAK,EAAE,OAAO,qCAEb,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACvD,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;;YAC1DD,YAAM,CACJC,IAAC,cAAc,kCAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC/E,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;;YAC1BD,YAAM,CACJC,IAAC,cAAc,kCAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACzD,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE;;YAC3CD,YAAM,CACJC,IAAC,cAAc,aAAC,QAAQ,2CAEP,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACxE,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;YAChDD,YAAM,CACJC,IAAC,cAAc,aAAC,QAAQ,EAAE,KAAK,qCAEd,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC9E,CAAC,CAAC;AACL,CAAC,CAAC"}

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

@@ -2133,7 +2133,7 @@ var css_248z = "@keyframes style-module_appearInAnimation__yvH4A {\n  from {\n
 var styles = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd","suggestionsList":"style-module_suggestionsList__11o48","appearInAnimation":"style-module_appearInAnimation__yvH4A","suggestion-option":"style-module_suggestion-option__z7pqG","suggestion-img":"style-module_suggestion-img__1TfiA","suggestion-text":"style-module_suggestion-text__7wL31","nowrap":"style-module_nowrap__uks9c","suggestionHighlighted":"style-module_suggestionHighlighted__2zu5h"};
 styleInject(css_248z);
 
-var AutoSuggestInput = (function (_a) {
+var AutoSuggestInput = function (_a) {
     var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText, inputProps = _a.inputProps;
     var renderSuggestion = function (suggestion) {
         var _a;
@@ -2151,7 +2151,7 @@ var AutoSuggestInput = (function (_a) {
                 var suggestion = _a.suggestion;
                 handleSuggestionSelected(suggestion);
             }, renderInputComponent: renderInputComponent }, void 0) }), void 0));
-});
+};
 
-export default AutoSuggestInput;
+export { AutoSuggestInput };
 //# sourceMappingURL=index.js.map