@lumaui/tokens 0.1.1 → 0.1.3

package/build/luma-classes.js

@@ -0,0 +1,70 @@
+/**
+ * Auto-generated manifest of classes used by @lumaui/angular components
+ * DO NOT EDIT - This file is regenerated during build
+ *
+ * This file exists so Tailwind can detect which classes are used
+ * without requiring @source directive in user's CSS
+ */
+
+export const LUMA_COMPONENT_CLASSES = [
+  'active:lm-bg-button-danger-bg-active',
+  'active:lm-bg-button-primary-bg-active',
+  'bg-transparent',
+  'border',
+  'disabled:cursor-not-allowed',
+  'disabled:opacity-50',
+  'focus-visible:lm-ring-button-focus',
+  'focus:outline-none',
+  'font-medium',
+  'hover:lm-bg-button-danger-bg-hover',
+  'hover:lm-bg-button-ghost-bg-hover',
+  'hover:lm-bg-button-outline-bg-hover',
+  'hover:lm-bg-button-primary-bg-hover',
+  'hover:lm-border-button-outline-border-hover',
+  'inline-flex',
+  'items-center',
+  'justify-center',
+  'leading-snug',
+  'lm-bg-button-danger-bg',
+  'lm-bg-button-ghost-bg',
+  'lm-bg-button-primary-bg',
+  'lm-bg-card-background',
+  'lm-bg-card-nested',
+  'lm-bg-card-preview',
+  'lm-bg-card-shadow',
+  'lm-border-button-outline-border',
+  'lm-border-card-nested',
+  'lm-border-card-preview',
+  'lm-border-card-shadow',
+  'lm-border-neutral-60',
+  'lm-p-card',
+  'lm-rounded-button',
+  'lm-rounded-card-nested',
+  'lm-rounded-card-preview',
+  'lm-rounded-card-shadow',
+  'lm-rounded-lg',
+  'lm-shadow-card-shadow',
+  'lm-text-button-danger-text',
+  'lm-text-button-ghost-text',
+  'lm-text-button-outline-text',
+  'lm-text-button-primary-text',
+  'lm-text-primary',
+  'lm-text-secondary',
+  'lm-text-size-base',
+  'mb-1',
+  'mb-5',
+  'px-[var(--luma-button-padding-x-lg)]',
+  'px-[var(--luma-button-padding-x-md)]',
+  'px-[var(--luma-button-padding-x-sm)]',
+  'py-[var(--luma-button-padding-y-lg)]',
+  'py-[var(--luma-button-padding-y-md)]',
+  'py-[var(--luma-button-padding-y-sm)]',
+  'relative',
+  'text-2xl',
+  'text-base',
+  'text-lg',
+  'text-sm',
+  'text-xs',
+  'transition-[color_var(--luma-button-transition-duration)_var(--luma-button-transition-timing)]',
+  'w-full'
+];

package/build/luma-complete.css

@@ -0,0 +1,21 @@
+/**
+ * Luma Design System - Complete CSS
+ *
+ * This file includes:
+ * - All design tokens (colors, spacing, typography, etc.)
+ * - All Tailwind utilities for Luma components
+ * - Internal @source directive (no need to add @source in your project!)
+ *
+ * Usage in your styles.css:
+ *   @import 'tailwindcss';
+ *   @import '@lumaui/tokens';
+ *
+ * For dark theme support, also add:
+ *   @import '@lumaui/tokens/dark.css';
+ */
+
+/* Tell Tailwind to scan the component class manifest */
+@source "./luma-classes.js";
+
+/* Import all tokens and utilities */
+@import './luma.css';

package/build/luma-dark.css

@@ -49,8 +49,6 @@
   --luma-card-nested-border: oklch(0.25 0.008 265);
   --luma-card-preview-background: oklch(0.20 0.005 265);
   --luma-card-preview-border: oklch(0.25 0.008 265);
-  --luma-card-gradient-from: oklch(0.25 0.01 265 / 0.6);
-  --luma-card-gradient-to: oklch(0.2 0.008 265 / 0.6);
   --luma-card-background: oklch(0.17 0.005 265);
   --luma-card-box-shadow: 0px 2px 0 0px oklch(0 0 0 / 0.3);
   --luma-code-background: oklch(0.08 0.005 265);

package/build/luma.css

@@ -110,8 +110,6 @@
   --luma-card-preview-background: oklch(0.99 0 0);
   --luma-card-preview-border: oklch(0.92 0.008 265);
   --luma-card-preview-radius: 12px;
-  --luma-card-gradient-from: oklch(0.92 0.005 0 / 0.6);
-  --luma-card-gradient-to: oklch(0.96 0.003 0 / 0.6);
   --luma-card-background: oklch(1 0 0);
   --luma-card-padding: 1.5rem;
   --luma-card-box-shadow: 0px 2px 0 0px #e4e4e4;
@@ -534,16 +532,6 @@
 }
 
 /* Card Legacy Utilities (gradient wrapper) */
-@utility lm-from-card-gradient-from {
-  --tw-gradient-from: var(--luma-card-gradient-from);
-  --tw-gradient-to: rgb(255 255 255 / 0);
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-@utility lm-to-card-gradient-to {
-  --tw-gradient-to: var(--luma-card-gradient-to);
-}
-
 @utility lm-bg-card-background {
   background-color: var(--luma-card-background);
 }

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@lumaui/tokens",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Design tokens for Luma UI - Neo-Minimal design system",
   "type": "module",
-  "main": "./build/luma.css",
+  "main": "./build/luma-complete.css",
   "exports": {
-    ".": "./build/luma.css",
-    "./styles.css": "./build/luma.css",
+    ".": "./build/luma-complete.css",
+    "./styles.css": "./build/luma-complete.css",
+    "./tokens": "./build/luma.css",
     "./dark.css": "./build/luma-dark.css",
     "./styles/dark.css": "./build/luma-dark.css"
   },
@@ -15,9 +16,10 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run build:light && npm run build:dark",
+    "build": "npm run build:light && npm run build:dark && npm run build:manifest",
     "build:light": "style-dictionary build --config config.js",
     "build:dark": "style-dictionary build --config config.dark.js",
+    "build:manifest": "npx ts-node --esm ../../tools/generate-class-manifest.ts",
     "watch": "npm run build && npm run watch:light & npm run watch:dark",
     "watch:light": "style-dictionary build --config config.js --watch",
     "watch:dark": "style-dictionary build --config config.dark.js --watch"
@@ -41,11 +43,11 @@
   "author": "Luma UI Team",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pureartisan/lumo.git",
+    "url": "https://github.com/lumaui/luma-ui.git",
     "directory": "packages/tokens"
   },
-  "homepage": "https://github.com/pureartisan/lumo#readme",
+  "homepage": "https://github.com/lumaui/luma-ui#readme",
   "bugs": {
-    "url": "https://github.com/pureartisan/lumo/issues"
+    "url": "https://github.com/lumaui/luma-ui/issues"
   }
 }