npm - @popsure/dirty-swan - Versions diffs - 0.35.0 → 0.36.0 - Mend

@popsure/dirty-swan 0.35.0 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

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

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;;;;;;;AASA,IAAM,2BAA2B,GAAG,UAClC,SAAgD;IAEhD,QAAQ,SAAS;QACf,KAAK,QAAQ;YACX,OAAO,mBAAmB,CAAC;QAC7B;YACE,OAAO,WAAW,CAAC;KACtB;AACH,CAAC,CAAC;IAQW,mBAAmB,GAAG,UAAC,EAUT;IATzB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cAT0B,8FAUnC,CADS;IAER,IAAM,SAAS,GAAM,SAAS,SAAI,2BAA2B,CAC3D,KAAK,EACL,UAAU,CACX,SAAIA,QAAM,CAAC,2BAA2B,CAAC,QAAQ,CAAC,CAAG,CAAC;IAErD,IAAM,mBAAmB,GAAGA,QAAM,CAAC,iBAAiB,CAAC,CAAC;IACtD,IAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAClD,IAAM,SAAS,GAAGA,QAAM,CAAC,YAAY,CAAC,CAAC;IACvC,IAAM,aAAa,GAAG,sBAAmB,QAAQ,KAAK,QAAQ,GAAGA,QAAM,CAAC,MAAM,GAAG,MAAM,CAAE,CAAC;IAE1F,QACEC,uBAAK,SAAS,EAAE,SAAS,IAAM,KAAK,eAClCA,uBAAK,SAAS,EAAE,mBAAmB,iBAChC,QAAQ,KACPC,aACE,SAAS,EAAC,KAAK,EACf,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,QAAQ,KAAK,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,EACzD,GAAG,EAAE,QAAQ,KAAK,MAAM,GAAG,WAAW,CAAC,GAAG,GAAG,QAAQ,CAAC,GAAG,WACzD,CACH;oBACDA,sBAAK,SAAS,EAAE,YAAY,gBAAG,KAAK,YAAO;oBAC1C,SAAS,KACRA,aACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,EAC3D,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,WAC3D,CACH,aACG;YACNA,oBAAG,SAAS,EAAE,aAAa,gBAAG,QAAQ,YAAK,aACvC,EACN;AACJ;;;;;;IC7Da,eAAe,GAAG,UAAC,EAWT;IAVrB,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,mBAAuC,EAAvC,WAAW,mBAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAA,EACvC,SAAS,eAAA,EACT,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cAVsB,4GAW/B,CADS;IAER,IAAM,SAAS,GAAG,gCAA8B,SAAS,SAAI,2BAA2B,CACtF,KAAK,EACL,UAAU,CACX,SAAIF,QAAM,CAAC,SAAW,CAAC;IAExB,IAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAClD,IAAM,SAAS,GAAGA,QAAM,CAAC,YAAY,CAAC,CAAC;IAEvC,QACEE,0BACED,uBAAK,SAAS,EAAE,SAAS,IAAM,KAAK,eAClCC,aACE,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,MAAM,EAAE,WAAW,CAAC,MAAM,EAC1B,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,GAAG,EAAE,OAAO,CAAC,GAAG,WAChB;gBACFD,uBAAK,SAAS,EAAC,aAAa,iBAC1BC,sBAAK,SAAS,EAAE,YAAY,gBAAG,KAAK,YAAO;wBAC1C,SAAS,KACRA,aACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,EAC3D,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,WAC3D,CACH,aACG,EACL,QAAQ,aACL,WACL,EACH;AACJ;;;;;;IC/Ca,QAAQ,GAAG,UAAC,EAST;IARd,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,SAAS,eAAA,EACT,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cARe,iFASxB,CADS;IACW,QACnBD,uBAAK,SAAS,EAAKD,QAAM,CAAC,gBAAgB,CAAC,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAAM,KAAK,eACzEE,aACE,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,GAAG,EAAE,OAAO,CAAC,GAAG,EAChB,SAAS,EAAKF,QAAM,CAAC,UAAU,CAAC,UAC9B,KAAK,KAAK,OAAO,GAAGA,QAAM,CAAC,iBAAiB,CAAC,GAAG,EAAE,OACjD,EACH,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,WACb;YACFC,uBACE,SAAS,EAAK,2BAA2B,CAAC,KAAK,EAAE,UAAU,CAAC,SAC1DD,QAAM,CAAC,SACP,iBAED,SAAS,KACRE,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAEF,QAAM,CAAC,YAAY,CAAC,EAC/B,GAAG,EAAE,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,EACpD,GAAG,EAAE,SAAS,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,WACpD,CACH;oBACDE,sBAAK,SAAS,EAAC,qBAAqB,gBAAE,KAAK,YAAO;oBAClDA,oBAAG,SAAS,EAAC,sBAAsB,gBAAE,QAAQ,YAAK,aAC9C,aACF,EACP;;;ICjCY,kBAAkB,GAAG,UAChC,QAA+C;IAE/C,QAAQ,QAAQ;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,KAAK;YACR,OAAO,MAAM,CAAC;KACjB;AACH,EAAE;IAEW,2BAA2B,GAAG,UACzC,KAAgB,EAChB,UAAmB;IAEnB,IAAM,SAAS,GAAG,CAAC;QACjB,QAAQ,KAAK;YACX,KAAK,YAAY;gBACf,OAAO,qBAAqB,CAAC;YAC/B,KAAK,OAAO;gBACV,OAAO,gBAAgB,CAAC;YAC1B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC;SACpB;KACF,GAAG,CAAC;IAEL,IAAI,UAAU,KAAK,KAAK,EAAE;QACxB,OAAU,SAAS,4BAAyB,CAAC;KAC9C;IACD,OAAO,SAAS,CAAC;AACnB;;;;;;AC3CA,IAAM,0BAA0B,GAAG,UACjC,QAA+C;IAE/C,QAAQ,QAAQ;QACd,KAAK,QAAQ;YACX,OAAO,mBAAmB,CAAC;QAC7B,KAAK,OAAO;YACV,OAAO,kBAAkB,CAAC;QAC5B;YACE,OAAO,WAAW,CAAC;KACtB;AACH,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAG,UAChC,QAA+C;IAE/C,QAAQ,QAAQ;QACd,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO,kBAAkB,CAAC;QAC5B,KAAK,QAAQ;YACX,OAAO,mBAAmB,CAAC;QAC7B;YACE,OAAO,gBAAgB,CAAC;KAC3B;AACH,CAAC,CAAC;IAQW,gBAAgB,GAAG,UAAC,EAUT;IATtB,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,KAAK,WAAA,EACL,gBAAmB,EAAnB,QAAQ,mBAAG,QAAQ,KAAA,EACnB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA,EACpB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACd,KAAK,cATuB,8FAUhC,CADS;IAER,IAAM,SAAS,GAAG,sBAAoB,SAAS,SAAI,2BAA2B,CAC5E,KAAK,EACL,UAAU,CACX,SAAI,MAAM,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAG,CAAC;IAEpD,IAAM,YAAY,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAClD,IAAM,SAAS,GAAG,QAAQ,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1D,IAAM,aAAa,GAAG,kBACpB,QAAQ,KAAK,QAAQ,GAAG,YAAY,GAAG,MAAM,UAC3C,MAAM,CAAC,yBAAyB,CAAC,QAAQ,CAAC,CAAG,CAAC;IAElD,QACED,uBAAK,SAAS,EAAE,SAAS,IAAM,KAAK,eACjC,QAAQ,KACPC,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB,CACH;YACDD,yBACEA,uBAAK,SAAS,EAAC,QAAQ,iBACrBC,sBAAK,SAAS,EAAE,YAAY,gBAAG,KAAK,YAAO;4BAC1C,SAAS,KACRA,aACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,EAC3D,GAAG,EAAE,SAAS,KAAK,OAAO,GAAG,UAAU,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,WAC3D,CACH,aACG;oBACNA,oBAAG,SAAS,EAAE,aAAa,gBAAG,QAAQ,YAAK,YACvC,aACF,EACN;AACJ;;;;"}
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, 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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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