@mrshmllw/smores-react 2.1.13 → 2.1.16

package/dist/Accordion/Accordion.d.ts

@@ -1,9 +1,8 @@
 import { FC } from 'react';
-declare type AccordionProps = {
+export declare type AccordionProps = {
     title: string;
     subTitle?: string;
     borderTop?: boolean;
     fullBorder?: boolean;
 };
 export declare const Accordion: FC<AccordionProps>;
-export {};

package/dist/Accordion/Accordion.js

@@ -17,7 +17,7 @@ export const Accordion = ({ title, children, borderTop = false, subTitle, fullBo
 const Wrapper = styled(Box)(({ borderTop, fullBorder }) => css `
     border-bottom: 1px solid ${theme.colors.outline};
     padding: 16px 0;
-    border-top: ${borderTop && `1px solid ${theme.colors.subtext}`};
+    border-top: ${borderTop && `1px solid ${theme.colors.outline}`};
 
     ${fullBorder &&
     css `

package/dist/Accordion/Accordion.stories.d.ts

@@ -1,9 +1,10 @@
-declare namespace _default {
-    export const title: string;
-    export { Accordion as component };
-}
+import React from 'react';
+import { AccordionProps } from './Accordion';
+declare const _default: {
+    title: string;
+    component: React.FC<AccordionProps>;
+};
 export default _default;
-export const Default: any;
-export const SubTitle: any;
-export const FullBorder: any;
-import { Accordion } from "./Accordion";
+export declare const Default: any;
+export declare const SubTitle: any;
+export declare const FullBorder: any;

package/dist/Accordion/Accordion.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Accordion',
     component: Accordion,
 };
-const Template = (args) => (React.createElement(Accordion, Object.assign({}, args, { title: "How it works" }), "Lots of brilliant information about this beautiful component"));
+const Template = (props) => (React.createElement(Accordion, Object.assign({}, props, { title: "How it works" }), "Lots of brilliant information about this beautiful component"));
 export const Default = Template.bind({});
 export const SubTitle = Template.bind({});
 SubTitle.args = {

package/dist/Accordion/Accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,oBAAK,IAAI,IAAE,KAAK,EAAC,cAAc,oEAE7B,CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,UAAU;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,UAAU,EAAE,IAAI;CACjB,CAAA"}
+{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAkB,MAAM,aAAa,CAAA;AAEvD,eAAe;IACb,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,CAC1C,oBAAC,SAAS,oBAAK,KAAK,IAAE,KAAK,EAAC,cAAc,oEAE9B,CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,UAAU;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,UAAU,EAAE,IAAI;CACjB,CAAA"}

package/dist/ActionDropdown/ActionDropdown.stories.d.ts

@@ -1,7 +1,14 @@
-declare namespace _default {
-    export const title: string;
-    export { ActionDropdown as component };
-}
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<{
+        id: string;
+        className?: string | undefined;
+        label?: string | undefined;
+        value: import("./List").ActionListItem;
+        list: import("./List").ActionListItem[];
+        onSelect: (action: import("./List").ActionListItem) => void;
+    }>;
+};
 export default _default;
-export const Default: any;
-import { ActionDropdown } from "./ActionDropdown";
+export declare const Default: any;

package/dist/ActionDropdown/ActionDropdown.stories.js

@@ -5,7 +5,7 @@ export default {
     title: 'Action Dropdown',
     component: ActionDropdown,
 };
-const Template = (args) => React.createElement(ActionDropdownContainer, Object.assign({}, args));
+const Template = () => React.createElement(ActionDropdownContainer, null);
 export const Default = Template.bind({});
 Default.args = {
     textColor: 'secondary',

package/dist/ActionDropdown/ActionDropdown.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.stories.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAElE,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,uBAAuB,oBAAK,IAAI,EAAI,CAAA;AAEhE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,WAAW;CACvB,CAAA"}
+{"version":3,"file":"ActionDropdown.stories.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,SAAS,IAAI,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAElE,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAC,uBAAuB,OAAG,CAAA;AAElD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,SAAS,EAAE,WAAW;CACvB,CAAA"}

package/dist/ActionDropdown/Container.d.ts

@@ -1 +1,2 @@
-export function Container(): JSX.Element;
+/// <reference types="react" />
+export declare const Container: () => JSX.Element;

package/dist/ActionDropdown/Container.js

@@ -37,7 +37,9 @@ const actions = [
 export const Container = () => {
     const [selectedAction, setSelectedAction] = useState(actions[0]);
     return (React.createElement(Box, { flex: true, alignItems: "center" },
-        React.createElement(ActionDropdown, { id: "statusActions", list: actions, value: selectedAction, onSelect: setSelectedAction }),
+        React.createElement(ActionDropdown, { id: "statusActions", list: actions, value: selectedAction, 
+            // @ts-expect-error onSelect type is too broad and should be with generic type
+            onSelect: setSelectedAction }),
         React.createElement(Box, { mr: "16px" }),
         React.createElement(Box, null,
             React.createElement(Text, { tag: "p", typo: "base-small" }, selectedAction.label))));

package/dist/ActionDropdown/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ActionDropdown/Container.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;QAC3B,oBAAC,cAAc,IACb,EAAE,EAAC,eAAe,EAClB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,iBAAiB,GAC3B;QAEF,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,GAAG;QAEjB,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,IAC5B,cAAc,CAAC,KAAK,CAChB,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/ActionDropdown/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,WAAW;KACvB;IACD;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,aAAa;QACpB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;QAC3B,oBAAC,cAAc,IACb,EAAE,EAAC,eAAe,EAClB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,cAAc;YACrB,8EAA8E;YAC9E,QAAQ,EAAE,iBAAiB,GAC3B;QAEF,oBAAC,GAAG,IAAC,EAAE,EAAC,MAAM,GAAG;QAEjB,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,IAC5B,cAAc,CAAC,KAAK,CAChB,CACH,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/Box/Box.d.ts

@@ -1,7 +1,5 @@
 import { FlexProps } from '../utils/flex';
 import { MeasureProps } from '../utils/measure';
 import { SpaceProps } from '../utils/space';
-interface IBox extends SpaceProps, FlexProps, MeasureProps {
-}
-export declare const Box: import("styled-components").StyledComponent<"div", any, IBox, never>;
-export {};
+export declare type BoxProps = SpaceProps & FlexProps & MeasureProps;
+export declare const Box: import("styled-components").StyledComponent<"div", any, SpaceProps & FlexProps & MeasureProps, never>;

package/dist/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAc,MAAM,gBAAgB,CAAA;AAIlD,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAM;IAC/B,KAAK;IACL,IAAI;IACJ,OAAO;CACV,CAAA"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAgB,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAc,MAAM,gBAAgB,CAAA;AAIlD,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAU;IACnC,KAAK;IACL,IAAI;IACJ,OAAO;CACV,CAAA"}

package/dist/Box/Box.stories.d.ts

@@ -1,7 +1,6 @@
-declare namespace _default {
-    export const title: string;
-    export { Box as component };
-}
+declare const _default: {
+    title: string;
+    component: import("styled-components").StyledComponent<"div", any, import("../utils/space").SpaceProps & import("../utils/flex").FlexProps & import("../utils/measure").MeasureProps, never>;
+};
 export default _default;
-export const Default: any;
-import { Box } from "./Box";
+export declare const Default: any;

package/dist/Box/Box.stories.js

@@ -4,7 +4,7 @@ export default {
     title: 'Box',
     component: Box,
 };
-const Template = (args) => React.createElement(Box, Object.assign({}, args), "Some lovely content.");
+const Template = (props) => React.createElement(Box, Object.assign({}, props), "Some lovely content.");
 export const Default = Template.bind({});
 Default.args = {
     flex: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/Box/Box.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,GAAG,oBAAK,IAAI,0BAA4B,CAAA;AAEpE,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"}
+{"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../src/Box/Box.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,oBAAC,GAAG,oBAAK,KAAK,0BAA4B,CAAA;AAEhF,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"}

package/dist/Button/Button.d.ts

@@ -18,6 +18,6 @@ declare type Props = {
     form?: string;
     type?: 'button' | 'submit' | 'reset';
 };
-declare type ButtonProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type ButtonProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Button: FC<ButtonProps>;
 export {};

package/dist/Button/Button.stories.d.ts

@@ -1,23 +1,16 @@
-declare namespace _default {
-    export const title: string;
-    export { Button as component };
-    export namespace argTypes {
-        namespace handleClick {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { ButtonProps } from './Button';
+declare const _default: {
+    title: string;
+    component: React.FC<ButtonProps>;
+    argTypes: {
+        handleClick: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Interactive: any;
-export const Primary: any;
-export const PrimaryDisabled: any;
-export const PrimaryLoading: any;
-export const PrimaryForcedWidth: any;
-export const Secondary: any;
-export const SecondaryDisabled: any;
-export const SecondaryLoading: any;
-export const Tertiary: any;
-export const TertiaryDisabled: any;
-export const TertiaryLoading: any;
-export const Icon: any;
-import { Button } from "./Button";
+export declare const Playground: any;
+export declare const Interactive: any;
+export declare const Collection: any;
+export declare const ForcedWidth: any;

package/dist/Button/Button.stories.js

@@ -1,67 +1,28 @@
 import React from 'react';
 import { Button } from './Button';
 import { InteractivePlayground } from './InteractivePlayground';
+import { CollectionPage } from './Collection';
 export default {
     title: 'Button',
     component: Button,
     argTypes: { handleClick: { action: 'clicked' } },
 };
-const Template = (args) => React.createElement(Button, Object.assign({}, args), "Get started");
-const InteractivePlaygroundTemplate = (args) => (React.createElement(InteractivePlayground, Object.assign({}, args)));
-export const Interactive = InteractivePlaygroundTemplate.bind({});
-export const Primary = Template.bind({});
-Primary.args = {
-    primary: true,
-    'data-testid': 'test',
-    'aria-label': 'primary-button',
-};
-export const PrimaryDisabled = Template.bind({});
-PrimaryDisabled.args = {
+const Template = (props) => React.createElement(Button, Object.assign({}, props), "Get started");
+const InteractivePlaygroundTemplate = (props) => (React.createElement(InteractivePlayground, Object.assign({}, props)));
+export const Playground = Template.bind({});
+Playground.args = {
     primary: true,
-    disabled: true,
-    'aria-disabled': 'true',
+    secondary: false,
+    tertiary: false,
+    disabled: false,
+    loading: false,
+    icon: '',
 };
-export const PrimaryLoading = Template.bind({});
-PrimaryLoading.args = {
-    primary: true,
-    loading: true,
-};
-export const PrimaryForcedWidth = Template.bind({});
-PrimaryForcedWidth.args = {
+export const Interactive = InteractivePlaygroundTemplate.bind({});
+export const Collection = CollectionPage.bind({});
+export const ForcedWidth = Template.bind({});
+ForcedWidth.args = {
     primary: true,
     forcedWidth: '300px',
 };
-export const Secondary = Template.bind({});
-Secondary.args = {
-    secondary: true,
-};
-export const SecondaryDisabled = Template.bind({});
-SecondaryDisabled.args = {
-    secondary: true,
-    disabled: true,
-};
-export const SecondaryLoading = Template.bind({});
-SecondaryLoading.args = {
-    secondary: true,
-    loading: true,
-};
-export const Tertiary = Template.bind({});
-Tertiary.args = {
-    tertiary: true,
-};
-export const TertiaryDisabled = Template.bind({});
-TertiaryDisabled.args = {
-    tertiary: true,
-    disabled: true,
-};
-export const TertiaryLoading = Template.bind({});
-TertiaryLoading.args = {
-    tertiary: true,
-    loading: true,
-};
-export const Icon = Template.bind({});
-Icon.args = {
-    primary: true,
-    icon: 'info',
-};
 //# sourceMappingURL=Button.stories.js.map

package/dist/Button/Button.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.js"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,KAAK,iBAAsB,CAAA;AAEhF,MAAM,6BAA6B,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC5D,oBAAC,qBAAqB,oBAAK,KAAK,EAAI,CACrC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE3C,UAAU,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,KAAK;IACd,IAAI,EAAE,EAAE;CACT,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,6BAA6B,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,IAAI;IACb,WAAW,EAAE,OAAO;CACrB,CAAA"}

package/dist/Button/Collection.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const CollectionPage: FC;

package/dist/Button/Collection.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import styled from 'styled-components';
+import { Text } from '../Text';
+import { Box } from '../Box';
+import { Button } from './Button';
+const buttonList = [
+    { primary: true, children: 'Save' },
+    { secondary: true, children: 'Edit' },
+    { tertiary: true, children: 'Cancel' },
+];
+export const CollectionPage = () => {
+    return (React.createElement(Wrapper, null,
+        React.createElement(Section, { label: "Default" },
+            React.createElement(Row, { label: "Default" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props))))),
+            React.createElement(Row, { label: "Loading" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props, { loading: true }))))),
+            React.createElement(Row, { label: "Disabled" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props, { disabled: true })))))),
+        React.createElement(Section, { label: "With icon" },
+            React.createElement(Row, { label: "Default" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props, { icon: "info" }))))),
+            React.createElement(Row, { label: "Loading" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props, { loading: true, icon: "info" }))))),
+            React.createElement(Row, { label: "Disabled" }, buttonList.map((props, index) => (React.createElement(Button, Object.assign({ key: index }, props, { disabled: true, icon: "info" }))))))));
+};
+const Wrapper = styled(Box) `
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 40px;
+`;
+const Section = ({ label, children, }) => {
+    return (React.createElement(Box, null,
+        React.createElement(Box, { mb: "16px" },
+            React.createElement(Text, { tag: "span", typo: "header-small" }, label)),
+        React.createElement(Column, null, children)));
+};
+const Column = styled(Box) `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`;
+const Row = ({ label, children, }) => {
+    return (React.createElement(RowWrapper, null,
+        React.createElement(Box, { width: "80px" },
+            React.createElement(Text, { tag: "span", typo: "label-large" }, label)),
+        children));
+};
+const RowWrapper = styled(Box) `
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+`;
+//# sourceMappingURL=Collection.js.map

package/dist/Button/Collection.js.map

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

package/dist/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type Props = {
+export declare type CardProps = {
     children: ReactNode;
     className?: string;
     /** margin */
@@ -13,5 +13,4 @@ declare type Props = {
     /** Wide padding */
     wide?: boolean;
 };
-export declare const Card: FC<Props>;
-export {};
+export declare const Card: FC<CardProps>;

package/dist/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAC9B,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,KAAK,GACb,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,IAET,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAO;gBACnB,KAAK,CAAC,MAAM,CAAC,KAAK;sBACZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;eAK3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;gBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;kBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;iBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;;aAEpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;eAGnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAEnE,CAAA"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EAClC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,EAAE,EACZ,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,KAAK,GACb,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,IAET,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAO;gBACnB,KAAK,CAAC,MAAM,CAAC,KAAK;sBACZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;eAK3B,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ;gBAChB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;kBACd,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;mBACf,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;iBAClB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;;aAEpB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;eAGnD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;CAEnE,CAAA"}

package/dist/Card/Card.stories.d.ts

@@ -1,11 +1,12 @@
-declare namespace _default {
-    export const title: string;
-    export { Card as component };
-}
+import React from 'react';
+import { CardProps } from './Card';
+declare const _default: {
+    title: string;
+    component: React.FC<CardProps>;
+};
 export default _default;
-export const Default: any;
-export const MaxWidth: any;
-export const NarrowPadding: any;
-export const WidePadding: any;
-export const Margins: any;
-import { Card } from "../Card";
+export declare const Default: any;
+export declare const MaxWidth: any;
+export declare const NarrowPadding: any;
+export declare const WidePadding: any;
+export declare const Margins: any;

package/dist/Card/Card.stories.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Card } from '../Card';
+import { Card } from './Card';
 import { Text } from '../Text';
 export default {
     title: 'Card',
     component: Card,
 };
-const Template = (args) => (React.createElement(Card, Object.assign({}, args),
+const Template = (props) => (React.createElement(Card, Object.assign({}, props),
     React.createElement(Text, { tag: "h1" }, "Card with default padding")));
 export const Default = Template.bind({});
 export const MaxWidth = Template.bind({});

package/dist/Card/Card.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/Card/Card.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,oBAAC,IAAI,oBAAK,IAAI;IACZ,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,gCAAiC,CAC1C,CACR,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,OAAO;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE9C,aAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;CAChB,CAAA"}
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../src/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAa,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACrC,oBAAC,IAAI,oBAAK,KAAK;IACb,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,gCAAiC,CAC1C,CACR,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,OAAO;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE9C,aAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAE,IAAI;CACb,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,MAAM;IACf,OAAO,EAAE,MAAM;CAChB,CAAA"}

package/dist/CheckBox/CheckBox.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type Props = {
+export declare type CheckBoxProps = {
     id: string;
     checked: boolean;
     children: ReactNode;
@@ -7,5 +7,4 @@ declare type Props = {
     error?: boolean;
     errorMsg?: string;
 };
-export declare const CheckBox: FC<Props>;
-export {};
+export declare const CheckBox: FC<CheckBoxProps>;

package/dist/CheckBox/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,QAAQ,GAAc,CAAC,EAClC,EAAE,EACF,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ;IACE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;QAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,IAC7D,QAAQ,CACJ;QAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;QAC7D,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CACd;IACd,KAAK,IAAI,QAAQ,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACpD,CACJ,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAqB;;;;;YAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,KAAK;IACH,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;IACnC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;;;;;;;;;;;;;;;;;;CAkB5C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;;kBAG9B,SAAS;;;;;;MAMrB,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,UAAU;0BACvB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAO/C,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAWhC,MAAM,CAAC,MAAM,QAAQ,GAAsB,CAAC,EAC1C,EAAE,EACF,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ;IACE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;QAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,IAC7D,QAAQ,CACJ;QAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;QAC7D,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,CACd;IACd,KAAK,IAAI,QAAQ,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACpD,CACJ,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAqB;;;;;YAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACtB,KAAK;IACH,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;IACnC,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;;;;;;;;;;;;;;;;;;CAkB5C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;;kBAG9B,SAAS;;;;;;MAMrB,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,UAAU;0BACvB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAO/C,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;WAGjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}

package/dist/CheckBox/CheckBox.stories.d.ts

@@ -1,9 +1,10 @@
-declare namespace _default {
-    export const title: string;
-    export { CheckBox as component };
-}
+import React from 'react';
+import { CheckBoxProps } from './CheckBox';
+declare const _default: {
+    title: string;
+    component: React.FC<CheckBoxProps>;
+};
 export default _default;
-export const Default: any;
-export const WithError: any;
-export const WithErrorLabel: any;
-import { CheckBox } from "./CheckBox";
+export declare const Default: any;
+export declare const WithError: any;
+export declare const WithErrorLabel: any;

package/dist/CheckBox/CheckBox.stories.js

@@ -5,9 +5,9 @@ export default {
     title: 'Checkbox',
     component: CheckBox,
 };
-const ContainerTemplate = (args) => React.createElement(CheckBoxContainer, Object.assign({}, args));
+const ContainerTemplate = () => React.createElement(CheckBoxContainer, null);
 export const Default = ContainerTemplate.bind({});
-const Template = (args) => React.createElement(CheckBox, Object.assign({}, args));
+const Template = (props) => React.createElement(CheckBox, Object.assign({}, props));
 export const WithError = Template.bind({});
 WithError.args = {
     children: 'I disagree',

package/dist/CheckBox/CheckBox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE5D,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAA;AAEnE,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAA;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,0BAA0B;CACrC,CAAA"}
+{"version":3,"file":"CheckBox.stories.js","sourceRoot":"","sources":["../../src/CheckBox/CheckBox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE5D,eAAe;IACb,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,oBAAC,iBAAiB,OAAG,CAAA;AAErD,MAAM,CAAC,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,KAAK,EAAI,CAAA;AAElE,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,GAAG;IACpB,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,0BAA0B;CACrC,CAAA"}

package/dist/CheckBox/Container.d.ts

@@ -1 +1,2 @@
-export function Container(): JSX.Element;
+/// <reference types="react" />
+export declare const Container: () => JSX.Element;

package/dist/CheckBox/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/CheckBox/Container.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,cAGzB,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/CheckBox/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,cAGzB,CACZ,CAAA;AACH,CAAC,CAAA"}

package/dist/CheckBoxGroup/CheckBoxGroup.stories.d.ts

@@ -1,7 +1,14 @@
-declare namespace _default {
-    export const title: string;
-    export { CheckBoxGroup as component };
-}
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<{
+        list: {
+            id: number;
+            label: string;
+            checked: boolean;
+        }[];
+        onToggle: (id: number) => void;
+    }>;
+};
 export default _default;
-export const Default: any;
-import { CheckBoxGroup } from "./CheckBoxGroup";
+export declare const Default: any;

package/dist/CheckBoxGroup/CheckBoxGroup.stories.js

@@ -35,6 +35,6 @@ export default {
     title: 'Checkbox Group',
     component: CheckBoxGroup,
 };
-const Template = (args) => React.createElement(Group, Object.assign({}, args));
+const Template = () => React.createElement(Group, null);
 export const Default = Template.bind({});
 //# sourceMappingURL=CheckBoxGroup.stories.js.map

package/dist/CheckBoxGroup/CheckBoxGroup.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.stories.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,OAAO,GAAG;IACd;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,KAAK;KACf;CACF,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEzC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE;QACzB,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;QACzB,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAA;QAEvC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAA;AAC7D,CAAC,CAAA;AAED,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAa;CACzB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,KAAK,oBAAK,IAAI,EAAI,CAAA;AAE9C,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"CheckBoxGroup.stories.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,OAAO,GAAG;IACd;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,QAAQ;QACf,OAAO,EAAE,KAAK;KACf;IACD;QACE,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,KAAK;KACf;CACF,CAAA;AAED,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEzC,MAAM,WAAW,GAAG,CAAC,EAAU,EAAE,EAAE;QACjC,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;QACzB,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAA;QAEvC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,GAAI,CAAA;AAC7D,CAAC,CAAA;AAED,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,aAAa;CACzB,CAAA;AAED,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAC,KAAK,OAAG,CAAA;AAEhC,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/Chip/Chip.d.ts

@@ -8,6 +8,6 @@ declare type Props = {
     disabled?: boolean;
     loading?: boolean;
 };
-declare type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Chip: FC<ChipProps>;
 export {};

package/dist/Chip/Chip.stories.d.ts

@@ -1,15 +1,16 @@
-declare namespace _default {
-    export const title: string;
-    export { Chip as component };
-    export namespace argTypes {
-        namespace handleClick {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { ChipProps } from './Chip';
+declare const _default: {
+    title: string;
+    component: React.FC<ChipProps>;
+    argTypes: {
+        handleClick: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Primary: any;
-export const Secondary: any;
-export const Loading: any;
-export const SecondaryDisabled: any;
-import { Chip } from "./Chip";
+export declare const Primary: any;
+export declare const Secondary: any;
+export declare const Loading: any;
+export declare const SecondaryDisabled: any;