@designcrowd/fe-shared-lib 1.5.7 → 1.5.8

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,
 };

package/src/useSharedLibTranslate.js

@@ -1,127 +1,127 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import i18next from 'i18next';
-
-const fallbackLocale = 'en-US';
-
-const relativePathsToTranslationFiles = {
-  'en-US': () => import('./bundles/bundled-translations.json'),
-  'de-DE': () => import('./bundles/bundled-translations.de-DE.json'),
-  'fr-FR': () => import('./bundles/bundled-translations.fr-FR.json'),
-  'fr-CA': () => import('./bundles/bundled-translations.fr-CA.json'),
-  'es-ES': () => import('./bundles/bundled-translations.es-ES.json'),
-  'pt-PT': () => import('./bundles/bundled-translations.pt-PT.json'),
-  'pt-BR': () => import('./bundles/bundled-translations.pt-BR.json'),
-};
-
-const setSharedLibLocaleAsync = async (locale = 'en-US') => {
-  const localeToUse = locale || 'en-US';
-
-  if (!i18next.isInitialized) {
-    await i18next.init({
-      debug: false,
-      fallbackLng: fallbackLocale,
-      lng: localeToUse,
-    });
-  }
-
-  const languageFile = (await relativePathsToTranslationFiles[localeToUse]()).default;
-
-  await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
-    ...languageFile,
-  });
-
-  await i18next.changeLanguage(localeToUse);
-};
-
-const tr = (key, valuesToInterpolate = {}) => {
-  const translated = i18next.t(key, { ns: 'fe-shared-lib', ...valuesToInterpolate });
-
-  return translated;
-};
-
-const uploadYourLogoTr = (key, valuesToInterpolate = {}) => tr(`uploadYourLogo.${key}`, valuesToInterpolate);
-
-const publishBrandPageModalTr = (key, valuesToInterpolate = {}) =>
-  tr(`publishBrandPageModal.${key}`, valuesToInterpolate);
-
-const sellDomainNameWidgetTr = (key, valuesToInterpolate = {}) =>
-  tr(`sellDomainNameWidget.${key}`, valuesToInterpolate);
-
-const sellDomainNameListSearchResultTr = (key, valuesToInterpolate = {}) =>
-  tr(`sellDomainNameListSearchResult.${key}`, valuesToInterpolate);
-
-const sellDomainNameSearchTr = (key, valuesToInterpolate = {}) =>
-  tr(`sellDomainNameSearch.${key}`, valuesToInterpolate);
-
-const sellDomainNameModalApplicationTr = (key, valuesToInterpolate = {}) =>
-  tr(`sellDomainNameModalApplication.${key}`, valuesToInterpolate);
-
-const sellDomainNameListModalTr = (key, valuesToInterpolate = {}) =>
-  tr(`sellDomainNameListModal.${key}`, valuesToInterpolate);
-
-const sellDomainNameListTr = (key, valuesToInterpolate = {}) => tr(`sellDomainNameList.${key}`, valuesToInterpolate);
-
-const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPaymentConfig.${key}`, valuesToInterpolate);
-
-const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
-
-const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
-  tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
-
-const getCurrentLocale = () => {
-  return i18next.language || 'en-US';
-};
-
-const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation = false) => {
-  let localeAmount = i18next.t('{{val, currency}}', {
-    ns: 'fe-shared-lib',
-    val: amount,
-    currency: currency.iso4127Code,
-    locale: locale,
-    maximumFractionDigits: fraction,
-    useGrouping: false,
-  });
-
-  const abbreviationTrimmed = currency.abbreviation.trim();
-  const symbolTrimmed = currency.symbol.trim();
-
-  // i18next always uses iso code for some locale/currency combos like ZAR, prefer symbol over iso code
-  if (localeAmount.includes(currency.iso4127Code)) {
-    localeAmount = localeAmount.replace(currency.iso4127Code, symbolTrimmed);
-  }
-
-  // show abbreviation locale logic
-  // note: showAbbreviation is only passed as true for symbol = "$"
-  if (currency.symbol.trim() !== '$') {
-    return localeAmount;
-  }
-
-  const altAudAbbreviation = 'AU';
-  if (showAbbreviation && !localeAmount.includes(abbreviationTrimmed)) {
-    return localeAmount.replace(symbolTrimmed, `${abbreviationTrimmed}${symbolTrimmed}`);
-  } else if (!showAbbreviation && localeAmount.includes(altAudAbbreviation)) {
-    return localeAmount.replace(altAudAbbreviation, '');
-  } else if (!showAbbreviation && localeAmount.includes(abbreviationTrimmed)) {
-    return localeAmount.replace(abbreviationTrimmed, '');
-  }
-
-  return localeAmount;
-};
-
-export {
-  setSharedLibLocaleAsync,
-  getCurrentLocale,
-  tr,
-  publishBrandPageModalTr,
-  sellDomainNameWidgetTr,
-  sellDomainNameListSearchResultTr,
-  sellDomainNameSearchTr,
-  sellDomainNameModalApplicationTr,
-  sellDomainNameListModalTr,
-  sellDomainNameListTr,
-  uploadYourLogoTr,
-  sharedPaymentConfigTr,
-  priceTr,
-  uploadLogoSearchResultCardTr,
-  formatCurrency,
-};
+// eslint-disable-next-line import/no-extraneous-dependencies
+import i18next from 'i18next';
+
+const fallbackLocale = 'en-US';
+
+const relativePathsToTranslationFiles = {
+  'en-US': () => import('./bundles/bundled-translations.json'),
+  'de-DE': () => import('./bundles/bundled-translations.de-DE.json'),
+  'fr-FR': () => import('./bundles/bundled-translations.fr-FR.json'),
+  'fr-CA': () => import('./bundles/bundled-translations.fr-CA.json'),
+  'es-ES': () => import('./bundles/bundled-translations.es-ES.json'),
+  'pt-PT': () => import('./bundles/bundled-translations.pt-PT.json'),
+  'pt-BR': () => import('./bundles/bundled-translations.pt-BR.json'),
+};
+
+const setSharedLibLocaleAsync = async (locale = 'en-US') => {
+  const localeToUse = locale || 'en-US';
+
+  if (!i18next.isInitialized) {
+    await i18next.init({
+      debug: false,
+      fallbackLng: fallbackLocale,
+      lng: localeToUse,
+    });
+  }
+
+  const languageFile = (await relativePathsToTranslationFiles[localeToUse]()).default;
+
+  await i18next.addResourceBundle(localeToUse, 'fe-shared-lib', {
+    ...languageFile,
+  });
+
+  await i18next.changeLanguage(localeToUse);
+};
+
+const tr = (key, valuesToInterpolate = {}) => {
+  const translated = i18next.t(key, { ns: 'fe-shared-lib', ...valuesToInterpolate });
+
+  return translated;
+};
+
+const uploadYourLogoTr = (key, valuesToInterpolate = {}) => tr(`uploadYourLogo.${key}`, valuesToInterpolate);
+
+const publishBrandPageModalTr = (key, valuesToInterpolate = {}) =>
+  tr(`publishBrandPageModal.${key}`, valuesToInterpolate);
+
+const sellDomainNameWidgetTr = (key, valuesToInterpolate = {}) =>
+  tr(`sellDomainNameWidget.${key}`, valuesToInterpolate);
+
+const sellDomainNameListSearchResultTr = (key, valuesToInterpolate = {}) =>
+  tr(`sellDomainNameListSearchResult.${key}`, valuesToInterpolate);
+
+const sellDomainNameSearchTr = (key, valuesToInterpolate = {}) =>
+  tr(`sellDomainNameSearch.${key}`, valuesToInterpolate);
+
+const sellDomainNameModalApplicationTr = (key, valuesToInterpolate = {}) =>
+  tr(`sellDomainNameModalApplication.${key}`, valuesToInterpolate);
+
+const sellDomainNameListModalTr = (key, valuesToInterpolate = {}) =>
+  tr(`sellDomainNameListModal.${key}`, valuesToInterpolate);
+
+const sellDomainNameListTr = (key, valuesToInterpolate = {}) => tr(`sellDomainNameList.${key}`, valuesToInterpolate);
+
+const sharedPaymentConfigTr = (key, valuesToInterpolate = {}) => tr(`sharedPaymentConfig.${key}`, valuesToInterpolate);
+
+const priceTr = (key, valuesToInterpolate = {}) => tr(`price.${key}`, valuesToInterpolate);
+
+const uploadLogoSearchResultCardTr = (key, valuesToInterpolate = {}) =>
+  tr(`uploadLogoSearchResultCard.${key}`, valuesToInterpolate);
+
+const getCurrentLocale = () => {
+  return i18next.language || 'en-US';
+};
+
+const formatCurrency = (amount, locale, currency, fraction = 0, showAbbreviation = false) => {
+  let localeAmount = i18next.t('{{val, currency}}', {
+    ns: 'fe-shared-lib',
+    val: amount,
+    currency: currency.iso4127Code,
+    locale: locale,
+    maximumFractionDigits: fraction,
+    useGrouping: false,
+  });
+
+  const abbreviationTrimmed = currency.abbreviation.trim();
+  const symbolTrimmed = currency.symbol.trim();
+
+  // i18next always uses iso code for some locale/currency combos like ZAR, prefer symbol over iso code
+  if (localeAmount.includes(currency.iso4127Code)) {
+    localeAmount = localeAmount.replace(currency.iso4127Code, symbolTrimmed);
+  }
+
+  // show abbreviation locale logic
+  // note: showAbbreviation is only passed as true for symbol = "$"
+  if (currency.symbol.trim() !== '$') {
+    return localeAmount;
+  }
+
+  const altAudAbbreviation = 'AU';
+  if (showAbbreviation && !localeAmount.includes(abbreviationTrimmed)) {
+    return localeAmount.replace(symbolTrimmed, `${abbreviationTrimmed}${symbolTrimmed}`);
+  } else if (!showAbbreviation && localeAmount.includes(altAudAbbreviation)) {
+    return localeAmount.replace(altAudAbbreviation, '');
+  } else if (!showAbbreviation && localeAmount.includes(abbreviationTrimmed)) {
+    return localeAmount.replace(abbreviationTrimmed, '');
+  }
+
+  return localeAmount;
+};
+
+export {
+  setSharedLibLocaleAsync,
+  getCurrentLocale,
+  tr,
+  publishBrandPageModalTr,
+  sellDomainNameWidgetTr,
+  sellDomainNameListSearchResultTr,
+  sellDomainNameSearchTr,
+  sellDomainNameModalApplicationTr,
+  sellDomainNameListModalTr,
+  sellDomainNameListTr,
+  uploadYourLogoTr,
+  sharedPaymentConfigTr,
+  priceTr,
+  uploadLogoSearchResultCardTr,
+  formatCurrency,
+};

package/src/viewports.js

@@ -1,51 +1,51 @@
-module.exports = {
-  iPhone12Pro: {
-    name: "iPhone 12 Pro",
-    styles: {
-      width: "390px",
-      height: "844px",
-    },
-  },
-  iPhone12ProMax: {
-    name: "iPhone 12 Pro Max",
-    styles: {
-      width: "428px",
-      height: "926px",
-    },
-  },
-  iPhone8: {
-    name: "iPhone 8",
-    styles: {
-      width: "375px",
-      height: "667px",
-    },
-  },
-  iPhone5: {
-    name: "iPhone 5",
-    styles: {
-      width: "320px",
-      height: "568px",
-    },
-  },
-  iPadPro: {
-    name: "iPad Pro",
-    styles: {
-      width: "1024px",
-      height: "1366px",
-    },
-  },
-  iPadAir: {
-    name: "iPad Air",
-    styles: {
-      width: "820px",
-      height: "1180px",
-    },
-  },
-  fullHD: {
-    name: "Full HD",
-    styles: {
-      width: "1920px",
-      height: "1080px",
-    },
-  },
-};
+module.exports = {
+  iPhone12Pro: {
+    name: "iPhone 12 Pro",
+    styles: {
+      width: "390px",
+      height: "844px",
+    },
+  },
+  iPhone12ProMax: {
+    name: "iPhone 12 Pro Max",
+    styles: {
+      width: "428px",
+      height: "926px",
+    },
+  },
+  iPhone8: {
+    name: "iPhone 8",
+    styles: {
+      width: "375px",
+      height: "667px",
+    },
+  },
+  iPhone5: {
+    name: "iPhone 5",
+    styles: {
+      width: "320px",
+      height: "568px",
+    },
+  },
+  iPadPro: {
+    name: "iPad Pro",
+    styles: {
+      width: "1024px",
+      height: "1366px",
+    },
+  },
+  iPadAir: {
+    name: "iPad Air",
+    styles: {
+      width: "820px",
+      height: "1180px",
+    },
+  },
+  fullHD: {
+    name: "Full HD",
+    styles: {
+      width: "1920px",
+      height: "1080px",
+    },
+  },
+};

package/stylelint.config.js

@@ -1,19 +1,19 @@
-module.exports = {
-  extends: ['stylelint-config-standard'],
-  rules: {
-    'at-rule-no-unknown': [
-      true,
-      {
-        ignoreAtRules: [
-          'tailwind',
-          'apply',
-          'variants',
-          'responsive',
-          'screen',
-        ],
-      },
-    ],
-    'declaration-block-trailing-semicolon': null,
-    'no-descending-specificity': null,
-  },
-};
+module.exports = {
+  extends: ['stylelint-config-standard'],
+  rules: {
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: [
+          'tailwind',
+          'apply',
+          'variants',
+          'responsive',
+          'screen',
+        ],
+      },
+    ],
+    'declaration-block-trailing-semicolon': null,
+    'no-descending-specificity': null,
+  },
+};