@cryptlex/web-components 6.6.6-alpha75 → 6.6.6-alpha76

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 (22) hide show
  1. package/dist/components/alert.js +1 -1
  2. package/dist/components/alert.js.map +1 -1
  3. package/dist/components/badge.js +1 -1
  4. package/dist/components/badge.js.map +1 -1
  5. package/dist/components/button.js +1 -1
  6. package/dist/components/button.js.map +1 -1
  7. package/dist/components/calendar.js +1 -1
  8. package/dist/components/calendar.js.map +1 -1
  9. package/dist/components/checkbox.js +1 -1
  10. package/dist/components/checkbox.js.map +1 -1
  11. package/dist/components/data-table.js +1 -1
  12. package/dist/components/data-table.js.map +1 -1
  13. package/dist/components/kbd.js +1 -1
  14. package/dist/components/kbd.js.map +1 -1
  15. package/dist/components/numberfield.js +1 -1
  16. package/dist/components/numberfield.js.map +1 -1
  17. package/dist/utilities/errors.d.ts +0 -9
  18. package/dist/utilities/errors.js +1 -1
  19. package/dist/utilities/errors.js.map +1 -1
  20. package/lib/index.css +8 -11
  21. package/lib/tokens.css +239 -51
  22. package/package.json +1 -1
package/lib/index.css CHANGED
@@ -3,9 +3,6 @@
3
3
  @import './tokens.css';
4
4
  /** https://tailwindcss.com/docs/theme#theme-variable-namespaces */
5
5
  @theme static {
6
- /* Radius */
7
- --radius-*: initial;
8
-
9
6
  /* Text Sizes */
10
7
  /* Reset all default text sizes */
11
8
  --text-*: initial;
@@ -144,23 +141,23 @@
144
141
 
145
142
  /* A base set of classes for elements that can be clicked */
146
143
  @utility btn {
147
- @apply inline-flex body-sm gap-1 disabled:pointer-events-none text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 [&_svg]:opacity-70 leading-tight outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring;
144
+ @apply inline-flex body-sm gap-1 px-2 disabled:pointer-events-none text-ellipsis overflow-hidden items-center justify-center font-medium transition-colors cursor-pointer ring-offset-background [&_svg:not([class*='size-'])]:size-icon shrink-0 [&_svg]:shrink-0 [&_svg]:opacity-70 leading-tight outline-none no-underline whitespace-nowrap select-none disabled-muted focus-ring hover:opacity-80 focus:opacity-80;
148
145
  }
149
146
 
150
147
  @utility btn-link {
151
148
  @apply btn-ghost underline underline-offset-2;
152
149
  }
153
150
  @utility btn-primary {
154
- @apply border border-primary text-primary bg-primary/10 hover:bg-primary/20 focus:bg-primary/20;
151
+ @apply border border-primary text-primary-foreground bg-primary;
155
152
  }
156
153
  @utility btn-destructive {
157
- @apply border border-destructive text-destructive bg-destructive/10 hover:bg-destructive/20 focus:bg-destructive/20;
158
- }
159
- @utility btn-neutral {
160
- @apply border border-input text-accent bg-accent/10 hover:bg-accent/20 focus:bg-accent/20;
154
+ @apply border border-destructive text-destructive-foreground bg-destructive;
161
155
  }
162
156
  @utility btn-secondary {
163
- @apply border border-secondary text-secondary bg-secondary/10 hover:bg-secondary/20 focus:bg-secondary/20;
157
+ @apply border border-secondary text-secondary-foreground bg-secondary;
158
+ }
159
+ @utility btn-neutral {
160
+ @apply border border-input text-accent bg-accent/10;
164
161
  }
165
162
  @utility btn-ghost {
166
163
  @apply bg-transparent focus:bg-accent/20 hover:bg-accent/20;
@@ -170,7 +167,7 @@
170
167
  }
171
168
  /* Dimensions for a standard input */
172
169
  @utility input-dim {
173
- @apply h-input px-2 py-2 body-sm leading-tight;
170
+ @apply h-input px-3 py-2 body-sm rounded-md leading-tight;
174
171
  }
175
172
 
176
173
  @utility form-field {
package/lib/tokens.css CHANGED
@@ -3,17 +3,54 @@
3
3
  Instead, compile the SCSS file again to create modifications.
4
4
  */
5
5
  :root {
6
+ --lc-range-start: 0.12;
7
+ --lc-range-end: 0.92;
8
+ --c-range-start: 0.01;
9
+ --c-range-end: 0.25;
6
10
  --primary-hue: 240;
7
- --xprimary-1: oklch(0.99 0.01 var(--primary-hue));
8
- --xprimary-2: oklch(0.97 0.03 var(--primary-hue));
9
- --xprimary-3: oklch(0.9 0.04 var(--primary-hue));
10
- --xprimary-4: oklch(0.72 0.13 var(--primary-hue));
11
- --xprimary-5: oklch(0.67 0.13 var(--primary-hue));
12
- --xprimary-6: oklch(0.5 0.13 var(--primary-hue));
13
- --xprimary-7: oklch(0.35 0.13 var(--primary-hue));
14
- --xprimary-8: oklch(0.25 0.13 var(--primary-hue));
15
- --xprimary-9: oklch(0.2 0.09 var(--primary-hue));
16
- --xprimary-10: oklch(0.1 0.03 var(--primary-hue));
11
+ --primary-c-start: var(--c-range-start);
12
+ --primary-c-end: var(--c-range-end);
13
+ --xprimary-1: oklch(
14
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
15
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (1 / 10)) var(--primary-hue)
16
+ );
17
+ --xprimary-2: oklch(
18
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
19
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (2 / 10)) var(--primary-hue)
20
+ );
21
+ --xprimary-3: oklch(
22
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
23
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (3 / 10)) var(--primary-hue)
24
+ );
25
+ --xprimary-4: oklch(
26
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
27
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (4 / 10)) var(--primary-hue)
28
+ );
29
+ --xprimary-5: oklch(
30
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
31
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (5 / 10)) var(--primary-hue)
32
+ );
33
+ --xprimary-6: oklch(
34
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
35
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (6 / 10)) var(--primary-hue)
36
+ );
37
+ --xprimary-7: oklch(
38
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
39
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (7 / 10)) var(--primary-hue)
40
+ );
41
+ --xprimary-8: oklch(
42
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
43
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (8 / 10)) var(--primary-hue)
44
+ );
45
+ --xprimary-9: oklch(
46
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
47
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (9 / 10)) var(--primary-hue)
48
+ );
49
+ --xprimary-10: oklch(
50
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
51
+ calc(var(--primary-c-start) + (var(--primary-c-end) - var(--primary-c-start)) * (10 / 10))
52
+ var(--primary-hue)
53
+ );
17
54
  --primary-1: var(--xprimary-1);
18
55
  --primary-2: var(--xprimary-2);
19
56
  --primary-3: var(--xprimary-3);
@@ -25,16 +62,58 @@
25
62
  --primary-9: var(--xprimary-9);
26
63
  --primary-10: var(--xprimary-10);
27
64
  --secondary-hue: calc(var(--primary-hue) + 30);
28
- --xsecondary-1: oklch(0.99 0.01 var(--secondary-hue));
29
- --xsecondary-2: oklch(0.97 0.03 var(--secondary-hue));
30
- --xsecondary-3: oklch(0.9 0.04 var(--secondary-hue));
31
- --xsecondary-4: oklch(0.72 0.13 var(--secondary-hue));
32
- --xsecondary-5: oklch(0.67 0.13 var(--secondary-hue));
33
- --xsecondary-6: oklch(0.5 0.13 var(--secondary-hue));
34
- --xsecondary-7: oklch(0.35 0.13 var(--secondary-hue));
35
- --xsecondary-8: oklch(0.25 0.13 var(--secondary-hue));
36
- --xsecondary-9: oklch(0.2 0.09 var(--secondary-hue));
37
- --xsecondary-10: oklch(0.1 0.03 var(--secondary-hue));
65
+ --secondary-c-start: var(--c-range-start);
66
+ --secondary-c-end: var(--c-range-end);
67
+ --xsecondary-1: oklch(
68
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
69
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (1 / 10))
70
+ var(--secondary-hue)
71
+ );
72
+ --xsecondary-2: oklch(
73
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
74
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (2 / 10))
75
+ var(--secondary-hue)
76
+ );
77
+ --xsecondary-3: oklch(
78
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
79
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (3 / 10))
80
+ var(--secondary-hue)
81
+ );
82
+ --xsecondary-4: oklch(
83
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
84
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (4 / 10))
85
+ var(--secondary-hue)
86
+ );
87
+ --xsecondary-5: oklch(
88
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
89
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (5 / 10))
90
+ var(--secondary-hue)
91
+ );
92
+ --xsecondary-6: oklch(
93
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
94
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (6 / 10))
95
+ var(--secondary-hue)
96
+ );
97
+ --xsecondary-7: oklch(
98
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
99
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (7 / 10))
100
+ var(--secondary-hue)
101
+ );
102
+ --xsecondary-8: oklch(
103
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
104
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (8 / 10))
105
+ var(--secondary-hue)
106
+ );
107
+ --xsecondary-9: oklch(
108
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
109
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (9 / 10))
110
+ var(--secondary-hue)
111
+ );
112
+ --xsecondary-10: oklch(
113
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
114
+ calc(var(--secondary-c-start) + (var(--secondary-c-end) - var(--secondary-c-start)) * (10 / 10))
115
+ var(--secondary-hue)
116
+ );
38
117
  --secondary-1: var(--xsecondary-1);
39
118
  --secondary-2: var(--xsecondary-2);
40
119
  --secondary-3: var(--xsecondary-3);
@@ -46,16 +125,58 @@
46
125
  --secondary-9: var(--xsecondary-9);
47
126
  --secondary-10: var(--xsecondary-10);
48
127
  --destructive-hue: 10;
49
- --xdestructive-1: oklch(0.99 0.01 var(--destructive-hue));
50
- --xdestructive-2: oklch(0.97 0.03 var(--destructive-hue));
51
- --xdestructive-3: oklch(0.9 0.04 var(--destructive-hue));
52
- --xdestructive-4: oklch(0.72 0.13 var(--destructive-hue));
53
- --xdestructive-5: oklch(0.67 0.13 var(--destructive-hue));
54
- --xdestructive-6: oklch(0.5 0.13 var(--destructive-hue));
55
- --xdestructive-7: oklch(0.35 0.13 var(--destructive-hue));
56
- --xdestructive-8: oklch(0.25 0.13 var(--destructive-hue));
57
- --xdestructive-9: oklch(0.2 0.09 var(--destructive-hue));
58
- --xdestructive-10: oklch(0.1 0.03 var(--destructive-hue));
128
+ --destructive-c-start: var(--c-range-start);
129
+ --destructive-c-end: var(--c-range-end);
130
+ --xdestructive-1: oklch(
131
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
132
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (1 / 10))
133
+ var(--destructive-hue)
134
+ );
135
+ --xdestructive-2: oklch(
136
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
137
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (2 / 10))
138
+ var(--destructive-hue)
139
+ );
140
+ --xdestructive-3: oklch(
141
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
142
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (3 / 10))
143
+ var(--destructive-hue)
144
+ );
145
+ --xdestructive-4: oklch(
146
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
147
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (4 / 10))
148
+ var(--destructive-hue)
149
+ );
150
+ --xdestructive-5: oklch(
151
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
152
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (5 / 10))
153
+ var(--destructive-hue)
154
+ );
155
+ --xdestructive-6: oklch(
156
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
157
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (6 / 10))
158
+ var(--destructive-hue)
159
+ );
160
+ --xdestructive-7: oklch(
161
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
162
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (7 / 10))
163
+ var(--destructive-hue)
164
+ );
165
+ --xdestructive-8: oklch(
166
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
167
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (8 / 10))
168
+ var(--destructive-hue)
169
+ );
170
+ --xdestructive-9: oklch(
171
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
172
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (9 / 10))
173
+ var(--destructive-hue)
174
+ );
175
+ --xdestructive-10: oklch(
176
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
177
+ calc(var(--destructive-c-start) + (var(--destructive-c-end) - var(--destructive-c-start)) * (10 / 10))
178
+ var(--destructive-hue)
179
+ );
59
180
  --destructive-1: var(--xdestructive-1);
60
181
  --destructive-2: var(--xdestructive-2);
61
182
  --destructive-3: var(--xdestructive-3);
@@ -67,16 +188,49 @@
67
188
  --destructive-9: var(--xdestructive-9);
68
189
  --destructive-10: var(--xdestructive-10);
69
190
  --success-hue: 150;
70
- --xsuccess-1: oklch(0.99 0.01 var(--success-hue));
71
- --xsuccess-2: oklch(0.97 0.03 var(--success-hue));
72
- --xsuccess-3: oklch(0.9 0.04 var(--success-hue));
73
- --xsuccess-4: oklch(0.72 0.13 var(--success-hue));
74
- --xsuccess-5: oklch(0.67 0.13 var(--success-hue));
75
- --xsuccess-6: oklch(0.5 0.13 var(--success-hue));
76
- --xsuccess-7: oklch(0.35 0.13 var(--success-hue));
77
- --xsuccess-8: oklch(0.25 0.13 var(--success-hue));
78
- --xsuccess-9: oklch(0.2 0.09 var(--success-hue));
79
- --xsuccess-10: oklch(0.1 0.03 var(--success-hue));
191
+ --success-c-start: var(--c-range-start);
192
+ --success-c-end: var(--c-range-end);
193
+ --xsuccess-1: oklch(
194
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
195
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (1 / 10)) var(--success-hue)
196
+ );
197
+ --xsuccess-2: oklch(
198
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
199
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (2 / 10)) var(--success-hue)
200
+ );
201
+ --xsuccess-3: oklch(
202
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
203
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (3 / 10)) var(--success-hue)
204
+ );
205
+ --xsuccess-4: oklch(
206
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
207
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (4 / 10)) var(--success-hue)
208
+ );
209
+ --xsuccess-5: oklch(
210
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
211
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (5 / 10)) var(--success-hue)
212
+ );
213
+ --xsuccess-6: oklch(
214
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
215
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (6 / 10)) var(--success-hue)
216
+ );
217
+ --xsuccess-7: oklch(
218
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
219
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (7 / 10)) var(--success-hue)
220
+ );
221
+ --xsuccess-8: oklch(
222
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
223
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (8 / 10)) var(--success-hue)
224
+ );
225
+ --xsuccess-9: oklch(
226
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
227
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (9 / 10)) var(--success-hue)
228
+ );
229
+ --xsuccess-10: oklch(
230
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
231
+ calc(var(--success-c-start) + (var(--success-c-end) - var(--success-c-start)) * (10 / 10))
232
+ var(--success-hue)
233
+ );
80
234
  --success-1: var(--xsuccess-1);
81
235
  --success-2: var(--xsuccess-2);
82
236
  --success-3: var(--xsuccess-3);
@@ -88,17 +242,49 @@
88
242
  --success-9: var(--xsuccess-9);
89
243
  --success-10: var(--xsuccess-10);
90
244
  --neutral-hue: var(--primary-hue);
91
- --neutral-s: 0.0005;
92
- --xneutral-1: oklch(0.99 var(--neutral-s) var(--neutral-hue));
93
- --xneutral-2: oklch(0.97 var(--neutral-s) var(--neutral-hue));
94
- --xneutral-3: oklch(0.93 var(--neutral-s) var(--neutral-hue));
95
- --xneutral-4: oklch(0.85 var(--neutral-s) var(--neutral-hue));
96
- --xneutral-5: oklch(0.7 var(--neutral-s) var(--neutral-hue));
97
- --xneutral-6: oklch(0.55 var(--neutral-s) var(--neutral-hue));
98
- --xneutral-7: oklch(0.4 var(--neutral-s) var(--neutral-hue));
99
- --xneutral-8: oklch(0.3 var(--neutral-s) var(--neutral-hue));
100
- --xneutral-9: oklch(0.2 var(--neutral-s) var(--neutral-hue));
101
- --xneutral-10: oklch(0.12 var(--neutral-s) var(--neutral-hue));
245
+ --neutral-c-start: var(--c-range-start);
246
+ --neutral-c-end: var(--c-range-end);
247
+ --xneutral-1: oklch(
248
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
249
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (1 / 10)) var(--neutral-hue)
250
+ );
251
+ --xneutral-2: oklch(
252
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
253
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (2 / 10)) var(--neutral-hue)
254
+ );
255
+ --xneutral-3: oklch(
256
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
257
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (3 / 10)) var(--neutral-hue)
258
+ );
259
+ --xneutral-4: oklch(
260
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
261
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (4 / 10)) var(--neutral-hue)
262
+ );
263
+ --xneutral-5: oklch(
264
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
265
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (5 / 10)) var(--neutral-hue)
266
+ );
267
+ --xneutral-6: oklch(
268
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
269
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (6 / 10)) var(--neutral-hue)
270
+ );
271
+ --xneutral-7: oklch(
272
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
273
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (7 / 10)) var(--neutral-hue)
274
+ );
275
+ --xneutral-8: oklch(
276
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
277
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (8 / 10)) var(--neutral-hue)
278
+ );
279
+ --xneutral-9: oklch(
280
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
281
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (9 / 10)) var(--neutral-hue)
282
+ );
283
+ --xneutral-10: oklch(
284
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
285
+ calc(var(--neutral-c-start) + (var(--neutral-c-end) - var(--neutral-c-start)) * (10 / 10))
286
+ var(--neutral-hue)
287
+ );
102
288
  --neutral-1: var(--xneutral-1);
103
289
  --neutral-2: var(--xneutral-2);
104
290
  --neutral-3: var(--xneutral-3);
@@ -109,6 +295,8 @@
109
295
  --neutral-8: var(--xneutral-8);
110
296
  --neutral-9: var(--xneutral-9);
111
297
  --neutral-10: var(--xneutral-10);
298
+ --neutral-c-start: 0;
299
+ --neutral-c-end: 0.005;
112
300
  }
113
301
  @media (prefers-color-scheme: dark) {
114
302
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptlex/web-components",
3
- "version": "6.6.6-alpha75",
3
+ "version": "6.6.6-alpha76",
4
4
  "description": "React component library for Cryptlex web applications",
5
5
  "author": "Cryptlex",
6
6
  "type": "module",