@stigmer/theme 0.0.36 → 0.0.39

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 (11) hide show
  1. package/package.json +1 -1
  2. package/presets/corporate.css +16 -0
  3. package/presets/fintech.css +16 -0
  4. package/presets/friendly.css +16 -0
  5. package/presets/startup.css +16 -0
  6. package/src/presets/corporate.css +16 -0
  7. package/src/presets/fintech.css +16 -0
  8. package/src/presets/friendly.css +16 -0
  9. package/src/presets/startup.css +16 -0
  10. package/src/tokens.css +30 -14
  11. package/tokens.css +30 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stigmer/theme",
3
- "version": "0.0.36",
3
+ "version": "0.0.39",
4
4
  "description": "Design tokens, CSS custom properties, and utility functions for Stigmer UI components",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
package/presets/corporate.css CHANGED
@@ -31,10 +31,18 @@
31
31
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.08);
32
32
  --stgm-transition-duration: 200ms;
33
33
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
34
+ --stgm-primary-hover: oklch(0.43 0.16 250);
35
+ --stgm-primary-subtle: oklch(0.95 0.02 250);
36
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
37
+ --stgm-muted-subtle: oklch(0.95 0.01 250);
38
+ --stgm-muted-foreground-subtle: oklch(0.58 0.03 250);
39
+ --stgm-backdrop: oklch(0.97 0.01 250 / 80%);
34
40
  --stgm-sidebar: oklch(0.20 0.06 250);
35
41
  --stgm-sidebar-foreground: oklch(0.93 0 0);
36
42
  --stgm-sidebar-primary: oklch(0.75 0.14 250);
37
43
  --stgm-sidebar-primary-foreground: oklch(0.15 0 0);
44
+ --stgm-sidebar-muted: oklch(0.26 0.05 250);
45
+ --stgm-sidebar-muted-foreground: oklch(0.65 0.04 250);
38
46
  --stgm-sidebar-accent: oklch(0.28 0.06 250);
39
47
  --stgm-sidebar-accent-foreground: oklch(0.93 0 0);
40
48
  --stgm-sidebar-border: oklch(1 0 0 / 10%);
@@ -68,10 +76,18 @@
68
76
  --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.28);
69
77
  --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.35), 0 2px 4px -2px rgb(0 0 0 / 0.3);
70
78
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.35);
79
+ --stgm-primary-hover: oklch(0.62 0.14 250);
80
+ --stgm-primary-subtle: oklch(0.24 0.04 250);
81
+ --stgm-destructive-subtle: oklch(0.24 0.04 22);
82
+ --stgm-muted-subtle: oklch(0.21 0.03 250);
83
+ --stgm-muted-foreground-subtle: oklch(0.55 0.04 250);
84
+ --stgm-backdrop: oklch(0.16 0.04 250 / 80%);
71
85
  --stgm-sidebar: oklch(0.13 0.05 250);
72
86
  --stgm-sidebar-foreground: oklch(0.93 0 0);
73
87
  --stgm-sidebar-primary: oklch(0.68 0.16 250);
74
88
  --stgm-sidebar-primary-foreground: oklch(0.12 0 0);
89
+ --stgm-sidebar-muted: oklch(0.20 0.05 250);
90
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.04 250);
75
91
  --stgm-sidebar-accent: oklch(0.22 0.06 250);
76
92
  --stgm-sidebar-accent-foreground: oklch(0.93 0 0);
77
93
  --stgm-sidebar-border: oklch(0.35 0.05 250);
package/presets/fintech.css CHANGED
@@ -32,10 +32,18 @@
32
32
  --stgm-shadow-lg: 0 8px 10px -3px rgb(0 0 0 / 0.1), 0 3px 4px -3px rgb(0 0 0 / 0.08);
33
33
  --stgm-transition-duration: 150ms;
34
34
  --stgm-transition-timing: cubic-bezier(0.25, 0.1, 0.25, 1);
35
+ --stgm-primary-hover: oklch(0.43 0.22 280);
36
+ --stgm-primary-subtle: oklch(0.96 0.02 280);
37
+ --stgm-destructive-subtle: oklch(0.96 0.03 27);
38
+ --stgm-muted-subtle: oklch(0.97 0.005 280);
39
+ --stgm-muted-foreground-subtle: oklch(0.60 0.03 280);
40
+ --stgm-backdrop: oklch(0.98 0.005 280 / 80%);
35
41
  --stgm-sidebar: oklch(0.12 0.06 280);
36
42
  --stgm-sidebar-foreground: oklch(0.90 0.01 280);
37
43
  --stgm-sidebar-primary: oklch(0.72 0.20 280);
38
44
  --stgm-sidebar-primary-foreground: oklch(0.12 0 0);
45
+ --stgm-sidebar-muted: oklch(0.18 0.06 280);
46
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.04 280);
39
47
  --stgm-sidebar-accent: oklch(0.20 0.07 280);
40
48
  --stgm-sidebar-accent-foreground: oklch(0.90 0.01 280);
41
49
  --stgm-sidebar-border: oklch(0.25 0.05 280);
@@ -69,10 +77,18 @@
69
77
  --stgm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.28), 0 1px 1px 0 rgb(0 0 0 / 0.24);
70
78
  --stgm-shadow-md: 0 3px 4px -1px rgb(0 0 0 / 0.32), 0 1px 2px -1px rgb(0 0 0 / 0.28);
71
79
  --stgm-shadow-lg: 0 8px 10px -3px rgb(0 0 0 / 0.36), 0 3px 4px -3px rgb(0 0 0 / 0.3);
80
+ --stgm-primary-hover: oklch(0.64 0.20 280);
81
+ --stgm-primary-subtle: oklch(0.18 0.05 280);
82
+ --stgm-destructive-subtle: oklch(0.18 0.04 22);
83
+ --stgm-muted-subtle: oklch(0.17 0.04 280);
84
+ --stgm-muted-foreground-subtle: oklch(0.48 0.04 280);
85
+ --stgm-backdrop: oklch(0.12 0.05 280 / 80%);
72
86
  --stgm-sidebar: oklch(0.08 0.06 280);
73
87
  --stgm-sidebar-foreground: oklch(0.88 0.01 280);
74
88
  --stgm-sidebar-primary: oklch(0.70 0.22 280);
75
89
  --stgm-sidebar-primary-foreground: oklch(0.10 0 0);
90
+ --stgm-sidebar-muted: oklch(0.14 0.06 280);
91
+ --stgm-sidebar-muted-foreground: oklch(0.52 0.04 280);
76
92
  --stgm-sidebar-accent: oklch(0.16 0.07 280);
77
93
  --stgm-sidebar-accent-foreground: oklch(0.88 0.01 280);
78
94
  --stgm-sidebar-border: oklch(0.22 0.06 280);
package/presets/friendly.css CHANGED
@@ -31,10 +31,18 @@
31
31
  --stgm-shadow-lg: 0 10px 20px -3px rgb(0 0 0 / 0.08), 0 4px 8px -4px rgb(0 0 0 / 0.06);
32
32
  --stgm-transition-duration: 200ms;
33
33
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
34
+ --stgm-primary-hover: oklch(0.57 0.18 40);
35
+ --stgm-primary-subtle: oklch(0.95 0.03 40);
36
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
37
+ --stgm-muted-subtle: oklch(0.95 0.02 65);
38
+ --stgm-muted-foreground-subtle: oklch(0.60 0.03 50);
39
+ --stgm-backdrop: oklch(0.97 0.015 65 / 80%);
34
40
  --stgm-sidebar: oklch(0.95 0.02 65);
35
41
  --stgm-sidebar-foreground: oklch(0.22 0.03 50);
36
42
  --stgm-sidebar-primary: oklch(0.62 0.20 40);
37
43
  --stgm-sidebar-primary-foreground: oklch(0.98 0 0);
44
+ --stgm-sidebar-muted: oklch(0.92 0.02 65);
45
+ --stgm-sidebar-muted-foreground: oklch(0.50 0.03 50);
38
46
  --stgm-sidebar-accent: oklch(0.92 0.025 65);
39
47
  --stgm-sidebar-accent-foreground: oklch(0.30 0.03 50);
40
48
  --stgm-sidebar-border: oklch(0.88 0.02 65);
@@ -68,10 +76,18 @@
68
76
  --stgm-shadow-sm: 0 1px 4px 0 rgb(0 0 0 / 0.22), 0 1px 3px -1px rgb(0 0 0 / 0.2);
69
77
  --stgm-shadow-md: 0 4px 8px -1px rgb(0 0 0 / 0.26), 0 2px 5px -2px rgb(0 0 0 / 0.22);
70
78
  --stgm-shadow-lg: 0 10px 20px -3px rgb(0 0 0 / 0.3), 0 4px 8px -4px rgb(0 0 0 / 0.25);
79
+ --stgm-primary-hover: oklch(0.66 0.16 40);
80
+ --stgm-primary-subtle: oklch(0.26 0.04 40);
81
+ --stgm-destructive-subtle: oklch(0.26 0.04 22);
82
+ --stgm-muted-subtle: oklch(0.22 0.02 50);
83
+ --stgm-muted-foreground-subtle: oklch(0.52 0.03 50);
84
+ --stgm-backdrop: oklch(0.18 0.03 50 / 80%);
71
85
  --stgm-sidebar: oklch(0.15 0.03 50);
72
86
  --stgm-sidebar-foreground: oklch(0.90 0.01 65);
73
87
  --stgm-sidebar-primary: oklch(0.72 0.18 40);
74
88
  --stgm-sidebar-primary-foreground: oklch(0.15 0 0);
89
+ --stgm-sidebar-muted: oklch(0.22 0.03 50);
90
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.03 50);
75
91
  --stgm-sidebar-accent: oklch(0.24 0.04 50);
76
92
  --stgm-sidebar-accent-foreground: oklch(0.90 0.01 65);
77
93
  --stgm-sidebar-border: oklch(0.32 0.04 50);
package/presets/startup.css CHANGED
@@ -30,10 +30,18 @@
30
30
  --stgm-shadow-lg: 0 8px 12px -3px rgb(0 0 0 / 0.06), 0 3px 5px -4px rgb(0 0 0 / 0.04);
31
31
  --stgm-transition-duration: 100ms;
32
32
  --stgm-transition-timing: cubic-bezier(0, 0, 0.2, 1);
33
+ --stgm-primary-hover: oklch(0.45 0.22 285);
34
+ --stgm-primary-subtle: oklch(0.96 0.02 285);
35
+ --stgm-destructive-subtle: oklch(0.96 0.03 27);
36
+ --stgm-muted-subtle: oklch(0.97 0 0);
37
+ --stgm-muted-foreground-subtle: oklch(0.60 0 0);
38
+ --stgm-backdrop: oklch(0.99 0 0 / 80%);
33
39
  --stgm-sidebar: oklch(0.97 0 0);
34
40
  --stgm-sidebar-foreground: oklch(0.13 0 0);
35
41
  --stgm-sidebar-primary: oklch(0.50 0.24 285);
36
42
  --stgm-sidebar-primary-foreground: oklch(0.98 0 0);
43
+ --stgm-sidebar-muted: oklch(0.94 0 0);
44
+ --stgm-sidebar-muted-foreground: oklch(0.50 0 0);
37
45
  --stgm-sidebar-accent: oklch(0.94 0 0);
38
46
  --stgm-sidebar-accent-foreground: oklch(0.30 0 0);
39
47
  --stgm-sidebar-border: oklch(0.92 0 0);
@@ -67,10 +75,18 @@
67
75
  --stgm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.18), 0 1px 1px -1px rgb(0 0 0 / 0.18);
68
76
  --stgm-shadow-md: 0 3px 5px -1px rgb(0 0 0 / 0.22), 0 1px 3px -2px rgb(0 0 0 / 0.18);
69
77
  --stgm-shadow-lg: 0 8px 12px -3px rgb(0 0 0 / 0.25), 0 3px 5px -4px rgb(0 0 0 / 0.2);
78
+ --stgm-primary-hover: oklch(0.66 0.18 285);
79
+ --stgm-primary-subtle: oklch(0.16 0.04 285);
80
+ --stgm-destructive-subtle: oklch(0.16 0.04 22);
81
+ --stgm-muted-subtle: oklch(0.12 0 0);
82
+ --stgm-muted-foreground-subtle: oklch(0.45 0 0);
83
+ --stgm-backdrop: oklch(0.09 0 0 / 80%);
70
84
  --stgm-sidebar: oklch(0.07 0 0);
71
85
  --stgm-sidebar-foreground: oklch(0.85 0 0);
72
86
  --stgm-sidebar-primary: oklch(0.72 0.20 285);
73
87
  --stgm-sidebar-primary-foreground: oklch(0.10 0 0);
88
+ --stgm-sidebar-muted: oklch(0.13 0 0);
89
+ --stgm-sidebar-muted-foreground: oklch(0.50 0 0);
74
90
  --stgm-sidebar-accent: oklch(0.14 0 0);
75
91
  --stgm-sidebar-accent-foreground: oklch(0.85 0 0);
76
92
  --stgm-sidebar-border: oklch(0.18 0 0);
package/src/presets/corporate.css CHANGED
@@ -31,10 +31,18 @@
31
31
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.12), 0 4px 6px -4px rgb(0 0 0 / 0.08);
32
32
  --stgm-transition-duration: 200ms;
33
33
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
34
+ --stgm-primary-hover: oklch(0.43 0.16 250);
35
+ --stgm-primary-subtle: oklch(0.95 0.02 250);
36
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
37
+ --stgm-muted-subtle: oklch(0.95 0.01 250);
38
+ --stgm-muted-foreground-subtle: oklch(0.58 0.03 250);
39
+ --stgm-backdrop: oklch(0.97 0.01 250 / 80%);
34
40
  --stgm-sidebar: oklch(0.20 0.06 250);
35
41
  --stgm-sidebar-foreground: oklch(0.93 0 0);
36
42
  --stgm-sidebar-primary: oklch(0.75 0.14 250);
37
43
  --stgm-sidebar-primary-foreground: oklch(0.15 0 0);
44
+ --stgm-sidebar-muted: oklch(0.26 0.05 250);
45
+ --stgm-sidebar-muted-foreground: oklch(0.65 0.04 250);
38
46
  --stgm-sidebar-accent: oklch(0.28 0.06 250);
39
47
  --stgm-sidebar-accent-foreground: oklch(0.93 0 0);
40
48
  --stgm-sidebar-border: oklch(1 0 0 / 10%);
@@ -68,10 +76,18 @@
68
76
  --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.28);
69
77
  --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.35), 0 2px 4px -2px rgb(0 0 0 / 0.3);
70
78
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.35);
79
+ --stgm-primary-hover: oklch(0.62 0.14 250);
80
+ --stgm-primary-subtle: oklch(0.24 0.04 250);
81
+ --stgm-destructive-subtle: oklch(0.24 0.04 22);
82
+ --stgm-muted-subtle: oklch(0.21 0.03 250);
83
+ --stgm-muted-foreground-subtle: oklch(0.55 0.04 250);
84
+ --stgm-backdrop: oklch(0.16 0.04 250 / 80%);
71
85
  --stgm-sidebar: oklch(0.13 0.05 250);
72
86
  --stgm-sidebar-foreground: oklch(0.93 0 0);
73
87
  --stgm-sidebar-primary: oklch(0.68 0.16 250);
74
88
  --stgm-sidebar-primary-foreground: oklch(0.12 0 0);
89
+ --stgm-sidebar-muted: oklch(0.20 0.05 250);
90
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.04 250);
75
91
  --stgm-sidebar-accent: oklch(0.22 0.06 250);
76
92
  --stgm-sidebar-accent-foreground: oklch(0.93 0 0);
77
93
  --stgm-sidebar-border: oklch(0.35 0.05 250);
package/src/presets/fintech.css CHANGED
@@ -32,10 +32,18 @@
32
32
  --stgm-shadow-lg: 0 8px 10px -3px rgb(0 0 0 / 0.1), 0 3px 4px -3px rgb(0 0 0 / 0.08);
33
33
  --stgm-transition-duration: 150ms;
34
34
  --stgm-transition-timing: cubic-bezier(0.25, 0.1, 0.25, 1);
35
+ --stgm-primary-hover: oklch(0.43 0.22 280);
36
+ --stgm-primary-subtle: oklch(0.96 0.02 280);
37
+ --stgm-destructive-subtle: oklch(0.96 0.03 27);
38
+ --stgm-muted-subtle: oklch(0.97 0.005 280);
39
+ --stgm-muted-foreground-subtle: oklch(0.60 0.03 280);
40
+ --stgm-backdrop: oklch(0.98 0.005 280 / 80%);
35
41
  --stgm-sidebar: oklch(0.12 0.06 280);
36
42
  --stgm-sidebar-foreground: oklch(0.90 0.01 280);
37
43
  --stgm-sidebar-primary: oklch(0.72 0.20 280);
38
44
  --stgm-sidebar-primary-foreground: oklch(0.12 0 0);
45
+ --stgm-sidebar-muted: oklch(0.18 0.06 280);
46
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.04 280);
39
47
  --stgm-sidebar-accent: oklch(0.20 0.07 280);
40
48
  --stgm-sidebar-accent-foreground: oklch(0.90 0.01 280);
41
49
  --stgm-sidebar-border: oklch(0.25 0.05 280);
@@ -69,10 +77,18 @@
69
77
  --stgm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.28), 0 1px 1px 0 rgb(0 0 0 / 0.24);
70
78
  --stgm-shadow-md: 0 3px 4px -1px rgb(0 0 0 / 0.32), 0 1px 2px -1px rgb(0 0 0 / 0.28);
71
79
  --stgm-shadow-lg: 0 8px 10px -3px rgb(0 0 0 / 0.36), 0 3px 4px -3px rgb(0 0 0 / 0.3);
80
+ --stgm-primary-hover: oklch(0.64 0.20 280);
81
+ --stgm-primary-subtle: oklch(0.18 0.05 280);
82
+ --stgm-destructive-subtle: oklch(0.18 0.04 22);
83
+ --stgm-muted-subtle: oklch(0.17 0.04 280);
84
+ --stgm-muted-foreground-subtle: oklch(0.48 0.04 280);
85
+ --stgm-backdrop: oklch(0.12 0.05 280 / 80%);
72
86
  --stgm-sidebar: oklch(0.08 0.06 280);
73
87
  --stgm-sidebar-foreground: oklch(0.88 0.01 280);
74
88
  --stgm-sidebar-primary: oklch(0.70 0.22 280);
75
89
  --stgm-sidebar-primary-foreground: oklch(0.10 0 0);
90
+ --stgm-sidebar-muted: oklch(0.14 0.06 280);
91
+ --stgm-sidebar-muted-foreground: oklch(0.52 0.04 280);
76
92
  --stgm-sidebar-accent: oklch(0.16 0.07 280);
77
93
  --stgm-sidebar-accent-foreground: oklch(0.88 0.01 280);
78
94
  --stgm-sidebar-border: oklch(0.22 0.06 280);
package/src/presets/friendly.css CHANGED
@@ -31,10 +31,18 @@
31
31
  --stgm-shadow-lg: 0 10px 20px -3px rgb(0 0 0 / 0.08), 0 4px 8px -4px rgb(0 0 0 / 0.06);
32
32
  --stgm-transition-duration: 200ms;
33
33
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
34
+ --stgm-primary-hover: oklch(0.57 0.18 40);
35
+ --stgm-primary-subtle: oklch(0.95 0.03 40);
36
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
37
+ --stgm-muted-subtle: oklch(0.95 0.02 65);
38
+ --stgm-muted-foreground-subtle: oklch(0.60 0.03 50);
39
+ --stgm-backdrop: oklch(0.97 0.015 65 / 80%);
34
40
  --stgm-sidebar: oklch(0.95 0.02 65);
35
41
  --stgm-sidebar-foreground: oklch(0.22 0.03 50);
36
42
  --stgm-sidebar-primary: oklch(0.62 0.20 40);
37
43
  --stgm-sidebar-primary-foreground: oklch(0.98 0 0);
44
+ --stgm-sidebar-muted: oklch(0.92 0.02 65);
45
+ --stgm-sidebar-muted-foreground: oklch(0.50 0.03 50);
38
46
  --stgm-sidebar-accent: oklch(0.92 0.025 65);
39
47
  --stgm-sidebar-accent-foreground: oklch(0.30 0.03 50);
40
48
  --stgm-sidebar-border: oklch(0.88 0.02 65);
@@ -68,10 +76,18 @@
68
76
  --stgm-shadow-sm: 0 1px 4px 0 rgb(0 0 0 / 0.22), 0 1px 3px -1px rgb(0 0 0 / 0.2);
69
77
  --stgm-shadow-md: 0 4px 8px -1px rgb(0 0 0 / 0.26), 0 2px 5px -2px rgb(0 0 0 / 0.22);
70
78
  --stgm-shadow-lg: 0 10px 20px -3px rgb(0 0 0 / 0.3), 0 4px 8px -4px rgb(0 0 0 / 0.25);
79
+ --stgm-primary-hover: oklch(0.66 0.16 40);
80
+ --stgm-primary-subtle: oklch(0.26 0.04 40);
81
+ --stgm-destructive-subtle: oklch(0.26 0.04 22);
82
+ --stgm-muted-subtle: oklch(0.22 0.02 50);
83
+ --stgm-muted-foreground-subtle: oklch(0.52 0.03 50);
84
+ --stgm-backdrop: oklch(0.18 0.03 50 / 80%);
71
85
  --stgm-sidebar: oklch(0.15 0.03 50);
72
86
  --stgm-sidebar-foreground: oklch(0.90 0.01 65);
73
87
  --stgm-sidebar-primary: oklch(0.72 0.18 40);
74
88
  --stgm-sidebar-primary-foreground: oklch(0.15 0 0);
89
+ --stgm-sidebar-muted: oklch(0.22 0.03 50);
90
+ --stgm-sidebar-muted-foreground: oklch(0.58 0.03 50);
75
91
  --stgm-sidebar-accent: oklch(0.24 0.04 50);
76
92
  --stgm-sidebar-accent-foreground: oklch(0.90 0.01 65);
77
93
  --stgm-sidebar-border: oklch(0.32 0.04 50);
package/src/presets/startup.css CHANGED
@@ -30,10 +30,18 @@
30
30
  --stgm-shadow-lg: 0 8px 12px -3px rgb(0 0 0 / 0.06), 0 3px 5px -4px rgb(0 0 0 / 0.04);
31
31
  --stgm-transition-duration: 100ms;
32
32
  --stgm-transition-timing: cubic-bezier(0, 0, 0.2, 1);
33
+ --stgm-primary-hover: oklch(0.45 0.22 285);
34
+ --stgm-primary-subtle: oklch(0.96 0.02 285);
35
+ --stgm-destructive-subtle: oklch(0.96 0.03 27);
36
+ --stgm-muted-subtle: oklch(0.97 0 0);
37
+ --stgm-muted-foreground-subtle: oklch(0.60 0 0);
38
+ --stgm-backdrop: oklch(0.99 0 0 / 80%);
33
39
  --stgm-sidebar: oklch(0.97 0 0);
34
40
  --stgm-sidebar-foreground: oklch(0.13 0 0);
35
41
  --stgm-sidebar-primary: oklch(0.50 0.24 285);
36
42
  --stgm-sidebar-primary-foreground: oklch(0.98 0 0);
43
+ --stgm-sidebar-muted: oklch(0.94 0 0);
44
+ --stgm-sidebar-muted-foreground: oklch(0.50 0 0);
37
45
  --stgm-sidebar-accent: oklch(0.94 0 0);
38
46
  --stgm-sidebar-accent-foreground: oklch(0.30 0 0);
39
47
  --stgm-sidebar-border: oklch(0.92 0 0);
@@ -67,10 +75,18 @@
67
75
  --stgm-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.18), 0 1px 1px -1px rgb(0 0 0 / 0.18);
68
76
  --stgm-shadow-md: 0 3px 5px -1px rgb(0 0 0 / 0.22), 0 1px 3px -2px rgb(0 0 0 / 0.18);
69
77
  --stgm-shadow-lg: 0 8px 12px -3px rgb(0 0 0 / 0.25), 0 3px 5px -4px rgb(0 0 0 / 0.2);
78
+ --stgm-primary-hover: oklch(0.66 0.18 285);
79
+ --stgm-primary-subtle: oklch(0.16 0.04 285);
80
+ --stgm-destructive-subtle: oklch(0.16 0.04 22);
81
+ --stgm-muted-subtle: oklch(0.12 0 0);
82
+ --stgm-muted-foreground-subtle: oklch(0.45 0 0);
83
+ --stgm-backdrop: oklch(0.09 0 0 / 80%);
70
84
  --stgm-sidebar: oklch(0.07 0 0);
71
85
  --stgm-sidebar-foreground: oklch(0.85 0 0);
72
86
  --stgm-sidebar-primary: oklch(0.72 0.20 285);
73
87
  --stgm-sidebar-primary-foreground: oklch(0.10 0 0);
88
+ --stgm-sidebar-muted: oklch(0.13 0 0);
89
+ --stgm-sidebar-muted-foreground: oklch(0.50 0 0);
74
90
  --stgm-sidebar-accent: oklch(0.14 0 0);
75
91
  --stgm-sidebar-accent-foreground: oklch(0.85 0 0);
76
92
  --stgm-sidebar-border: oklch(0.18 0 0);
package/src/tokens.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --stgm-font-sans: var(--font-geist-sans, system-ui, sans-serif);
3
3
  --stgm-font-mono: var(--font-geist-mono, ui-monospace, monospace);
4
4
  --stgm-radius: 0.625rem;
5
- --stgm-background: oklch(1 0 0);
5
+ --stgm-background: oklch(0.98 0 0);
6
6
  --stgm-foreground: oklch(0.145 0 0);
7
7
  --stgm-card: oklch(1 0 0);
8
8
  --stgm-card-foreground: oklch(0.145 0 0);
@@ -10,11 +10,11 @@
10
10
  --stgm-popover-foreground: oklch(0.145 0 0);
11
11
  --stgm-primary: oklch(0.55 0.12 190);
12
12
  --stgm-primary-foreground: oklch(0.985 0 0);
13
- --stgm-secondary: oklch(0.97 0 0);
13
+ --stgm-secondary: oklch(0.94 0 0);
14
14
  --stgm-secondary-foreground: oklch(0.205 0 0);
15
- --stgm-muted: oklch(0.97 0 0);
15
+ --stgm-muted: oklch(0.94 0 0);
16
16
  --stgm-muted-foreground: oklch(0.556 0 0);
17
- --stgm-accent: oklch(0.97 0 0);
17
+ --stgm-accent: oklch(0.94 0 0);
18
18
  --stgm-accent-foreground: oklch(0.205 0 0);
19
19
  --stgm-destructive: oklch(0.577 0.245 27.325);
20
20
  --stgm-destructive-foreground: oklch(0.985 0 0);
@@ -24,8 +24,8 @@
24
24
  --stgm-warning-foreground: oklch(0.145 0 0);
25
25
  --stgm-info: oklch(0.55 0.15 250);
26
26
  --stgm-info-foreground: oklch(0.985 0 0);
27
- --stgm-border: oklch(0.922 0 0);
28
- --stgm-input: oklch(0.922 0 0);
27
+ --stgm-border: oklch(0.885 0 0);
28
+ --stgm-input: oklch(0.87 0 0);
29
29
  --stgm-ring: oklch(0.55 0.1 190);
30
30
  --stgm-chart-1: oklch(0.646 0.222 41.116);
31
31
  --stgm-chart-2: oklch(0.6 0.118 184.704);
@@ -38,13 +38,21 @@
38
38
  --stgm-transition-duration: 150ms;
39
39
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
40
40
  --stgm-z-popover: 50;
41
- --stgm-sidebar: oklch(0.985 0 0);
41
+ --stgm-primary-hover: oklch(0.50 0.11 190);
42
+ --stgm-primary-subtle: oklch(0.95 0.02 190);
43
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
44
+ --stgm-muted-subtle: oklch(0.96 0 0);
45
+ --stgm-muted-foreground-subtle: oklch(0.64 0 0);
46
+ --stgm-backdrop: oklch(0.98 0 0 / 80%);
47
+ --stgm-sidebar: oklch(0.97 0 0);
42
48
  --stgm-sidebar-foreground: oklch(0.145 0 0);
43
49
  --stgm-sidebar-primary: oklch(0.55 0.12 190);
44
50
  --stgm-sidebar-primary-foreground: oklch(0.985 0 0);
45
- --stgm-sidebar-accent: oklch(0.97 0 0);
51
+ --stgm-sidebar-muted: oklch(0.94 0 0);
52
+ --stgm-sidebar-muted-foreground: oklch(0.556 0 0);
53
+ --stgm-sidebar-accent: oklch(0.94 0 0);
46
54
  --stgm-sidebar-accent-foreground: oklch(0.205 0 0);
47
- --stgm-sidebar-border: oklch(0.922 0 0);
55
+ --stgm-sidebar-border: oklch(0.885 0 0);
48
56
  --stgm-sidebar-ring: oklch(0.55 0.1 190);
49
57
  }
50
58
 
@@ -71,8 +79,8 @@
71
79
  --stgm-warning-foreground: oklch(0.145 0 0);
72
80
  --stgm-info: oklch(0.7 0.15 250);
73
81
  --stgm-info-foreground: oklch(0.985 0 0);
74
- --stgm-border: oklch(1 0 0 / 10%);
75
- --stgm-input: oklch(1 0 0 / 15%);
82
+ --stgm-border: oklch(1 0 0 / 14%);
83
+ --stgm-input: oklch(1 0 0 / 20%);
76
84
  --stgm-ring: oklch(0.55 0.1 190);
77
85
  --stgm-chart-1: oklch(0.488 0.243 264.376);
78
86
  --stgm-chart-2: oklch(0.696 0.17 162.48);
@@ -82,12 +90,20 @@
82
90
  --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
83
91
  --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25);
84
92
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.35), 0 4px 6px -4px rgb(0 0 0 / 0.3);
85
- --stgm-sidebar: oklch(0.205 0 0);
93
+ --stgm-primary-hover: oklch(0.66 0.11 190);
94
+ --stgm-primary-subtle: oklch(0.24 0.03 190);
95
+ --stgm-destructive-subtle: oklch(0.24 0.04 22);
96
+ --stgm-muted-subtle: oklch(0.21 0 0);
97
+ --stgm-muted-foreground-subtle: oklch(0.60 0 0);
98
+ --stgm-backdrop: oklch(0.145 0 0 / 80%);
99
+ --stgm-sidebar: oklch(0.12 0 0);
86
100
  --stgm-sidebar-foreground: oklch(0.985 0 0);
87
101
  --stgm-sidebar-primary: oklch(0.72 0.12 190);
88
102
  --stgm-sidebar-primary-foreground: oklch(0.145 0 0);
89
- --stgm-sidebar-accent: oklch(0.269 0 0);
103
+ --stgm-sidebar-muted: oklch(0.20 0 0);
104
+ --stgm-sidebar-muted-foreground: oklch(0.708 0 0);
105
+ --stgm-sidebar-accent: oklch(0.20 0 0);
90
106
  --stgm-sidebar-accent-foreground: oklch(0.985 0 0);
91
- --stgm-sidebar-border: oklch(1 0 0 / 10%);
107
+ --stgm-sidebar-border: oklch(1 0 0 / 14%);
92
108
  --stgm-sidebar-ring: oklch(0.5 0.08 190);
93
109
  }
package/tokens.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --stgm-font-sans: var(--font-geist-sans, system-ui, sans-serif);
3
3
  --stgm-font-mono: var(--font-geist-mono, ui-monospace, monospace);
4
4
  --stgm-radius: 0.625rem;
5
- --stgm-background: oklch(1 0 0);
5
+ --stgm-background: oklch(0.98 0 0);
6
6
  --stgm-foreground: oklch(0.145 0 0);
7
7
  --stgm-card: oklch(1 0 0);
8
8
  --stgm-card-foreground: oklch(0.145 0 0);
@@ -10,11 +10,11 @@
10
10
  --stgm-popover-foreground: oklch(0.145 0 0);
11
11
  --stgm-primary: oklch(0.55 0.12 190);
12
12
  --stgm-primary-foreground: oklch(0.985 0 0);
13
- --stgm-secondary: oklch(0.97 0 0);
13
+ --stgm-secondary: oklch(0.94 0 0);
14
14
  --stgm-secondary-foreground: oklch(0.205 0 0);
15
- --stgm-muted: oklch(0.97 0 0);
15
+ --stgm-muted: oklch(0.94 0 0);
16
16
  --stgm-muted-foreground: oklch(0.556 0 0);
17
- --stgm-accent: oklch(0.97 0 0);
17
+ --stgm-accent: oklch(0.94 0 0);
18
18
  --stgm-accent-foreground: oklch(0.205 0 0);
19
19
  --stgm-destructive: oklch(0.577 0.245 27.325);
20
20
  --stgm-destructive-foreground: oklch(0.985 0 0);
@@ -24,8 +24,8 @@
24
24
  --stgm-warning-foreground: oklch(0.145 0 0);
25
25
  --stgm-info: oklch(0.55 0.15 250);
26
26
  --stgm-info-foreground: oklch(0.985 0 0);
27
- --stgm-border: oklch(0.922 0 0);
28
- --stgm-input: oklch(0.922 0 0);
27
+ --stgm-border: oklch(0.885 0 0);
28
+ --stgm-input: oklch(0.87 0 0);
29
29
  --stgm-ring: oklch(0.55 0.1 190);
30
30
  --stgm-chart-1: oklch(0.646 0.222 41.116);
31
31
  --stgm-chart-2: oklch(0.6 0.118 184.704);
@@ -38,13 +38,21 @@
38
38
  --stgm-transition-duration: 150ms;
39
39
  --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
40
40
  --stgm-z-popover: 50;
41
- --stgm-sidebar: oklch(0.985 0 0);
41
+ --stgm-primary-hover: oklch(0.50 0.11 190);
42
+ --stgm-primary-subtle: oklch(0.95 0.02 190);
43
+ --stgm-destructive-subtle: oklch(0.95 0.03 27);
44
+ --stgm-muted-subtle: oklch(0.96 0 0);
45
+ --stgm-muted-foreground-subtle: oklch(0.64 0 0);
46
+ --stgm-backdrop: oklch(0.98 0 0 / 80%);
47
+ --stgm-sidebar: oklch(0.97 0 0);
42
48
  --stgm-sidebar-foreground: oklch(0.145 0 0);
43
49
  --stgm-sidebar-primary: oklch(0.55 0.12 190);
44
50
  --stgm-sidebar-primary-foreground: oklch(0.985 0 0);
45
- --stgm-sidebar-accent: oklch(0.97 0 0);
51
+ --stgm-sidebar-muted: oklch(0.94 0 0);
52
+ --stgm-sidebar-muted-foreground: oklch(0.556 0 0);
53
+ --stgm-sidebar-accent: oklch(0.94 0 0);
46
54
  --stgm-sidebar-accent-foreground: oklch(0.205 0 0);
47
- --stgm-sidebar-border: oklch(0.922 0 0);
55
+ --stgm-sidebar-border: oklch(0.885 0 0);
48
56
  --stgm-sidebar-ring: oklch(0.55 0.1 190);
49
57
  }
50
58
 
@@ -71,8 +79,8 @@
71
79
  --stgm-warning-foreground: oklch(0.145 0 0);
72
80
  --stgm-info: oklch(0.7 0.15 250);
73
81
  --stgm-info-foreground: oklch(0.985 0 0);
74
- --stgm-border: oklch(1 0 0 / 10%);
75
- --stgm-input: oklch(1 0 0 / 15%);
82
+ --stgm-border: oklch(1 0 0 / 14%);
83
+ --stgm-input: oklch(1 0 0 / 20%);
76
84
  --stgm-ring: oklch(0.55 0.1 190);
77
85
  --stgm-chart-1: oklch(0.488 0.243 264.376);
78
86
  --stgm-chart-2: oklch(0.696 0.17 162.48);
@@ -82,12 +90,20 @@
82
90
  --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
83
91
  --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25);
84
92
  --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.35), 0 4px 6px -4px rgb(0 0 0 / 0.3);
85
- --stgm-sidebar: oklch(0.205 0 0);
93
+ --stgm-primary-hover: oklch(0.66 0.11 190);
94
+ --stgm-primary-subtle: oklch(0.24 0.03 190);
95
+ --stgm-destructive-subtle: oklch(0.24 0.04 22);
96
+ --stgm-muted-subtle: oklch(0.21 0 0);
97
+ --stgm-muted-foreground-subtle: oklch(0.60 0 0);
98
+ --stgm-backdrop: oklch(0.145 0 0 / 80%);
99
+ --stgm-sidebar: oklch(0.12 0 0);
86
100
  --stgm-sidebar-foreground: oklch(0.985 0 0);
87
101
  --stgm-sidebar-primary: oklch(0.72 0.12 190);
88
102
  --stgm-sidebar-primary-foreground: oklch(0.145 0 0);
89
- --stgm-sidebar-accent: oklch(0.269 0 0);
103
+ --stgm-sidebar-muted: oklch(0.20 0 0);
104
+ --stgm-sidebar-muted-foreground: oklch(0.708 0 0);
105
+ --stgm-sidebar-accent: oklch(0.20 0 0);
90
106
  --stgm-sidebar-accent-foreground: oklch(0.985 0 0);
91
- --stgm-sidebar-border: oklch(1 0 0 / 10%);
107
+ --stgm-sidebar-border: oklch(1 0 0 / 14%);
92
108
  --stgm-sidebar-ring: oklch(0.5 0.08 190);
93
109
  }