@mrshmllw/smores-react 2.4.1 → 2.4.4

package/dist/Accordion/Accordion.d.ts

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

package/dist/Accordion/Accordion.js

@@ -1,12 +1,24 @@
+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, { useState } from 'react';
 import styled, { css } from 'styled-components';
 import { Box } from '../Box';
 import { Icon } from '../Icon';
 import { theme } from '../theme';
 import { Text } from '../Text';
-export const Accordion = ({ title, children, borderTop = false, subTitle, fullBorder = false, }) => {
+export const Accordion = (_a) => {
+    var { title, children, borderTop = false, subTitle, fullBorder = false } = _a, marginProps = __rest(_a, ["title", "children", "borderTop", "subTitle", "fullBorder"]);
     const [isOpen, setIsOpen] = useState(false);
-    return (React.createElement(Wrapper, { borderTop: borderTop, fullBorder: fullBorder },
+    return (React.createElement(Wrapper, Object.assign({ borderTop: borderTop, fullBorder: fullBorder }, marginProps),
         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),

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;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,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;QACnD,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,SAAS,EAAC,IAAI,EAAC,OAAO,IAC3C,QAAQ,CACJ,CACR,CACc;YAEjB,oBAAC,SAAS,IACR,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,WAAW,EACjB,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,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACL,KAAK,CAAC,MAAM,CAAC,OAAO;;kBAEjC,SAAS,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;MAE5D,UAAU;IACZ,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;KAIzC;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;;;MAG3B,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,SAAS;;;iBAGhB,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;AAU9B,MAAM,CAAC,MAAM,SAAS,GAAuB,CAAC,EAO7C,EAAE,EAAE;QAPyC,EAC5C,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,UAAU,GAAG,KAAK,OAEnB,EADI,WAAW,cAN8B,4DAO7C,CADe;IAEd,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,OAAO,CACL,oBAAC,OAAO,kBAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,IAAM,WAAW;QACpE,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,SAAS,EAAC,IAAI,EAAC,OAAO,IAC3C,QAAQ,CACJ,CACR,CACc;YAEjB,oBAAC,SAAS,IACR,MAAM,EAAC,OAAO,EACd,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,WAAW,EACjB,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,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACL,KAAK,CAAC,MAAM,CAAC,OAAO;;kBAEjC,SAAS,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;MAE5D,UAAU;IACZ,GAAG,CAAA;0BACmB,KAAK,CAAC,MAAM,CAAC,OAAO;;;;KAIzC;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;;;MAG3B,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,SAAS;;;iBAGhB,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/ActionDropdown/ActionDropdown.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ActionListItem } from './List';
+import { MarginProps } from '../utils/space';
 export declare type ActionDropdownProps = {
     id?: string;
     className?: string;
@@ -11,5 +12,5 @@ export declare type ActionDropdownProps = {
     list: ActionListItem[];
     /** onSelect handler */
     onSelect: (action: ActionListItem) => void;
-};
+} & MarginProps;
 export declare const ActionDropdown: FC<ActionDropdownProps>;

package/dist/ActionDropdown/ActionDropdown.js

@@ -1,17 +1,30 @@
+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, { useState } from 'react';
 import styled, { css } from 'styled-components';
+import { Box } from '../Box';
 import { Text } from '../Text';
 import { Icon } from '../Icon';
 import { List } from './List';
 import { theme } from '../theme';
-export const ActionDropdown = ({ id, className = '', label, value, list, onSelect, }) => {
-    var _a, _b, _c;
+export const ActionDropdown = (_a) => {
+    var _b, _c, _d;
+    var { id, className = '', label, value, list, onSelect } = _a, marginProps = __rest(_a, ["id", "className", "label", "value", "list", "onSelect"]);
     const [open, setOpen] = useState(false);
-    return (React.createElement(Container, { id: id, className: className, onClick: () => setOpen((currentOpen) => !currentOpen) },
+    return (React.createElement(Container, Object.assign({ id: id, className: className, onClick: () => setOpen((currentOpen) => !currentOpen) }, marginProps),
         label && (React.createElement(Text, { tag: "label", color: "subtext", typo: "label" }, label)),
-        React.createElement(Label, { text: (_a = value.textColor) !== null && _a !== void 0 ? _a : 'secondary', bg: (_b = value.bgColor) !== null && _b !== void 0 ? _b : 'subtext' },
+        React.createElement(Label, { text: (_b = value.textColor) !== null && _b !== void 0 ? _b : 'secondary', bg: (_c = value.bgColor) !== null && _c !== void 0 ? _c : 'subtext' },
             React.createElement(SelectedOption, null, value.label),
-            React.createElement(Icon, { render: "caret", color: (_c = value.textColor) !== null && _c !== void 0 ? _c : 'subtext', size: 24, rotate: open ? 180 : 0 })),
+            React.createElement(Icon, { render: "caret", color: (_d = value.textColor) !== null && _d !== void 0 ? _d : 'subtext', size: 24, rotate: open ? 180 : 0 })),
         React.createElement(OuterContainer, { open: open },
             React.createElement(List, { options: list, selectOption: onSelect }))));
 };
@@ -36,7 +49,7 @@ const SelectedOption = styled.span `
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-const Container = styled.div `
+const Container = styled(Box) `
   position: relative;
   display: block;
   width: 210px;

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.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,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAevC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC;QAEpD,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IAC3C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IACJ,IAAI,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,WAAW,EACpC,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,SAAS;YAE9B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS,EACnC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;wBACP,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;;;;;;;;;GAYrC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS3B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,KAAK;wBAClB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}
+{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../src/ActionDropdown/ActionDropdown.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,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AAgBvC,MAAM,CAAC,MAAM,cAAc,GAA4B,CAAC,EAQvD,EAAE,EAAE;;QARmD,EACtD,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,IAAI,EACJ,QAAQ,OAET,EADI,WAAW,cAPwC,yDAQvD,CADe;IAEd,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,SAAS,kBACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IACjD,WAAW;QAEd,KAAK,IAAI,CACR,oBAAC,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,IAC3C,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IACJ,IAAI,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,WAAW,EACpC,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,SAAS;YAE9B,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,SAAS,EACnC,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACtB,CACI;QACR,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACxB,oBAAC,IAAI,IAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,GAAI,CAChC,CACP,CACb,CAAA;AACH,CAAC,CAAA;AAOD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CACtB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;aACV,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;wBACP,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;;;;;;;;;GAYrC,CACF,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;CAKjC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;CAS5B,CAAA;AAMD,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAC/B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;eAKJ,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;kBACpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;wBACjB,KAAK,CAAC,MAAM,CAAC,KAAK;wBAClB,KAAK,CAAC,MAAM,CAAC,OAAO;kBAC1B,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;;;GAGvC,CACF,CAAA"}

package/dist/Box/Box.d.ts

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

package/dist/Box/Box.js

@@ -1,9 +1,10 @@
 import styled from 'styled-components';
 import { flex } from '../utils/flex';
 import { measure } from '../utils/measure';
-import { space } from '../utils/space';
+import { margin, padding } from '../utils/space';
 export const Box = styled.div `
-  ${space};
+  ${margin};
+  ${padding};
   ${flex};
   ${measure};
 `;

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,CAAU;IACnC,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,MAAM,EAAE,OAAO,EAA6B,MAAM,gBAAgB,CAAA;AAI3E,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAU;IACnC,MAAM;IACN,OAAO;IACP,IAAI;IACJ,OAAO;CACV,CAAA"}

package/dist/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import React, { FC, ReactNode, ButtonHTMLAttributes } from 'react';
 import { Color } from '../theme';
+import { MarginProps } from '../utils/space';
 declare type Props = {
     children: ReactNode;
     id?: string;
@@ -17,8 +18,7 @@ declare type Props = {
     icon?: string;
     forcedWidth?: string;
     form?: string;
-    type?: 'button' | 'submit' | 'reset';
 };
-export declare type ButtonProps = Props & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+export declare type ButtonProps = Props & MarginProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
 export declare const Button: FC<ButtonProps>;
 export {};

package/dist/Button/Button.js

@@ -16,6 +16,7 @@ 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) => {
@@ -32,9 +33,7 @@ export const Button = forwardRef((props, ref) => {
                 handleClick && handleClick(e);
             } }, children));
     }
-    return (React.createElement(Container, Object.assign({ id: id, className: className, disabled: disabled || loading, onClick: (e) => {
-            handleClick && handleClick(e);
-        }, isLoading: loading, primary: primary, secondary: secondary, tertiary: tertiary, icon: icon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, otherProps, { ref: ref }),
+    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 }),
         loading && (React.createElement(LoaderContainer, null,
             React.createElement(Loader, { color: primary ? 'white' : 'secondary', height: "16" }))),
         React.createElement(ContentContainer, { icon: icon, "$loading": loading },
@@ -42,7 +41,7 @@ export const Button = forwardRef((props, ref) => {
             React.createElement(ChildrenContainer, null, children))));
 });
 Button.displayName = 'Button';
-const Container = styled.button(({ disabled, isLoading, primary, secondary, tertiary, forcedWidth }) => css `
+const Container = styled(Box)(({ disabled, $loading, primary, secondary, tertiary, forcedWidth }) => css `
     ${focusOutline()}
     position: relative;
     background-color: ${theme.colors.primary};
@@ -53,7 +52,7 @@ const Container = styled.button(({ disabled, isLoading, primary, secondary, tert
     outline: none;
     border-radius: 8px;
     font-weight: ${theme.font.weight.medium};
-    cursor: ${disabled || isLoading ? 'not-allowed' : 'pointer'};
+    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};
     line-height: 100%;
     font-size: 16px;
     opacity: ${disabled ? '0.5' : '1'};
@@ -65,9 +64,9 @@ const Container = styled.button(({ disabled, isLoading, primary, secondary, tert
       border-color: ${theme.colors.primary};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) &&
+        background-color: ${!(disabled || $loading) &&
         darken(0.1, theme.colors.primary)};
-        border-color: ${!(disabled || isLoading) &&
+        border-color: ${!(disabled || $loading) &&
         darken(0.1, theme.colors.primary)};
       }
       &:active {
@@ -81,9 +80,8 @@ const Container = styled.button(({ disabled, isLoading, primary, secondary, tert
       border-color: ${theme.colors.secondary};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) &&
-        theme.colors.background};
-        border: ${!(disabled || isLoading) &&
+        background-color: ${!(disabled || $loading) && theme.colors.background};
+        border: ${!(disabled || $loading) &&
         `2px solid ${theme.colors.secondary}`};
       }
       &:active {
@@ -97,9 +95,9 @@ const Container = styled.button(({ disabled, isLoading, primary, secondary, tert
       border-color: ${theme.colors.background};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) &&
+        background-color: ${!(disabled || $loading) &&
         darken(0.1, theme.colors.background)};
-        border-color: ${!(disabled || isLoading) &&
+        border-color: ${!(disabled || $loading) &&
         darken(0.1, theme.colors.background)};
       }
       &:active {

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/Card/Card.d.ts

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

package/dist/Card/Card.js

@@ -1,8 +1,23 @@
+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';
-export const Card = ({ children, className = '', maxWidth = '', marginX = '', marginY = '', narrow = false, wide = false, }) => (React.createElement(Container, { className: className, maxWidth: maxWidth, marginX: marginX, marginY: marginY, narrow: narrow, wide: wide }, children));
-const Container = styled.div `
+import { Box } from '../Box';
+export const Card = (_a) => {
+    var { children, className = '', maxWidth = '', marginX = '', marginY = '', narrow = false, wide = false } = _a, otherProps = __rest(_a, ["children", "className", "maxWidth", "marginX", "marginY", "narrow", "wide"]);
+    return (React.createElement(Container, Object.assign({ className: className, maxWidth: maxWidth, marginX: marginX, marginY: marginY, narrow: narrow, wide: wide }, otherProps), children));
+};
+const Container = styled(Box) `
   background: ${theme.colors.white};
   border: 1px solid ${theme.colors.outline};
   box-sizing: border-box;

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,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"}
+{"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;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAiB5B,MAAM,CAAC,MAAM,IAAI,GAAkB,CAAC,EASnC,EAAE,EAAE;QAT+B,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,OAEb,EADI,UAAU,cARqB,6EASnC,CADc;IACT,OAAA,CACJ,oBAAC,SAAS,kBACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,IACN,UAAU,GAEb,QAAQ,CACC,CACb,CAAA;CAAA,CAAA;AAMD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAO;gBACpB,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/CheckBoxGroup/CheckBoxGroup.d.ts

@@ -1,12 +1,13 @@
 import { FC } from 'react';
+import { MarginProps } from '../utils/space';
 declare type Item = {
     id: number;
     label: string;
     checked: boolean;
 };
-declare type Props = {
+declare type CheckBoxGroupProps = {
     list: Item[];
     onToggle: (id: number) => void;
-};
-export declare const CheckBoxGroup: FC<Props>;
+} & MarginProps;
+export declare const CheckBoxGroup: FC<CheckBoxGroupProps>;
 export {};

package/dist/CheckBoxGroup/CheckBoxGroup.js

@@ -1,8 +1,23 @@
+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 { Box } from '../Box';
 import { CheckBox } from '../CheckBox';
-export const CheckBoxGroup = ({ list, onToggle }) => (React.createElement(Container, null, list.map((item) => (React.createElement(CheckBox, { key: item.id, id: String(item.id), checked: item.checked, toggle: () => onToggle(item.id) }, item.label)))));
-const Container = styled.div `
+export const CheckBoxGroup = (_a) => {
+    var { list, onToggle } = _a, marginProps = __rest(_a, ["list", "onToggle"]);
+    return (React.createElement(Container, null, list.map((item) => (React.createElement(CheckBox, Object.assign({ key: item.id, id: String(item.id), checked: item.checked, toggle: () => onToggle(item.id) }, marginProps), item.label)))));
+};
+const Container = styled(Box) `
   display: flex;
   flex-direction: column;
   gap: 16px;

package/dist/CheckBoxGroup/CheckBoxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAatC,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC9D,oBAAC,SAAS,QACP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAE9B,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAA"}
+{"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AActC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAIrD,EAAE,EAAE;QAJiD,EACpD,IAAI,EACJ,QAAQ,OAET,EADI,WAAW,cAHsC,oBAIrD,CADe;IACV,OAAA,CACJ,oBAAC,SAAS,QACP,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,oBAAC,QAAQ,kBACP,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,EAAE,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,IAC3B,WAAW,GAEd,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CACQ,CACb,CAAA;CAAA,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI5B,CAAA"}

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

@@ -8,7 +8,7 @@ declare const _default: {
             checked: boolean;
         }[];
         onToggle: (id: number) => void;
-    }>;
+    } & import("..").MarginProps>;
 };
 export default _default;
 export declare const Default: any;

package/dist/Chip/Chip.d.ts

@@ -1,4 +1,5 @@
 import React, { FC, ReactNode, ButtonHTMLAttributes } from 'react';
+import { MarginProps } from '../utils/space';
 declare type Props = {
     children: ReactNode;
     handleClick: (e: React.FormEvent<HTMLButtonElement>) => void;
@@ -7,7 +8,7 @@ declare type Props = {
     icon?: string;
     disabled?: boolean;
     loading?: boolean;
-};
+} & MarginProps;
 export declare type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>;
 export declare const Chip: FC<ChipProps>;
 export {};

package/dist/Chip/Chip.js

@@ -12,17 +12,18 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { theme } from '../theme';
+import { Box } from '../Box';
 import { Icon as IconComponent } from '../Icon';
 import { Loader } from '../Loader';
 import { focusOutline } from '../utils/focusOutline';
 export const Chip = forwardRef((_a, ref) => {
     var { children, handleClick, primary = false, secondary = false, disabled = false, loading = false, icon = '' } = _a, props = __rest(_a, ["children", "handleClick", "primary", "secondary", "disabled", "loading", "icon"]);
-    return (React.createElement(Container, Object.assign({ primary: primary, secondary: secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, icon: icon }, props, { ref: ref }), loading ? (React.createElement(Loader, { color: primary ? 'white' : 'primary', height: "16" })) : (React.createElement(React.Fragment, null,
+    return (React.createElement(Container, Object.assign({ as: "button", primary: primary, secondary: secondary, disabled: disabled || loading, "$loading": loading, onClick: handleClick, icon: icon }, props, { ref: ref }), loading ? (React.createElement(Loader, { color: primary ? 'white' : 'primary', height: "16" })) : (React.createElement(React.Fragment, null,
         icon && (React.createElement(IconComponent, { render: icon, size: 20, color: primary ? 'white' : 'primary' })),
         React.createElement(ChildrenContainer, null, children)))));
 });
 Chip.displayName = 'Chip';
-const Container = styled.button(({ primary, secondary, icon, $loading, disabled }) => css `
+const Container = styled(Box)(({ primary, secondary, icon, $loading, disabled }) => css `
     ${focusOutline()}
 
     align-items: center;

package/dist/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAsBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,EAAE,OAEV,EADI,KAAK,cARV,kFASC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,cACnB,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,IACN,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAC,IAAI,GAAG,CAC7D,CAAC,CAAC,CAAC,CACF;QACG,IAAI,IAAI,CACP,oBAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACpC,CACH;QACD,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CAChD,CACJ,CACS,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACrD,YAAY,EAAE;;;wBAGI,KAAK,CAAC,MAAM,CAAC,OAAO;;wBAEpB,KAAK,CAAC,MAAM,CAAC,OAAO;aAC/B,KAAK,CAAC,MAAM,CAAC,KAAK;;;uBAGR,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ;;4BAE3B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;;cAEnC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;eAC/C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;;MAE/B,OAAO;IACT,GAAG,CAAA;;4BAEqB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;;KAErE;MACC,SAAS;IACX,GAAG,CAAA;eACQ,KAAK,CAAC,MAAM,CAAC,OAAO;0BACT,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAEhB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;;KAEzE;GACF,CACF,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEnC,CAAA"}
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/Chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAuC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC9E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAuBpD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,WAAW,EACX,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,EAAE,OAEV,EADI,KAAK,cARV,kFASC,CADS;IAGP,OAAA,CACH,oBAAC,SAAS,kBACR,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,cACnB,OAAO,EACjB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,IACN,KAAK,IACT,GAAG,EAAE,GAAG,KAEP,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAC,IAAI,GAAG,CAC7D,CAAC,CAAC,CAAC,CACF;QACG,IAAI,IAAI,CACP,oBAAC,aAAa,IACZ,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,GACpC,CACH;QACD,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CAChD,CACJ,CACS,CACb,CAAA;CAAA,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MACrD,YAAY,EAAE;;;wBAGI,KAAK,CAAC,MAAM,CAAC,OAAO;;wBAEpB,KAAK,CAAC,MAAM,CAAC,OAAO;aAC/B,KAAK,CAAC,MAAM,CAAC,KAAK;;;uBAGR,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ;;4BAE3B,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;;cAEnC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;eAC/C,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;;MAE/B,OAAO;IACT,GAAG,CAAA;;4BAEqB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;;KAErE;MACC,SAAS;IACX,GAAG,CAAA;eACQ,KAAK,CAAC,MAAM,CAAC,OAAO;0BACT,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAEhB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU;;KAEzE;GACF,CACF,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEnC,CAAA"}

package/dist/ConfirmationRadioButtons/Confirmation.d.ts

@@ -1,4 +1,5 @@
 import { FC, FormEvent, ReactElement } from 'react';
+import { MarginProps } from '../utils/space';
 export declare type ConfirmationProps = {
     onChange(value?: boolean): void;
     checked?: boolean;
@@ -11,5 +12,5 @@ export declare type ConfirmationProps = {
     yesLabel?: string | ReactElement;
     noLabel?: string | ReactElement;
     required?: boolean;
-};
+} & MarginProps;
 export declare const Confirmation: FC<ConfirmationProps>;

package/dist/ConfirmationRadioButtons/Confirmation.js

@@ -1,3 +1,14 @@
+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';
@@ -5,9 +16,10 @@ import { Box } from '../Box';
 import { Text } from '../Text';
 import { RadioButton } from './RadioButtonStyled';
 import { useUniqueId } from '../utils/id';
-export const Confirmation = ({ checked, onChange, id: idProp, error = false, errorMsg = '', label, onBlur, sublabel, yesLabel = 'Yes', noLabel = 'No', required = false, }) => {
+export const Confirmation = (_a) => {
+    var { checked, onChange, id: idProp, error = false, errorMsg = '', label, onBlur, sublabel, yesLabel = 'Yes', noLabel = 'No', required = false } = _a, marginProps = __rest(_a, ["checked", "onChange", "id", "error", "errorMsg", "label", "onBlur", "sublabel", "yesLabel", "noLabel", "required"]);
     const id = useUniqueId(idProp);
-    return (React.createElement(ConfirmationWrapper, null,
+    return (React.createElement(ConfirmationWrapper, Object.assign({}, marginProps),
         (label || sublabel) && (React.createElement(TextWrapper, null,
             label && (React.createElement(SectionHeadingText, { tag: "h3" },
                 label,
@@ -59,9 +71,8 @@ const ErrorBox = styled.span `
   color: ${theme.colors.error};
 `;
 const ConfirmationWrapper = styled(Box) `
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  align-items: center;
+  display: flex;
+  flex-direction: column;
 `;
 const SectionHeadingText = styled(Text) `
   font-weight: bold;
@@ -69,6 +80,7 @@ const SectionHeadingText = styled(Text) `
 const TextWrapper = styled.div `
   display: flex;
   flex-direction: column;
+  margin-bottom: 8px;
 `;
 const Asterisk = styled.span `
   font-size: 14px;

package/dist/ConfirmationRadioButtons/Confirmation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Confirmation.js","sourceRoot":"","sources":["../../src/ConfirmationRadioButtons/Confirmation.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAa,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAiBzC,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAahC,EAAE,EAAE;QAb4B,EAClD,OAAO,EACP,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,EAAE,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,OAEE,EADf,WAAW,cAZoC,oHAanD,CADe;IAEd,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CACL,oBAAC,mBAAmB,oBAAK,WAAW;QACjC,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,CACtB,oBAAC,WAAW;YACT,KAAK,IAAI,CACR,oBAAC,kBAAkB,IAAC,GAAG,EAAC,IAAI;gBACzB,KAAK;gBACL,QAAQ,IAAI,oBAAC,QAAQ,YAAa,CAChB,CACtB;YACA,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,SAAS,IAC5C,QAAQ,CACJ,CACR,CACW,CACf;QACD,oBAAC,uBAAuB;YACtB,oBAAC,gBAAgB;gBACf,oBAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAK,IAAI,EAAE,KAAK,EAAE,KAAK;oBACzD,oBAAC,WAAW,IACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,OAAO,KAAK,IAAI,EACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC9B,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,MAAM,GACd,CACiB;gBACrB,oBAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK;oBAC1D,oBAAC,WAAW,IACV,EAAE,EAAE,GAAG,EAAE,IAAI,EACb,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,OAAO,KAAK,KAAK,EAC1B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC/B,KAAK,EAAE,GAAG,EAAE,IAAI,EAChB,MAAM,EAAE,MAAM,GACd,CACiB,CACJ;YAClB,KAAK,IAAI,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CACjB,CACN,CACvB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGzC,CAAA;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGlC,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,OAAiB,EAAE,KAAe,EAAE,EAAE;IACtD,IAAI,KAAK,EAAE;QACT,OAAO,aAAa,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;KACzC;SAAM,IAAI,OAAO,EAAE;QAClB,OAAO,aAAa,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAA;KAC7C;SAAM;QACL,OAAO,MAAM,CAAA;KACd;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAW;sBAC1B,CAAC,EAAE,OAAO,EAAa,EAAE,EAAE,CAC7C,CAAC,OAAO,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE;YAChC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC;;;;;;;;;CAStE,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;;;WAIjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA;AAED,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;CAGtC,CAAA;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAEtC,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI7B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAA;;WAEjB,KAAK,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAA"}

package/dist/Datepicker/Datepicker.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
+import { MarginProps } from '../utils/space';
 export declare type DatepickerProps = {
     disableWeekend?: boolean;
-    firstDayShift?: boolean;
     fromDate?: Date;
     range?: number;
     onDateSelect: (date: string) => void;
-};
+} & MarginProps;
 export declare const Datepicker: FC<DatepickerProps>;

package/dist/Datepicker/Datepicker.js

@@ -1,3 +1,14 @@
+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, { useState } from 'react';
 import styled from 'styled-components';
 import { format, addDays, getMonth, getYear, eachMonthOfInterval, isSameDay, isWithinInterval, getDaysInMonth, isWeekend, } from 'date-fns';
@@ -17,7 +28,8 @@ const getAvailableMonths = (startDate, endDate) => {
         label: format(monthDate, 'MMMM'),
     }));
 };
-export const Datepicker = ({ disableWeekend = true, firstDayShift = false, range = 14, fromDate = new Date(), onDateSelect, }) => {
+export const Datepicker = (_a) => {
+    var { disableWeekend = true, range = 14, fromDate = new Date(), onDateSelect } = _a, marginProps = __rest(_a, ["disableWeekend", "range", "fromDate", "onDateSelect"]);
     // We want to make sure that the date is in the UK timezone,
     // this might need to be revisit when opening up to new countries
     const startDate = convertToUkDate(fromDate);
@@ -46,7 +58,7 @@ export const Datepicker = ({ disableWeekend = true, firstDayShift = false, range
         }
         return filteredDays;
     };
-    return (React.createElement(Container, { id: "datepicker" },
+    return (React.createElement(Container, Object.assign({ id: "datepicker" }, marginProps),
         React.createElement(Header, { flex: true, alignItems: "center", justifyContent: "space-between", direction: "row" },
             React.createElement(Circle, { disabled: activeMonthIndex === 0, onClick: () => setActiveMonth(activeMonthIndex - 1) },
                 React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: 90 })),
@@ -54,7 +66,7 @@ export const Datepicker = ({ disableWeekend = true, firstDayShift = false, range
             React.createElement(Circle, { disabled: activeMonthIndex === availableMonths.length - 1, onClick: () => setActiveMonth(activeMonthIndex + 1) },
                 React.createElement(Caret, { render: "caret", color: "white", size: 24, rotate: -90 }))),
         React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "center" },
-            React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex].date), handleDateSelect: handleSelectEvent, firstDayShift: firstDayShift }))));
+            React.createElement(DatesList, { items: generateDaysForMonth(availableMonths[activeMonthIndex].date), handleDateSelect: handleSelectEvent }))));
 };
 const Container = styled(Box) `
   font-family: ${theme.font.system};

package/dist/Datepicker/Datepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,SAAS,GACV,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,MAAM,kBAAkB,GAAG,CAAC,SAAe,EAAE,OAAa,EAAE,EAAE;IAC5D,MAAM,SAAS,GAAG,mBAAmB,CAAC;QACpC,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,OAAO;KACb,CAAC,CAAA;IAEF,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACnC,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;KACjC,CAAC,CAAC,CAAA;AACL,CAAC,CAAA;AAUD,MAAM,CAAC,MAAM,UAAU,GAAwB,CAAC,EAC9C,cAAc,GAAG,IAAI,EACrB,aAAa,GAAG,KAAK,EACrB,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,IAAI,IAAI,EAAE,EACrB,YAAY,GACb,EAAE,EAAE;IACH,4DAA4D;IAC5D,iEAAiE;IACjE,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAA;IAC3C,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IACzC,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAE9D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAQ,CAAA;IAClD,MAAM,CAAC,gBAAgB,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEtD,MAAM,iBAAiB,GAAG,CAAC,IAAU,EAAE,EAAE;QACvC,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,SAAe,EAAE,EAAE;QAC/C,MAAM,WAAW,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;QACjC,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,CAAA;QAC/B,MAAM,YAAY,GAAG,EAAE,CAAA;QAEvB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE;YACxC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;YAErC,YAAY,CAAC,IAAI,CAAC;gBAChB,IAAI;gBACJ,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC;gBACzB,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK;gBACtD,QAAQ,EACN,CAAC,gBAAgB,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC;oBAC3D,CAAC,cAAc,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;aACtC,CAAC,CAAA;SACH;QAED,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS,IAAC,EAAE,EAAC,YAAY;QACxB,oBAAC,MAAM,IACL,IAAI,QACJ,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,eAAe,EAC9B,SAAS,EAAC,KAAK;YAEf,oBAAC,MAAM,IACL,QAAQ,EAAE,gBAAgB,KAAK,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,gBAAgB,GAAG,CAAC,CAAC;gBAEnD,oBAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACrD;YAET,oBAAC,OAAO,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,IAC/B,eAAe,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAChC;YAEV,oBAAC,MAAM,IACL,QAAQ,EAAE,gBAAgB,KAAK,eAAe,CAAC,MAAM,GAAG,CAAC,EACzD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,gBAAgB,GAAG,CAAC,CAAC;gBAEnD,oBAAC,KAAK,IAAC,MAAM,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CACtD,CACF;QAET,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ;YACnD,oBAAC,SAAS,IACR,KAAK,EAAE,oBAAoB,CAAC,eAAe,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,EACnE,gBAAgB,EAAE,iBAAiB,EACnC,aAAa,EAAE,aAAa,GAC5B,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;iBACZ,KAAK,CAAC,IAAI,CAAC,MAAM;;;sBAGZ,KAAK,CAAC,MAAM,CAAC,KAAK;;;gCAGR,KAAK,CAAC,MAAM,CAAC,OAAO;CACnD,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;WACf,KAAK,CAAC,MAAM,CAAC,SAAS;;;6BAGJ,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;CAMhD,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;iBAGX,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;CACxC,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;CAIzB,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA;sBACN,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;CAY3C,CAAA"}
+{"version":3,"file":"Datepicker.js","sourceRoot":"","sources":["../../src/Datepicker/Datepicker.tsx"],"names":[],"mappings":"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"}

package/dist/Datepicker/DatesList.d.ts

@@ -2,7 +2,6 @@ import { FC } from 'react';
 import { Day } from './types';
 declare type Props = {
     items: Day[];
-    firstDayShift: boolean;
     handleDateSelect: (date: Date) => void;
 };
 export declare const DatesList: FC<Props>;

package/dist/Datepicker/DatesList.js

@@ -6,12 +6,11 @@ const getBlankDaysCount = (firstDayOfTheMonth) => {
     const dayOfTheWeek = getISODay(firstDayOfTheMonth);
     return dayOfTheWeek - 1;
 };
-export const DatesList = ({ items, handleDateSelect, firstDayShift, }) => {
+export const DatesList = ({ items, handleDateSelect }) => {
     return (React.createElement(Container, null,
-        firstDayShift &&
-            Array(getBlankDaysCount(items[0].date))
-                .fill(null)
-                .map((_, index) => React.createElement(ListItem, { key: `blankItem-${index}`, disabled: true })),
+        Array(getBlankDaysCount(items[0].date))
+            .fill(null)
+            .map((_, index) => (React.createElement(ListItem, { key: `blankItem-${index}`, disabled: true }))),
         items.map((item, i) => (React.createElement(ListItem, { key: i, disabled: item.disabled, className: `ListItem ${item.active ? 'active' : ''}`, onClick: () => handleDateSelect(item.date) }, item.label)))));
 };
 const Container = styled.ul `