@designcrowd/fe-shared-lib 1.4.5-eng-3418-2 → 1.4.5-eng-3440

package/tailwind.build.js

@@ -1,83 +1,83 @@
-/* eslint-disable global-require */
-/*
-This file will compile tailwind.css files for each theme
-*/
-
-const fse = require('fs-extra');
-const postcss = require('postcss');
-const yargs = require('yargs/yargs');
-
-const { argv } = yargs(process.argv);
-
-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");
-
-const designSystemConfig = {
-  themes: {
-    brandCrowd: bcTheme,
-    brandPage: bpTheme,
-    crazyDomains: cdTheme,
-    designCrowd: dcTheme,
-    designCom: dcomTheme,
-  },
-  viewports,
-};
-
-
-fse.readFile(`${__dirname}/src/css/tailwind.css`, 'utf8', (err, data) => {
-  // Loop through the `design-system-configuration` themes
-  Object.keys(designSystemConfig.themes).forEach((theme) => {
-    const css = data;
-
-    // set the current theme in the environment so
-    // that Tailwind can compile the correct theme
-    // see tailwind.config.js for more info
-    process.env.tailwindTheme = theme;
-
-    // tailwind 3 caches the config context in memory, deleting cache here
-    Object.keys(require.cache)
-    .filter((key) => key.includes('tailwindcss'))
-    .forEach((key) => delete require.cache[key]);
-
-    postcss([
-      require('postcss-nested'),
-      require('autoprefixer'),
-      require('tailwindcss')(`${__dirname}/./tailwind.config.js`),
-    ])
-      .process(css, {
-        from: `${__dirname}/src/css/tailwind.css`,
-        to: `./tailwind-${theme}.css`,
-      })
-      .then((result) => {
-        const outputPath = `${__dirname}/dist/css/tailwind-${theme}.css`;
-        const outputPathForStoryBook = `${__dirname}/public/css/tailwind-${theme}.css`;
-
-        let { css: cssResult } = result;
-
-        if (!argv.storybook) {
-          fse.outputFile(outputPath, cssResult, () => {
-            console.log(`✅ Built Tailwind: ${outputPath}`);
-          });
-        } else {
-          // replace all `tw-` classes
-          cssResult = cssResult.replace(
-            /(\.[a-z]{2}-)/gm,
-            `.theme-${theme} .tw-`,
-          );
-          // replace all variant classes eg `.md\:tw-`
-          cssResult = cssResult.replace(
-            /^\s*(\.[a-zA-Z-]+\\:)/gm,
-            `.theme-${theme} $1`,
-          );
-
-          fse.outputFile(outputPathForStoryBook, cssResult, () => {
-            console.log(`✅ Built Tailwind: ${outputPathForStoryBook}`);
-          });
-        }
-      });
-  });
-});
+/* eslint-disable global-require */
+/*
+This file will compile tailwind.css files for each theme
+*/
+
+const fse = require('fs-extra');
+const postcss = require('postcss');
+const yargs = require('yargs/yargs');
+
+const { argv } = yargs(process.argv);
+
+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");
+
+const designSystemConfig = {
+  themes: {
+    brandCrowd: bcTheme,
+    brandPage: bpTheme,
+    crazyDomains: cdTheme,
+    designCrowd: dcTheme,
+    designCom: dcomTheme,
+  },
+  viewports,
+};
+
+
+fse.readFile(`${__dirname}/src/css/tailwind.css`, 'utf8', (err, data) => {
+  // Loop through the `design-system-configuration` themes
+  Object.keys(designSystemConfig.themes).forEach((theme) => {
+    const css = data;
+
+    // set the current theme in the environment so
+    // that Tailwind can compile the correct theme
+    // see tailwind.config.js for more info
+    process.env.tailwindTheme = theme;
+
+    // tailwind 3 caches the config context in memory, deleting cache here
+    Object.keys(require.cache)
+    .filter((key) => key.includes('tailwindcss'))
+    .forEach((key) => delete require.cache[key]);
+
+    postcss([
+      require('postcss-nested'),
+      require('autoprefixer'),
+      require('tailwindcss')(`${__dirname}/./tailwind.config.js`),
+    ])
+      .process(css, {
+        from: `${__dirname}/src/css/tailwind.css`,
+        to: `./tailwind-${theme}.css`,
+      })
+      .then((result) => {
+        const outputPath = `${__dirname}/dist/css/tailwind-${theme}.css`;
+        const outputPathForStoryBook = `${__dirname}/public/css/tailwind-${theme}.css`;
+
+        let { css: cssResult } = result;
+
+        if (!argv.storybook) {
+          fse.outputFile(outputPath, cssResult, () => {
+            console.log(`✅ Built Tailwind: ${outputPath}`);
+          });
+        } else {
+          // replace all `tw-` classes
+          cssResult = cssResult.replace(
+            /(\.[a-z]{2}-)/gm,
+            `.theme-${theme} .tw-`,
+          );
+          // replace all variant classes eg `.md\:tw-`
+          cssResult = cssResult.replace(
+            /^\s*(\.[a-zA-Z-]+\\:)/gm,
+            `.theme-${theme} $1`,
+          );
+
+          fse.outputFile(outputPathForStoryBook, cssResult, () => {
+            console.log(`✅ Built Tailwind: ${outputPathForStoryBook}`);
+          });
+        }
+      });
+  });
+});

package/tailwind.config.js

@@ -1,37 +1,37 @@
-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");
-
-const designSystemConfig = {
-  themes: {
-    brandCrowd: bcTheme,
-    brandPage: bpTheme,
-    crazyDomains: cdTheme,
-    designCrowd: dcTheme,
-    designCom: dcomTheme,
-  },
-  viewports,
-};
-
-const theme = designSystemConfig.themes[process.env.tailwindTheme]; // use the environment theme from functions/tailwind.js
-module.exports = {
-  prefix: 'tw-',
-  content: ['./src/**/components/**/*.vue'],
-  safelist: [{ pattern: /^!tw-p-/ }, { pattern: /^tw-overflow-y-auto$/ }],
-  theme: {
-    ...theme,
-    extend: {
-      maxWidth: {
-        300: '75rem',
-      },
-    },
-  },
-  plugins: [],
-  corePlugins: {
-    preflight: true,
-  },
-};
-
+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");
+
+const designSystemConfig = {
+  themes: {
+    brandCrowd: bcTheme,
+    brandPage: bpTheme,
+    crazyDomains: cdTheme,
+    designCrowd: dcTheme,
+    designCom: dcomTheme,
+  },
+  viewports,
+};
+
+const theme = designSystemConfig.themes[process.env.tailwindTheme]; // use the environment theme from functions/tailwind.js
+module.exports = {
+  prefix: 'tw-',
+  content: ['./src/**/components/**/*.vue'],
+  safelist: [{ pattern: /^!tw-p-/ }, { pattern: /^tw-overflow-y-auto$/ }],
+  theme: {
+    ...theme,
+    extend: {
+      maxWidth: {
+        300: '75rem',
+      },
+    },
+  },
+  plugins: [],
+  corePlugins: {
+    preflight: true,
+  },
+};
+

package/tailwind.themes.js

@@ -1,59 +1,59 @@
-const fse = require('fs-extra');
-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");
-
-const designSystemConfig = {
-  themes: {
-    brandCrowd: bcTheme,
-    brandPage: bpTheme,
-    crazyDomains: cdTheme,
-    designCrowd: dcTheme,
-    designCom: dcomTheme,
-  },
-  viewports,
-};
-
-const { themes } = designSystemConfig;
-
-const previewHeadFiles = [
-  {
-    master: `${__dirname}/.storybook/preview-head-master.html`,
-    outputFile: `${__dirname}/.storybook/preview-head.html`,
-  },
-  {
-    master: `${__dirname}/.storybook/preview-head-publish-master.html`,
-    outputFile: `${__dirname}/.storybook/preview-head-publish.html`,
-  },
-];
-
-(async () => {
-  const results = previewHeadFiles.map(async (previewHeadFile) => {
-    const masterFile = previewHeadFile.master;
-    const { outputFile } = previewHeadFile;
-
-    const initialMarkup = await fse.readFile(masterFile, 'utf8');
-
-    // Create the initial preview-head.html file
-    await fse.outputFile(outputFile, initialMarkup);
-
-    // Loop through the `design-system-configuration` themes
-    const contents = Object.keys(themes)
-      .sort()
-      .reduce((prev, theme) => {
-        const filename = `tailwind-${theme}.css`;
-        return `${prev}\n<link rel="stylesheet" href="css/${filename}">`;
-      }, '');
-
-    // Append the theme <link to the preview-head.html
-    await fse.appendFile(outputFile, contents, (err) => {
-      if (err) throw err;
-      console.log(`✅ Added css file links to ${previewHeadFile.outputFile}`);
-    });
-  });
-
-  await Promise.all(results);
-})();
+const fse = require('fs-extra');
+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");
+
+const designSystemConfig = {
+  themes: {
+    brandCrowd: bcTheme,
+    brandPage: bpTheme,
+    crazyDomains: cdTheme,
+    designCrowd: dcTheme,
+    designCom: dcomTheme,
+  },
+  viewports,
+};
+
+const { themes } = designSystemConfig;
+
+const previewHeadFiles = [
+  {
+    master: `${__dirname}/.storybook/preview-head-master.html`,
+    outputFile: `${__dirname}/.storybook/preview-head.html`,
+  },
+  {
+    master: `${__dirname}/.storybook/preview-head-publish-master.html`,
+    outputFile: `${__dirname}/.storybook/preview-head-publish.html`,
+  },
+];
+
+(async () => {
+  const results = previewHeadFiles.map(async (previewHeadFile) => {
+    const masterFile = previewHeadFile.master;
+    const { outputFile } = previewHeadFile;
+
+    const initialMarkup = await fse.readFile(masterFile, 'utf8');
+
+    // Create the initial preview-head.html file
+    await fse.outputFile(outputFile, initialMarkup);
+
+    // Loop through the `design-system-configuration` themes
+    const contents = Object.keys(themes)
+      .sort()
+      .reduce((prev, theme) => {
+        const filename = `tailwind-${theme}.css`;
+        return `${prev}\n<link rel="stylesheet" href="css/${filename}">`;
+      }, '');
+
+    // Append the theme <link to the preview-head.html
+    await fse.appendFile(outputFile, contents, (err) => {
+      if (err) throw err;
+      console.log(`✅ Added css file links to ${previewHeadFile.outputFile}`);
+    });
+  });
+
+  await Promise.all(results);
+})();

package/vite.config.ts

@@ -1,37 +1,37 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import eslint from 'vite-plugin-eslint';
-import vueDevTools from 'vite-plugin-vue-devtools';
-import path from 'path';
-
-export default defineConfig({
-  root: './src/client',
-  publicDir: '/dist/',
-  define: {
-    process: JSON.stringify({
-      client: true,
-    }),
-  },
-  build: {
-    sourcemap: true,
-    ssr: false,
-    emptyOutDir: false,
-    minify: false,
-    commonjsOptions: {
-      include: [/node_modules/],
-    },
-  },
-  plugins: [
-    vue(),
-    eslint({
-      include: ['./src/client/**/*.[js|ts|vue]'],
-    }),
-    process.env.NODE_ENV === 'development' ? vueDevTools() : false,
-  ],
-  resolve: {
-    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-    },
-  },
-});
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import eslint from 'vite-plugin-eslint';
+import vueDevTools from 'vite-plugin-vue-devtools';
+import path from 'path';
+
+export default defineConfig({
+  root: './src/client',
+  publicDir: '/dist/',
+  define: {
+    process: JSON.stringify({
+      client: true,
+    }),
+  },
+  build: {
+    sourcemap: true,
+    ssr: false,
+    emptyOutDir: false,
+    minify: false,
+    commonjsOptions: {
+      include: [/node_modules/],
+    },
+  },
+  plugins: [
+    vue(),
+    eslint({
+      include: ['./src/client/**/*.[js|ts|vue]'],
+    }),
+    process.env.NODE_ENV === 'development' ? vueDevTools() : false,
+  ],
+  resolve: {
+    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    },
+  },
+});

package/src/atoms/components/Icon/icons/badge.vue

@@ -1,8 +0,0 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z
-       M12.1308 3.09889C12.275 3.44751 12.5516 3.72462 12.9 3.86929L14.1217 4.37532C14.4703 4.51974 14.7473 4.79673 14.8917 5.14538C15.0361 5.49402 15.0361 5.88576 14.8917 6.2344L14.386 7.4552C14.2416 7.804 14.2414 8.19613 14.3865 8.54476L14.8913 9.76519C14.9629 9.93787 14.9997 10.123 14.9997 10.3099C14.9998 10.4968 14.963 10.6819 14.8914 10.8546C14.8199 11.0273 14.715 11.1843 14.5828 11.3164C14.4507 11.4486 14.2937 11.5534 14.121 11.6249L12.9002 12.1305C12.5516 12.2747 12.2745 12.5514 12.1299 12.8998L11.6239 14.1214C11.4794 14.4701 11.2025 14.7471 10.8538 14.8915C10.5052 15.0359 10.1135 15.0359 9.76485 14.8915L8.54409 14.3858C8.19545 14.2418 7.80387 14.2421 7.45545 14.3867L6.23382 14.892C5.88538 15.036 5.494 15.0359 5.14566 14.8916C4.79731 14.7473 4.52047 14.4707 4.37597 14.1224L3.8698 12.9003C3.72566 12.5517 3.44898 12.2746 3.10059 12.13L1.87896 11.6239C1.53048 11.4796 1.25358 11.2027 1.10912 10.8543C0.964656 10.5059 0.96446 10.1143 1.10857 9.76572L1.61422 8.54492C1.75828 8.19627 1.75798 7.80467 1.61341 7.45623L1.10848 6.23369C1.03689 6.06101 1.00003 5.87591 1 5.68898C0.99997 5.50205 1.03677 5.31694 1.10831 5.14424C1.17984 4.97154 1.2847 4.81462 1.4169 4.68246C1.54909 4.5503 1.70604 4.44549 1.87876 4.37401L3.09951 3.86834C3.44781 3.72432 3.72474 3.44798 3.86951 3.09998L4.37553 1.87831C4.51993 1.52966 4.79692 1.25266 5.14555 1.10825C5.49419 0.963836 5.88591 0.963836 6.23454 1.10825L7.45529 1.61392C7.80393 1.75798 8.19551 1.75768 8.54393 1.6131L9.76608 1.10903C10.1147 0.964701 10.5063 0.96473 10.8549 1.10912C11.2034 1.2535 11.4804 1.53042 11.6248 1.87897L12.131 3.10101L12.1308 3.09889Z"
-  />
-</template>

package/src/atoms/components/Icon/icons/clipboard-check.vue

@@ -1,7 +0,0 @@
-<template>
-  <path
-    fill-rule="evenodd"
-    clip-rule="evenodd"
-    d="M12.6667 5.33333C12.6667 4.67043 12.6605 4.46979 12.6208 4.32161C12.4975 3.86155 12.1384 3.50253 11.6784 3.37923C11.5979 3.35766 11.502 3.34621 11.3249 3.34016C11.3234 3.36931 11.3242 3.39777 11.3219 3.42513C11.3095 3.57752 11.2803 3.75785 11.1881 3.9388C11.0603 4.18965 10.856 4.39398 10.6051 4.5218C10.4244 4.61382 10.2447 4.64314 10.0924 4.65559C9.94791 4.6674 9.77585 4.66634 9.60026 4.66634H6.40006C6.2244 4.66634 6.05248 4.66741 5.90788 4.65559C5.75548 4.64314 5.57515 4.614 5.3942 4.5218C5.14347 4.394 4.93998 4.18953 4.81217 3.9388C4.71997 3.75785 4.69083 3.57752 4.67838 3.42513C4.67615 3.39775 4.67591 3.36933 4.67448 3.34016C4.49797 3.34621 4.40228 3.35773 4.32194 3.37923C3.86182 3.50252 3.50187 3.86149 3.37858 4.32161C3.33889 4.46979 3.33366 4.67055 3.33366 5.33333V11.4671C3.33366 12.0379 3.33357 12.4259 3.35807 12.7259C3.38193 13.0179 3.42514 13.1676 3.47819 13.2718C3.60601 13.5227 3.81034 13.727 4.0612 13.8548C4.16543 13.9079 4.31499 13.951 4.60709 13.9749C4.90715 13.9994 5.29581 14.0003 5.86686 14.0003H10.1335C10.7042 14.0003 11.0923 13.9994 11.3923 13.9749C11.6845 13.951 11.8349 13.9079 11.9391 13.8548C12.1899 13.727 12.3934 13.5226 12.5212 13.2718C12.5743 13.1675 12.6174 13.0181 12.6413 12.7259C12.6658 12.4259 12.6667 12.0379 12.6667 11.4671V5.33333ZM9.86198 7.86165C10.1222 7.60157 10.544 7.60168 10.8044 7.86165C11.0647 8.122 11.0647 8.54466 10.8044 8.80501L7.80436 11.805C7.54404 12.065 7.12223 12.0651 6.86198 11.805L5.52897 10.471C5.26862 10.2107 5.26862 9.78899 5.52897 9.52864C5.78933 9.26845 6.21106 9.26835 6.47135 9.52864L7.33268 10.39L9.86198 7.86165ZM6.01627 2.00716C6.01317 2.00741 6.01026 2.00788 6.00749 2.00813C6.00726 2.01062 6.00673 2.0132 6.00651 2.01595C6.00016 2.09363 5.99967 2.20222 5.99967 2.39973V2.93294C5.99967 3.13045 6.00017 3.23902 6.00651 3.31673C6.00673 3.31939 6.00727 3.32212 6.00749 3.32454C6.01028 3.3248 6.01314 3.32624 6.01627 3.32649C6.094 3.33284 6.20238 3.33333 6.40006 3.33333H9.60026C9.79778 3.33333 9.90636 3.33284 9.98405 3.32649C9.98644 3.3263 9.98869 3.32571 9.99088 3.32552C9.99114 3.32276 9.99259 3.31981 9.99284 3.31673C9.99918 3.23901 9.99967 3.13049 9.99967 2.93294V2.39973C9.99967 2.20222 9.99918 2.09363 9.99284 2.01595C9.99258 2.01284 9.99212 2.00993 9.99186 2.00716C9.9894 2.00693 9.98676 2.00738 9.98405 2.00716C9.90636 2.00081 9.79778 2.00032 9.60026 2.00032H6.40006C6.20238 2.00032 6.094 2.00081 6.01627 2.00716ZM13.9997 11.4671C13.9997 12.0159 14.0003 12.4675 13.9704 12.8343C13.9398 13.209 13.8744 13.5538 13.7096 13.8773C13.454 14.379 13.0454 14.7867 12.5436 15.0423C12.2202 15.2071 11.8762 15.2734 11.5016 15.304C11.1347 15.334 10.6825 15.3333 10.1335 15.3333H5.86686C5.31781 15.3333 4.86564 15.334 4.4987 15.304C4.12399 15.2734 3.77926 15.2072 3.45573 15.0423C2.95414 14.7866 2.54629 14.3789 2.29069 13.8773C2.12583 13.5537 2.06056 13.209 2.02995 12.8343C1.99999 12.4675 1.99967 12.0159 1.99967 11.4671V5.33333C1.99967 4.75652 1.99403 4.33726 2.09049 3.97688C2.33705 3.05674 3.05613 2.3378 3.97624 2.09114C4.18299 2.03574 4.40938 2.01465 4.6735 2.00618C4.67504 1.97229 4.67581 1.93909 4.67838 1.90755C4.69085 1.75524 4.72007 1.57565 4.81217 1.39485C4.93995 1.14408 5.14347 0.939685 5.3942 0.811844C5.57515 0.719646 5.75548 0.690506 5.90788 0.678055C6.05248 0.666241 6.22439 0.666336 6.40006 0.666336H9.60026C9.77585 0.666336 9.94791 0.666245 10.0924 0.678055C10.2447 0.690516 10.4244 0.719786 10.6051 0.811844C10.8247 0.92371 11.0083 1.09416 11.1364 1.30305L11.1881 1.39485L11.2458 1.52962C11.2935 1.66364 11.3126 1.79326 11.3219 1.90755C11.3245 1.93908 11.3243 1.9723 11.3258 2.00618C11.5901 2.01463 11.8163 2.03576 12.0231 2.09114C12.9434 2.33772 13.6623 3.05664 13.9089 3.97688C13.9813 4.24728 13.9968 4.55068 13.9997 4.92903V11.4671Z"
-  />
-</template>