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

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/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;
@@ -71,7 +68,7 @@
71
68
  --color-success-10: var(--success-10);
72
69
 
73
70
  --color-background: var(--color-neutral-3);
74
- --color-foreground: var(--color-neutral-8);
71
+ --color-foreground: var(--color-neutral-9);
75
72
  --color-elevation-1: var(--color-neutral-2);
76
73
  --color-elevation-2: var(--color-neutral-1);
77
74
 
@@ -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,53 @@
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)) * (10 / 10))
15
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (10 / 10)) var(--primary-hue)
16
+ );
17
+ --xprimary-2: oklch(
18
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
19
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (9 / 10)) var(--primary-hue)
20
+ );
21
+ --xprimary-3: oklch(
22
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
23
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (8 / 10)) var(--primary-hue)
24
+ );
25
+ --xprimary-4: oklch(
26
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
27
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (7 / 10)) var(--primary-hue)
28
+ );
29
+ --xprimary-5: oklch(
30
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
31
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (6 / 10)) var(--primary-hue)
32
+ );
33
+ --xprimary-6: oklch(
34
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
35
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (5 / 10)) var(--primary-hue)
36
+ );
37
+ --xprimary-7: oklch(
38
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
39
+ calc((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)) * (3 / 10))
43
+ calc((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)) * (2 / 10))
47
+ calc((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)) * (1 / 10))
51
+ calc((var(--primary-c-end) - var(--primary-c-start)) * (10 / 10)) var(--primary-hue)
52
+ );
17
53
  --primary-1: var(--xprimary-1);
18
54
  --primary-2: var(--xprimary-2);
19
55
  --primary-3: var(--xprimary-3);
@@ -25,16 +61,48 @@
25
61
  --primary-9: var(--xprimary-9);
26
62
  --primary-10: var(--xprimary-10);
27
63
  --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));
64
+ --secondary-c-start: var(--c-range-start);
65
+ --secondary-c-end: var(--c-range-end);
66
+ --xsecondary-1: oklch(
67
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
68
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (10 / 10)) var(--secondary-hue)
69
+ );
70
+ --xsecondary-2: oklch(
71
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
72
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (9 / 10)) var(--secondary-hue)
73
+ );
74
+ --xsecondary-3: oklch(
75
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
76
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (8 / 10)) var(--secondary-hue)
77
+ );
78
+ --xsecondary-4: oklch(
79
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
80
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (7 / 10)) var(--secondary-hue)
81
+ );
82
+ --xsecondary-5: oklch(
83
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
84
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (6 / 10)) var(--secondary-hue)
85
+ );
86
+ --xsecondary-6: oklch(
87
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
88
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (5 / 10)) var(--secondary-hue)
89
+ );
90
+ --xsecondary-7: oklch(
91
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
92
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (7 / 10)) var(--secondary-hue)
93
+ );
94
+ --xsecondary-8: oklch(
95
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
96
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (8 / 10)) var(--secondary-hue)
97
+ );
98
+ --xsecondary-9: oklch(
99
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
100
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (9 / 10)) var(--secondary-hue)
101
+ );
102
+ --xsecondary-10: oklch(
103
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
104
+ calc((var(--secondary-c-end) - var(--secondary-c-start)) * (10 / 10)) var(--secondary-hue)
105
+ );
38
106
  --secondary-1: var(--xsecondary-1);
39
107
  --secondary-2: var(--xsecondary-2);
40
108
  --secondary-3: var(--xsecondary-3);
@@ -46,16 +114,48 @@
46
114
  --secondary-9: var(--xsecondary-9);
47
115
  --secondary-10: var(--xsecondary-10);
48
116
  --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));
117
+ --destructive-c-start: var(--c-range-start);
118
+ --destructive-c-end: var(--c-range-end);
119
+ --xdestructive-1: oklch(
120
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
121
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (10 / 10)) var(--destructive-hue)
122
+ );
123
+ --xdestructive-2: oklch(
124
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
125
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (9 / 10)) var(--destructive-hue)
126
+ );
127
+ --xdestructive-3: oklch(
128
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
129
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (8 / 10)) var(--destructive-hue)
130
+ );
131
+ --xdestructive-4: oklch(
132
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
133
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (7 / 10)) var(--destructive-hue)
134
+ );
135
+ --xdestructive-5: oklch(
136
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
137
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (6 / 10)) var(--destructive-hue)
138
+ );
139
+ --xdestructive-6: oklch(
140
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
141
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (5 / 10)) var(--destructive-hue)
142
+ );
143
+ --xdestructive-7: oklch(
144
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
145
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (7 / 10)) var(--destructive-hue)
146
+ );
147
+ --xdestructive-8: oklch(
148
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
149
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (8 / 10)) var(--destructive-hue)
150
+ );
151
+ --xdestructive-9: oklch(
152
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
153
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (9 / 10)) var(--destructive-hue)
154
+ );
155
+ --xdestructive-10: oklch(
156
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
157
+ calc((var(--destructive-c-end) - var(--destructive-c-start)) * (10 / 10)) var(--destructive-hue)
158
+ );
59
159
  --destructive-1: var(--xdestructive-1);
60
160
  --destructive-2: var(--xdestructive-2);
61
161
  --destructive-3: var(--xdestructive-3);
@@ -67,16 +167,48 @@
67
167
  --destructive-9: var(--xdestructive-9);
68
168
  --destructive-10: var(--xdestructive-10);
69
169
  --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));
170
+ --success-c-start: var(--c-range-start);
171
+ --success-c-end: var(--c-range-end);
172
+ --xsuccess-1: oklch(
173
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
174
+ calc((var(--success-c-end) - var(--success-c-start)) * (10 / 10)) var(--success-hue)
175
+ );
176
+ --xsuccess-2: oklch(
177
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
178
+ calc((var(--success-c-end) - var(--success-c-start)) * (9 / 10)) var(--success-hue)
179
+ );
180
+ --xsuccess-3: oklch(
181
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
182
+ calc((var(--success-c-end) - var(--success-c-start)) * (8 / 10)) var(--success-hue)
183
+ );
184
+ --xsuccess-4: oklch(
185
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
186
+ calc((var(--success-c-end) - var(--success-c-start)) * (7 / 10)) var(--success-hue)
187
+ );
188
+ --xsuccess-5: oklch(
189
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
190
+ calc((var(--success-c-end) - var(--success-c-start)) * (6 / 10)) var(--success-hue)
191
+ );
192
+ --xsuccess-6: oklch(
193
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
194
+ calc((var(--success-c-end) - var(--success-c-start)) * (5 / 10)) var(--success-hue)
195
+ );
196
+ --xsuccess-7: oklch(
197
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
198
+ calc((var(--success-c-end) - var(--success-c-start)) * (7 / 10)) var(--success-hue)
199
+ );
200
+ --xsuccess-8: oklch(
201
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
202
+ calc((var(--success-c-end) - var(--success-c-start)) * (8 / 10)) var(--success-hue)
203
+ );
204
+ --xsuccess-9: oklch(
205
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
206
+ calc((var(--success-c-end) - var(--success-c-start)) * (9 / 10)) var(--success-hue)
207
+ );
208
+ --xsuccess-10: oklch(
209
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
210
+ calc((var(--success-c-end) - var(--success-c-start)) * (10 / 10)) var(--success-hue)
211
+ );
80
212
  --success-1: var(--xsuccess-1);
81
213
  --success-2: var(--xsuccess-2);
82
214
  --success-3: var(--xsuccess-3);
@@ -88,17 +220,48 @@
88
220
  --success-9: var(--xsuccess-9);
89
221
  --success-10: var(--xsuccess-10);
90
222
  --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));
223
+ --neutral-c-start: var(--c-range-start);
224
+ --neutral-c-end: var(--c-range-end);
225
+ --xneutral-1: oklch(
226
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (10 / 10))
227
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (10 / 10)) var(--neutral-hue)
228
+ );
229
+ --xneutral-2: oklch(
230
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (9 / 10))
231
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (9 / 10)) var(--neutral-hue)
232
+ );
233
+ --xneutral-3: oklch(
234
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (8 / 10))
235
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (8 / 10)) var(--neutral-hue)
236
+ );
237
+ --xneutral-4: oklch(
238
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (7 / 10))
239
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (7 / 10)) var(--neutral-hue)
240
+ );
241
+ --xneutral-5: oklch(
242
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (6 / 10))
243
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (6 / 10)) var(--neutral-hue)
244
+ );
245
+ --xneutral-6: oklch(
246
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (5 / 10))
247
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (5 / 10)) var(--neutral-hue)
248
+ );
249
+ --xneutral-7: oklch(
250
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (4 / 10))
251
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (7 / 10)) var(--neutral-hue)
252
+ );
253
+ --xneutral-8: oklch(
254
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (3 / 10))
255
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (8 / 10)) var(--neutral-hue)
256
+ );
257
+ --xneutral-9: oklch(
258
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (2 / 10))
259
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (9 / 10)) var(--neutral-hue)
260
+ );
261
+ --xneutral-10: oklch(
262
+ calc(var(--lc-range-start) + (var(--lc-range-end) - var(--lc-range-start)) * (1 / 10))
263
+ calc((var(--neutral-c-end) - var(--neutral-c-start)) * (10 / 10)) var(--neutral-hue)
264
+ );
102
265
  --neutral-1: var(--xneutral-1);
103
266
  --neutral-2: var(--xneutral-2);
104
267
  --neutral-3: var(--xneutral-3);
@@ -109,6 +272,8 @@
109
272
  --neutral-8: var(--xneutral-8);
110
273
  --neutral-9: var(--xneutral-9);
111
274
  --neutral-10: var(--xneutral-10);
275
+ --neutral-c-start: 0;
276
+ --neutral-c-end: 0.0005;
112
277
  }
113
278
  @media (prefers-color-scheme: dark) {
114
279
  :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-alpha77",
4
4
  "description": "React component library for Cryptlex web applications",
5
5
  "author": "Cryptlex",
6
6
  "type": "module",