@popsure/dirty-swan 0.35.0 → 0.36.0

package/dist/cjs/lib/components/badge/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+declare type Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral' | 'neutral200' | 'neutral300' | 'primary' | 'primary900';
+export interface BadgeProps {
+    className?: string;
+    variant?: Variant;
+    size?: 'small' | 'medium' | 'large';
+    children: ReactNode;
+}
+declare const Badge: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
+export { Badge };

package/dist/cjs/lib/components/badge/index.stories.d.ts

@@ -0,0 +1,34 @@
+import { BadgeProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ className, size, variant, children, }: BadgeProps) => JSX.Element;
+    argTypes: {
+        children: {
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+            description: string;
+        };
+        className: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        size: {
+            defaultValue: string;
+            description: string;
+        };
+        variant: {
+            defaultValue: string;
+            description: string;
+        };
+    };
+};
+export declare const BadgeStory: {
+    ({ children, className, size, variant, }: BadgeProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/cjs/lib/components/badge/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.d.ts

@@ -1,8 +1,11 @@
 import { CardProps } from '..';
-import { Icon } from '../icons';
-export declare type CardWithLeftIconProps = CardProps & {
+import { Icon, IconSize } from '../icons';
+export declare type CardWithLeftIconProps = Omit<CardProps, 'title'> & {
     cardSize?: 'xsmall' | 'small' | 'medium' | 'big';
     leftIcon?: Icon;
     rightIcon?: 'arrow' | Icon;
+    leftIconSize?: IconSize;
+    title?: string;
+    subtitle?: string;
 };
-export declare const CardWithLeftIcon: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
+export declare const CardWithLeftIcon: ({ className, title, subtitle, cardSize, children, leftIcon, rightIcon, state, dropshadow, leftIconSize, ...props }: CardWithLeftIconProps) => JSX.Element;

package/dist/cjs/lib/components/cards/cardWithLeftIcon/index.stories.d.ts

@@ -1,12 +1,16 @@
 import { CardWithLeftIconProps } from '.';
 declare const story: {
     title: string;
-    component: ({ className, title, cardSize, children, leftIcon, rightIcon, state, dropshadow, ...props }: CardWithLeftIconProps) => JSX.Element;
+    component: ({ className, title, subtitle, cardSize, children, leftIcon, rightIcon, state, dropshadow, leftIconSize, ...props }: CardWithLeftIconProps) => JSX.Element;
     argTypes: {
         title: {
             defaultValue: string;
             description: string;
         };
+        subtitle: {
+            defaultValue: string;
+            description: string;
+        };
         children: {
             type: string;
             defaultValue: string;
@@ -23,6 +27,13 @@ declare const story: {
             };
             description: string;
         };
+        leftIconSize: {
+            defaultValue: {
+                width: number;
+                height: number;
+            };
+            description: string;
+        };
         rightIcon: {
             defaultValue: {
                 src: "https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg";
@@ -49,7 +60,7 @@ declare const story: {
     };
 };
 export declare const CardWithLeftIconStory: {
-    ({ title, dropshadow, children, className, cardSize, leftIcon, rightIcon, state, }: CardWithLeftIconProps): JSX.Element;
+    ({ title, subtitle, dropshadow, children, className, cardSize, leftIcon, leftIconSize, rightIcon, state, }: CardWithLeftIconProps): JSX.Element;
     storyName: string;
 };
 export default story;

package/dist/cjs/lib/components/input/autoSuggestInput/index.d.ts

@@ -1,6 +1,6 @@
-import Autosuggest, { RenderInputComponentProps } from 'react-autosuggest';
+import { RenderInputComponentProps } from 'react-autosuggest';
 import { Option } from '../../../models/autoSuggestInput';
-declare const _default: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: {
+export interface AutoSuggestInputProps {
     currentOption: string;
     suggestions: Option[];
     handleSuggestionSelected: (value: Option) => void;
@@ -8,8 +8,8 @@ declare const _default: ({ currentOption, suggestions, handleSuggestionSelected,
     handleSuggestionFetchRequest: (value: Option) => void;
     handleSuggestionClearRequest: () => void;
     placeholder: string;
-    className?: string | undefined;
-    wrapText?: boolean | undefined;
-    inputProps?: Omit<Autosuggest.RenderInputComponentProps, "value" | "onChange"> | undefined;
-}) => JSX.Element;
-export default _default;
+    className?: string;
+    wrapText?: boolean;
+    inputProps?: Omit<RenderInputComponentProps, 'value' | 'onChange'>;
+}
+export declare const AutoSuggestInput: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: AutoSuggestInputProps) => JSX.Element;

package/dist/cjs/lib/components/input/autoSuggestInput/index.stories.d.ts

@@ -0,0 +1,84 @@
+import { AutoSuggestInputProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: AutoSuggestInputProps) => JSX.Element;
+    argTypes: {
+        suggestions: {
+            description: string;
+            defaultValue: {
+                value: string;
+                leftIcon: string;
+            }[];
+        };
+        currentOption: {
+            defaultValue: string;
+            description: string;
+        };
+        placeholder: {
+            defaultValue: string;
+            description: string;
+        };
+        className: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        wrapText: {
+            defaultValue: boolean;
+            description: string;
+        };
+        inputProps: {
+            defaultValue: {};
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        handleSuggestionSelected: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+        onChange: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+        handleSuggestionFetchRequest: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+        handleSuggestionClearRequest: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+        customTypes: {
+            Option: string;
+        };
+    };
+};
+export declare const AutoSuggestInputStory: {
+    ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps, }: AutoSuggestInputProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/cjs/lib/components/input/autoSuggestMultiSelect/index.d.ts

@@ -1,11 +1,11 @@
 import { Option } from '../../../models/autoSuggestInput';
-declare const _default: ({ options, selectedValues, setValues, placeholder, chipsListClassName, multiSelectClassName, wrapText, }: {
+export interface AutoSuggestMultiSelectProps {
     options: Option[];
-    selectedValues?: Option[] | undefined;
+    selectedValues?: Option[];
     setValues: (values: Option[]) => void;
     placeholder: string;
-    chipsListClassName?: string | undefined;
-    multiSelectClassName?: string | undefined;
-    wrapText?: boolean | undefined;
-}) => JSX.Element;
-export default _default;
+    chipsListClassName?: string;
+    multiSelectClassName?: string;
+    wrapText?: boolean;
+}
+export declare const AutoSuggestMultiSelect: ({ options, selectedValues, setValues, placeholder, chipsListClassName, multiSelectClassName, wrapText, }: AutoSuggestMultiSelectProps) => JSX.Element;

package/dist/cjs/lib/components/input/autoSuggestMultiSelect/index.stories.d.ts

@@ -0,0 +1,77 @@
+import { AutoSuggestMultiSelectProps } from '.';
+declare const story: {
+    title: string;
+    subtitle: string;
+    component: ({ options, selectedValues, setValues, placeholder, chipsListClassName, multiSelectClassName, wrapText, }: AutoSuggestMultiSelectProps) => JSX.Element;
+    argTypes: {
+        options: {
+            description: string;
+            defaultValue: {
+                value: string;
+                leftIcon: string;
+            }[];
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedValues: {
+            description: string;
+            defaultValue: {
+                value: string;
+                leftIcon: string;
+            }[];
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        placeholder: {
+            defaultValue: string;
+            description: string;
+        };
+        chipsListClassName: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        multiSelectClassName: {
+            defaultValue: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        wrapText: {
+            defaultValue: boolean;
+            description: string;
+        };
+        setValues: {
+            description: string;
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    parameters: {
+        componentSubtitle: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        customTypes: {
+            Option: string;
+        };
+    };
+};
+export declare const AutoSuggestMultiSelectStory: {
+    ({ options, selectedValues, setValues, placeholder, chipsListClassName, multiSelectClassName, wrapText, }: AutoSuggestMultiSelectProps): JSX.Element;
+    storyName: string;
+};
+export default story;

package/dist/cjs/lib/index.d.ts

@@ -7,18 +7,19 @@ import { DownloadButton } from './components/downloadButton';
 import { InformationBox } from './components/informationBox';
 import IbanInput from './components/input/iban';
 import CurrencyInput from './components/input/currency';
+import { Badge } from './components/badge';
 import { Checkbox } from './components/input/checkbox';
 import { BottomModal, RegularModal, BottomOrRegularModal } from './components/modal';
 import { CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton } from './components/cards';
 import Button from './components/button';
-import AutoSuggestMultiSelect from './components/input/autoSuggestMultiSelect';
+import { AutoSuggestMultiSelect } from './components/input/autoSuggestMultiSelect';
 import Chip from './components/chip';
-import AutoSuggestInput from './components/input/autoSuggestInput';
+import { AutoSuggestInput } from './components/input/autoSuggestInput';
 import { ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, TableHeader } from './components/comparisonTable';
 import { SegmentedControl } from './components/segmentedControl';
 import { Markdown } from './components/markdown';
 import { Link } from './components/link';
 import { images } from './util/images';
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Link, InformationBox, images, };
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, Checkbox, Link, InformationBox, Badge, images, };
 export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus };
 export type { DownloadStatus } from './models/download';

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

@@ -0,0 +1,27 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } 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_badge--small__cHO6v, .style-module_badge--medium__3CekE {\n  padding-bottom: 6px;\n  padding-top: 6px;\n}\n.style-module_badge--large__3_tWC {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}";
+var styles = {"badge--small":"style-module_badge--small__cHO6v","badge--medium":"style-module_badge--medium__3CekE","badge--large":"style-module_badge--large__3_tWC"};
+styleInject(css_248z);
+
+var getVariantClassNames = function (variant) { return ({
+    information: 'bg-blue-100',
+    neutral: 'bg-white',
+    neutral200: 'bg-grey-200',
+    neutral300: 'bg-grey-300',
+    warning: 'bg-yellow-100',
+    error: 'bg-red-100',
+    success: 'bg-green-100',
+    primary: 'bg-purple-100',
+    primary900: 'bg-purple-900 tc-white',
+}[variant]); };
+var Badge = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.variant, variant = _d === void 0 ? 'information' : _d, children = _a.children;
+    return (jsx("div", __assign({ className: classnames(className, 'px16 br8 d-inline-block ai-center fw-bold p-p', { 'p-p--small': size === 'small' }, styles["badge--" + size], getVariantClassNames(variant)) }, { children: children }), void 0));
+};
+
+export { Badge };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/badge/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\ntype Variant = \n | 'warning'\n | 'error'\n | 'success'\n | 'information'\n | 'neutral'\n | 'neutral200'\n | 'neutral300'\n | 'primary'\n | 'primary900';\n\nexport interface BadgeProps {\n  className?: string;\n  variant?: Variant;\n  size?: 'small' | 'medium' | 'large';\n  children: ReactNode;\n}\n\nconst getVariantClassNames = (variant: Variant) => ({\n  information: 'bg-blue-100',\n  neutral: 'bg-white',\n  neutral200: 'bg-grey-200',\n  neutral300: 'bg-grey-300',\n  warning: 'bg-yellow-100',\n  error: 'bg-red-100',\n  success: 'bg-green-100',\n  primary: 'bg-purple-100',\n  primary900: 'bg-purple-900 tc-white',\n}[variant])\n\nconst Badge = ({\n  className = '',\n  size = 'medium',\n  variant = 'information',\n  children,\n}: BadgeProps) => (\n  <div\n    className={classNames(\n      className, \n      'px16 br8 d-inline-block ai-center fw-bold p-p', \n      { 'p-p--small': size === 'small' },\n      styles[`badge--${size}`],\n      getVariantClassNames(variant)\n    )}\n  >\n    {children}\n  </div>\n);\n\nexport { Badge };\n"],"names":["_jsx","classNames"],"mappings":";;;;;;;;;AAsBA,IAAM,oBAAoB,GAAG,UAAC,OAAgB,IAAK,QAAC;IAClD,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,UAAU;IACnB,UAAU,EAAE,aAAa;IACzB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,wBAAwB;CACrC,CAAC,OAAO,CAAC,IAAC,CAAA;IAEL,KAAK,GAAG,UAAC,EAKF;QAJX,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,QAAQ,cAAA;IACQ,QAChBA,sBACE,SAAS,EAAEC,UAAU,CACnB,SAAS,EACT,+CAA+C,EAC/C,EAAE,YAAY,EAAE,IAAI,KAAK,OAAO,EAAE,EAClC,MAAM,CAAC,YAAU,IAAM,CAAC,EACxB,oBAAoB,CAAC,OAAO,CAAC,CAC9B,gBAEA,QAAQ,YACL;AAXU;;;;"}

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

@@ -0,0 +1,39 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { Badge } from './index.js';
+import '../../index-e9e37a34.js';
+import '../../style-inject.es-1f59c1d0.js';
+
+var story = {
+    title: 'JSX/Badge',
+    component: Badge,
+    argTypes: {
+        children: {
+            control: { type: 'text' },
+            defaultValue: 'Value',
+            description: 'Content that is displayed inside the badge',
+        },
+        className: {
+            defaultValue: '',
+            description: 'Class name for the most parent element',
+            control: { type: 'text' }
+        },
+        size: {
+            defaultValue: 'medium',
+            description: 'Define the size of the badge',
+        },
+        variant: {
+            defaultValue: 'information',
+            description: 'Variant that defines the style of the Badge',
+        },
+    }
+};
+var BadgeStory = function (_a) {
+    var children = _a.children, className = _a.className, size = _a.size, variant = _a.variant;
+    return (jsx(Badge, __assign({ className: className, size: size, variant: variant }, { children: children }), void 0));
+};
+BadgeStory.storyName = "Badge";
+
+export default story;
+export { BadgeStory };
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/badge/index.stories.tsx"],"sourcesContent":["import { Badge, BadgeProps } from '.';\n\nconst story = {\n  title: 'JSX/Badge',\n  component: Badge,\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n      defaultValue: 'Value',\n      description: 'Content that is displayed inside the badge',\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for the most parent element',\n      control: { type: 'text' }\n    },\n    size: {\n      defaultValue: 'medium',\n      description: 'Define the size of the badge',\n    },\n    variant: {\n      defaultValue: 'information',\n      description: 'Variant that defines the style of the Badge',\n    },\n  }\n};\n \nexport const BadgeStory = ({\n  children,\n  className,\n  size,\n  variant,\n}: BadgeProps) => (\n  <Badge\n    className={className}\n    size={size}\n    variant={variant}\n  >\n    {children}\n  </Badge>\n);\n\nBadgeStory.storyName = \"Badge\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,YAAY,EAAE,OAAO;YACrB,WAAW,EAAE,4CAA4C;SAC1D;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,QAAQ;YACtB,WAAW,EAAE,8BAA8B;SAC5C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,6CAA6C;SAC3D;KACF;EACD;IAEW,UAAU,GAAG,UAAC,EAKd;QAJX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA;IACS,QAChBA,IAAC,KAAK,aACJ,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,gBAEf,QAAQ,YACH;AAPQ,EAQhB;AAEF,UAAU,CAAC,SAAS,GAAG,OAAO;;;;;"}

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

@@ -0,0 +1,21 @@
+import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../customRender-20b5f7ec.js';
+import { Badge } 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('Badge component', function () {
+    it('Should render content', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(Badge, { children: "Content" }, void 0));
+            expect(screen.getByText('Content')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/badge/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Badge } from '.';\n\ndescribe('Badge component', () => {\n  it('Should render content', async () => {\n    render(<Badge>Content</Badge>);\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,uBAAuB,EAAE;;YAC1BA,YAAM,CAACC,IAAC,KAAK,kCAAgB,CAAC,CAAC;YAE/B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACzD,CAAC,CAAC;AACL,CAAC,CAAC"}

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

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

package/dist/esm/components/cards/cardButton/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/cardButton/index.stories.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.stories.tsx"],"sourcesContent":["import { FormEvent } from 'react';\nimport { CardButton, CardButtonProps } from '.';\n\nconst story = {\n  title: 'JSX/Cards/CardButton',\n  component: CardButton,\n  argTypes: {\n    title: {\n      defaultValue: 'Risky Sports',\n      description: 'Title text that needs to be displayed',\n    },\n    description: {\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: 'Description text that is displayed under title',\n    },\n    disabled: {\n      defaultValue: false,\n      description: 'Disabled state of the button',\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for most top parent element',\n    },\n    onClick: {\n      description: 'Function that runs on click of the button',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    href: {\n      defaultValue: '',\n      description: 'Redirect URL on click of the button',\n    },\n  },\n};\n\nexport const CardButtonStory = ({\n  title,\n  description,\n  disabled,\n  className,\n  href,\n  onClick,\n}: CardButtonProps) => {\n  const handleOnClick = (e: FormEvent) => onClick?.(e);\n  return (\n    <CardButton\n      title={title}\n      description={description}\n      disabled={disabled}\n      className={className}\n      href={href}\n      onClick={handleOnClick}\n    />\n  );\n}\n\nCardButtonStory.storyName = \"CardButton\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,WAAW,EAAE,uCAAuC;SACrD;QACD,WAAW,EAAE;YACX,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,gDAAgD;SAC9D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,wCAAwC;SACtD;QACD,OAAO,EAAE;YACP,WAAW,EAAE,2CAA2C;YACxD,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,qCAAqC;SACnD;KACF;EACD;IAEW,eAAe,GAAG,UAAC,EAOd;QANhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,UAAC,CAAY,IAAK,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,GAAA,CAAC;IACrD,QACEA,IAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,WACtB,EACF;AACJ,EAAC;AAED,eAAe,CAAC,SAAS,GAAG,YAAY;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../../src/lib/components/cards/cardButton/index.stories.tsx"],"sourcesContent":["import { FormEvent } from 'react';\nimport { CardButton, CardButtonProps } from '.';\n\nconst story = {\n  title: 'JSX/Cards/CardButton',\n  component: CardButton,\n  argTypes: {\n    title: {\n      defaultValue: 'Risky Sports',\n      description: 'Title text that needs to be displayed',\n    },\n    description: {\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: 'Description text that is displayed under title',\n    },\n    disabled: {\n      defaultValue: false,\n      description: 'Disabled state of the button',\n    },\n    className: {\n      defaultValue: '',\n      description: 'Class name for most top parent element',\n    },\n    onClick: {\n      description: 'Function that runs on click of the button',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    href: {\n      defaultValue: '',\n      description: 'Redirect URL on click of the button',\n    },\n  },\n};\n\nexport const CardButtonStory = ({\n  title,\n  description,\n  disabled,\n  className,\n  href,\n  onClick,\n}: CardButtonProps) => {\n  const handleOnClick = (e: FormEvent) => onClick?.(e);\n  return (\n    <CardButton\n      title={title}\n      description={description}\n      disabled={disabled}\n      className={className}\n      href={href}\n      onClick={handleOnClick}\n    />\n  );\n}\n\nCardButtonStory.storyName = \"CardButton\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;IAGM,KAAK,GAAG;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,YAAY,EAAE,cAAc;YAC5B,WAAW,EAAE,uCAAuC;SACrD;QACD,WAAW,EAAE;YACX,YAAY,EAAE,qKAAqK;YACnL,WAAW,EAAE,gDAAgD;SAC9D;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,wCAAwC;SACtD;QACD,OAAO,EAAE;YACP,WAAW,EAAE,2CAA2C;YACxD,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,EAAE;YAChB,WAAW,EAAE,qCAAqC;SACnD;KACF;EACD;IAEW,eAAe,GAAG,UAAC,EAOd;QANhB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,UAAC,CAAY,IAAK,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,GAAA,CAAC;IACrD,QACEA,IAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,aAAa,WACtB,EACF;AACJ,EAAC;AAED,eAAe,CAAC,SAAS,GAAG,YAAY;;;;;"}

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

@@ -1,7 +1,8 @@
 import '../../../tslib.es6-5bc94358.js';
 import 'react/jsx-runtime';
 export { CardWithLeftIcon } 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/cardWithLeftIcon/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/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