@lumaui/tokens 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/luma-classes.js +75 -0
- package/build/luma-complete.css +21 -0
- package/package.json +7 -5
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Auto-generated manifest of classes used by @lumaui/angular components
|
|
3
|
+
* DO NOT EDIT - This file is regenerated during build
|
|
4
|
+
*
|
|
5
|
+
* This file exists so Tailwind can detect which classes are used
|
|
6
|
+
* without requiring @source directive in user's CSS
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
export const LUMA_COMPONENT_CLASSES = [
|
|
10
|
+
'active:lm-bg-button-danger-bg-active',
|
|
11
|
+
'active:lm-bg-button-primary-bg-active',
|
|
12
|
+
'bg-gradient-to-b',
|
|
13
|
+
'bg-transparent',
|
|
14
|
+
'border',
|
|
15
|
+
'disabled:cursor-not-allowed',
|
|
16
|
+
'disabled:opacity-50',
|
|
17
|
+
'focus-visible:lm-ring-button-focus',
|
|
18
|
+
'focus:outline-none',
|
|
19
|
+
'font-medium',
|
|
20
|
+
'hover:lm-bg-button-danger-bg-hover',
|
|
21
|
+
'hover:lm-bg-button-ghost-bg-hover',
|
|
22
|
+
'hover:lm-bg-button-outline-bg-hover',
|
|
23
|
+
'hover:lm-bg-button-primary-bg-hover',
|
|
24
|
+
'hover:lm-border-button-outline-border-hover',
|
|
25
|
+
'inline-flex',
|
|
26
|
+
'items-center',
|
|
27
|
+
'justify-center',
|
|
28
|
+
'leading-snug',
|
|
29
|
+
'lm-bg-button-danger-bg',
|
|
30
|
+
'lm-bg-button-ghost-bg',
|
|
31
|
+
'lm-bg-button-primary-bg',
|
|
32
|
+
'lm-bg-card-background',
|
|
33
|
+
'lm-bg-card-nested',
|
|
34
|
+
'lm-bg-card-preview',
|
|
35
|
+
'lm-bg-card-shadow',
|
|
36
|
+
'lm-border-button-outline-border',
|
|
37
|
+
'lm-border-card-nested',
|
|
38
|
+
'lm-border-card-preview',
|
|
39
|
+
'lm-border-card-shadow',
|
|
40
|
+
'lm-from-card-gradient-from',
|
|
41
|
+
'lm-p-card',
|
|
42
|
+
'lm-rounded-button',
|
|
43
|
+
'lm-rounded-card-nested',
|
|
44
|
+
'lm-rounded-card-preview',
|
|
45
|
+
'lm-rounded-card-shadow',
|
|
46
|
+
'lm-rounded-lg',
|
|
47
|
+
'lm-shadow-card',
|
|
48
|
+
'lm-shadow-card-shadow',
|
|
49
|
+
'lm-text-button-danger-text',
|
|
50
|
+
'lm-text-button-ghost-text',
|
|
51
|
+
'lm-text-button-outline-text',
|
|
52
|
+
'lm-text-button-primary-text',
|
|
53
|
+
'lm-text-primary',
|
|
54
|
+
'lm-text-secondary',
|
|
55
|
+
'lm-text-size-base',
|
|
56
|
+
'lm-to-card-gradient-to',
|
|
57
|
+
'mb-1',
|
|
58
|
+
'mb-5',
|
|
59
|
+
'p-[1px]',
|
|
60
|
+
'px-[var(--luma-button-padding-x-lg)]',
|
|
61
|
+
'px-[var(--luma-button-padding-x-md)]',
|
|
62
|
+
'px-[var(--luma-button-padding-x-sm)]',
|
|
63
|
+
'py-[var(--luma-button-padding-y-lg)]',
|
|
64
|
+
'py-[var(--luma-button-padding-y-md)]',
|
|
65
|
+
'py-[var(--luma-button-padding-y-sm)]',
|
|
66
|
+
'relative',
|
|
67
|
+
'rounded-[17px]',
|
|
68
|
+
'text-2xl',
|
|
69
|
+
'text-base',
|
|
70
|
+
'text-lg',
|
|
71
|
+
'text-sm',
|
|
72
|
+
'text-xs',
|
|
73
|
+
'transition-[color_var(--luma-button-transition-duration)_var(--luma-button-transition-timing)]',
|
|
74
|
+
'w-full'
|
|
75
|
+
];
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Luma Design System - Complete CSS
|
|
3
|
+
*
|
|
4
|
+
* This file includes:
|
|
5
|
+
* - All design tokens (colors, spacing, typography, etc.)
|
|
6
|
+
* - All Tailwind utilities for Luma components
|
|
7
|
+
* - Internal @source directive (no need to add @source in your project!)
|
|
8
|
+
*
|
|
9
|
+
* Usage in your styles.css:
|
|
10
|
+
* @import 'tailwindcss';
|
|
11
|
+
* @import '@lumaui/tokens';
|
|
12
|
+
*
|
|
13
|
+
* For dark theme support, also add:
|
|
14
|
+
* @import '@lumaui/tokens/dark.css';
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
/* Tell Tailwind to scan the component class manifest */
|
|
18
|
+
@source "./luma-classes.js";
|
|
19
|
+
|
|
20
|
+
/* Import all tokens and utilities */
|
|
21
|
+
@import './luma.css';
|
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lumaui/tokens",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Design tokens for Luma UI - Neo-Minimal design system",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"main": "./build/luma.css",
|
|
6
|
+
"main": "./build/luma-complete.css",
|
|
7
7
|
"exports": {
|
|
8
|
-
".": "./build/luma.css",
|
|
9
|
-
"./styles.css": "./build/luma.css",
|
|
8
|
+
".": "./build/luma-complete.css",
|
|
9
|
+
"./styles.css": "./build/luma-complete.css",
|
|
10
|
+
"./tokens": "./build/luma.css",
|
|
10
11
|
"./dark.css": "./build/luma-dark.css",
|
|
11
12
|
"./styles/dark.css": "./build/luma-dark.css"
|
|
12
13
|
},
|
|
@@ -15,9 +16,10 @@
|
|
|
15
16
|
"README.md"
|
|
16
17
|
],
|
|
17
18
|
"scripts": {
|
|
18
|
-
"build": "npm run build:light && npm run build:dark",
|
|
19
|
+
"build": "npm run build:light && npm run build:dark && npm run build:manifest",
|
|
19
20
|
"build:light": "style-dictionary build --config config.js",
|
|
20
21
|
"build:dark": "style-dictionary build --config config.dark.js",
|
|
22
|
+
"build:manifest": "npx ts-node --esm ../../tools/generate-class-manifest.ts",
|
|
21
23
|
"watch": "npm run build && npm run watch:light & npm run watch:dark",
|
|
22
24
|
"watch:light": "style-dictionary build --config config.js --watch",
|
|
23
25
|
"watch:dark": "style-dictionary build --config config.dark.js --watch"
|