@mrshmllw/smores-react 1.7.1 → 2.0.1

package/dist/theme.d.ts

@@ -1,58 +1,28 @@
 export declare const theme: {
     colors: {
-        black: string;
+        primary: string;
+        secondary: string;
         white: string;
-        bg2: string;
-        bg3: string;
-        bg4: string;
-        grey2: string;
-        grey3: string;
-        grey4: string;
-        grey5: string;
-        grey6: string;
-        grey7: string;
-        grey8: string;
-        pink2: string;
-        pink3: string;
-        pink4: string;
-        pink5: string;
-        pink6: string;
-        pink7: string;
-        pink8: string;
-        green2: string;
-        green3: string;
-        green4: string;
-        green5: string;
-        green6: string;
-        green7: string;
-        green8: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        blue6: string;
-        blue7: string;
-        blue8: string;
-        stripe: string;
+        black: string;
+        bgPrimary: string;
+        bgSecondary: string;
+        bgCarbon: string;
+        subtext: string;
+        outline: string;
+        background: string;
+        error: string;
+        agentWarning: string;
+        warning: string;
+        success: string;
+        compareTheMarket: string;
+        onfido: string;
+        twitter: string;
         premfina: string;
-        yellow2: string;
-        yellow5: string;
-        yellow6: string;
-        yellow7: string;
-        orange4: string;
-        orange5: string;
-        orange6: string;
-        red2: string;
-        red4: string;
-        red5: string;
-        red6: string;
-        red7: string;
-        red8: string;
-        cyan5: string;
-        cyan8: string;
-        'bg-beige': string;
-        'bg-pink': string;
-        'bg-taupe': string;
+        checkout: string;
+        facebook: string;
+        stripe: string;
+        intercom: string;
+        ravelin: string;
     };
     font: {
         weight: {

package/dist/theme.js

@@ -1,68 +1,32 @@
 const colors = {
+    // Core brand
+    primary: '#FF4E75',
+    secondary: '#112035',
+    white: '#FFFFFF',
     black: '#000000',
-    white: '#ffffff',
-    // Background
-    bg2: '#F9F9F9',
-    bg3: '#F8F6F6',
-    bg4: '#F4F4F4',
-    // Grey
-    grey2: '#ECECEC',
-    grey3: '#E5E5E5',
-    grey4: '#D2D2D2',
-    grey5: '#AEAEAE',
-    grey6: '#9E9E9E',
-    grey7: '#818181',
-    grey8: '#636768',
-    // Pink
-    pink2: '#FFB2B4',
-    pink3: '#FF8A8D',
-    pink4: '#FF7695',
-    pink5: '#FF4E75',
-    pink6: '#FD5064',
-    pink7: '#E0364A',
-    pink8: '#AB1D20',
-    // Green
-    green2: '',
-    green3: '#A7D6C6',
-    green4: '',
-    green5: '#55D6AA',
-    green6: '#4CB99F',
-    green7: '#469389',
-    green8: '#16716E',
-    // Blue
-    blue2: '#ACB6D8',
-    blue3: '#94A0C6',
-    blue4: '#6F7AA0',
-    blue5: '#545E7E',
-    blue6: '#363F59',
-    blue7: '#112035',
-    blue8: '#05090E',
+    // Brand background
+    bgPrimary: '#ECD2D0',
+    bgSecondary: '#FAF3EE',
+    bgCarbon: '#09454F',
+    // Neutrals
+    subtext: '#636768',
+    outline: '#112035',
+    background: '#F4F4F4',
+    // Traffic light
+    error: '#D82C2C',
+    agentWarning: '#FFC400',
+    warning: '#FFC400',
+    success: '#00875A',
     // Third-party brand colours
-    stripe: '#6772E5',
+    compareTheMarket: '#004A8E',
+    onfido: '#3640F5',
+    twitter: '#55ACEE',
     premfina: '#F08422',
-    // Yellow
-    yellow2: '#FFEFB5',
-    yellow5: '#FFD53C',
-    yellow6: '#F5CA47',
-    yellow7: '#E1A717',
-    // Orange
-    orange4: '#EA9C56',
-    orange5: '#E67E22',
-    orange6: '#9C5617',
-    // Red
-    red2: '#FFDCDC',
-    red4: '#D7796A',
-    red5: '#E06161',
-    red6: '#D82C2C',
-    red7: '#B52525',
-    red8: '#801A1A',
-    //Cyan
-    cyan5: '#168DA0',
-    cyan8: '#09454F',
-    // New Brand
-    'bg-beige': '#FAF3EE',
-    'bg-pink': '#ECD2D0',
-    'bg-taupe': '#D9CFC9',
+    checkout: '#56AC88',
+    facebook: '#3B5998',
+    stripe: '#6772E5',
+    intercom: '##286EFA',
+    ravelin: '#2A4AFC',
 };
 const font = {
     weight: {

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,aAAa;IACb,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IACd,GAAG,EAAE,SAAS;IAEd,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,QAAQ;IACR,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,OAAO;IACP,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,4BAA4B;IAC5B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IAEnB,SAAS;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,SAAS;IACT,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,MAAM;IACN,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IAEf,MAAM;IACN,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,YAAY;IACZ,UAAU,EAAE,SAAS;IACrB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,SAAS;CACtB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,aAAa;IACb,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAEhB,mBAAmB;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;IAEnB,WAAW;IACX,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,SAAS;IAErB,gBAAgB;IAChB,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,SAAS;IACvB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,4BAA4B;IAC5B,gBAAgB,EAAE,SAAS;IAC3B,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE;QACN,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;KACV;IACD,MAAM,EACJ,+IAA+I;CAClJ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,IAAI;CACL,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrshmllw/smores-react",
-  "version": "1.7.1",
+  "version": "2.0.1",
   "main": "./dist/index.js",
   "description": "Collection of React components used by Marshmallow Technology",
   "keywords": [
@@ -62,6 +62,7 @@
   },
   "dependencies": {
     "date-fns": "^2.16.1",
+    "polished": "^4.1.3",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "styled-components": "^5.2.1",