@mrshmllw/smores-react 1.8.1 → 2.0.3

package/dist/Accordion/Accordion.js

@@ -10,18 +10,18 @@ export const Accordion = ({ title, children, borderTop = false, subTitle, fullBo
         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 })),
+                subTitle && (React.createElement(Text, { tag: "label", color: "subtext", typo: "label" }, subTitle))),
+            React.createElement(CaretIcon, { render: "caret", size: 24, color: "secondary", isOpen: isOpen, borderTop: borderTop })),
         isOpen && React.createElement(React.Fragment, null, children)));
 };
 const Wrapper = styled(Box)(({ isOpen, borderTop, fullBorder }) => css `
-    border-bottom: 1px solid ${theme.colors.grey3};
+    border-bottom: 1px solid ${theme.colors.outline};
     padding-bottom: ${isOpen && '16px'};
-    border-top: ${borderTop && `1px solid ${theme.colors.grey3}`};
+    border-top: ${borderTop && `1px solid ${theme.colors.subtext}`};
 
     ${fullBorder &&
     css `
-      border: 1px solid ${theme.colors.grey3};
+      border: 1px solid ${theme.colors.subtext};
       border-radius: 8px;
       margin-bottom: 14px;
       padding: 20px 15px;
@@ -46,7 +46,7 @@ const TopContainer = styled(Box)(({ isOpen, fullBorder }) => css `
     `}
   `);
 const Title = styled.h2 `
-  color: ${theme.colors.blue7};
+  color: ${theme.colors.secondary};
   font-size: 16px;
   line-height: 21px;
   font-weight: ${theme.font.weight.medium};

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,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"}
+{"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,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,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;+BACb,KAAK,CAAC,MAAM,CAAC,OAAO;sBAC7B,MAAM,IAAI,MAAM;kBACpB,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;;;;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,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.js

@@ -8,10 +8,10 @@ export const ActionDropdown = ({ id, className = '', label, value, list, onSelec
     var _a, _b, _c;
     const [open, setOpen] = useState(false);
     return (React.createElement(Container, { id: id, className: className, onClick: () => setOpen((currentOpen) => !currentOpen) },
-        label && (React.createElement(Text, { tag: "label", color: "grey4", typo: "label" }, label)),
-        React.createElement(Label, { text: (_a = value.textColor) !== null && _a !== void 0 ? _a : 'blue7', bg: (_b = value.bgColor) !== null && _b !== void 0 ? _b : 'grey2' },
+        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(SelectedOption, null, value.label),
-            React.createElement(Icon, { render: "caret", color: (_c = value.textColor) !== null && _c !== void 0 ? _c : 'grey7', size: 24, rotate: open ? 180 : 0 })),
+            React.createElement(Icon, { render: "caret", color: (_c = value.textColor) !== null && _c !== void 0 ? _c : 'subtext', size: 24, rotate: open ? 180 : 0 })),
         React.createElement(OuterContainer, { open: open },
             React.createElement(List, { options: list, selectOption: onSelect }))));
 };
@@ -54,7 +54,7 @@ const OuterContainer = styled.div(({ open }) => css `
     display: ${open ? 'block' : 'none'};
     max-height: ${open ? '235px' : '48px'};
     background-color: ${theme.colors.white};
-    border: 1px solid ${theme.colors.grey3};
+    border: 1px solid ${theme.colors.outline};
     overflow-y: ${open ? 'auto' : 'hidden'};
     z-index: 2;
     transition: all 0.2s ease-in-out;

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,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAiBhC,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EACxC,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,OAAO,EAAC,IAAI,EAAC,OAAO,IACzC,KAAK,CACD,CACR;QAED,oBAAC,KAAK,IAAC,IAAI,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,OAAO,EAAE,EAAE,EAAE,MAAA,KAAK,CAAC,OAAO,mCAAI,OAAO;YACnE,oBAAC,cAAc,QAAE,KAAK,CAAC,KAAK,CAAkB;YAC9C,oBAAC,IAAI,IACH,MAAM,EAAC,OAAO,EACd,KAAK,EAAE,MAAA,KAAK,CAAC,SAAS,mCAAI,OAAO,EACjC,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,CAEP,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,KAAK;kBACxB,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,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAA;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAiBhC,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EACxC,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"}

package/dist/ActionDropdown/ActionDropdown.stories.js

@@ -8,6 +8,6 @@ export default {
 const Template = (args) => React.createElement(ActionDropdownContainer, Object.assign({}, args));
 export const Default = Template.bind({});
 Default.args = {
-    textColor: 'blue7',
+    textColor: 'secondary',
 };
 //# sourceMappingURL=ActionDropdown.stories.js.map

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

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

package/dist/ActionDropdown/Container.js

@@ -6,25 +6,25 @@ const actions = [
     {
         label: 'Default grey',
         value: 'DEFAULT',
-        bgColor: 'grey2',
-        textColor: 'blue7',
+        bgColor: 'background',
+        textColor: 'secondary',
     },
     {
         label: 'Medium',
         value: 'MEDIUM',
-        bgColor: 'yellow5',
-        textColor: 'blue7',
+        bgColor: 'warning',
+        textColor: 'secondary',
     },
     {
         label: 'High alert',
         value: 'HIGH_ALERT',
-        bgColor: 'orange4',
+        bgColor: 'agentWarning',
         textColor: 'white',
     },
     {
         label: 'Good zone',
         value: 'GOOD_ZONE',
-        bgColor: 'green6',
+        bgColor: 'success',
         textColor: 'white',
     },
     {

package/dist/ActionDropdown/Container.js.map

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

package/dist/ActionDropdown/List.js

@@ -16,11 +16,11 @@ const ListItem = styled.li `
   box-sizing: border-box;
   font-size: 14px;
   cursor: pointer;
-  color: ${theme.colors.blue7};
-  border-bottom: 1px solid ${theme.colors.grey3};
+  color: ${theme.colors.secondary};
+  border-bottom: 1px solid ${theme.colors.outline};
 
   &:hover {
-    background-color: ${theme.colors.grey3};
+    background-color: ${theme.colors.background};
   }
 
   &:last-child {

package/dist/ActionDropdown/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAchC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,KAAK;6BACA,KAAK,CAAC,MAAM,CAAC,KAAK;;;wBAGvB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;CAMzC,CAAA"}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/ActionDropdown/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAchC,MAAM,CAAC,MAAM,IAAI,GAAc,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAC5D,oBAAC,SAAS,QACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,QAAQ,IAAC,GAAG,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC7D,MAAM,CAAC,KAAK,CACJ,CACZ,CAAC,CACQ,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAA;;;;CAI1B,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;;;;;WASf,KAAK,CAAC,MAAM,CAAC,SAAS;6BACJ,KAAK,CAAC,MAAM,CAAC,OAAO;;;wBAGzB,KAAK,CAAC,MAAM,CAAC,UAAU;;;;;;CAM9C,CAAA"}

package/dist/ActionDropdown/__tests__/ActionDropdown.js

@@ -6,13 +6,13 @@ const actions = [
     {
         label: 'High alert',
         value: 'HIGH_ALERT',
-        bgColor: 'orange4',
+        bgColor: 'agentWarning',
         textColor: 'white',
     },
     {
         label: 'Good zone',
         value: 'GOOD_ZONE',
-        bgColor: 'green6',
+        bgColor: 'success',
         textColor: 'white',
     },
 ];

package/dist/ActionDropdown/__tests__/ActionDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../../src/ActionDropdown/__tests__/ActionDropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,QAAQ;QACjB,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAC/B,CACH,CAAA;IACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
+{"version":3,"file":"ActionDropdown.js","sourceRoot":"","sources":["../../../src/ActionDropdown/__tests__/ActionDropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,OAAO;KACnB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO;KACnB;CACF,CAAA;AAED,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,cAAc,IACb,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EACjB,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,GAC/B,CACH,CAAA;IACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}

package/dist/Button/Button.js

@@ -11,26 +11,27 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
+import { darken } from 'polished';
 import { theme } from '../theme';
 import { LegacyButton } from './LegacyButton';
 import { Loader } from '../Loader';
 import { Icon as IconComponent } from '../Icon';
 export const Button = forwardRef((_a, ref) => {
-    var { children, id, className = '', color = 'blue', block = false, inverted = false, disabled = false, outlined = false, handleClick, loading = false, primary = false, secondary = false, tertiary = false, icon = '', forcedWidth = '', form, type } = _a, props = __rest(_a, ["children", "id", "className", "color", "block", "inverted", "disabled", "outlined", "handleClick", "loading", "primary", "secondary", "tertiary", "icon", "forcedWidth", "form", "type"]);
+    var { children, id, className = '', color = 'secondary', block = false, inverted = false, disabled = false, outlined = false, handleClick, loading = false, primary = false, secondary = false, tertiary = false, icon = '', forcedWidth = '', form, type } = _a, props = __rest(_a, ["children", "id", "className", "color", "block", "inverted", "disabled", "outlined", "handleClick", "loading", "primary", "secondary", "tertiary", "icon", "forcedWidth", "form", "type"]);
     return (React.createElement("div", null, primary || secondary || tertiary ? (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 }, props, { ref: ref }), loading ? (React.createElement(Loader, { color: primary ? 'white' : `${theme.colors.blue7}`, height: "16" })) : (React.createElement(React.Fragment, null,
-        icon && (React.createElement(IconContainer, { render: icon, size: 24, color: primary ? 'white' : 'blue7' })),
+        }, isLoading: loading, primary: primary, secondary: secondary, tertiary: tertiary, icon: icon, forcedWidth: forcedWidth }, (form ? { form } : {}), { type: type }, props, { ref: ref }), loading ? (React.createElement(Loader, { color: primary ? 'white' : `${theme.colors.secondary}`, height: "16" })) : (React.createElement(React.Fragment, null,
+        icon && (React.createElement(IconContainer, { render: icon, size: 24, color: primary ? 'white' : 'secondary' })),
         React.createElement(ChildrenContainer, null, children))))) : (React.createElement(LegacyButton, { id: id, className: className, color: color, block: block, inverted: inverted, disabled: disabled, outlined: outlined, handleClick: (e) => {
             handleClick && handleClick(e);
         } }, children))));
 });
 Button.displayName = 'Button';
 const Container = styled.button(({ disabled, isLoading, primary, secondary, tertiary, icon, forcedWidth, }) => css `
-    background-color: ${theme.colors.pink5};
+    background-color: ${theme.colors.primary};
     border: 2px solid;
     box-shadow: none;
-    color: ${theme.colors.blue7};
+    color: ${theme.colors.secondary};
     padding: 16px 20px;
     outline: none;
     border-radius: 8px;
@@ -47,40 +48,49 @@ const Container = styled.button(({ disabled, isLoading, primary, secondary, tert
     ${primary &&
     css `
       color: ${theme.colors.white};
-      border-color: ${theme.colors.pink5};
+      border-color: ${theme.colors.primary};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) && theme.colors.pink6};
+        background-color: ${!(disabled || isLoading) &&
+        darken(0.1, theme.colors.primary)};
+        border-color: ${!(disabled || isLoading) &&
+        darken(0.1, theme.colors.primary)};
       }
       &:active {
-        background-color: ${!(disabled || isLoading) && theme.colors.pink7};
+        background-color: ${darken(0.1, theme.colors.primary)};
+        border-color: ${darken(0.1, theme.colors.primary)};
       }
     `}
     ${secondary &&
     css `
       background-color: ${theme.colors.white};
-      border-color: ${theme.colors.blue7};
+      border-color: ${theme.colors.secondary};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) && theme.colors.bg2};
+        background-color: ${!(disabled || isLoading) &&
+        theme.colors.background};
         border: ${!(disabled || isLoading) &&
-        `2px solid ${theme.colors.blue6}`};
+        `2px solid ${theme.colors.secondary}`};
       }
       &:active {
-        background-color: ${theme.colors.bg2};
-        border: 2px solid ${theme.colors.blue7};
+        background-color: ${theme.colors.background};
+        border: 2px solid ${theme.colors.secondary};
       }
     `}
   ${tertiary &&
     css `
-      background-color: ${theme.colors.bg4};
-      border-color: ${theme.colors.bg4};
+      background-color: ${theme.colors.background};
+      border-color: ${theme.colors.background};
 
       &:hover {
-        background-color: ${!(disabled || isLoading) && theme.colors.grey2};
+        background-color: ${!(disabled || isLoading) &&
+        darken(0.1, theme.colors.background)};
+        border-color: ${!(disabled || isLoading) &&
+        darken(0.1, theme.colors.background)};
       }
       &:active {
-        background-color: ${theme.colors.bg4};
+        background-color: ${darken(0.1, theme.colors.background)};
+        border-color: ${darken(0.1, theme.colors.background)};
       }
     `}
   `);

package/dist/Button/Button.js.map

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

package/dist/Button/Button.stories.js

@@ -8,11 +8,11 @@ export default {
 const Template = (args) => React.createElement(Button, Object.assign({}, args), "Get started");
 export const Default = Template.bind({});
 Default.args = {
-    color: 'blue',
+    color: 'secondary',
 };
 export const Coloured = Template.bind({});
 Coloured.args = {
-    color: 'green',
+    color: 'success',
 };
 export const Inverted = Template.bind({});
 Inverted.args = {

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

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

package/dist/Button/LegacyButton.js

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

package/dist/Button/LegacyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BhC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;aACpC,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;;;0BAGzB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;;;;;;;MAO7C,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;eACxD,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC;;;4BAG5C,KAAK,CAAC,MAAM,CAAC,GAAG;;;4BAGhB,KAAK,CAAC,MAAM,CAAC,GAAG;;KAEvC;;;;;;GAMF,CACF,CAAA"}
+{"version":3,"file":"LegacyButton.js","sourceRoot":"","sources":["../../src/Button/LegacyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA+BhC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,QAAQ,EACR,EAAE,EACF,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,WAAW,EACnB,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,WAAW,GACZ,EAAE,EAAE,CAAC,CACJ,oBAAC,SAAS,IACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACC,CACb,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAC7B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;;;;;;;aAUlC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;wBACZ,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;aACnC,KAAK,CAAC,MAAM,CAAC,KAAK;mBACZ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM;;;0BAGjB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;;;0BAGxB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;;;;;;;MAO5C,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxB,GAAG,CAAA;;0BAEmB,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa;eAC1D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,EAAE,CAAC;;;4BAG/C,KAAK,CAAC,MAAM,CAAC,UAAU;;;4BAGvB,KAAK,CAAC,MAAM,CAAC,UAAU;;KAE9C;;;;;;GAMF,CACF,CAAA"}

package/dist/Card/Card.js

@@ -4,21 +4,21 @@ 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 `
   background: ${theme.colors.white};
-  border: 1px solid ${theme.colors.grey2};
+  border: 1px solid ${theme.colors.outline};
   box-sizing: border-box;
   box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.08);
   border-radius: 8px;
 
-  max-width: ${p => p.maxWidth};
-  margin-top: ${p => p.marginY};
-  margin-right: ${p => p.marginX};
-  margin-bottom: ${p => p.marginY};
-  margin-left: ${p => p.marginX};
+  max-width: ${(p) => p.maxWidth};
+  margin-top: ${(p) => p.marginY};
+  margin-right: ${(p) => p.marginX};
+  margin-bottom: ${(p) => p.marginY};
+  margin-left: ${(p) => p.marginX};
 
-  padding: ${p => (p.narrow ? '16px' : p.wide ? '32px' : '24px')};
+  padding: ${(p) => (p.narrow ? '16px' : p.wide ? '32px' : '24px')};
 
   @media (min-width: 768px) {
-    padding: ${p => (p.narrow ? '24px' : p.wide ? '48px' : '32px')};
+    padding: ${(p) => (p.narrow ? '24px' : p.wide ? '48px' : '32px')};
   }
 `;
 //# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

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

package/dist/CheckBox/CheckBox.js

@@ -2,9 +2,9 @@ import React from 'react';
 import styled from 'styled-components';
 import { Text } from '../Text';
 import { theme } from '../theme';
-export const CheckBox = ({ id, checked, children, toggle, error, errorMsg }) => (React.createElement(React.Fragment, null,
+export const CheckBox = ({ id, checked, children, toggle, error, errorMsg, }) => (React.createElement(React.Fragment, null,
     React.createElement(BoxContainer, { id: id },
-        React.createElement(Text, { tag: "span", typo: "base", color: error ? 'red7' : 'blue7' }, children),
+        React.createElement(Text, { tag: "span", typo: "base", color: error ? 'red7' : 'secondary' }, children),
         React.createElement("input", { type: "checkbox", checked: checked, onChange: toggle }),
         React.createElement(Checkmark, { error: error })),
     error && errorMsg && React.createElement(ErrorBox, null, errorMsg)));
@@ -13,7 +13,9 @@ const Checkmark = styled.span `
   left: 0;
   width: 24px;
   height: 24px;
-  border: ${({ error }) => error ? `solid 1px ${theme.colors.red7}` : `solid 1px ${theme.colors.blue5}`} ;
+  border: ${({ error }) => error
+    ? `solid 1px ${theme.colors.error}`
+    : `solid 1px ${theme.colors.secondary}`};
   box-sizing: border-box;
   border-radius: 1px;
 
@@ -46,8 +48,8 @@ const BoxContainer = styled.label `
     cursor: pointer;
 
     &:checked ~ ${Checkmark} {
-      background-color: ${theme.colors.blue7};
-      border: solid 1px ${theme.colors.blue7};
+      background-color: ${theme.colors.secondary};
+      border: solid 1px ${theme.colors.secondary};
     }
 
     &:checked ~ ${Checkmark}:after {
@@ -57,8 +59,8 @@ const BoxContainer = styled.label `
 
   &:hover {
     ${Checkmark} {
-      background-color: ${theme.colors.grey3};
-      border: solid 1px ${theme.colors.blue5};
+      background-color: ${theme.colors.background};
+      border: solid 1px ${theme.colors.secondary};
     }
   }
 
@@ -69,6 +71,6 @@ const BoxContainer = styled.label `
 const ErrorBox = styled.span `
   padding-top: 8px;
   font-size: 12px;
-  color: ${theme.colors.red7};
+  color: ${theme.colors.error};
 `;
 //# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox/CheckBox.js.map

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

package/dist/CheckBoxGroup/CheckBox.js

@@ -11,7 +11,7 @@ const Checkmark = styled.span `
   left: 0;
   width: 24px;
   height: 24px;
-  border: solid 1px ${theme.colors.blue5};
+  border: solid 1px ${theme.colors.secondary};
   box-sizing: border-box;
   border-radius: 1px;
 
@@ -44,8 +44,8 @@ const BoxContainer = styled.label `
     cursor: pointer;
 
     &:checked ~ ${Checkmark} {
-      background-color: ${theme.colors.blue7};
-      border: solid 1px ${theme.colors.blue7};
+      background-color: ${theme.colors.secondary};
+      border: solid 1px ${theme.colors.secondary};
     }
 
     &:checked ~ ${Checkmark}:after {
@@ -55,8 +55,8 @@ const BoxContainer = styled.label `
 
   &:hover {
     ${Checkmark} {
-      background-color: ${theme.colors.grey3};
-      border: solid 1px ${theme.colors.blue5};
+      background-color: ${theme.colors.background};
+      border: solid 1px ${theme.colors.secondary};
     }
   }
 

package/dist/CheckBoxGroup/CheckBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAShC,MAAM,CAAC,MAAM,QAAQ,GAAc,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACxE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;IAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IACzB,QAAQ,CACJ;IAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;IAC7D,oBAAC,SAAS,OAAG,CACA,CAChB,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;sBAKP,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;CAkBvC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,KAAK;0BAClB,KAAK,CAAC,MAAM,CAAC,KAAK;;;kBAG1B,SAAS;;;;;;MAMrB,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,KAAK;0BAClB,KAAK,CAAC,MAAM,CAAC,KAAK;;;;;;;CAO3C,CAAA"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../src/CheckBoxGroup/CheckBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAShC,MAAM,CAAC,MAAM,QAAQ,GAAc,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACxE,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE;IAClB,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IACzB,QAAQ,CACJ;IAEP,+BAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAI;IAC7D,oBAAC,SAAS,OAAG,CACA,CAChB,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;sBAKP,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;CAkB3C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;;kBAaf,SAAS;0BACD,KAAK,CAAC,MAAM,CAAC,SAAS;0BACtB,KAAK,CAAC,MAAM,CAAC,SAAS;;;kBAG9B,SAAS;;;;;;MAMrB,SAAS;0BACW,KAAK,CAAC,MAAM,CAAC,UAAU;0BACvB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;;CAO/C,CAAA"}

package/dist/Chip/Chip.js

@@ -16,17 +16,17 @@ import { Icon as IconComponent } from '../Icon';
 import { Loader } from '../Loader';
 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' : 'pink5', height: "16" })) : (React.createElement(React.Fragment, null,
-        icon && (React.createElement(IconComponent, { render: icon, size: 20, color: primary ? 'white' : 'pink5' })),
+    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,
+        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 `
     align-items: center;
-    background-color: ${theme.colors.pink5};
+    background-color: ${theme.colors.primary};
     border-radius: 100px;
     border-shadow: none;
-    border: 2px solid ${theme.colors.pink5};
+    border: 2px solid ${theme.colors.primary};
     color: ${theme.colors.white};
     display: flex;
     font-size: 16px;
@@ -39,15 +39,15 @@ const Container = styled.button(({ primary, secondary, icon, $loading, disabled
     ${primary &&
     css `
       &:hover {
-        background-color: ${(disabled || $loading) && theme.colors.pink6};
+        background-color: ${(disabled || $loading) && theme.colors.primary};
       }
     `}
     ${secondary &&
     css `
-      color: ${theme.colors.pink5};
+      color: ${theme.colors.primary};
       background-color: ${theme.colors.white};
       &:hover {
-        background-color: ${!(disabled || $loading) && theme.colors.bg2};
+        background-color: ${!(disabled || $loading) && theme.colors.background};
       }
     `};
   `);

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;AAsBlC,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,OAAO,EAAE,MAAM,EAAC,IAAI,GAAG,CAC3D,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,OAAO,GAClC,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;;wBAEnC,KAAK,CAAC,MAAM,CAAC,KAAK;;;wBAGlB,KAAK,CAAC,MAAM,CAAC,KAAK;aAC7B,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;MAC/B,OAAO;IACT,GAAG,CAAA;;4BAEqB,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK;;KAEnE;MACC,SAAS;IACX,GAAG,CAAA;eACQ,KAAK,CAAC,MAAM,CAAC,KAAK;0BACP,KAAK,CAAC,MAAM,CAAC,KAAK;;4BAEhB,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG;;KAElE;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,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAsBlC,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;;wBAEnC,KAAK,CAAC,MAAM,CAAC,OAAO;;;wBAGpB,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;MAC/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/Chip/Chip.stories.js

@@ -22,6 +22,7 @@ Secondary.args = {
 export const Loading = Template.bind({});
 Loading.args = {
     loading: true,
+    primary: true,
 };
 export const SecondaryDisabled = Template.bind({});
 SecondaryDisabled.args = {

package/dist/Chip/Chip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../src/Chip/Chip.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE7C,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAElD,iBAAiB,CAAC,IAAI,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACb,CAAA"}
+{"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../src/Chip/Chip.stories.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,IAAI,oBAAK,IAAI,EAAI,CAAA;AAE7C,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;CACxB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;CACd,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAElD,iBAAiB,CAAC,IAAI,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,MAAM;CACb,CAAA"}