@lumaui/tokens 0.4.1 → 0.4.3

package/build/luma-classes.js

@@ -2,47 +2,76 @@
  * 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
+ * This file exists so Tailwind can detect which classes are used by Luma components
+ * without requiring users to configure @source patterns manually.
+ *
+ * Generated by: tools/generate-class-manifest.ts
+ * Total classes: 211
  */
 
 export const LUMA_COMPONENT_CLASSES = [
+  '-translate-x-1/2',
+  '[&[data-state=open]>svg]:rotate-180',
+  'absolute',
   'active:bg-destructive/95',
   'active:bg-primary/10',
   'active:bg-primary/90',
   'active:bg-primary/95',
   'active:bg-secondary/90',
   'active:scale-95',
+  'animate-in',
+  'animate-out',
   'bg-black/80',
   'bg-card',
   'bg-destructive',
-  'bg-destructive/10',
   'bg-muted',
   'bg-popover',
   'bg-primary',
   'bg-primary-2',
-  'bg-primary/10',
   'bg-secondary',
-  'bg-success/10',
+  'bg-success',
   'bg-transparent',
-  'bg-warning/15',
+  'bg-warning',
   'bg-white',
-  'border',
+  'block',
   'border-b',
   'border-b-2',
   'border-border',
-  'border-destructive/30',
-  'border-gray-200',
   'border-primary',
   'border-primary-7',
-  'border-primary/30',
-  'border-success/30',
   'border-transparent',
-  'border-warning/30',
+  'bottom-0',
+  'bottom-4',
+  'bottom-center',
+  'bottom-left',
+  'bottom-right',
+  'cursor-pointer',
+  'dark:bg-gray-800',
+  'dark:hover:bg-gray-700',
+  'dark:text-white',
+  'data-[state=active]:bg-background',
+  'data-[state=active]:border-primary',
+  'data-[state=active]:shadow-sm',
+  'data-[state=active]:text-foreground',
+  'data-[state=closed]:opacity-0',
+  'data-[state=open]:bg-primary-2',
+  'data-[state=open]:opacity-100',
+  'data-[state=open]:text-muted-foreground',
   'disabled:cursor-not-allowed',
   'disabled:opacity-30',
   'disabled:opacity-50',
   'disabled:pointer-events-none',
+  'duration-200',
+  'duration-300',
+  'ease-out',
+  'fade-in',
+  'fade-out',
+  'fixed',
+  'flex',
+  'flex-1',
+  'flex-col',
+  'flex-col-reverse',
+  'flex-shrink-0',
   'focus-visible:outline-none',
   'focus-visible:ring-2',
   'focus-visible:ring-offset-2',
@@ -54,7 +83,21 @@ export const LUMA_COMPONENT_CLASSES = [
   'focus:ring-primary',
   'focus:ring-primary-9',
   'font-medium',
+  'font-semibold',
+  'gap-1',
+  'gap-1.5',
+  'gap-2',
+  'gap-4',
+  'grid',
+  'grid-rows-[0fr]',
+  'grid-rows-[1fr]',
+  'group',
+  'h-0.5',
+  'h-4',
+  'h-8',
+  'hidden',
   'hover:bg-destructive/90',
+  'hover:bg-gray-100',
   'hover:bg-primary/10',
   'hover:bg-primary/90',
   'hover:bg-secondary/80',
@@ -63,25 +106,87 @@ export const LUMA_COMPONENT_CLASSES = [
   'hover:text-foreground',
   'hover:text-primary',
   'inline-flex',
+  'inset-0',
   'items-center',
+  'items-end',
+  'items-start',
+  'justify-between',
   'justify-center',
+  'justify-end',
+  'justify-start',
+  'leading-none',
+  'leading-relaxed',
+  'left-0',
+  'left-1/2',
+  'left-4',
+  'left-[50%]',
+  'max-h-[60vh]',
+  'max-w-[360px]',
+  'max-w-lg',
+  'max-w-md',
+  'max-w-sm',
+  'max-w-xl',
   'mb-2',
+  'min-w-0',
+  'min-w-[320px]',
+  'mr-2',
+  'mt-2',
+  'mt-4',
+  'opacity-0',
+  'opacity-100',
+  'opacity-70',
+  'overflow-hidden',
+  'overflow-y-auto',
+  'p-1',
+  'p-4',
+  'p-6',
+  'pb-4',
+  'pointer-events-auto',
+  'pointer-events-none',
+  'pt-0',
+  'px-0',
+  'px-2',
+  'px-3',
+  'px-4',
+  'px-5',
+  'py-0.5',
+  'py-1.5',
+  'py-2',
+  'py-2.5',
+  'py-3',
+  'py-4',
   'relative',
+  'right-4',
+  'ring-offset-2',
+  'rotate-0',
+  'rotate-180',
   'rounded-[var(--radius-4)]',
   'rounded-[var(--radius-5)]',
   'rounded-[var(--radius-6)]',
   'rounded-full',
+  'rounded-l-xl',
   'rounded-lg',
   'rounded-md',
   'rounded-none',
   'rounded-sm',
+  'rounded-xl',
+  'self-stretch',
+  'shadow-[var(--shadow-2)]',
+  'shadow-[var(--shadow-3)]',
+  'shadow-[var(--shadow-4)]',
+  'shadow-[var(--shadow-6)]',
+  'shadow-md',
+  'shadow-none',
+  'shrink-0',
+  'slide-in-from-top-2',
+  'slide-out-to-top-2',
+  'sm:text-left',
   'text-2xl',
   'text-base',
   'text-card-foreground',
   'text-center',
-  'text-destructive',
   'text-destructive-foreground',
-  'text-destructive/80',
+  'text-gray-500',
   'text-gray-600',
   'text-gray-900',
   'text-left',
@@ -90,20 +195,30 @@ export const LUMA_COMPONENT_CLASSES = [
   'text-popover-foreground',
   'text-primary',
   'text-primary-12',
-  'text-primary/85',
   'text-secondary-foreground',
   'text-sm',
-  'text-success',
-  'text-success/75',
-  'text-warning',
-  'text-warning/70',
   'text-white',
   'text-xl',
   'text-xs',
+  'top-4',
+  'top-[50%]',
+  'top-center',
+  'top-left',
+  'top-right',
+  'tracking-tight',
   'transition-[grid-template-rows]',
   'transition-all',
   'transition-colors',
   'transition-opacity',
   'transition-transform',
-  'w-full'
+  'translate-x-[-50%]',
+  'translate-y-[-50%]',
+  'w-4',
+  'w-8',
+  'w-auto',
+  'w-full',
+  'whitespace-normal',
+  'whitespace-nowrap',
+  'z-50',
+  'z-[100]'
 ];

package/build/luma.css

@@ -1,5 +1,8 @@
 @import 'tailwindcss';
 
+/* Configure class-based dark mode */
+@variant dark (.dark &);
+
 /* Component class manifest - enables automatic class discovery */
 @source "./luma-classes.js";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumaui/tokens",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Design tokens for Luma UI - Neo-Minimal design system",
   "type": "module",
   "main": "./build/luma.css",