@clikvn/showroom-visualizer 0.5.1-dev-01 → 0.5.1-dev-02

package/tailwind.config.cjs

@@ -1,151 +1,151 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const defaultTheme = require('tailwindcss/defaultTheme');
-const plugin = require('tailwindcss/plugin');
-
-function rem2px(input, fontSize = 16) {
-  if (input == null) {
-    return input;
-  }
-  switch (typeof input) {
-    case 'object':
-      if (Array.isArray(input)) {
-        return input.map((val) => rem2px(val, fontSize));
-      }
-      // eslint-disable-next-line no-case-declarations
-      const ret = {};
-      for (const key in input) {
-        ret[key] = rem2px(input[key], fontSize);
-      }
-      return ret;
-    case 'string':
-      return input.replace(
-        /(\d*\.?\d+)rem$/,
-        (_, val) => `${parseFloat(val) * fontSize}px`
-      );
-    case 'function':
-      return eval(
-        input
-          .toString()
-          .replace(
-            /(\d*\.?\d+)rem/g,
-            (_, val) => `${parseFloat(val) * fontSize}px`
-          )
-      );
-    default:
-      return input;
-  }
-}
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ['class'],
-  content: ['./src/**/*.{js,jsx,ts,tsx}'],
-  theme: {
-    ...rem2px(defaultTheme),
-    fontFamily: {
-      sans: ['Be Vietnam Pro', 'sans-serif'],
-      mono: ['Be Vietnam Pro', 'sans-serif'],
-    },
-    extend: {
-      keyframes: {
-        'fade-in': {
-          '0%': {
-            opacity: '0',
-          },
-          '100%': {
-            opacity: '1',
-          },
-        },
-        'poi-item-info-bg-animation': {
-          '0%': {
-            'background-color': 'rgba(0, 0, 0, 0)',
-          },
-          '100%': {
-            'background-color': 'rgba(0, 0, 0, 0.48)',
-          },
-        },
-        'poi-item-info-animation': {
-          '0%': {
-            width: '0',
-          },
-          '100%': {
-            width: '100%',
-          },
-        },
-      },
-      /*animation: {
-        'fade-in': 'fade-in 0.3s ease-out',
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },*/
-      colors: {
-        background: 'var(--background)',
-        foreground: 'var(--foreground)',
-        card: {
-          DEFAULT: 'var(--card)',
-          foreground: 'var(--card-foreground)',
-        },
-        popover: {
-          DEFAULT: 'var(--popover)',
-          foreground: 'var(--popover-foreground)',
-        },
-        primary: {
-          DEFAULT: 'var(--primary)',
-          foreground: 'var(--primary-foreground)',
-        },
-        secondary: {
-          DEFAULT: 'var(--secondary)',
-          foreground: 'var(--secondary-foreground)',
-        },
-        muted: {
-          DEFAULT: 'var(--muted)',
-          foreground: 'var(--muted-foreground)',
-        },
-        accent: {
-          DEFAULT: 'var(--accent)',
-          foreground: 'var(--accent-foreground)',
-        },
-        destructive: {
-          DEFAULT: 'var(--destructive)',
-          foreground: 'var(--destructive-foreground)',
-        },
-        border: 'var(--border)',
-        input: 'var(--input)',
-        ring: 'var(--ring)',
-        rating: 'var(--rating)',
-        chart: {
-          1: 'var(--chart-1)',
-          2: 'var(--chart-2)',
-          3: 'var(--chart-3)',
-          4: 'var(--chart-4)',
-          5: 'var(--chart-5)',
-        },
-        sidebar: {
-          DEFAULT: 'var(--sidebar)',
-          foreground: 'var(--sidebar-foreground)',
-          primary: 'var(--sidebar-primary)',
-          'primary-foreground': 'var(--sidebar-primary-foreground)',
-          accent: 'var(--sidebar-accent)',
-          'accent-foreground': 'var(--sidebar-accent-foreground)',
-          border: 'var(--sidebar-border)',
-          ring: 'var(--sidebar-ring)',
-        },
-        base: 'var(--base)',
-      },
-    },
-  },
-  plugins: [
-    require('tailwindcss-animate'),
-    require('@tailwindcss/typography'),
-    plugin(function ({ addVariant }) {
-      addVariant('wrapped', ({ container }) => {
-        container.walkRules((rule) => {
-          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
-        });
-      });
-    }),
-  ],
-};
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const defaultTheme = require('tailwindcss/defaultTheme');
+const plugin = require('tailwindcss/plugin');
+
+function rem2px(input, fontSize = 16) {
+  if (input == null) {
+    return input;
+  }
+  switch (typeof input) {
+    case 'object':
+      if (Array.isArray(input)) {
+        return input.map((val) => rem2px(val, fontSize));
+      }
+      // eslint-disable-next-line no-case-declarations
+      const ret = {};
+      for (const key in input) {
+        ret[key] = rem2px(input[key], fontSize);
+      }
+      return ret;
+    case 'string':
+      return input.replace(
+        /(\d*\.?\d+)rem$/,
+        (_, val) => `${parseFloat(val) * fontSize}px`
+      );
+    case 'function':
+      return eval(
+        input
+          .toString()
+          .replace(
+            /(\d*\.?\d+)rem/g,
+            (_, val) => `${parseFloat(val) * fontSize}px`
+          )
+      );
+    default:
+      return input;
+  }
+}
+
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  darkMode: ['class'],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    ...rem2px(defaultTheme),
+    fontFamily: {
+      sans: ['Be Vietnam Pro', 'sans-serif'],
+      mono: ['Be Vietnam Pro', 'sans-serif'],
+    },
+    extend: {
+      keyframes: {
+        'fade-in': {
+          '0%': {
+            opacity: '0',
+          },
+          '100%': {
+            opacity: '1',
+          },
+        },
+        'poi-item-info-bg-animation': {
+          '0%': {
+            'background-color': 'rgba(0, 0, 0, 0)',
+          },
+          '100%': {
+            'background-color': 'rgba(0, 0, 0, 0.48)',
+          },
+        },
+        'poi-item-info-animation': {
+          '0%': {
+            width: '0',
+          },
+          '100%': {
+            width: '100%',
+          },
+        },
+      },
+      /*animation: {
+        'fade-in': 'fade-in 0.3s ease-out',
+      },
+      borderRadius: {
+        lg: 'var(--radius)',
+        md: 'calc(var(--radius) - 2px)',
+        sm: 'calc(var(--radius) - 4px)',
+      },*/
+      colors: {
+        background: 'var(--background)',
+        foreground: 'var(--foreground)',
+        card: {
+          DEFAULT: 'var(--card)',
+          foreground: 'var(--card-foreground)',
+        },
+        popover: {
+          DEFAULT: 'var(--popover)',
+          foreground: 'var(--popover-foreground)',
+        },
+        primary: {
+          DEFAULT: 'var(--primary)',
+          foreground: 'var(--primary-foreground)',
+        },
+        secondary: {
+          DEFAULT: 'var(--secondary)',
+          foreground: 'var(--secondary-foreground)',
+        },
+        muted: {
+          DEFAULT: 'var(--muted)',
+          foreground: 'var(--muted-foreground)',
+        },
+        accent: {
+          DEFAULT: 'var(--accent)',
+          foreground: 'var(--accent-foreground)',
+        },
+        destructive: {
+          DEFAULT: 'var(--destructive)',
+          foreground: 'var(--destructive-foreground)',
+        },
+        border: 'var(--border)',
+        input: 'var(--input)',
+        ring: 'var(--ring)',
+        rating: 'var(--rating)',
+        chart: {
+          1: 'var(--chart-1)',
+          2: 'var(--chart-2)',
+          3: 'var(--chart-3)',
+          4: 'var(--chart-4)',
+          5: 'var(--chart-5)',
+        },
+        sidebar: {
+          DEFAULT: 'var(--sidebar)',
+          foreground: 'var(--sidebar-foreground)',
+          primary: 'var(--sidebar-primary)',
+          'primary-foreground': 'var(--sidebar-primary-foreground)',
+          accent: 'var(--sidebar-accent)',
+          'accent-foreground': 'var(--sidebar-accent-foreground)',
+          border: 'var(--sidebar-border)',
+          ring: 'var(--sidebar-ring)',
+        },
+        base: 'var(--base)',
+      },
+    },
+  },
+  plugins: [
+    require('tailwindcss-animate'),
+    require('@tailwindcss/typography'),
+    plugin(function ({ addVariant }) {
+      addVariant('wrapped', ({ container }) => {
+        container.walkRules((rule) => {
+          rule.selector = `.clik-chatbot-wrapper ${rule.selector}`;
+        });
+      });
+    }),
+  ],
+};