@dt-frames/tailwind-config 4.0.2 → 4.0.4

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const _default: Config;
+
+export = _default;

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const _default: Config;
+
+export { _default as default };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+import { Config } from 'tailwindcss';
+
+declare const _default: Config;
+
+export = _default;

package/dist/postcss.config.cjs

@@ -15,7 +15,6 @@ const postcss_config = {
     // 修复 element-plus的样式和tailwindcss冲突问题
     "postcss-antd-fixes": { prefixes: ["el"] },
     "postcss-import": {},
-    "postcss-preset-env": {},
     tailwindcss: { config: index }
   }
 };

package/dist/postcss.config.d.cts

@@ -0,0 +1,3 @@
+declare const _default: Record<string, any>;
+
+export = _default;

package/dist/postcss.config.d.mts

@@ -0,0 +1,3 @@
+declare const _default: Record<string, any>;
+
+export { _default as default };

package/dist/postcss.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: Record<string, any>;
+
+export = _default;

package/dist/postcss.config.mjs

@@ -13,7 +13,6 @@ const postcss_config = {
     // 修复 element-plus的样式和tailwindcss冲突问题
     "postcss-antd-fixes": { prefixes: ["el"] },
     "postcss-import": {},
-    "postcss-preset-env": {},
     tailwindcss: { config }
   }
 };

package/package.json

@@ -1,48 +1,56 @@
-{
-	"name": "@dt-frames/tailwind-config",
-	"version": "4.0.2",
-	"description": "css原子化",
-	"scripts": {
-		"build": "pnpm unbuild"
-	},
-	"keywords": [],
-	"author": "",
-	"license": "ISC",
-	"main": "./dist/index.mjs",
-	"module": "./dist/index.mjs",
-	"exports": {
-		".": {
-			"types": "./src/index.ts",
-			"import": "./dist/index.mjs",
-			"require": "./dist/index.cjs"
-		},
-		"./postcss": {
-			"types": "./src/postcss.config.ts",
-			"import": "./dist/postcss.config.mjs",
-			"require": "./dist/postcss.config.cjs",
-			"default": "./dist/postcss.config.mjs"
-		},
-		"./*": "./*"
-	},
-	"peerDependencies": {
-		"tailwindcss": "^4.1.7"
-	},
-	"dependencies": {
-		"@dt-frames/ts-config": "workspace:*",
-		"@iconify/json": "^2.2.335",
-		"@iconify/tailwind": "^1.2.0",
-		"@manypkg/get-packages": "^3.1.0",
-		"@tailwindcss/postcss": "^4.1.13",
-		"@tailwindcss/typography": "^0.5.16",
-		"@types/node": "^22.14.0",
-		"autoprefixer": "^10.4.21",
-		"cssnano": "^7.1.1",
-		"postcss": "^8.5.6",
-		"postcss-import": "^16.1.1",
-		"tailwindcss-animate": "^1.0.7",
-		"unbuild": "^3.5.0"
-	},
-	"devDependencies": {
-		"@types/postcss-import": "^14.0.3"
-	}
-}
+{
+  "name": "@dt-frames/tailwind-config",
+  "version": "4.0.4",
+  "description": "css 原子化",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./postcss": {
+      "types": "./dist/postcss.config.d.ts",
+      "import": "./dist/postcss.config.mjs",
+      "require": "./dist/postcss.config.cjs",
+      "default": "./dist/postcss.config.mjs"
+    },
+    "./*": "./*"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^4.1.7"
+  },
+  "dependencies": {
+    "@dt-frames/ts-config": "4.0.3",
+    "@iconify/json": "^2.2.335",
+    "@iconify/tailwind": "^1.2.0",
+    "@manypkg/get-packages": "^3.1.0",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/typography": "^0.5.16",
+    "@types/node": "^22.14.0",
+    "autoprefixer": "^10.4.21",
+    "cssnano": "^7.1.1",
+    "postcss": "^8.5.6",
+    "postcss-antd-fixes": "^0.2.0",
+    "postcss-import": "^16.1.1",
+    "tailwindcss-animate": "^1.0.7",
+    "unbuild": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/postcss-import": "^14.0.3"
+  },
+  "scripts": {
+    "build": "pnpm unbuild"
+  }
+}

package/build.config.ts

@@ -1,11 +0,0 @@
-import { defineBuildConfig } from 'unbuild'
-
-export default defineBuildConfig({
-	clean: true,
-	declaration: false,
-	failOnWarn: false,
-	entries: ['./src/index', './src/postcss.config'],
-	rollup: {
-		emitCJS: true,
-	}
-})

package/src/index.ts

@@ -1,218 +0,0 @@
-import type { Config } from 'tailwindcss'
-import path from 'node:path'
-import { addDynamicIconSelectors } from '@iconify/tailwind'
-import { getPackagesSync } from '@manypkg/get-packages'
-import typographyPlugin from '@tailwindcss/typography'
-import animate from 'tailwindcss-animate'
-import { enterAnimationPlugin } from './plugins/entry'
-
-const { packages } = getPackagesSync(process.cwd())
-const tailwindPackages: string[] = []
-packages.forEach(pkg => {
-	tailwindPackages.push(pkg.dir)
-})
-
-const shadcnUiColors = {
-	accent: {
-		DEFAULT: 'hsl(var(--accent))',
-		foreground: 'hsl(var(--accent-foreground))',
-		hover: 'hsl(var(--accent-hover))',
-		lighter: 'has(val(--accent-lighter))'
-	},
-	background: {
-		deep: 'hsl(var(--background-deep))',
-		DEFAULT: 'hsl(var(--background))'
-	},
-	border: {
-		DEFAULT: 'hsl(var(--border))'
-	},
-	card: {
-		DEFAULT: 'hsl(var(--card))',
-		foreground: 'hsl(var(--card-foreground))'
-	},
-	destructive: {
-		...createColorsPalette('destructive'),
-		DEFAULT: 'hsl(var(--destructive))'
-	},
-	foreground: {
-		DEFAULT: 'hsl(var(--foreground))'
-	},
-	input: {
-		background: 'hsl(var(--input-background))',
-		DEFAULT: 'hsl(var(--input))'
-	},
-	muted: {
-		DEFAULT: 'hsl(var(--muted))',
-		foreground: 'hsl(var(--muted-foreground))'
-	},
-	popover: {
-		DEFAULT: 'hsl(var(--popover))',
-		foreground: 'hsl(var(--popover-foreground))'
-	},
-	primary: {
-		...createColorsPalette('primary'),
-		DEFAULT: 'hsl(var(--primary))'
-	},
-	ring: 'hsl(var(--ring))',
-	secondary: {
-		DEFAULT: 'hsl(var(--secondary))',
-		desc: 'hsl(var(--secondary-desc))',
-		foreground: 'hsl(var(--secondary-foreground))'
-	}
-}
-
-const customColors = {
-	green: {
-		...createColorsPalette('green'),
-		foreground: 'hsl(var(--success-foreground))'
-	},
-	header: {
-		DEFAULT: 'hsl(var(--header))'
-	},
-	heavy: {
-		DEFAULT: 'hsl(var(--heavy))',
-		foreground: 'hsl(var(--heavy-foreground))'
-	},
-	main: {
-		DEFAULT: 'hsl(var(--main))'
-	},
-	overlay: {
-		content: 'hsl(var(--overlay-content))',
-		DEFAULT: 'hsl(var(--overlay))'
-	},
-	red: {
-		...createColorsPalette('red'),
-		foreground: 'hsl(var(--destructive-foreground))'
-	},
-	sidebar: {
-		deep: 'hsl(var(--sidebar-deep))',
-		DEFAULT: 'hsl(var(--sidebar))'
-	},
-	success: {
-		...createColorsPalette('success'),
-		DEFAULT: 'hsl(var(--success))'
-	},
-	warning: {
-		...createColorsPalette('warning'),
-		DEFAULT: 'hsl(var(--warning))'
-	},
-	yellow: {
-		...createColorsPalette('yellow'),
-		foreground: 'hsl(var(--warning-foreground))'
-	}
-}
-
-export default {
-	content: [
-		'./index.html',
-		...tailwindPackages.map(item =>
-			path.join(item, 'src/**/*.{vue,js,ts,jsx,tsx,svelte,astro,html}')
-		)
-	],
-	darkMode: 'selector',
-	plugins: [animate, typographyPlugin, addDynamicIconSelectors(), enterAnimationPlugin],
-	prefix: '',
-	theme: {
-		container: {
-			center: true,
-			padding: '2rem',
-			screens: {
-				'2xl': '1400px'
-			}
-		},
-		extend: {
-			animation: {
-				'accordion-down': 'accordion-down 0.2s ease-out',
-				'accordion-up': 'accordion-up 0.2s ease-out',
-				'collapsible-down': 'collapsible-down 0.2s ease-in-out',
-				'collapsible-up': 'collapsible-up 0.2s ease-in-out',
-				float: 'float 5s linear 0ms infinite'
-			}
-		},
-		animationDuration: {
-			'2000': '2000ms',
-			'3000': '3000ms'
-		},
-		borderRadius: {
-			lg: 'var(--radius)',
-			md: 'calc(var(--radius) - 2px)',
-			sm: 'calc(var(--radius) - 4px)',
-			xl: 'calc(var(--radius) + 4px)'
-		},
-		boxShadow: {
-			float: `0 6px 16px 0 rgb(0 0 0 / 8%),
-			  0 3px 6px -4px rgb(0 0 0 / 12%),
-			  0 9px 28px 8px rgb(0 0 0 / 5%)`
-		},
-		colors: {
-			...customColors,
-			...shadcnUiColors
-		},
-		fontFamily: {
-			sans: ['var(--font-family)']
-		},
-		keyframes: {
-			'accordion-down': {
-				from: { height: '0' },
-				to: { height: 'var(--radix-accordion-content-height)' }
-			},
-			'accordion-up': {
-				from: { height: 'var(--radix-accordion-content-height)' },
-				to: { height: '0' }
-			},
-			'collapsible-down': {
-				from: { height: '0' },
-				to: { height: 'var(--radix-collapsible-content-height)' }
-			},
-			'collapsible-up': {
-				from: { height: 'var(--radix-collapsible-content-height)' },
-				to: { height: '0' }
-			},
-			float: {
-				'0%': { transform: 'translateY(0)' },
-				'50%': { transform: 'translateY(-20px)' },
-				'100%': { transform: 'translateY(0)' }
-			}
-		},
-		zIndex: {
-			'100': '100',
-			'1000': '1000'
-		}
-	},
-	safelist: ['dark']
-} as Config
-
-function createColorsPalette(name: string) {
-	return {
-		50: `hsl(var(--${name}-50))`,
-		100: `hsl(var(--${name}-100))`,
-		200: `hsl(var(--${name}-200))`,
-		300: `hsl(var(--${name}-300))`,
-		400: `hsl(var(--${name}-400))`,
-		500: `hsl(var(--${name}-500))`,
-		600: `hsl(var(--${name}-600))`,
-		700: `hsl(var(--${name}-700))`,
-
-		// 激活状态下的颜色，适用于按钮按下时的背景色或边框色。
-		active: `hsl(var(--${name}-700))`,
-		// 浅色背景，适用于输入框或表单区域的背景。
-		'background-light': `hsl(var(--${name}-200))`,
-		// 适用于略浅的背景色，通常用于次要背景或略浅的区域。
-		'background-lighter': `hsl(var(--${name}-100))`,
-		// 最浅的背景色，适用于非常轻微的阴影或卡片的背景。
-		'background-lightest': `hsl(var(--${name}-50))`,
-		// 适用于普通边框，可能用于按钮或卡片的边框。
-		border: `hsl(var(--${name}-400))`,
-		// 浅色边框，适用于输入框或卡片的边框。
-		'border-light': `hsl(var(--${name}-300))`,
-		foreground: `hsl(var(--${name}-foreground))`,
-		// 鼠标悬停状态下的颜色，适用于按钮悬停时的背景色或边框色。
-		hover: `hsl(var(--${name}-600))`,
-		// 主色文本
-		text: `hsl(var(--${name}-500))`,
-		// 主色文本激活态
-		'text-active': `hsl(var(--${name}-700))`,
-		// 主色文本悬浮态
-		'text-hover': `hsl(var(--${name}-600))`
-	}
-}

package/src/plugins/entry.ts

@@ -1,54 +0,0 @@
-import plugin from 'tailwindcss/plugin.js'
-
-const enterAnimationPlugin = plugin(({ addUtilities }) => {
-    const maxChild = 5
-    const utilities: Record<string, any> = {}
-
-    for (let i = 1; i <= maxChild; i++) {
-        const baseDelay = 0.1
-        const delay = `${baseDelay * i}s`
-
-        utilities[`.enter-x:nth-child(${i})`] = {
-            animation: `enter-x-animation 0.3s ease-in-out ${delay} forwards`,
-            opacity: '0',
-            transform: `translateX(50px)`,
-        }
-
-        utilities[`.enter-y:nth-child(${i})`] = {
-            animation: `enter-y-animation 0.3s ease-in-out ${delay} forwards`,
-            opacity: '0',
-            transform: `translateY(50px)`,
-        }
-
-        utilities[`.-enter-x:nth-child(${i})`] = {
-            animation: `enter-x-animation 0.3s ease-in-out ${delay} forwards`,
-            opacity: '0',
-            transform: `translateX(-50px)`,
-        }
-
-        utilities[`.-enter-y:nth-child(${i})`] = {
-            animation: `enter-y-animation 0.3s ease-in-out ${delay} forwards`,
-            opacity: '0',
-            transform: `translateY(-50px)`,
-        }
-    }
-
-    // 添加动画关键帧
-    addUtilities(utilities)
-    addUtilities({
-        '@keyframes enter-x-animation': {
-            to: {
-                opacity: '1',
-                transform: 'translateX(0)'
-            }
-        },
-        '@keyframes enter-y-animation': {
-            to: {
-                opacity: '1',
-                transform: 'translateY(0)'
-            }
-        }
-    })
-})
-
-export { enterAnimationPlugin }

package/src/postcss.config.ts

@@ -1,13 +0,0 @@
-import config from './index'
-
-export default {
-	plugins: {
-		...(process.env.NODE_ENV === 'production' ? { cssnano: {} } : {}),
-		autoprefixer: {},
-		// 修复 element-plus的样式和tailwindcss冲突问题
-		'postcss-antd-fixes': { prefixes: ['el'] },
-		'postcss-import': {},
-		'postcss-preset-env': {},
-		tailwindcss: { config }
-	}
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-	"$schema": "https://json.schemastore.org/tsconfig",
-	"extends": "@dt-frames/ts-config/node.json",
-	"compilerOptions": {
-		"moduleResolution": "bundler"
-	},
-	"include": ["src"],
-	"exclude": ["node_modules"]
-}