@cryptlex/web-components 6.7.5 → 6.7.6

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/lib/tokens.css +40 -39
  2. package/package.json +1 -1
package/lib/tokens.css CHANGED
@@ -1,65 +1,66 @@
1
1
  :root {
2
- --primary-hue: 240;
2
+ --primary-hue: 246.35;
3
+ --brand: oklch(0.5489 0.1377 var(--primary-hue));
3
4
 
4
- --primary: oklch(0.547 0.138 var(--primary-hue));
5
+ --primary: var(--brand);
5
6
  --secondary: oklch(1 0 0);
6
7
 
7
- --text-primary: oklch(0.211 0.041 var(--primary-hue));
8
- --text-secondary: oklch(0.512 0.031 var(--primary-hue));
9
- --text-tertiary: oklch(0.598 0.029 var(--primary-hue));
8
+ --text-primary: oklch(0.21 0.04 var(--primary-hue));
9
+ --text-secondary: oklch(0.52 0.034 var(--primary-hue));
10
+ --text-tertiary: oklch(0.6 0.03 var(--primary-hue));
10
11
  --text-white: oklch(1 0 0);
11
12
 
12
- --stroke-primary: oklch(0.911 0.013 var(--primary-hue));
13
- --stroke-secondary: oklch(0.935 0.009 var(--primary-hue));
14
- --stroke-active: oklch(0.547 0.138 var(--primary-hue));
13
+ --stroke-primary: oklch(0.92 0.013 var(--primary-hue));
14
+ --stroke-secondary: oklch(0.94 0.01 var(--primary-hue));
15
+ --stroke-active: var(--brand);
15
16
 
16
17
  --surface-primary: oklch(1 0 0);
17
- --surface-secondary: oklch(0.968 0.005 var(--primary-hue));
18
- --surface-tertiary: oklch(0.978 0.006 var(--primary-hue));
18
+ --surface-secondary: oklch(0.975 0.003 var(--primary-hue));
19
+ --surface-tertiary: oklch(0.982 0.004 var(--primary-hue));
19
20
 
20
- --icon-primary: oklch(0.512 0.031 var(--primary-hue));
21
- --icon-action: oklch(0.547 0.138 var(--primary-hue));
22
- --icon-white: oklch(1 0 0);
21
+ --icon-primary: var(--text-secondary);
22
+ --icon-action: var(--brand);
23
+ --icon-white: var(--text-white);
23
24
 
24
- --background-overlay: oklch(0.211 0.041 var(--primary-hue) / 0.5);
25
+ --background-overlay: oklch(0.21 0.04 var(--primary-hue) / 0.5);
25
26
 
26
- --neutral: oklch(0.512 0.031 var(--primary-hue));
27
- --success: oklch(0.52 0.145 150);
28
- --destructive: oklch(0.52 0.19 27);
29
- --warning: oklch(0.47 0.13 52);
30
- --info: oklch(0.485 0.185 264);
31
- --discovery: oklch(0.478 0.221 300);
27
+ --neutral: var(--text-secondary);
28
+ --success: oklch(0.51 0.13 152);
29
+ --destructive: oklch(0.55 0.195 27);
30
+ --warning: oklch(0.49 0.13 48);
31
+ --info: oklch(0.49 0.182 263);
32
+ --discovery: oklch(0.49 0.214 294);
32
33
  }
33
34
 
34
35
  @media (prefers-color-scheme: dark) {
35
36
  :root {
36
- --primary: oklch(0.547 0.138 var(--primary-hue));
37
+ --primary: var(--brand);
37
38
  --secondary: oklch(1 0 0);
38
39
 
39
- --text-primary: oklch(1 0 0);
40
- --text-secondary: oklch(0.62 0.038 var(--primary-hue));
41
- --text-tertiary: oklch(0.62 0.038 var(--primary-hue));
40
+ --text-primary: oklch(0.79 0.024 var(--primary-hue));
41
+ --text-secondary: oklch(0.63 0.044 var(--primary-hue));
42
+ --text-tertiary: oklch(0.63 0.044 var(--primary-hue));
42
43
  --text-white: oklch(0 0 0);
43
44
 
44
- --stroke-primary: oklch(0.26 0.021 var(--primary-hue));
45
- --stroke-secondary: oklch(0.22 0.023 var(--primary-hue));
46
- --stroke-active: oklch(0.547 0.138 var(--primary-hue));
45
+ --stroke-primary: oklch(0.29 0.027 var(--primary-hue));
46
+ --stroke-secondary: oklch(0.25 0.03 var(--primary-hue));
47
+ --stroke-active: var(--primary);
47
48
 
48
- --surface-primary: oklch(0.175 0.014 var(--primary-hue));
49
- --surface-secondary: oklch(0.145 0.005 var(--primary-hue));
50
- --surface-tertiary: oklch(0.21 0.016 var(--primary-hue));
49
+ --surface-primary: oklch(0.19 0.018 var(--primary-hue));
50
+ --surface-secondary: oklch(0.16 0.007 var(--primary-hue));
51
+ --surface-tertiary: oklch(0.23 0.021 var(--primary-hue));
51
52
 
52
- --icon-primary: oklch(0.62 0.038 var(--primary-hue));
53
- --icon-action: oklch(0.547 0.138 var(--primary-hue));
54
- --icon-white: oklch(0 0 0);
53
+ --icon-primary: var(--text-secondary);
54
+ --icon-action: var(--primary);
55
+ --icon-white: var(--text-white);
55
56
 
56
57
  --background-overlay: oklch(0 0 0 / 0.5);
57
58
 
58
- --neutral: oklch(0.512 0.031 var(--primary-hue));
59
- --success: oklch(0.8 0.22 150);
60
- --destructive: oklch(0.63 0.24 25);
61
- --warning: oklch(0.76 0.18 62);
62
- --info: oklch(0.485 0.185 264);
63
- --discovery: oklch(0.478 0.221 300);
59
+ --neutral: oklch(0.52 0.034 var(--primary-hue));
60
+ --success: oklch(0.8 0.21 152);
61
+ --destructive: oklch(0.64 0.241 25);
62
+ --warning: oklch(0.77 0.174 65);
63
+ --info: oklch(0.49 0.182 263);
64
+ --discovery: oklch(0.49 0.214 294);
64
65
  }
65
66
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cryptlex/web-components",
3
- "version": "6.7.5",
3
+ "version": "6.7.6",
4
4
  "description": "React component library for Cryptlex web applications",
5
5
  "author": "Cryptlex",
6
6
  "type": "module",