@designcrowd/fe-shared-lib 1.0.17-update-vue → 1.0.17

package/src/themes/bp.js

@@ -1,21 +1,21 @@
-/*
-  Theme: Brand Page
-*/
-
-const baseTheme = require("./base");
-const _ = require("lodash");
-
-module.exports = _.merge({}, baseTheme, {
-  colors: {
-    grayscale: {
-      100: "#FFFFFF",
-      200: "#F4F4F4",
-      300: "#EFEFEF",
-      400: "#E6E6E6",
-      500: "#D0D0D0",
-      600: "#5E5E5E",
-      700: "#2B2B2B",
-      800: "#111517",
-    },
-  },
-});
+/*
+  Theme: Brand Page
+*/
+
+const baseTheme = require("./base");
+const _ = require("lodash");
+
+module.exports = _.merge({}, baseTheme, {
+  colors: {
+    grayscale: {
+      100: "#FFFFFF",
+      200: "#F4F4F4",
+      300: "#EFEFEF",
+      400: "#E6E6E6",
+      500: "#D0D0D0",
+      600: "#5E5E5E",
+      700: "#2B2B2B",
+      800: "#111517",
+    },
+  },
+});

package/src/themes/cd.js

@@ -1,95 +1,95 @@
-/*
-  Theme: Crazy Domains
-*/
-
-const baseTheme = require('./base');
-const _ = require('lodash');
-
-module.exports = _.merge({}, baseTheme, {
-  fontFamily: {
-    sans: "Montserrat",
-    display: "Roboto",
-  },
-  colors: {
-    primary: {
-      100: '#e2eed5',
-      200: '#c5deac',
-      300: '#a9cd82',
-      400: '#8cbd59',
-      500: '#6FAC2F',
-      600: '#598a26',
-      700: '#43671c',
-      800: '#2c4513',
-    },
-    secondary: {
-      100: '#dadada',
-      200: '#b6b6b6',
-      300: '#919191 ',
-      400: '#6d6d6d',
-      500: '#484848',
-      600: '#3a3a3a',
-      700: '#2b2b2b',
-      800: '#1d1d1d',
-    },
-    success: {
-      100: '#e2eed5',
-      200: '#c5deac',
-      300: '#a9cd82',
-      400: '#8cbd59',
-      500: '#6FAC2F',
-      600: '#598a26',
-      700: '#43671c',
-      800: '#2c4513',
-    },
-    info: {
-      100: '#e6f6fd',
-      200: '#99d9f9',
-      300: '#66c7f5',
-      400: '#33b4f2',
-      500: '#00A1EF',
-      600: '#0081bf',
-      700: '#00618f',
-      800: '#004060',
-    },
-    warning: {
-      100: '#fcf0d4',
-      200: '#fae1a9',
-      300: '#f7d37f ',
-      400: '#f5c454',
-      500: '#f2b529',
-      600: '#c29121',
-      700: '#916d19',
-      800: '#614810',
-    },
-    error: {
-      100: '#FBD2E0',
-      200: '#f6a5c1',
-      300: '#f278a1',
-      400: '#ed4b82',
-      500: '#E91E63',
-      600: '#ba184f',
-      700: '#8c123b',
-      800: '#5d0c28',
-    },
-    grayscale: {
-      100: '#FFFFFF',
-      200: '#F7F7FA',
-      300: '#F0F0F5 ',
-      400: '#EBEEF3',
-      500: '#C7CCCF',
-      600: '#666F73',
-      700: '#576163',
-      800: '#4f595c',
-    },
-    discount: {
-      100: '#e2eed5',
-      200: '#c5deac',
-      300: '#a9cd82',
-      400: '#8cbd59',
-      500: '#6FAC2F',
-      600: '#598a26',
-      700: '#43671c',
-      800: '#2c4513',
-    },
-  },
+/*
+  Theme: Crazy Domains
+*/
+
+const baseTheme = require('./base');
+const _ = require('lodash');
+
+module.exports = _.merge({}, baseTheme, {
+  fontFamily: {
+    sans: "Montserrat",
+    display: "Roboto",
+  },
+  colors: {
+    primary: {
+      100: '#e2eed5',
+      200: '#c5deac',
+      300: '#a9cd82',
+      400: '#8cbd59',
+      500: '#6FAC2F',
+      600: '#598a26',
+      700: '#43671c',
+      800: '#2c4513',
+    },
+    secondary: {
+      100: '#dadada',
+      200: '#b6b6b6',
+      300: '#919191 ',
+      400: '#6d6d6d',
+      500: '#484848',
+      600: '#3a3a3a',
+      700: '#2b2b2b',
+      800: '#1d1d1d',
+    },
+    success: {
+      100: '#e2eed5',
+      200: '#c5deac',
+      300: '#a9cd82',
+      400: '#8cbd59',
+      500: '#6FAC2F',
+      600: '#598a26',
+      700: '#43671c',
+      800: '#2c4513',
+    },
+    info: {
+      100: '#e6f6fd',
+      200: '#99d9f9',
+      300: '#66c7f5',
+      400: '#33b4f2',
+      500: '#00A1EF',
+      600: '#0081bf',
+      700: '#00618f',
+      800: '#004060',
+    },
+    warning: {
+      100: '#fcf0d4',
+      200: '#fae1a9',
+      300: '#f7d37f ',
+      400: '#f5c454',
+      500: '#f2b529',
+      600: '#c29121',
+      700: '#916d19',
+      800: '#614810',
+    },
+    error: {
+      100: '#FBD2E0',
+      200: '#f6a5c1',
+      300: '#f278a1',
+      400: '#ed4b82',
+      500: '#E91E63',
+      600: '#ba184f',
+      700: '#8c123b',
+      800: '#5d0c28',
+    },
+    grayscale: {
+      100: '#FFFFFF',
+      200: '#F7F7FA',
+      300: '#F0F0F5 ',
+      400: '#EBEEF3',
+      500: '#C7CCCF',
+      600: '#666F73',
+      700: '#576163',
+      800: '#4f595c',
+    },
+    discount: {
+      100: '#e2eed5',
+      200: '#c5deac',
+      300: '#a9cd82',
+      400: '#8cbd59',
+      500: '#6FAC2F',
+      600: '#598a26',
+      700: '#43671c',
+      800: '#2c4513',
+    },
+  },
 });

package/src/themes/dc.js

@@ -1,85 +1,85 @@
-/*
-  Theme: Design Crowd
-  Docs: https://docs.google.com/spreadsheets/d/1q0TAXORgZpxXdljjxrkIYHADVuhL6WBG5xVOHtdbB4w/edit#gid=0
-*/
-
-const baseTheme = require('./base');
-const _ = require('lodash');
-
-module.exports = _.merge({}, baseTheme, {
-  fontFamily: {
-    sans: "Lato, Helvetica, sans-serif",
-  },
-  colors: {
-    primary: {
-      100: '#CFEAFB',
-      200: '#A0D5F7',
-      300: '#70C1F3',
-      400: '#41ACEF',
-      500: '#1197EB',
-      600: '#0E79BC',
-      700: '#0A5B8D',
-      800: '#073C5E',
-    },
-    secondary: {
-      100: '#DFE2E6',
-      200: '#BEC5CD',
-      300: '#9EA7B3 ',
-      400: '#7D8A9A',
-      500: '#5D6D81',
-      600: '#4A5767',
-      700: '#38414D',
-      800: '#252C34',
-    },
-    success: {
-      100: '#D5F2DF',
-      200: '#ABE5BF',
-      300: '#81D8A0 ',
-      400: '#57CB80',
-      500: '#2DBE60',
-      600: '#24984D',
-      700: '#1B723A',
-      800: '#124C26',
-    },
-    info: {
-      100: '#CFEAFB',
-      200: '#A0D5F7',
-      300: '#70C1F3',
-      400: '#41ACEF',
-      500: '#1197EB',
-      600: '#0E79BC',
-      700: '#0A5B8D',
-      800: '#073C5E',
-    },
-    warning: {
-      100: '#FDEFD5',
-      200: '#FADFAA',
-      300: '#F8CF80 ',
-      400: '#F5BF55',
-      500: '#F3AF2B',
-      600: '#C28C22',
-      700: '#92691A',
-      800: '#614611',
-    },
-    error: {
-      100: '#FDD9D8',
-      200: '#FBB2B1',
-      300: '#F88C8A',
-      400: '#F66563',
-      500: '#F43F3C',
-      600: '#C33230',
-      700: '#922624',
-      800: '#621918',
-    },
-    grayscale: {
-      100: '#FFFFFF',
-      200: '#F4F4F4',
-      300: '#EFEFEF ',
-      400: '#E6E6E6',
-      500: '#CCCCCC',
-      600: '#7D8284',
-      700: '#525D60',
-      800: '#273438',
-    },
-  },
+/*
+  Theme: Design Crowd
+  Docs: https://docs.google.com/spreadsheets/d/1q0TAXORgZpxXdljjxrkIYHADVuhL6WBG5xVOHtdbB4w/edit#gid=0
+*/
+
+const baseTheme = require('./base');
+const _ = require('lodash');
+
+module.exports = _.merge({}, baseTheme, {
+  fontFamily: {
+    sans: "Lato, Helvetica, sans-serif",
+  },
+  colors: {
+    primary: {
+      100: '#CFEAFB',
+      200: '#A0D5F7',
+      300: '#70C1F3',
+      400: '#41ACEF',
+      500: '#1197EB',
+      600: '#0E79BC',
+      700: '#0A5B8D',
+      800: '#073C5E',
+    },
+    secondary: {
+      100: '#DFE2E6',
+      200: '#BEC5CD',
+      300: '#9EA7B3 ',
+      400: '#7D8A9A',
+      500: '#5D6D81',
+      600: '#4A5767',
+      700: '#38414D',
+      800: '#252C34',
+    },
+    success: {
+      100: '#D5F2DF',
+      200: '#ABE5BF',
+      300: '#81D8A0 ',
+      400: '#57CB80',
+      500: '#2DBE60',
+      600: '#24984D',
+      700: '#1B723A',
+      800: '#124C26',
+    },
+    info: {
+      100: '#CFEAFB',
+      200: '#A0D5F7',
+      300: '#70C1F3',
+      400: '#41ACEF',
+      500: '#1197EB',
+      600: '#0E79BC',
+      700: '#0A5B8D',
+      800: '#073C5E',
+    },
+    warning: {
+      100: '#FDEFD5',
+      200: '#FADFAA',
+      300: '#F8CF80 ',
+      400: '#F5BF55',
+      500: '#F3AF2B',
+      600: '#C28C22',
+      700: '#92691A',
+      800: '#614611',
+    },
+    error: {
+      100: '#FDD9D8',
+      200: '#FBB2B1',
+      300: '#F88C8A',
+      400: '#F66563',
+      500: '#F43F3C',
+      600: '#C33230',
+      700: '#922624',
+      800: '#621918',
+    },
+    grayscale: {
+      100: '#FFFFFF',
+      200: '#F4F4F4',
+      300: '#EFEFEF ',
+      400: '#E6E6E6',
+      500: '#CCCCCC',
+      600: '#7D8284',
+      700: '#525D60',
+      800: '#273438',
+    },
+  },
 });

package/src/themes/dcom.js

@@ -1,106 +1,106 @@
-/*
-  Theme: Design.com
-  Docs: https://www.figma.com/file/lsMqSxuiM5hSqC1f3E8Zyi/Design.com---Style-Guide?type=design&node-id=7-637&mode=design
-*/
-
-const baseTheme = require("./base");
-const _ = require("lodash");
-
-module.exports = _.merge({}, baseTheme, {
-  fontFamily: {
-    sans: "Inter, Helvetica, sans-serif",
-  },
-  borderRadius: {
-    none: '0px',
-    sm: '0.125rem',
-    DEFAULT: '0.5rem',
-    md: '0.375rem',
-    lg: '0.75rem',
-    xl: '0.1rem',
-    '2xl': '1.5rem',
-    '3xl': '2rem',
-    full: '9999px',
-  },
-  colors: {
-    primary: {
-      100: "#eceefe",
-      200: "#d9defd",
-      300: "#b2bdfb",
-      400: "#798bf9",
-      500: "#3f59f6",
-      600: "#3247c5",
-      700: "#263594",
-      800: "#192462",
-    },
-    secondary: {
-      100: "#ececec",
-      200: "#d8d8d8",
-      300: "#b1b1b1",
-      400: "#777777",
-      500: "#3d3d3d",
-      600: "#313131",
-      700: "#252525",
-      800: "#181818",
-    },
-    success: {
-      100: "#eceefe",
-      200: "#d9defd",
-      300: "#b2bdfb",
-      400: "#798bf9",
-      500: "#3f59f6",
-      600: "#3247c5",
-      700: "#263594",
-      800: "#192462",
-    },
-    info: {
-      100: "#eceefe",
-      200: "#d9defd",
-      300: "#b2bdfb",
-      400: "#798bf9",
-      500: "#3f59f6",
-      600: "#3247c5",
-      700: "#263594",
-      800: "#192462",
-    },
-    warning: {
-      100: "#fcf6e6",
-      200: "#f9ecce",
-      300: "#f4d99c ",
-      400: "#ebbd52",
-      500: "#E3A008",
-      600: "#b68006",
-      700: "#886005",
-      800: "#5b4003",
-    },
-    error: {
-      100: "#fcedeb",
-      200: "#f9dbd7",
-      300: "#f4b6ae",
-      400: "#eb8072",
-      500: "#E34935",
-      600: "#b63a2a",
-      700: "#882c20",
-      800: "#5b1d15",
-    },
-    grayscale: {
-      100: "#FAFAFA",
-      200: "#F5F5F5",
-      300: "#EDEDED",
-      400: "#E3E3E3",
-      500: "#D1D1D1",
-      600: "#606060",
-      700: "#262626",
-      800: "#171717",
-    },
-    discount: {
-      100: "#e9f6f0",
-      200: "#d3ece1",
-      300: "#a7d9c4",
-      400: "#64bd97",
-      500: "#22A06B",
-      600: "#1b8056",
-      700: "#146040",
-      800: "#0e402b",
-    },
-  },
-});
+/*
+  Theme: Design.com
+  Docs: https://www.figma.com/file/lsMqSxuiM5hSqC1f3E8Zyi/Design.com---Style-Guide?type=design&node-id=7-637&mode=design
+*/
+
+const baseTheme = require("./base");
+const _ = require("lodash");
+
+module.exports = _.merge({}, baseTheme, {
+  fontFamily: {
+    sans: "Inter, Helvetica, sans-serif",
+  },
+  borderRadius: {
+    none: '0px',
+    sm: '0.125rem',
+    DEFAULT: '0.5rem',
+    md: '0.375rem',
+    lg: '0.75rem',
+    xl: '0.1rem',
+    '2xl': '1.5rem',
+    '3xl': '2rem',
+    full: '9999px',
+  },
+  colors: {
+    primary: {
+      100: "#eceefe",
+      200: "#d9defd",
+      300: "#b2bdfb",
+      400: "#798bf9",
+      500: "#3f59f6",
+      600: "#3247c5",
+      700: "#263594",
+      800: "#192462",
+    },
+    secondary: {
+      100: "#ececec",
+      200: "#d8d8d8",
+      300: "#b1b1b1",
+      400: "#777777",
+      500: "#3d3d3d",
+      600: "#313131",
+      700: "#252525",
+      800: "#181818",
+    },
+    success: {
+      100: "#eceefe",
+      200: "#d9defd",
+      300: "#b2bdfb",
+      400: "#798bf9",
+      500: "#3f59f6",
+      600: "#3247c5",
+      700: "#263594",
+      800: "#192462",
+    },
+    info: {
+      100: "#eceefe",
+      200: "#d9defd",
+      300: "#b2bdfb",
+      400: "#798bf9",
+      500: "#3f59f6",
+      600: "#3247c5",
+      700: "#263594",
+      800: "#192462",
+    },
+    warning: {
+      100: "#fcf6e6",
+      200: "#f9ecce",
+      300: "#f4d99c ",
+      400: "#ebbd52",
+      500: "#E3A008",
+      600: "#b68006",
+      700: "#886005",
+      800: "#5b4003",
+    },
+    error: {
+      100: "#fcedeb",
+      200: "#f9dbd7",
+      300: "#f4b6ae",
+      400: "#eb8072",
+      500: "#E34935",
+      600: "#b63a2a",
+      700: "#882c20",
+      800: "#5b1d15",
+    },
+    grayscale: {
+      100: "#FAFAFA",
+      200: "#F5F5F5",
+      300: "#EDEDED",
+      400: "#E3E3E3",
+      500: "#D1D1D1",
+      600: "#606060",
+      700: "#262626",
+      800: "#171717",
+    },
+    discount: {
+      100: "#e9f6f0",
+      200: "#d3ece1",
+      300: "#a7d9c4",
+      400: "#64bd97",
+      500: "#22A06B",
+      600: "#1b8056",
+      700: "#146040",
+      800: "#0e402b",
+    },
+  },
+});

package/src/themes/themes.js

@@ -1,17 +1,17 @@
-const bcTheme = require("./src/themes/bc");
-const bpTheme = require("./src/themes/bp");
-const dcTheme = require("./src/themes/dc");
-const cdTheme = require("./src/themes/cd");
-const dcomTheme = require("./src/themes/dcom");
-const viewports = require("./src/viewports");
-
-module.exports = {
-  themes: {
-    brandCrowd: bcTheme,
-    brandPage: bpTheme,
-    crazyDomains: cdTheme,
-    designCrowd: dcTheme,
-    designCom: dcomTheme,
-  },
-  viewports,
+const bcTheme = require("./src/themes/bc");
+const bpTheme = require("./src/themes/bp");
+const dcTheme = require("./src/themes/dc");
+const cdTheme = require("./src/themes/cd");
+const dcomTheme = require("./src/themes/dcom");
+const viewports = require("./src/viewports");
+
+module.exports = {
+  themes: {
+    brandCrowd: bcTheme,
+    brandPage: bpTheme,
+    crazyDomains: cdTheme,
+    designCrowd: dcTheme,
+    designCom: dcomTheme,
+  },
+  viewports,
 };