@mrshmllw/smores-react 2.19.2 → 3.0.0

package/dist/Banner/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BannerContainer';
+export * from './hooks';

package/dist/Banner/index.js

@@ -0,0 +1,3 @@
+export * from './BannerContainer';
+export * from './hooks';
+//# sourceMappingURL=index.js.map

package/dist/Banner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Banner/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA"}

package/dist/Banner/types.d.ts

@@ -0,0 +1,18 @@
+export interface Banner {
+    id: string;
+    message: string;
+    type: 'upsell' | 'critical' | 'general' | 'success';
+    topOffset: string;
+    exploreAction?: () => void;
+    showExploreText?: boolean;
+    showExploreIcon?: boolean;
+    autoCloseTime?: 4 | 5 | 6 | 7 | 8 | 9 | 10;
+    leadingIcon?: string;
+    canManuallyClose?: boolean;
+    showCloseIcon?: boolean;
+    noTimeout?: boolean;
+}
+export type CreateBanner = Omit<Banner, 'id'>;
+export interface BannerContextType {
+    addBanner: (banner: CreateBanner) => void;
+}

package/dist/Banner/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/Banner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Banner/types.ts"],"names":[],"mappings":""}

package/dist/Box/Box.stories.js

@@ -23,11 +23,11 @@ Default.argTypes = {
     as: { table: { disable: true } },
     forwardedAs: { table: { disable: true } },
 };
-const Card = () => (React.createElement(Box, { px: { small: '12px', medium: '24px' }, pt: { small: '8px', medium: '16px' }, pb: { small: '24px', medium: '32px' }, style: { backgroundColor: theme.colors.background, borderRadius: 8 } },
+const Card = () => (React.createElement(Box, { px: { small: '12px', medium: '24px' }, pt: { small: '8px', medium: '16px' }, pb: { small: '24px', medium: '32px' }, style: { backgroundColor: theme.colors.coconut, borderRadius: 8 } },
     React.createElement(Box, { flex: true, direction: { small: 'column', medium: 'row' }, gap: { small: { custom: 2 }, medium: '8px' }, alignItems: { medium: 'center' }, mb: "8px" },
         React.createElement(Icon, { render: "help-aboutus", size: 24 }),
         React.createElement(Text, { typo: "heading-small" }, "Card content.")),
-    React.createElement(Text, { color: "subtext" }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s.")));
+    React.createElement(Text, { color: "sesame" }, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s.")));
 const ResponsiveTemplate = () => {
     return (React.createElement(Box, { flex: true, direction: { small: 'column', medium: 'row' }, gap: { small: '12px', medium: '16px' } },
         React.createElement(Card, null),

package/dist/Box/Box.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACpC,oBAAC,GAAG,oBAAK,KAAK;IACZ,oBAAC,IAAI,+BAA4B,CAC7B,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,aAAa;IACzB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAA;AAED,OAAO,CAAC,QAAQ,GAAG;IACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACnC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAChC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CAC1C,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EACpC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,EAAE;IAEpE,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC5C,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAChC,EAAE,EAAC,KAAK;QAER,oBAAC,IAAI,IAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,oBAAqB,CAC3C;IACN,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,8JAId,CACH,CACP,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAEtC,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,CACpC,oBAAC,GAAG,oBAAK,KAAK;IACZ,oBAAC,IAAI,+BAA4B,CAC7B,CACP,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,KAAK;IAChB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,aAAa;IACzB,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;CACV,CAAA;AAED,OAAO,CAAC,QAAQ,GAAG;IACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACnC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAChC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CAC1C,CAAA;AAED,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,oBAAC,GAAG,IACF,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EACpC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACrC,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE;IAEjE,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAC5C,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAChC,EAAE,EAAC,KAAK;QAER,oBAAC,IAAI,IAAC,MAAM,EAAC,cAAc,EAAC,IAAI,EAAE,EAAE,GAAI;QACxC,oBAAC,IAAI,IAAC,IAAI,EAAC,eAAe,oBAAqB,CAC3C;IACN,oBAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,8JAIb,CACH,CACP,CAAA;AAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,GAAG,IACF,IAAI,QACJ,SAAS,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,EAC7C,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QAEtC,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG;QACR,oBAAC,IAAI,OAAG,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/BrandCard/BrandCard.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+import { MarginProps } from '../utils/space';
+import { Color } from '../theme';
+export type BrandCardProps = {
+    /** generic card title */
+    title: string;
+    /** generic card body */
+    body: string;
+    /** card image */
+    visual: string;
+    /** alignment of the image */
+    alignVisual?: 'left' | 'right';
+    /** height of the image, leave this blank for 100% */
+    visualHeight?: string;
+    /** render image at bottom of card */
+    visualBottom?: boolean;
+    bgColour: Color;
+    /** card tag */
+    tag?: ReactNode;
+    /** primary button */
+    buttonAction?: ReactNode;
+    /** fallback color scheme */
+    fallback?: boolean;
+    /** margin */
+    maxWidth?: string;
+} & MarginProps;
+export declare const BrandCard: FC<BrandCardProps>;

package/dist/BrandCard/BrandCard.js

@@ -0,0 +1,60 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../theme';
+import { Box } from '../Box';
+import { Text } from '../Text';
+export const BrandCard = (_a) => {
+    var { title, body, visual, visualHeight = '', alignVisual, visualBottom, tag, buttonAction, fallback = false, bgColour = 'matcha', maxWidth = '' } = _a, otherProps = __rest(_a, ["title", "body", "visual", "visualHeight", "alignVisual", "visualBottom", "tag", "buttonAction", "fallback", "bgColour", "maxWidth"]);
+    return (React.createElement(Container, Object.assign({ maxWidth: maxWidth, visual: visual, fallback: fallback, bgColor: bgColour }, otherProps),
+        tag && React.createElement(TagWrapper, null, tag),
+        visual && !visualBottom && (React.createElement(VisualWrapper, { visualHeight: visualHeight },
+            React.createElement(Visual, { visualUrl: visual, visualHeight: visualHeight, alignVisual: alignVisual }))),
+        React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "space-between", mt: "16px" },
+            React.createElement(Box, { flex: true, alignItems: "center" },
+                React.createElement(Box, null,
+                    title && (React.createElement(Text, { typo: "hero-alternate", color: "liquorice" }, title)),
+                    body && (React.createElement(Text, { typo: "body-regular", color: "liquorice" }, body))))),
+        buttonAction && React.createElement(Box, { mt: "16px" }, buttonAction),
+        visual && visualBottom && (React.createElement(VisualWrapper, { visualHeight: visualHeight, mt: "16px" },
+            React.createElement(Visual, { visualUrl: visual, visualHeight: visualHeight, alignVisual: alignVisual })))));
+};
+const Container = styled(Box) `
+  background: ${({ fallback, bgColor }) => fallback ? theme.colors.cream : theme.colors[bgColor]};
+  box-sizing: border-box;
+  border-radius: 16px 16px 0px 0px;
+
+  padding: 16px;
+  position: relative;
+  overflow: hidden;
+`;
+const TagWrapper = styled(Box) `
+  position: absolute;
+  top: 16px;
+  right: 16px;
+`;
+const VisualWrapper = styled(Box) `
+  width: 100%;
+
+  ${({ visualHeight }) => visualHeight && `height: ${visualHeight};`}
+`;
+const Visual = styled(Box) `
+  width: 100%;
+  background-image: url('${(p) => p.visualUrl}');
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: ${({ alignVisual }) => alignVisual ? alignVisual : 'left'};
+
+  ${({ visualHeight }) => visualHeight ? `height: ${visualHeight};` : 'padding-top: 100%;'}
+`;
+//# sourceMappingURL=BrandCard.js.map

package/dist/BrandCard/BrandCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.tsx"],"names":[],"mappings":"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"}

package/dist/BrandCard/BrandCard.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BrandCardProps } from './BrandCard';
+declare const _default: {
+    title: string;
+    component: React.FC<BrandCardProps>;
+};
+export default _default;
+export declare const Default: any;
+export declare const BrandCardWithImageWithTag: any;
+export declare const BrandCardAlignImageRight: any;
+export declare const BrandCardWithImageBelow: any;

package/dist/BrandCard/BrandCard.stories.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import { BrandCard } from './BrandCard';
+import placeHolderSvg from './assets/placeHolderImage.svg';
+import { Tag } from '../Tag';
+import { Button } from '../Button';
+export default {
+    title: 'BrandCard',
+    component: BrandCard,
+};
+const Template = (props) => React.createElement(BrandCard, Object.assign({}, props));
+export const Default = Template.bind({});
+Default.args = {
+    title: 'All about marshmallow miles',
+    body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
+    alignVisual: 'left',
+    bgColor: 'macaroon',
+    visualHeight: '200px',
+    visual: placeHolderSvg,
+};
+export const BrandCardWithImageWithTag = Template.bind({});
+BrandCardWithImageWithTag.args = {
+    title: 'All about marshmallow miles',
+    body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
+    maxWidth: '350px',
+    bgColor: 'matcha',
+    visualHeight: '180px',
+    tag: React.createElement(Tag, { label: "default tag", bgColor: "fairyFloss", color: "liquorice" }),
+    buttonAction: React.createElement(Button, { fallback: true }, "Tell me more"),
+    visual: placeHolderSvg,
+};
+export const BrandCardAlignImageRight = Template.bind({});
+BrandCardAlignImageRight.args = {
+    title: 'All about marshmallow miles',
+    body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
+    bgColor: 'matcha',
+    alignVisual: 'right',
+    visualHeight: '180px',
+    buttonAction: React.createElement(Button, { fallback: true }, "Tell me more"),
+    visual: placeHolderSvg,
+};
+export const BrandCardWithImageBelow = Template.bind({});
+BrandCardWithImageBelow.args = {
+    title: 'All about marshmallow miles',
+    body: 'Puzzled by your driving score? Wondering about rewards? Here’s how it all works!',
+    maxWidth: '350px',
+    visualHeight: '180px',
+    alignVisual: 'left',
+    visualBottom: true,
+    bgColor: 'peanut',
+    tag: React.createElement(Tag, { label: "new", bgColor: "fairyFloss", color: "liquorice" }),
+    buttonAction: React.createElement(Button, { fallback: true }, "Tell me more"),
+    visual: placeHolderSvg,
+};
+//# sourceMappingURL=BrandCard.stories.js.map

package/dist/BrandCard/BrandCard.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCard.stories.js","sourceRoot":"","sources":["../../src/BrandCard/BrandCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AACvD,OAAO,cAAc,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,KAAK,EAAI,CAAA;AAEpE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,WAAW,EAAE,MAAM;IACnB,OAAO,EAAE,UAAU;IACnB,YAAY,EAAE,OAAO;IACrB,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1D,yBAAyB,CAAC,IAAI,GAAG;IAC/B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO;IACrB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IACvE,YAAY,EAAE,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,mBAAuB;IAC3D,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzD,wBAAwB,CAAC,IAAI,GAAG;IAC9B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,OAAO;IACpB,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,mBAAuB;IAC3D,MAAM,EAAE,cAAc;CACvB,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExD,uBAAuB,CAAC,IAAI,GAAG;IAC7B,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,kFAAkF;IACxF,QAAQ,EAAE,OAAO;IACjB,YAAY,EAAE,OAAO;IACrB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,IAAI;IAClB,OAAO,EAAE,QAAQ;IACjB,GAAG,EAAE,oBAAC,GAAG,IAAC,KAAK,EAAC,KAAK,EAAC,OAAO,EAAC,YAAY,EAAC,KAAK,EAAC,WAAW,GAAG;IAC/D,YAAY,EAAE,oBAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,mBAAuB;IAC3D,MAAM,EAAE,cAAc;CACvB,CAAA"}

package/dist/BrandCard/__tests__/BrandCard.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import 'jest-styled-components';
+import { BrandCard } from '../BrandCard';
+test('renders', () => {
+    const { container } = render(React.createElement(BrandCard, null, "Text inside"));
+    expect(container.firstChild).toMatchSnapshot();
+});
+//# sourceMappingURL=BrandCard.js.map

package/dist/BrandCard/__tests__/BrandCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCard.js","sourceRoot":"","sources":["../../../src/BrandCard/__tests__/BrandCard.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,SAAS,sBAAwB,CAAC,CAAA;IAChE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/BrandCard/index.d.ts

@@ -0,0 +1 @@
+export { BrandCard } from './BrandCard';

package/dist/BrandCard/index.js

@@ -0,0 +1,2 @@
+export { BrandCard } from './BrandCard';
+//# sourceMappingURL=index.js.map

package/dist/BrandCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BrandCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/Button/Button.d.ts

@@ -1,21 +1,19 @@
 import React, { FC, ReactNode, ButtonHTMLAttributes } from 'react';
-import { Color } from '../theme';
 import { MarginProps } from '../utils/space';
 type Props = {
     children: ReactNode;
     id?: string;
     className?: string;
-    color?: Color;
-    block?: boolean;
-    inverted?: boolean;
     disabled?: boolean;
-    outlined?: boolean;
     handleClick?: (e: React.FormEvent<HTMLButtonElement>) => void;
     loading?: boolean;
     primary?: boolean;
     secondary?: boolean;
-    tertiary?: boolean;
+    fallback?: boolean;
+    textBtn?: boolean;
+    smallButton?: boolean;
     icon?: string;
+    trailingIcon?: boolean;
     forcedWidth?: string;
     form?: string;
 };

package/dist/Button/Button.js

@@ -11,46 +11,29 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { darken } from 'polished';
 import { theme } from '../theme';
-import { focusOutline } from '../utils/focusOutline';
-import { useDeprecatedWarning } from '../utils/deprecated';
-import { LegacyButton } from './LegacyButton';
 import { Box } from '../Box';
 import { Loader } from '../Loader';
 import { Icon as IconComponent } from '../Icon';
 export const Button = forwardRef((props, ref) => {
-    const { children, id, className = '', color = 'secondary', block = false, inverted = false, disabled = false, outlined = false, handleClick, loading = false, primary = false, secondary = false, tertiary = false, icon = '', forcedWidth = '', form, type } = props, otherProps = __rest(props, ["children", "id", "className", "color", "block", "inverted", "disabled", "outlined", "handleClick", "loading", "primary", "secondary", "tertiary", "icon", "forcedWidth", "form", "type"]);
-    const isLegacyButton = !primary && !secondary && !tertiary;
-    useDeprecatedWarning({
-        enabled: isLegacyButton,
-        title: 'Legacy Button',
-        message: "You're using the legacy Button component. Please use the new Button by providing one of the following props: 'primary', 'secondary', 'tertiary'.",
-        componentProps: props,
-    });
-    if (isLegacyButton) {
-        return (React.createElement(LegacyButton, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, handleClick: (e) => {
-                handleClick && handleClick(e);
-            } }, children));
-    }
-    return (React.createElement(Container, Object.assign({ as: "button", id: id, className: className, disabled: disabled || loading, onClick: handleClick, "$loading": loading, primary: primary, secondary: secondary, tertiary: tertiary, icon: icon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, otherProps, { ref: ref }),
+    const { children, id, className = '', disabled = false, handleClick, loading = false, primary = false, secondary = false, fallback = false, textBtn = false, smallButton = false, icon = '', trailingIcon = false, forcedWidth = '', form, type } = props, otherProps = __rest(props, ["children", "id", "className", "disabled", "handleClick", "loading", "primary", "secondary", "fallback", "textBtn", "smallButton", "icon", "trailingIcon", "forcedWidth", "form", "type"]);
+    return (React.createElement(Container, Object.assign({ as: "button", id: id, className: className, disabled: disabled, onClick: handleClick, "$loading": loading, primary: primary, secondary: secondary, fallback: fallback, textBtn: textBtn, smallButton: smallButton, icon: icon, trailingIcon: trailingIcon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, otherProps, { ref: ref }),
         loading && (React.createElement(LoaderContainer, null,
-            React.createElement(Loader, { color: primary ? 'white' : 'secondary', height: "16" }))),
+            React.createElement(Loader, { color: 'liquorice', height: "16" }))),
         React.createElement(ContentContainer, { icon: icon, "$loading": loading },
-            icon && (React.createElement(IconContainer, { render: icon, size: 24, color: primary ? 'white' : 'secondary' })),
-            React.createElement(ChildrenContainer, null, children))));
+            !trailingIcon && icon && (React.createElement(IconContainer, { trailingIcon: trailingIcon, render: icon, size: smallButton ? 16 : 24, color: 'liquorice' })),
+            React.createElement(ChildrenContainer, { className: "childrenContainer" }, children),
+            trailingIcon && icon && textBtn && (React.createElement(IconContainer, { trailingIcon: trailingIcon, render: icon, size: smallButton ? 16 : 24, color: 'liquorice', className: "iconContainer" })))));
 });
 Button.displayName = 'Button';
-const Container = styled(Box)(({ disabled, $loading, primary, secondary, tertiary, forcedWidth }) => css `
-    ${focusOutline()}
+const Container = styled(Box)(({ disabled, $loading, primary, secondary, forcedWidth, fallback, textBtn, smallButton, }) => css `
     position: relative;
-    background-color: ${theme.colors.primary};
-    border: 2px solid;
+    background-color: ${theme.colors.marshmallowPink};
     box-shadow: none;
-    color: ${theme.colors.secondary};
+    color: ${theme.colors.liquorice};
     padding: 0 20px;
     outline: none;
-    border-radius: 8px;
+    border-radius: 10000px;
     font-weight: ${theme.font.weight.medium};
     cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};
     line-height: 100%;
@@ -60,49 +43,64 @@ const Container = styled(Box)(({ disabled, $loading, primary, secondary, tertiar
 
     ${primary &&
     css `
-      color: ${theme.colors.white};
-      border-color: ${theme.colors.primary};
+      color: ${theme.colors.liquorice};
 
       &:hover {
-        background-color: ${!(disabled || $loading) &&
-        darken(0.1, theme.colors.primary)};
-        border-color: ${!(disabled || $loading) &&
-        darken(0.1, theme.colors.primary)};
+        background-color: ${!(disabled || $loading) && theme.colors.bubblegum};
       }
       &:active {
-        background-color: ${darken(0.1, theme.colors.primary)};
-        border-color: ${darken(0.1, theme.colors.primary)};
+        background-color: ${theme.colors.lollipop};
       }
     `}
     ${secondary &&
     css `
-      background-color: ${theme.colors.white};
-      border-color: ${theme.colors.secondary};
+      background-color: ${theme.colors.oatmeal};
 
       &:hover {
-        background-color: ${!(disabled || $loading) && theme.colors.background};
-        border: ${!(disabled || $loading) &&
-        `2px solid ${theme.colors.secondary}`};
+        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};
       }
       &:active {
-        background-color: ${theme.colors.background};
-        border: 2px solid ${theme.colors.secondary};
+        background-color: ${theme.colors.custard};
       }
     `}
-  ${tertiary &&
+  ${fallback &&
     css `
-      background-color: ${theme.colors.background};
-      border-color: ${theme.colors.background};
+      background-color: ${theme.colors.cream};
 
       &:hover {
-        background-color: ${!(disabled || $loading) &&
-        darken(0.1, theme.colors.background)};
-        border-color: ${!(disabled || $loading) &&
-        darken(0.1, theme.colors.background)};
+        background-color: ${!(disabled || $loading) && theme.colors.coconut};
       }
       &:active {
-        background-color: ${darken(0.1, theme.colors.background)};
-        border-color: ${darken(0.1, theme.colors.background)};
+        background-color: ${theme.colors.mascarpone};
+      }
+    `}
+  ${textBtn &&
+    css `
+      background-color: transparent;
+      padding: 0;
+      border-radius: 0;
+      text-decoration: underline;
+
+      &:hover {
+        background-color: ${!(disabled || $loading) && theme.colors.fairyFloss};
+      }
+      &:active {
+        background-color: transparent;
+        color: ${theme.colors.sesame};
+      }
+    `}
+  ${smallButton &&
+    css `
+      padding: 0 10px;
+      min-width: 54px;
+      font-size: 14px;
+
+      .childrenContainer {
+        padding: 9px 0;
+      }
+
+      span {
+        margin: 0 5px 0 0;
       }
     `}
   `);
@@ -122,9 +120,9 @@ const ContentContainer = styled.div `
   justify-content: ${({ icon }) => (icon ? 'space-evenly' : 'center')};
   opacity: ${({ $loading }) => ($loading ? '0' : '1')};
 `;
-const IconContainer = styled(IconComponent) `
-  margin-right: 10px;
-`;
+const IconContainer = styled(IconComponent)(({ trailingIcon }) => css `
+    margin: ${trailingIcon ? '0 0 0 10px' : '0 10px 0 0'};
+  `);
 const ChildrenContainer = styled.div `
   padding: 16px 0;
   flex-grow: 1;

package/dist/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/Button/Button.stories.js

@@ -13,7 +13,7 @@ export const Playground = Template.bind({});
 Playground.args = {
     primary: true,
     secondary: false,
-    tertiary: false,
+    fallback: false,
     disabled: false,
     loading: false,
     icon: '',

package/dist/Button/Collection.d.ts

@@ -1,2 +1,4 @@
 import { FC } from 'react';
+import { ButtonProps } from './Button';
+export declare const buttonList: Array<ButtonProps>;
 export declare const CollectionPage: FC;

package/dist/Button/Collection.js

@@ -3,10 +3,12 @@ import styled from 'styled-components';
 import { Text } from '../Text';
 import { Box } from '../Box';
 import { Button } from './Button';
-const buttonList = [
+export const buttonList = [
     { primary: true, children: 'Save' },
     { secondary: true, children: 'Edit' },
-    { tertiary: true, children: 'Cancel' },
+    { fallback: true, children: 'Cancel' },
+    { textBtn: true, children: 'View' },
+    { smallButton: true, children: 'Small' },
 ];
 export const CollectionPage = () => {
     return (React.createElement(Wrapper, null,

package/dist/Button/Collection.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Button/Collection.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Collection.js","sourceRoot":"","sources":["../../src/Button/Collection.tsx"],"names":[],"mappings":"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"}

package/dist/Button/LegacyButton.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../theme';
-export const LegacyButton = ({ children, id, className = '', color = 'secondary', block = false, inverted = false, disabled = false, outlined = false, handleClick, }) => (React.createElement(Container, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, onClick: handleClick }, children));
+export const LegacyButton = ({ children, id, className = '', color = 'liquorice', block = false, inverted = false, disabled = false, outlined = false, handleClick, }) => (React.createElement(Container, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, onClick: handleClick }, children));
 const Container = styled.button(({ block, color, inverted, outlined }) => css `
     position: relative;
     display: inline-block;
@@ -14,7 +14,7 @@ const Container = styled.button(({ block, color, inverted, outlined }) => css `
     cursor: pointer;
     width: ${block ? '100%' : 'auto'};
     background-color: ${theme.colors[color]};
-    color: ${theme.colors.white};
+    color: ${theme.colors.cream};
     font-weight: ${theme.font.weight.medium};
 
     &:hover:not([disabled]) {
@@ -31,14 +31,14 @@ const Container = styled.button(({ block, color, inverted, outlined }) => css `
     ${(inverted || outlined) &&
     css `
       background-color: transparent;
-      border: 1px solid ${outlined ? theme.colors.outline : 'transparent'};
-      color: ${outlined ? theme.colors.secondary : theme.colors[color]};
+      border: 1px solid ${outlined ? theme.colors.chia : 'transparent'};
+      color: ${outlined ? theme.colors.liquorice : theme.colors[color]};
 
       &:hover:not([disabled]) {
-        background-color: ${theme.colors.background};
+        background-color: ${theme.colors.coconut};
       }
       &:active:not([disabled]) {
-        background-color: ${theme.colors.background};
+        background-color: ${theme.colors.coconut};
       }
     `};
 

package/dist/Button/LegacyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BvC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9B,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;0BAGnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;MAOvC,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;eAC1D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;4BAG1C,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGvB,KAAK,CAAC,MAAM,CAAC,UAAU;;KAE9C;;;;;;GAMF,CACF,CAAA"}
+{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BvC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;aAC9B,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;0BAGnB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;;;;;MAOvC,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;eACvD,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;;;4BAG1C,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGpB,KAAK,CAAC,MAAM,CAAC,OAAO;;KAE3C;;;;;;GAMF,CACF,CAAA"}

package/dist/Button/__tests__/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/__tests__/Button.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAC;AAEjC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/__tests__/Button.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAA;IACtD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/Card/Card.d.ts

@@ -1,7 +1,25 @@
 import { FC, ReactNode } from 'react';
 import { MarginProps } from '../utils/space';
 export type CardProps = {
-    children: ReactNode;
+    children?: ReactNode;
+    /** leading card icon */
+    leadingIcon?: string;
+    /** generic card title */
+    title?: string;
+    /** generic card body */
+    body?: string;
+    /** card image */
+    visual?: string;
+    /** height of the image */
+    visualHeight?: string;
+    /** card tag */
+    tag?: ReactNode;
+    /** action to the right of the card, chevron, chip or link text */
+    rightAction?: ReactNode;
+    /** primary button */
+    buttonAction?: ReactNode;
+    /** fallback color scheme */
+    fallback?: boolean;
     className?: string;
     /** margin */
     maxWidth?: string;