ezux 1.1.10 → 1.1.11

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.
Files changed (2) hide show
  1. package/dist/theme-vars.css +156 -0
  2. package/package.json +7 -7
package/dist/theme-vars.css ADDED
@@ -0,0 +1,156 @@
1
+ /*
2
+ Initial theme variables (Blue light mode as default).
3
+ These MUST be defined before @theme so Tailwind can reference them.
4
+ They are overridden dynamically by ThemeService.ts based on user preferences.
5
+ */
6
+ :root {
7
+ /* Light Mode - High Contrast */
8
+ --background: oklch(1 0 0);
9
+ --foreground: oklch(0.145 0 0);
10
+ --card: oklch(1 0 0);
11
+ --card-foreground: oklch(0.145 0 0);
12
+ --popover: oklch(1 0 0);
13
+ --popover-foreground: oklch(0.145 0 0);
14
+ --primary: oklch(0.205 0 0);
15
+ --primary-foreground: oklch(0.985 0 0);
16
+ --secondary: oklch(0.97 0 0);
17
+ --secondary-foreground: oklch(0.205 0 0);
18
+ --muted: oklch(0.97 0 0);
19
+ --muted-foreground: oklch(0.556 0 0);
20
+ --accent: oklch(0.97 0 0);
21
+ --accent-foreground: oklch(0.205 0 0);
22
+ --destructive: oklch(0.577 0.245 27.325);
23
+ --destructive-foreground: oklch(100% 0 0deg);
24
+ --border: oklch(0.922 0 0);
25
+ --input: oklch(0.922 0 0);
26
+ --ring: oklch(0.708 0 0);
27
+ /* Status Badge Tokens - Light Mode */
28
+ --ez-status-success-bg: oklch(0.962 0.044 156.74);
29
+ --ez-status-success-text: oklch(0.208 0.042 165.74);
30
+ --ez-status-success-border: oklch(0.895 0.051 163.22);
31
+ --ez-status-success-dot: oklch(0.527 0.154 160.06);
32
+
33
+ --ez-status-warning-bg: oklch(0.962 0.059 95.617);
34
+ --ez-status-warning-text: oklch(0.25 0.05 90);
35
+ --ez-status-warning-border: oklch(0.89 0.06 90);
36
+ --ez-status-warning-dot: oklch(0.65 0.18 85);
37
+
38
+ --ez-status-error-bg: oklch(0.941 0.03 12.58);
39
+ --ez-status-error-text: oklch(0.25 0.04 15);
40
+ --ez-status-error-border: oklch(0.88 0.04 15);
41
+ --ez-status-error-dot: oklch(0.6 0.18 20);
42
+
43
+ --ez-status-info-bg: oklch(0.94 0.03 240);
44
+ --ez-status-info-text: oklch(0.25 0.04 245);
45
+ --ez-status-info-border: oklch(0.88 0.04 245);
46
+ --ez-status-info-dot: oklch(0.55 0.18 250);
47
+
48
+ --ez-status-neutral-bg: oklch(0.96 0 0);
49
+ --ez-status-neutral-text: oklch(0.2 0 0);
50
+ --ez-status-neutral-border: oklch(0.92 0 0);
51
+ --ez-status-neutral-dot: oklch(0.6 0 0);
52
+
53
+ --radius: 0.625rem;
54
+ --chart-1: oklch(0.646 0.222 41.116);
55
+ --chart-2: oklch(0.6 0.118 184.704);
56
+ --chart-3: oklch(0.398 0.07 227.392);
57
+ --chart-4: oklch(0.828 0.189 84.429);
58
+ --chart-5: oklch(0.769 0.188 70.08);
59
+ --sidebar: oklch(0.985 0 0);
60
+ --sidebar-foreground: oklch(0.145 0 0);
61
+ --sidebar-primary: oklch(0.205 0 0);
62
+ --sidebar-primary-foreground: oklch(0.985 0 0);
63
+ --sidebar-accent: oklch(0.97 0 0);
64
+ --sidebar-accent-foreground: oklch(0.205 0 0);
65
+ --sidebar-border: oklch(0.922 0 0);
66
+ --sidebar-ring: oklch(0.708 0 0);
67
+
68
+ /* White Label Selection & Highlights */
69
+ --ez-selection: oklch(0.92 0.04 240);
70
+ --ez-selection-foreground: oklch(0.25 0.04 245);
71
+ --ez-highlight: oklch(0.97 0.01 240);
72
+ --ez-highlight-foreground: oklch(0.3 0.02 240);
73
+ --ez-success: oklch(0.627 0.154 160.06);
74
+ --ez-success-foreground: oklch(1 0 0);
75
+ --ez-error: oklch(0.577 0.245 27.325);
76
+ --ez-error-foreground: oklch(1 0 0);
77
+ --ez-warning: oklch(0.85 0.15 85);
78
+ --ez-warning-foreground: oklch(0.2 0.05 90);
79
+ --ez-background-secondary: oklch(0.98 0 0);
80
+ }
81
+
82
+ .dark {
83
+ /* Dark Mode - Low Glare */
84
+ --background: oklch(0.145 0 0);
85
+ --foreground: oklch(0.985 0 0);
86
+ --card: oklch(0.205 0 0);
87
+ --card-foreground: oklch(0.985 0 0);
88
+ --popover: oklch(0.205 0 0);
89
+ --popover-foreground: oklch(0.985 0 0);
90
+ --primary: oklch(0.922 0 0);
91
+ --primary-foreground: oklch(0.205 0 0);
92
+ --secondary: oklch(0.269 0 0);
93
+ --secondary-foreground: oklch(0.985 0 0);
94
+ --muted: oklch(0.269 0 0);
95
+ --muted-foreground: oklch(0.708 0 0);
96
+ --accent: oklch(0.269 0 0);
97
+ --accent-foreground: oklch(0.985 0 0);
98
+ --destructive: oklch(0.704 0.191 22.216);
99
+ --destructive-foreground: oklch(90% 0.01 240deg);
100
+ --border: oklch(1 0 0 / 10%);
101
+ --input: oklch(1 0 0 / 15%);
102
+ --ring: oklch(0.556 0 0);
103
+ /* Status Badge Tokens - Dark Mode */
104
+ --ez-status-success-bg: oklch(0.85 0.1 160);
105
+ --ez-status-success-text: black;
106
+ --ez-status-success-border: oklch(0.7 0.08 160);
107
+ --ez-status-success-dot: oklch(0.3 0.05 160);
108
+
109
+ --ez-status-warning-bg: oklch(0.88 0.15 90);
110
+ --ez-status-warning-text: black;
111
+ --ez-status-warning-border: oklch(0.75 0.1 90);
112
+ --ez-status-warning-dot: oklch(0.4 0.08 90);
113
+
114
+ --ez-status-error-bg: oklch(0.85 0.12 25);
115
+ --ez-status-error-text: black;
116
+ --ez-status-error-border: oklch(0.7 0.1 25);
117
+ --ez-status-error-dot: oklch(0.35 0.08 25);
118
+
119
+ --ez-status-info-bg: oklch(0.85 0.1 250);
120
+ --ez-status-info-text: black;
121
+ --ez-status-info-border: oklch(0.7 0.08 250);
122
+ --ez-status-info-dot: oklch(0.3 0.05 250);
123
+
124
+ --ez-status-neutral-bg: oklch(0.2 0 0);
125
+ --ez-status-neutral-text: oklch(0.9 0 0);
126
+ --ez-status-neutral-border: oklch(1 0 0 / 20%);
127
+ --ez-status-neutral-dot: oklch(0.7 0 0);
128
+
129
+ --radius: 0.5rem;
130
+ --chart-1: oklch(0.488 0.243 264.376);
131
+ --chart-2: oklch(0.696 0.17 162.48);
132
+ --chart-3: oklch(0.769 0.188 70.08);
133
+ --chart-4: oklch(0.627 0.265 303.9);
134
+ --chart-5: oklch(0.645 0.246 16.439);
135
+ --sidebar: oklch(0.205 0 0);
136
+ --sidebar-foreground: oklch(0.985 0 0);
137
+ --sidebar-primary: oklch(0.488 0.243 264.376);
138
+ --sidebar-primary-foreground: oklch(0.985 0 0);
139
+ --sidebar-accent: oklch(0.269 0 0);
140
+ --sidebar-accent-foreground: oklch(0.985 0 0);
141
+ --sidebar-border: oklch(1 0 0 / 10%);
142
+ --sidebar-ring: oklch(0.556 0 0);
143
+
144
+ /* White Label Selection & Highlights - Dark Mode */
145
+ --ez-selection: oklch(0.3 0.04 240);
146
+ --ez-selection-foreground: oklch(0.9 0.02 240);
147
+ --ez-highlight: oklch(0.2 0.02 240);
148
+ --ez-highlight-foreground: oklch(0.8 0.02 240);
149
+ --ez-success: oklch(0.6 0.15 160);
150
+ --ez-success-foreground: oklch(0.1 0 0);
151
+ --ez-error: oklch(0.6 0.2 25);
152
+ --ez-error-foreground: oklch(0.1 0 0);
153
+ --ez-warning: oklch(0.7 0.15 85);
154
+ --ez-warning-foreground: oklch(0.1 0.05 90);
155
+ --ez-background-secondary: oklch(0.2 0 0);
156
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ezux",
3
- "version": "1.1.10",
3
+ "version": "1.1.11",
4
4
  "description": "A comprehensive, type-safe TanStack First Advance component library designed for modern enterprise applications.",
5
5
  "keywords": [
6
6
  "react",
@@ -66,22 +66,22 @@
66
66
  "require": "./dist/signature.cjs"
67
67
  },
68
68
  "./table/types": {
69
- "types": "./dist/components/EzTable/types/index.d.ts"
69
+ "types": "./dist/table.d.ts"
70
70
  },
71
71
  "./scheduler/types": {
72
- "types": "./dist/components/EzScheduler/types/index.d.ts"
72
+ "types": "./dist/scheduler.d.ts"
73
73
  },
74
74
  "./kanban/types": {
75
- "types": "./dist/components/EzKanban/types/index.d.ts"
75
+ "types": "./dist/kanban.d.ts"
76
76
  },
77
77
  "./layout/types": {
78
- "types": "./dist/components/EzLayout/EzLayout.types.d.ts"
78
+ "types": "./dist/layout.d.ts"
79
79
  },
80
80
  "./treeview/types": {
81
- "types": "./dist/components/EzTreeView/EzTreeView.types.d.ts"
81
+ "types": "./dist/treeview.d.ts"
82
82
  },
83
83
  "./signature/types": {
84
- "types": "./dist/components/EzSignature/EzSignature.types.d.ts"
84
+ "types": "./dist/signature.d.ts"
85
85
  },
86
86
  "./dist/theme-vars.css": "./dist/theme-vars.css",
87
87
  "./dist/ezux.css": "./dist/ezux.css"