@ismail-elkorchi/ui-tokens 0.1.0 → 0.1.1

package/package.json

@@ -1,17 +1,42 @@
 {
   "name": "@ismail-elkorchi/ui-tokens",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "CSS design tokens packaged as reusable variables for any UI.",
   "author": "Ismail El Korchi",
   "license": "Apache-2.0",
   "type": "module",
-  "keywords": ["design-tokens", "css-variables", "theme", "ui-kit"],
-  "engines": {"node": ">=20.11"},
-  "style": "./dist/index.css",
+  "keywords": [
+    "design-tokens",
+    "css-variables",
+    "theme",
+    "ui-kit"
+  ],
+  "engines": {
+    "node": ">=20.11"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/base.css",
   "exports": {
-    ".": "./dist/index.css",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./base.css": "./dist/base.css",
     "./index.css": "./dist/index.css",
-    "./theme.css": "./dist/theme.css"
+    "./uik-tailwind.strict.css": "./dist/uik-tailwind.strict.css",
+    "./uik-tailwind.compat.css": "./dist/uik-tailwind.compat.css",
+    "./themes/uik-theme-base.css": "./dist/themes/uik-theme-base.css",
+    "./themes/uik-light.css": "./dist/themes/uik-light.css",
+    "./themes/uik-dark.css": "./dist/themes/uik-dark.css",
+    "./themes/uik-density-comfortable.css": "./dist/themes/uik-density-comfortable.css",
+    "./themes/uik-density-compact.css": "./dist/themes/uik-density-compact.css",
+    "./tokens.resolved.light.comfortable.json": "./dist/tokens.resolved.light.comfortable.json",
+    "./tokens.resolved.light.compact.json": "./dist/tokens.resolved.light.compact.json",
+    "./tokens.resolved.dark.comfortable.json": "./dist/tokens.resolved.dark.comfortable.json",
+    "./tokens.resolved.dark.compact.json": "./dist/tokens.resolved.dark.compact.json"
   },
   "sideEffects": [
     "./dist/**/*.css"
@@ -21,9 +46,15 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run clean && node -e \"const fs = require('fs'); fs.mkdirSync('dist', {recursive: true}); ['index.css', 'theme.css'].forEach(file => fs.copyFileSync(file, 'dist/' + file));\"",
-    "clean": "node -e \"const fs = require('fs'); fs.rmSync('dist', {recursive: true, force: true});\"",
-    "typecheck": "echo \"Skipping typecheck for CSS-only package\"",
+    "build": "node scripts/build.mjs",
+    "validate": "node scripts/build.mjs && node scripts/verify.mjs && node scripts/verify-tailwind.mjs",
+    "verify:tailwind": "node scripts/verify-tailwind.mjs",
+    "pre-release": "bash scripts/pre-release.sh",
+    "cem": "node -e \"console.log('No custom elements manifest needed for @ismail-elkorchi/ui-tokens');\"",
+    "lint": "eslint . --max-warnings=0",
+    "verify": "npm run validate",
+    "test": "npm run verify",
+    "typecheck": "node -e \"console.log('No TypeScript to typecheck for @ismail-elkorchi/ui-tokens');\"",
     "prepack": "npm run build"
   },
   "repository": {
@@ -37,5 +68,9 @@
   "homepage": "https://github.com/Ismail-elkorchi/ui-kit",
   "publishConfig": {
     "access": "public"
+  },
+  "devDependencies": {
+    "@terrazzo/parser": "^0.10.5",
+    "@terrazzo/plugin-css": "^0.10.4"
   }
 }

package/dist/theme.css

@@ -1,45 +0,0 @@
-@layer base {
-  :root {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
-  }
-}
-
-@theme {
-  --color-background: hsl(var(--background));
-  --color-foreground: hsl(var(--foreground));
-  --color-card: hsl(var(--card));
-  --color-card-foreground: hsl(var(--card-foreground));
-  --color-popover: hsl(var(--popover));
-  --color-popover-foreground: hsl(var(--popover-foreground));
-  --color-primary: hsl(var(--primary));
-  --color-primary-foreground: hsl(var(--primary-foreground));
-  --color-secondary: hsl(var(--secondary));
-  --color-secondary-foreground: hsl(var(--secondary-foreground));
-  --color-muted: hsl(var(--muted));
-  --color-muted-foreground: hsl(var(--muted-foreground));
-  --color-accent: hsl(var(--accent));
-  --color-accent-foreground: hsl(var(--accent-foreground));
-  --color-destructive: hsl(var(--destructive));
-  --color-destructive-foreground: hsl(var(--destructive-foreground));
-  --color-border: hsl(var(--border));
-  --color-input: hsl(var(--input));
-  --color-ring: hsl(var(--ring));
-}