@mrshmllw/smores-react 1.4.0 → 1.5.0

package/README.md

@@ -92,7 +92,6 @@ Every time you make changes in Smores and you wan’t to see it in local
 run 
 
 ```
-npm run build
 yalc publish —private
 ```
 

package/dist/Accordion/Accordion.d.ts

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

package/dist/Accordion/Accordion.js

@@ -3,23 +3,48 @@ import styled, { css } from 'styled-components';
 import { Box } from '../Box';
 import { Icon } from '../Icon';
 import { theme } from '../theme';
-export const Accordion = ({ title, children, borderTop = false, }) => {
+import { Text } from '../Text';
+export const Accordion = ({ title, children, borderTop = false, subTitle, fullBorder = false, }) => {
     const [isOpen, setIsOpen] = useState(false);
-    return (React.createElement(Wrapper, { isOpen: isOpen, borderTop: borderTop },
-        React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick: () => setIsOpen(!isOpen) },
-            React.createElement(Title, null, title),
+    return (React.createElement(Wrapper, { isOpen: isOpen, borderTop: borderTop, fullBorder: fullBorder },
+        React.createElement(TopContainer, { flex: true, alignItems: "center", justifyContent: "space-between", onClick: () => setIsOpen(!isOpen), fullBorder: fullBorder, isOpen: isOpen },
+            React.createElement(TitleContainer, null,
+                React.createElement(Title, null, title),
+                subTitle && (React.createElement(Text, { tag: "label", color: "grey8", typo: "label" }, subTitle))),
             React.createElement(CaretIcon, { render: "caret", size: 24, color: "blue7", isOpen: isOpen, borderTop: borderTop })),
         isOpen && React.createElement(React.Fragment, null, children)));
 };
-const Wrapper = styled(Box)(({ isOpen, borderTop }) => css `
+const Wrapper = styled(Box)(({ isOpen, borderTop, fullBorder }) => css `
     border-bottom: 1px solid ${theme.colors.grey3};
     padding-bottom: ${isOpen && '16px'};
     border-top: ${borderTop && `1px solid ${theme.colors.grey3}`};
+
+    ${fullBorder &&
+    css `
+      border: 1px solid ${theme.colors.grey3};
+      border-radius: 8px;
+      margin-bottom: 14px;
+      padding: 20px 15px;
+    `}
   `);
-const TopContainer = styled(Box) `
-  padding: 15px 0;
-  cursor: pointer;
+const TitleContainer = styled.div `
+  display: flex;
+  flex-direction: column;
 `;
+const TopContainer = styled(Box)(({ isOpen, fullBorder }) => css `
+    padding: 15px 0px;
+    cursor: pointer;
+
+    ${fullBorder &&
+    css `
+      padding: 0px;
+    `}
+
+    ${isOpen &&
+    css `
+      margin-bottom: 14px;
+    `}
+  `);
 const Title = styled.h2 `
   color: ${theme.colors.blue7};
   font-size: 16px;

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOhC,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,GAClB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS;QAC3C,oBAAC,YAAY,IACX,IAAI,QACJ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC;YAEjC,oBAAC,KAAK,QAAE,KAAK,CAAS;YACtB,oBAAC,SAAS,IACR,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACW;QACd,MAAM,IAAI,0CAAG,QAAQ,CAAI,CAClB,CACX,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACD,KAAK,CAAC,MAAM,CAAC,KAAK;sBAC3B,MAAM,IAAI,MAAM;kBACpB,SAAS,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;GAC7D,CACF,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAG/B,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;WACZ,KAAK,CAAC,MAAM,CAAC,KAAK;;;iBAGZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;CACxC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAC5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBACJ,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;;GAExD,CACF,CAAA"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAS9B,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,UAAU,GAAG,KAAK,GACnB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;QACnE,oBAAC,YAAY,IACX,IAAI,QACJ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM;YAEd,oBAAC,cAAc;gBACb,oBAAC,KAAK,QAAE,KAAK,CAAS;gBACrB,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IACzC,QAAQ,CACJ,CACR,CACc;YAEjB,oBAAC,SAAS,IACR,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,GACpB,CACW;QACd,MAAM,IAAI,0CAAG,QAAQ,CAAI,CAClB,CACX,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CACzB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACb,KAAK,CAAC,MAAM,CAAC,KAAK;sBAC3B,MAAM,IAAI,MAAM;kBACpB,SAAS,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE;;MAE1D,UAAU;IACZ,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;KAIvC;GACF,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAC9B,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;MAI3B,UAAU;IACZ,GAAG,CAAA;;KAEF;;MAEC,MAAM;IACR,GAAG,CAAA;;KAEF;GACF,CACF,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAA;WACZ,KAAK,CAAC,MAAM,CAAC,KAAK;;;iBAGZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;CACxC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAC5B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;iBACJ,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;;GAExD,CACF,CAAA"}

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

@@ -4,4 +4,6 @@ declare namespace _default {
 }
 export default _default;
 export const Default: any;
+export const SubTitle: any;
+export const FullBorder: any;
 import { Accordion } from "./Accordion";

package/dist/Accordion/Accordion.stories.js

@@ -6,4 +6,12 @@ export default {
 };
 const Template = (args) => (React.createElement(Accordion, Object.assign({}, args, { title: "How it works" }), "Lots of brilliant information about this beautiful component"));
 export const Default = Template.bind({});
+export const SubTitle = Template.bind({});
+SubTitle.args = {
+    subTitle: 'subTitle',
+};
+export const FullBorder = Template.bind({});
+FullBorder.args = {
+    fullBorder: true,
+};
 //# sourceMappingURL=Accordion.stories.js.map

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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [