@mrshmllw/smores-react 2.1.13 → 2.1.16

package/dist/Message/Message.stories.d.ts

@@ -1,12 +1,13 @@
-declare namespace _default {
-    export const title: string;
-    export { Message as component };
-}
+import React from 'react';
+import { MessageProps } from './Message';
+declare const _default: {
+    title: string;
+    component: React.FC<MessageProps>;
+};
 export default _default;
-export const Default: any;
-export const Info: any;
-export const Warning: any;
-export const WarningBubbleSmall: any;
-export const InfoBubbleSmall: any;
-export const CardWithBorder: any;
-import { Message } from "./Message";
+export declare const Default: any;
+export declare const Info: any;
+export declare const Warning: any;
+export declare const WarningBubbleSmall: any;
+export declare const InfoBubbleSmall: any;
+export declare const CardWithBorder: any;

package/dist/Message/Message.stories.js

@@ -5,7 +5,7 @@ export default {
     title: 'Message',
     component: Message,
 };
-const Template = (args) => (React.createElement(Message, Object.assign({}, args), "Customer currently in BACS queue"));
+const Template = (props) => (React.createElement(Message, Object.assign({}, props), "Customer currently in BACS queue"));
 export const Default = Template.bind({});
 export const Info = Template.bind({});
 Info.args = {

package/dist/Message/Message.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../src/Message/Message.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,oBAAC,OAAO,oBAAK,IAAI,sCAA4C,CAC9D,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;IACzC,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;IACzC,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;IACnC,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;CACpC,CAAA"}
+{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../src/Message/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe;IACb,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAmB,EAAE,EAAE,CAAC,CACxC,oBAAC,OAAO,oBAAK,KAAK,sCAA4C,CAC/D,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,IAAI,CAAC,IAAI,GAAG;IACV,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEnD,kBAAkB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,gBAAgB;IACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;IACzC,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEhD,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;IACzC,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/C,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,YAAY;IACvB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;IACnC,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;CACpC,CAAA"}

package/dist/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, FC } from 'react';
-declare type ModalProps = {
+export declare type ModalProps = {
     title?: string;
     icon?: string;
     children?: ReactNode;
@@ -11,4 +11,3 @@ declare type ModalProps = {
     containerClass?: string;
 };
 export declare const Modal: FC<ModalProps>;
-export {};

package/dist/Modal/Modal.js

@@ -19,7 +19,7 @@ const Wrapper = styled(Box)(({ showModal }) => css `
     position: absolute;
     top: 0;
     left: 0;
-    height: calc(100vh);
+    height: 100vh;
     width: 100%;
     justify-content: center;
     align-items: center;
@@ -28,34 +28,33 @@ const Overlay = styled.div `
   position: fixed;
   background: ${theme.colors.secondary};
   opacity: 0.4;
-  height: calc(100vh);
-  width: 100%;
   top: 0;
+  bottom: 0;
   left: 0;
-  z-index: 999;
+  right: 0;
 `;
 const Container = styled.div(({ drawer, width }) => css `
     background: ${theme.colors.white};
-    z-index: 999;
     border: 1px solid ${theme.colors.outline};
     box-sizing: border-box;
     border-radius: 8px;
     padding: 24px;
     max-width: ${width};
     position: fixed;
+    max-height: calc(100vh - 64px);
+    overflow: auto;
 
     ${drawer === true &&
     css `
       @media (max-width: 768px) {
         max-width: none;
-        width: 100%;
-        left: 0;
         border-radius: 16px 16px 0px 0px;
         padding: 10% 24px;
-        overflow: scroll;
         max-height: 90vh;
+
         position: fixed;
-        top: auto;
+        right: 0;
+        left: 0;
         bottom: 0;
       }
     `}

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAyB9B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,cAAc,GACf,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS;IAC3B,oBAAC,OAAO,OAAG;IACX,oBAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,OAAO,EACvB,SAAS,EAAE,cAAc;QAEzB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,YAAY,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAC,KAAK;YACvE,oBAAC,aAAa,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ;gBACnC,IAAI,KAAK,EAAE,IAAI,CACd,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,EAAE,EAAC,MAAM,GAAG,CAC7D;gBACD,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,IAC5C,KAAK,CACD,CACO;YACf,KAAK,IAAI,CACR,oBAAC,aAAa,IAAC,OAAO,EAAE,WAAW;gBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,CACrC,CACjB,CACG;QACN,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,IACzB,QAAQ,CACL,CACI,CACJ,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eACT,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;;GAQvC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEV,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAOrC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACV,KAAK,CAAC,MAAM,CAAC,KAAK;;wBAEZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;iBAI3B,KAAK;;;MAGhB,MAAM,KAAK,IAAI;IACjB,GAAG,CAAA;;;;;;;;;;;;;KAaF;GACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEhB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;kBAKrB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;CAMxC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEhC,CAAA"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../src/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAyB9B,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EACpC,KAAK,GAAG,EAAE,EACV,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,WAAW,EACX,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,IAAI,EACZ,KAAK,EACL,cAAc,GACf,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS;IAC3B,oBAAC,OAAO,OAAG;IACX,oBAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,IAAI,OAAO,EACvB,SAAS,EAAE,cAAc;QAEzB,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,YAAY,EAAC,cAAc,EAAC,eAAe,EAAC,EAAE,EAAC,KAAK;YACvE,oBAAC,aAAa,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ;gBACnC,IAAI,KAAK,EAAE,IAAI,CACd,oBAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,WAAW,EAAC,EAAE,EAAC,MAAM,GAAG,CAC7D;gBACD,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,MAAM,IAC5C,KAAK,CACD,CACO;YACf,KAAK,IAAI,CACR,oBAAC,aAAa,IAAC,OAAO,EAAE,WAAW;gBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,GAAI,CACrC,CACjB,CACG;QACN,oBAAC,GAAG,IAAC,IAAI,QAAC,SAAS,EAAC,QAAQ,IACzB,QAAQ,CACL,CACI,CACJ,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eACT,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;;;;;;;GAQvC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEV,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;CAMrC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;kBACV,KAAK,CAAC,MAAM,CAAC,KAAK;wBACZ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;iBAI3B,KAAK;;;;;MAKhB,MAAM,KAAK,IAAI;IACjB,GAAG,CAAA;;;;;;;;;;;;KAYF;GACF,CACF,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAEhB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;kBAKrB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;CAMxC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEhC,CAAA"}

package/dist/Modal/Modal.stories.d.ts

@@ -1,5 +1,15 @@
-declare namespace _default {
-    const title: string;
-}
+import React from 'react';
+import { ModalProps } from './Modal';
+declare const _default: {
+    title: string;
+    component: React.FC<ModalProps>;
+    argTypes: {
+        handleClick: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Default: any;
+export declare const Playground: any;
+export declare const Interactive: any;
+export declare const WithLongContent: any;

package/dist/Modal/Modal.stories.js

@@ -1,19 +1,34 @@
 import React, { useState } from 'react';
-import { Modal } from '../Modal';
 import { Button } from '../Button';
 import { Box } from '../Box';
+import { Modal } from './Modal';
+const placeholderText = "There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.";
 export default {
     title: 'Modal',
+    component: Modal,
+    argTypes: { handleClick: { action: 'Callback - `handleClick`' } },
 };
-const Template = (args) => {
+export const Playground = Modal.bind({});
+Playground.args = {
+    icon: 'info',
+    title: 'What is Lorem Ipsum?',
+    showModal: true,
+    drawer: true,
+    cross: true,
+    width: '640px',
+    children: placeholderText,
+};
+const Template = (props) => {
     const [showModal, setShowModal] = useState(false);
     const handleClick = () => {
         setShowModal(!showModal);
     };
-    return (React.createElement(Box, null, showModal ? (React.createElement(Modal, Object.assign({}, args, { handleClick: handleClick, showModal: showModal }), "[A modal window] creates a mode that disables the main window, but keeps it visible with the modal window as a child window in front of it.")) : (React.createElement(Button, { primary: true, handleClick: handleClick }, "Show Modal with Mobile Drawer"))));
+    return (React.createElement(Box, null,
+        React.createElement(Modal, Object.assign({}, props, { handleClick: handleClick, showModal: showModal }), "[A modal window] creates a mode that disables the main window, but keeps it visible with the modal window as a child window in front of it."),
+        React.createElement(Button, { primary: true, handleClick: handleClick }, "Show Modal with Mobile Drawer")));
 };
-export const Default = Template.bind({});
-Default.args = {
+export const Interactive = Template.bind({});
+Interactive.args = {
     icon: 'calendar',
     title: "Hello world i'm a beautiful modal",
     showModal: false,
@@ -21,4 +36,16 @@ Default.args = {
     cross: true,
     width: '640px',
 };
+export const WithLongContent = Modal.bind({});
+WithLongContent.args = {
+    icon: 'info',
+    title: 'What is Lorem Ipsum?',
+    showModal: true,
+    drawer: true,
+    cross: true,
+    width: '640px',
+    children: Array.from(Array(10))
+        .map((_, i) => placeholderText)
+        .join('\n'),
+};
 //# sourceMappingURL=Modal.stories.js.map

package/dist/Modal/Modal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../src/Modal/Modal.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,eAAe;IACb,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,GAAG,QACD,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,KAAK,oBAAK,IAAI,IAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,mJAIvD,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IAAC,OAAO,QAAC,WAAW,EAAE,WAAW,oCAE/B,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,OAAO;CACf,CAAA"}
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../src/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAA;AAE3C,MAAM,eAAe,GACnB,seAAse,CAAA;AAExe,eAAe;IACb,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,EAAE;CAClE,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,UAAU,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,eAAe;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAiB,EAAE,EAAE;IACrC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;IAC1B,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,GAAG;QACF,oBAAC,KAAK,oBAAK,KAAK,IAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,mJAGxD;QACR,oBAAC,MAAM,IAAC,OAAO,QAAC,WAAW,EAAE,WAAW,oCAE/B,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,mCAAmC;IAC1C,SAAS,EAAE,KAAK;IAChB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,OAAO;CACf,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,eAAe,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC;SAC9B,IAAI,CAAC,IAAI,CAAC;CACd,CAAA"}

package/dist/NumberInput/Container.d.ts

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

package/dist/NumberInput/Container.js

@@ -3,6 +3,8 @@ import { NumberInput } from './NumberInput';
 export const Container = () => {
     const [value, setValue] = useState('');
     return (React.createElement("form", null,
-        React.createElement(NumberInput, { id: "numberInput", label: "Amount paid", name: "numberInput", onChange: setValue, placeholder: "100.00", prefix: "$", value: value, min: -100, max: 180, step: 10, strict: true, roundCurrency: true, required: true })));
+        React.createElement(NumberInput, { id: "numberInput", label: "Amount paid", name: "numberInput", 
+            // @ts-expect-error onChange type is too broad and should be handled differently
+            onChange: setValue, placeholder: "100.00", prefix: "$", value: value, min: -100, max: 180, step: 10, strict: true, roundCurrency: true, required: true })));
 };
 //# sourceMappingURL=Container.js.map

package/dist/NumberInput/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/NumberInput/Container.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,aAAa,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,QAAQ,EACpB,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,GAAG,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,EAAE,EACR,MAAM,QACN,aAAa,QACb,QAAQ,SACR,CACG,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/NumberInput/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,aAAa;YAClB,gFAAgF;YAChF,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAC,QAAQ,EACpB,MAAM,EAAC,GAAG,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,CAAC,GAAG,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,EAAE,EACR,MAAM,QACN,aAAa,QACb,QAAQ,SACR,CACG,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/NumberInput/NumberInput.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type NumberInputProps = {
+export declare type NumberInputProps = {
     /** ID, usually used for tests  */
     id: string;
     /** className attribute to apply classses from props */
@@ -44,4 +44,3 @@ declare type NumberInputProps = {
     outlined?: boolean;
 };
 export declare const NumberInput: FC<NumberInputProps>;
-export {};

package/dist/NumberInput/NumberInput.stories.d.ts

@@ -1,20 +1,21 @@
-declare namespace _default {
-    export const title: string;
-    export { NumberInput as component };
-    export namespace argTypes {
-        namespace onChange {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { NumberInputProps } from './NumberInput';
+declare const _default: {
+    title: string;
+    component: React.FC<NumberInputProps>;
+    argTypes: {
+        onChange: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Default: any;
-export const Required: any;
-export const Error: any;
-export const Currency: any;
-export const Distance: any;
-export const Telephone: any;
-export const Disabled: any;
-export const WithOutline: any;
-export const WorkingExample: any;
-import { NumberInput } from "./NumberInput";
+export declare const Default: any;
+export declare const Required: any;
+export declare const Error: any;
+export declare const Currency: any;
+export declare const Distance: any;
+export declare const Telephone: any;
+export declare const Disabled: any;
+export declare const WithOutline: any;
+export declare const WorkingExample: any;

package/dist/NumberInput/NumberInput.stories.js

@@ -1,19 +1,20 @@
 import React from 'react';
 import { NumberInput } from './NumberInput';
 import { Container } from './Container';
+import { noop } from '../utils/noop';
 export default {
     title: 'Number Input',
     component: NumberInput,
     argTypes: { onChange: { action: 'changed' } },
 };
-const Template = (args) => React.createElement(NumberInput, Object.assign({}, args));
+const Template = (props) => React.createElement(NumberInput, Object.assign({}, props));
 export const Default = Template.bind({});
 Default.args = {
     id: 'total_amount',
     label: 'Total Amount',
     name: 'totalAmount',
     placeholder: '0',
-    onChange: () => { },
+    onChange: noop,
     outlined: false,
 };
 export const Required = Template.bind({});
@@ -22,7 +23,7 @@ Required.args = {
     label: 'Total Amount',
     name: 'totalAmount',
     placeholder: '0',
-    onChange: () => { },
+    onChange: noop,
     required: true,
     outlined: false,
 };
@@ -32,7 +33,7 @@ Error.args = {
     label: 'Total Amount',
     name: 'totalAmount',
     placeholder: '0',
-    onChange: () => { },
+    onChange: noop,
     error: true,
     errorMsg: 'Oh boy, something went wrong!',
     outlined: false,
@@ -46,7 +47,7 @@ Currency.args = {
     prefix: '$',
     roundCurrency: true,
     required: true,
-    onChange: () => { },
+    onChange: noop,
     step: 10,
     outlined: false,
 };
@@ -58,7 +59,7 @@ Distance.args = {
     placeholder: '0',
     suffix: 'km',
     required: true,
-    onChange: () => { },
+    onChange: noop,
     step: 100,
     outlined: false,
 };
@@ -70,7 +71,7 @@ Telephone.args = {
     placeholder: '7123 456789',
     prefix: '+44',
     required: true,
-    onChange: () => { },
+    onChange: noop,
     outlined: false,
 };
 export const Disabled = Template.bind({});
@@ -81,7 +82,7 @@ Disabled.args = {
     placeholder: '7123 456789',
     prefix: '+44',
     required: true,
-    onChange: () => { },
+    onChange: noop,
     disabled: true,
     outlined: false,
 };
@@ -91,10 +92,10 @@ WithOutline.args = {
     label: 'with outline',
     name: 'outlined',
     required: false,
-    onChange: () => { },
+    onChange: noop,
     disabled: false,
     outlined: true,
 };
-const WorkingExampleTemplate = (args) => React.createElement(Container, Object.assign({}, args));
+const WorkingExampleTemplate = () => React.createElement(Container, null);
 export const WorkingExample = WorkingExampleTemplate.bind({});
 //# sourceMappingURL=NumberInput.stories.js.map

package/dist/NumberInput/NumberInput.stories.js.map

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

package/dist/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-declare type PaginationProps = {
+export declare type PaginationProps = {
     /** Total number of records  */
     total: number;
     /** Number of records per page  */
@@ -8,4 +8,3 @@ declare type PaginationProps = {
     handlePageChange: (page: number) => void;
 };
 export declare const Pagination: FC<PaginationProps>;
-export {};

package/dist/Pagination/Pagination.stories.d.ts

@@ -1,13 +1,14 @@
-declare namespace _default {
-    export const title: string;
-    export { Pagination as component };
-    export namespace argTypes {
-        namespace handlePageChange {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { PaginationProps } from './Pagination';
+declare const _default: {
+    title: string;
+    component: React.FC<PaginationProps>;
+    argTypes: {
+        handlePageChange: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Default: any;
-export const LongerPagination: any;
-import { Pagination } from "./Pagination";
+export declare const Default: any;
+export declare const LongerPagination: any;

package/dist/Pagination/Pagination.stories.js

@@ -5,7 +5,7 @@ export default {
     component: Pagination,
     argTypes: { handlePageChange: { action: 'pageChanged' } },
 };
-const Template = (args) => React.createElement(Pagination, Object.assign({}, args));
+const Template = (props) => React.createElement(Pagination, Object.assign({}, props));
 export const Default = Template.bind({});
 Default.args = {
     total: 7,

package/dist/Pagination/Pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,gBAAgB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE;CAC1D,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAA;AAEnD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,CAAC;CACb,CAAA"}
+{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,gBAAgB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE;CAC1D,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAsB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,CAAC;CACb,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEjD,gBAAgB,CAAC,IAAI,GAAG;IACtB,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,CAAC;CACb,CAAA"}

package/dist/RadioButton/Container.d.ts

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

package/dist/RadioButton/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/RadioButton/Container.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3C,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAC5C,OAAO,EAAE,OAAO,KAAK,gBAAgB,GACrC;QAEF,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAC5C,OAAO,EAAE,OAAO,KAAK,gBAAgB,GACrC,CACG,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../src/RadioButton/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAE1C,OAAO,CACL;QACE,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAC5C,OAAO,EAAE,OAAO,KAAK,gBAAgB,GACrC;QAEF,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAC5C,OAAO,EAAE,OAAO,KAAK,gBAAgB,GACrC,CACG,CACR,CAAA;AACH,CAAC,CAAA"}

package/dist/RadioButton/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import { FC, ChangeEvent } from 'react';
-declare type RadioButtonProps = {
+export declare type RadioButtonProps = {
     id: string;
     label: string;
     checked?: boolean;
@@ -7,4 +7,3 @@ declare type RadioButtonProps = {
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
 };
 export declare const RadioButton: FC<RadioButtonProps>;
-export {};

package/dist/RadioButton/RadioButton.stories.d.ts

@@ -1,14 +1,15 @@
-declare namespace _default {
-    export const title: string;
-    export { RadioButton as component };
-    export namespace argTypes {
-        namespace onChange {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { RadioButtonProps } from './RadioButton';
+declare const _default: {
+    title: string;
+    component: React.FC<RadioButtonProps>;
+    argTypes: {
+        onChange: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Default: any;
-export const Checked: any;
-export const WorkingExample: any;
-import { RadioButton } from "./RadioButton";
+export declare const Default: any;
+export declare const Checked: any;
+export declare const WorkingExample: any;

package/dist/RadioButton/RadioButton.stories.js

@@ -1,18 +1,19 @@
 import React from 'react';
 import { RadioButton } from './RadioButton';
 import { Container } from './Container';
+import { noop } from '../utils/noop';
 export default {
     title: 'Radio Button',
     component: RadioButton,
     argTypes: { onChange: { action: 'clicked' } },
 };
-const Template = (args) => React.createElement(RadioButton, Object.assign({}, args));
+const Template = (props) => React.createElement(RadioButton, Object.assign({}, props));
 export const Default = Template.bind({});
 Default.args = {
     id: 'radioButton',
     label: 'What a lovely label',
     value: 'radioButton',
-    onChange: () => { },
+    onChange: noop,
     checked: false,
 };
 export const Checked = Template.bind({});
@@ -20,9 +21,9 @@ Checked.args = {
     id: 'radioButton',
     label: 'What a lovely label',
     value: 'radioButton',
-    onChange: () => { },
+    onChange: noop,
     checked: true,
 };
-const ContainerTemplate = (args) => React.createElement(Container, Object.assign({}, args));
+const ContainerTemplate = () => React.createElement(Container, null);
 export const WorkingExample = ContainerTemplate.bind({});
 //# sourceMappingURL=RadioButton.stories.js.map

package/dist/RadioButton/RadioButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../src/RadioButton/RadioButton.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAA;AAEpD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,OAAO,EAAE,KAAK;CACf,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;IAClB,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAA;AAE3D,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
+{"version":3,"file":"RadioButton.stories.js","sourceRoot":"","sources":["../../src/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,KAAK,EAAI,CAAA;AAExE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;CACf,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,EAAE,EAAE,aAAa;IACjB,KAAK,EAAE,qBAAqB;IAC5B,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,oBAAC,SAAS,OAAG,CAAA;AAE7C,MAAM,CAAC,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}

package/dist/Row/Row.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export declare type Props = {
+export declare type RowProps = {
     iconLeft?: string;
     iconLeftColor?: string;
     iconRight?: string;
@@ -12,4 +12,4 @@ export declare type Props = {
     borderBottom?: boolean;
     boldHeading?: boolean;
 };
-export declare const Row: FC<Props>;
+export declare const Row: FC<RowProps>;

package/dist/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAgB9B,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAEhC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW;QAEvB,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjC,KAAK,EAAE,aAAa,GACpB,CACH;QACD,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,IACvB,OAAO,CACH;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,SAAS,IAC5C,UAAU,CACN,CACH;QACL,SAAS,IAAI,CACZ,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,cAAc,GACrB,CACH,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBAC9C,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC;IACpD,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC;IAC5B,CAAC,IAAI,KAAK,MAAM,IAAI,aAAa,CAAC;IAClC,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,OAAO;;6BAEf,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;;;;kBAIpD,CAAC,SAAS,IAAI,MAAM;qBACjB,CAAC,YAAY,IAAI,MAAM;;;;;qBAKvB,WAAW,IAAI,GAAG;;;;;;;;;;GAUpC,CACF,CAAA"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAgB9B,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,QAAQ,EACR,aAAa,EACb,SAAS,EACT,cAAc,EACd,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAEhC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW;QAEvB,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjC,KAAK,EAAE,aAAa,GACpB,CACH;QACD,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,IACvB,OAAO,CACH;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,SAAS,IAC5C,UAAU,CACN,CACH;QACL,SAAS,IAAI,CACZ,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,cAAc,GACrB,CACH,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAC1B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBAC9C,CAAC,IAAI,KAAK,OAAO,IAAI,aAAa,CAAC;IACpD,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC;IAC5B,CAAC,IAAI,KAAK,MAAM,IAAI,aAAa,CAAC;IAClC,CAAC;wBACmB,KAAK,CAAC,MAAM,CAAC,OAAO;;6BAEf,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;;;;kBAIpD,CAAC,SAAS,IAAI,MAAM;qBACjB,CAAC,YAAY,IAAI,MAAM;;;;;qBAKvB,WAAW,IAAI,GAAG;;;;;;;;;;GAUpC,CACF,CAAA"}

package/dist/Row/Row.stories.d.ts

@@ -1,19 +1,20 @@
-declare namespace _default {
-    export const title: string;
-    export { Row as component };
-    export namespace argTypes {
-        namespace handleClick {
-            const action: string;
-        }
-    }
-}
+import React from 'react';
+import { RowProps } from './Row';
+declare const _default: {
+    title: string;
+    component: React.FC<RowProps>;
+    argTypes: {
+        handleClick: {
+            action: string;
+        };
+    };
+};
 export default _default;
-export const Default: any;
-export const NoIcons: any;
-export const NoSubheading: any;
-export const BoldHeading: any;
-export const First: any;
-export const Middle: any;
-export const Last: any;
-export const Curved: any;
-import { Row } from "./Row";
+export declare const Default: any;
+export declare const NoIcons: any;
+export declare const NoSubheading: any;
+export declare const BoldHeading: any;
+export declare const First: any;
+export declare const Middle: any;
+export declare const Last: any;
+export declare const Curved: any;

package/dist/Row/Row.stories.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Row } from '../Row';
+import { Row } from './Row';
 export default {
     title: 'Row',
     component: Row,
     argTypes: { handleClick: { action: 'clicked' } },
 };
-const Template = (args) => React.createElement(Row, Object.assign({}, args));
+const Template = (props) => React.createElement(Row, Object.assign({}, props));
 export const Default = Template.bind({});
 Default.args = {
     iconLeft: 'info',