Merge pull request #28 from chingu-x/dev

fix tailwind theme config

Author: Dan-Y-Ko

.gitattributes

@@ -0,0 +1,5 @@
+* text=auto
+*.js eol=lf
+*.ts eol=lf
+*.tsx eol=lf
+*.jsx eol=lf

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "endOfLine": "lf",
+  "trailingComma": "all"
+}

chingu-theme.js

@@ -0,0 +1,41 @@
+export default {
+  theme: {
+    extend: {
+      colors: {
+        primary: "rgb(var(--primary) / <alpha-value>)",
+        "primary-focus": "rgb(var(--primary-focus) / <alpha-value>)",
+        "primary-content": "rgb(var(--primary-content) / <alpha-value>)",
+        secondary: "rgb(var(--secondary) / <alpha-value>)",
+        "secondary-focus": "rgb(var(--secondary-focus) / <alpha-value>)",
+        "secondary-content": "rgb(var(--secondary-content) / <alpha-value>)",
+        accent: "rgb(var(--accent) / <alpha-value>)",
+        "accent-focus": "rgb(var(--accent-focus) / <alpha-value>)",
+        "accent-content": "rgb(var(--accent-content) / <alpha-value>)",
+        neutral: "rgb(var(--neutral) / <alpha-value>)",
+        "neutral-focus": "rgb(var(--neutral-focus) / <alpha-value>)",
+        "neutral-content": "rgb(var(--neutral-content) / <alpha-value>)",
+        info: "rgb(var(--info) / <alpha-value>)",
+        "info-content": "rgb(var(--info-content) / <alpha-value>)",
+        success: "rgb(var(--success) / <alpha-value>)",
+        "success-content": "rgb(var(--success-content) / <alpha-value>)",
+        warning: "rgb(var(--warning) / <alpha-value>)",
+        "warning-content": "rgb(var(--warning-content) / <alpha-value>)",
+        error: "rgb(var(--error) / <alpha-value>)",
+        "error-content": "rgb(var(--error-content) / <alpha-value>)",
+        "base-100": "rgb(var(--base-100) / <alpha-value>)",
+        "base-200": "rgb(var(--base-200) / <alpha-value>)",
+        "base-300": "rgb(var(--base-300) / <alpha-value>)",
+        "base-content": "rgb(var(--base-content) / <alpha-value>)",
+        overlay: "var(--overlay)",
+      },
+      boxShadow: {
+        sm: "0 2px 4px 0 rgb(var(--neutral-focus) / 0.05)",
+        DEFAULT: "0 4px 8px 0 rgb(var(--neutral-focus) / 0.05)",
+        md: "0 4px 8px 0 rgb(var(--neutral-focus) / 0.08)",
+        lg: "0 8px 12px 0 rgb(var(--neutral-focus) / 0.08)",
+        xl: "0 8px 12px 0 rgb(var(--neutral-focus) / 0.1)",
+        "2xl": "0 10px 16px 0 rgb(var(--neutral-focus) / 0.12)",
+      },
+    },
+  },
+};

eslint.config.js

@@ -74,6 +74,7 @@ export default [
       "vite.config.ts",
       "vitest.config.ts",
       "generate-exports.js",
+      "chingu-theme.js",
     ],
   },
 ];

generate-exports.js

@@ -16,7 +16,7 @@ const exportsObject = {
     import: "./dist/style.css",
     types: "./dist/global.d.ts",
   },
-  "./tailwind-config": "./tailwind.config.js",
+  "./chingu-theme": "./chingu-theme.js",
 };
 
 components.forEach((component) => {

package.json

@@ -101,7 +101,7 @@
       "import": "./dist/style.css",
       "types": "./dist/global.d.ts"
     },
-    "./tailwind-config": "./tailwind.config.js",
+    "./chingu-theme": "./chingu-theme.js",
     "./alert": {
       "import": "./dist/alert/index.js",
       "types": "./dist/types/alert/index.d.ts"
@@ -179,4 +179,4 @@
       "types": "./dist/types/types/index.d.ts"
     }
   }
-}
+}

tailwind.config.js

@@ -4,9 +4,6 @@ export default {
   content: ["./src/**/*.{js,ts,jsx,tsx}"],
   theme: {
     extend: {
-      screens: {
-        "3xl": "1920px",
-      },
       colors: {
         primary: "rgb(var(--primary) / <alpha-value>)",
         "primary-focus": "rgb(var(--primary-focus) / <alpha-value>)",