@stigmer/theme 0.0.34 → 0.0.36

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/README.md +185 -10
  2. package/index.d.ts +2 -0
  3. package/index.d.ts.map +1 -1
  4. package/index.js +1 -0
  5. package/index.js.map +1 -1
  6. package/package.json +14 -4
  7. package/presets/corporate.css +79 -0
  8. package/presets/fintech.css +80 -0
  9. package/presets/friendly.css +79 -0
  10. package/presets/index.d.ts +50 -0
  11. package/presets/index.d.ts.map +1 -0
  12. package/presets/index.js +55 -0
  13. package/presets/index.js.map +1 -0
  14. package/presets/startup.css +78 -0
  15. package/src/index.ts +2 -0
  16. package/src/presets/corporate.css +79 -0
  17. package/src/presets/fintech.css +80 -0
  18. package/src/presets/friendly.css +79 -0
  19. package/src/presets/index.ts +70 -0
  20. package/src/presets/startup.css +78 -0
  21. package/src/tokens.css +88 -65
  22. package/tokens.css +88 -65
package/tokens.css CHANGED
@@ -1,70 +1,93 @@
1
1
  :root {
2
- --radius: 0.625rem;
3
- --background: oklch(1 0 0);
4
- --foreground: oklch(0.145 0 0);
5
- --card: oklch(1 0 0);
6
- --card-foreground: oklch(0.145 0 0);
7
- --popover: oklch(1 0 0);
8
- --popover-foreground: oklch(0.145 0 0);
9
- --primary: oklch(0.205 0 0);
10
- --primary-foreground: oklch(0.985 0 0);
11
- --secondary: oklch(0.97 0 0);
12
- --secondary-foreground: oklch(0.205 0 0);
13
- --muted: oklch(0.97 0 0);
14
- --muted-foreground: oklch(0.556 0 0);
15
- --accent: oklch(0.97 0 0);
16
- --accent-foreground: oklch(0.205 0 0);
17
- --destructive: oklch(0.577 0.245 27.325);
18
- --destructive-foreground: oklch(0.985 0 0);
19
- --border: oklch(0.922 0 0);
20
- --input: oklch(0.922 0 0);
21
- --ring: oklch(0.708 0 0);
22
- --chart-1: oklch(0.646 0.222 41.116);
23
- --chart-2: oklch(0.6 0.118 184.704);
24
- --chart-3: oklch(0.398 0.07 227.392);
25
- --chart-4: oklch(0.828 0.189 84.429);
26
- --chart-5: oklch(0.769 0.188 70.08);
27
- --sidebar: oklch(0.985 0 0);
28
- --sidebar-foreground: oklch(0.145 0 0);
29
- --sidebar-primary: oklch(0.205 0 0);
30
- --sidebar-primary-foreground: oklch(0.985 0 0);
31
- --sidebar-accent: oklch(0.97 0 0);
32
- --sidebar-accent-foreground: oklch(0.205 0 0);
33
- --sidebar-border: oklch(0.922 0 0);
34
- --sidebar-ring: oklch(0.708 0 0);
2
+ --stgm-font-sans: var(--font-geist-sans, system-ui, sans-serif);
3
+ --stgm-font-mono: var(--font-geist-mono, ui-monospace, monospace);
4
+ --stgm-radius: 0.625rem;
5
+ --stgm-background: oklch(1 0 0);
6
+ --stgm-foreground: oklch(0.145 0 0);
7
+ --stgm-card: oklch(1 0 0);
8
+ --stgm-card-foreground: oklch(0.145 0 0);
9
+ --stgm-popover: oklch(1 0 0);
10
+ --stgm-popover-foreground: oklch(0.145 0 0);
11
+ --stgm-primary: oklch(0.55 0.12 190);
12
+ --stgm-primary-foreground: oklch(0.985 0 0);
13
+ --stgm-secondary: oklch(0.97 0 0);
14
+ --stgm-secondary-foreground: oklch(0.205 0 0);
15
+ --stgm-muted: oklch(0.97 0 0);
16
+ --stgm-muted-foreground: oklch(0.556 0 0);
17
+ --stgm-accent: oklch(0.97 0 0);
18
+ --stgm-accent-foreground: oklch(0.205 0 0);
19
+ --stgm-destructive: oklch(0.577 0.245 27.325);
20
+ --stgm-destructive-foreground: oklch(0.985 0 0);
21
+ --stgm-success: oklch(0.55 0.15 150);
22
+ --stgm-success-foreground: oklch(0.985 0 0);
23
+ --stgm-warning: oklch(0.75 0.18 80);
24
+ --stgm-warning-foreground: oklch(0.145 0 0);
25
+ --stgm-info: oklch(0.55 0.15 250);
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);
29
+ --stgm-ring: oklch(0.55 0.1 190);
30
+ --stgm-chart-1: oklch(0.646 0.222 41.116);
31
+ --stgm-chart-2: oklch(0.6 0.118 184.704);
32
+ --stgm-chart-3: oklch(0.398 0.07 227.392);
33
+ --stgm-chart-4: oklch(0.828 0.189 84.429);
34
+ --stgm-chart-5: oklch(0.769 0.188 70.08);
35
+ --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
36
+ --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
37
+ --stgm-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
38
+ --stgm-transition-duration: 150ms;
39
+ --stgm-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
40
+ --stgm-z-popover: 50;
41
+ --stgm-sidebar: oklch(0.985 0 0);
42
+ --stgm-sidebar-foreground: oklch(0.145 0 0);
43
+ --stgm-sidebar-primary: oklch(0.55 0.12 190);
44
+ --stgm-sidebar-primary-foreground: oklch(0.985 0 0);
45
+ --stgm-sidebar-accent: oklch(0.97 0 0);
46
+ --stgm-sidebar-accent-foreground: oklch(0.205 0 0);
47
+ --stgm-sidebar-border: oklch(0.922 0 0);
48
+ --stgm-sidebar-ring: oklch(0.55 0.1 190);
35
49
  }
36
50
 
37
51
  .dark {
38
- --background: oklch(0.145 0 0);
39
- --foreground: oklch(0.985 0 0);
40
- --card: oklch(0.205 0 0);
41
- --card-foreground: oklch(0.985 0 0);
42
- --popover: oklch(0.269 0 0);
43
- --popover-foreground: oklch(0.985 0 0);
44
- --primary: oklch(0.922 0 0);
45
- --primary-foreground: oklch(0.205 0 0);
46
- --secondary: oklch(0.269 0 0);
47
- --secondary-foreground: oklch(0.985 0 0);
48
- --muted: oklch(0.269 0 0);
49
- --muted-foreground: oklch(0.708 0 0);
50
- --accent: oklch(0.371 0 0);
51
- --accent-foreground: oklch(0.985 0 0);
52
- --destructive: oklch(0.704 0.191 22.216);
53
- --destructive-foreground: oklch(0.985 0 0);
54
- --border: oklch(1 0 0 / 10%);
55
- --input: oklch(1 0 0 / 15%);
56
- --ring: oklch(0.556 0 0);
57
- --chart-1: oklch(0.488 0.243 264.376);
58
- --chart-2: oklch(0.696 0.17 162.48);
59
- --chart-3: oklch(0.769 0.188 70.08);
60
- --chart-4: oklch(0.627 0.265 303.9);
61
- --chart-5: oklch(0.645 0.246 16.439);
62
- --sidebar: oklch(0.205 0 0);
63
- --sidebar-foreground: oklch(0.985 0 0);
64
- --sidebar-primary: oklch(0.488 0.243 264.376);
65
- --sidebar-primary-foreground: oklch(0.985 0 0);
66
- --sidebar-accent: oklch(0.269 0 0);
67
- --sidebar-accent-foreground: oklch(0.985 0 0);
68
- --sidebar-border: oklch(1 0 0 / 10%);
69
- --sidebar-ring: oklch(0.439 0 0);
52
+ --stgm-background: oklch(0.145 0 0);
53
+ --stgm-foreground: oklch(0.985 0 0);
54
+ --stgm-card: oklch(0.205 0 0);
55
+ --stgm-card-foreground: oklch(0.985 0 0);
56
+ --stgm-popover: oklch(0.269 0 0);
57
+ --stgm-popover-foreground: oklch(0.985 0 0);
58
+ --stgm-primary: oklch(0.72 0.12 190);
59
+ --stgm-primary-foreground: oklch(0.145 0 0);
60
+ --stgm-secondary: oklch(0.269 0 0);
61
+ --stgm-secondary-foreground: oklch(0.985 0 0);
62
+ --stgm-muted: oklch(0.269 0 0);
63
+ --stgm-muted-foreground: oklch(0.708 0 0);
64
+ --stgm-accent: oklch(0.371 0 0);
65
+ --stgm-accent-foreground: oklch(0.985 0 0);
66
+ --stgm-destructive: oklch(0.704 0.191 22.216);
67
+ --stgm-destructive-foreground: oklch(0.985 0 0);
68
+ --stgm-success: oklch(0.7 0.15 150);
69
+ --stgm-success-foreground: oklch(0.985 0 0);
70
+ --stgm-warning: oklch(0.78 0.16 80);
71
+ --stgm-warning-foreground: oklch(0.145 0 0);
72
+ --stgm-info: oklch(0.7 0.15 250);
73
+ --stgm-info-foreground: oklch(0.985 0 0);
74
+ --stgm-border: oklch(1 0 0 / 10%);
75
+ --stgm-input: oklch(1 0 0 / 15%);
76
+ --stgm-ring: oklch(0.55 0.1 190);
77
+ --stgm-chart-1: oklch(0.488 0.243 264.376);
78
+ --stgm-chart-2: oklch(0.696 0.17 162.48);
79
+ --stgm-chart-3: oklch(0.769 0.188 70.08);
80
+ --stgm-chart-4: oklch(0.627 0.265 303.9);
81
+ --stgm-chart-5: oklch(0.645 0.246 16.439);
82
+ --stgm-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
83
+ --stgm-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.3), 0 2px 4px -2px rgb(0 0 0 / 0.25);
84
+ --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);
86
+ --stgm-sidebar-foreground: oklch(0.985 0 0);
87
+ --stgm-sidebar-primary: oklch(0.72 0.12 190);
88
+ --stgm-sidebar-primary-foreground: oklch(0.145 0 0);
89
+ --stgm-sidebar-accent: oklch(0.269 0 0);
90
+ --stgm-sidebar-accent-foreground: oklch(0.985 0 0);
91
+ --stgm-sidebar-border: oklch(1 0 0 / 10%);
92
+ --stgm-sidebar-ring: oklch(0.5 0.08 190);
70
93
  }