@stigmer/theme 0.4.7 → 0.5.0

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stigmer/theme",
3
- "version": "0.4.7",
3
+ "version": "0.5.0",
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",
@@ -20,6 +20,7 @@
20
20
  --stgm-accent-foreground: oklch(0.25 0.03 250);
21
21
  --stgm-border: oklch(0.85 0.025 250);
22
22
  --stgm-input: oklch(0.85 0.025 250);
23
+ --stgm-input-bg: oklch(1 0.005 250);
23
24
  --stgm-ring: oklch(0.48 0.15 250);
24
25
  --stgm-chart-1: oklch(0.55 0.20 250);
25
26
  --stgm-chart-2: oklch(0.60 0.16 200);
@@ -75,6 +76,7 @@
75
76
  --stgm-accent-foreground: oklch(0.93 0.01 250);
76
77
  --stgm-border: oklch(0.40 0.05 250);
77
78
  --stgm-input: oklch(0.40 0.05 250);
79
+ --stgm-input-bg: oklch(0.22 0.05 250);
78
80
  --stgm-ring: oklch(0.55 0.14 250);
79
81
  --stgm-chart-1: oklch(0.60 0.20 250);
80
82
  --stgm-chart-2: oklch(0.62 0.17 200);
@@ -21,6 +21,7 @@
21
21
  --stgm-accent-foreground: oklch(0.25 0.04 280);
22
22
  --stgm-border: oklch(0.90 0.01 280);
23
23
  --stgm-input: oklch(0.88 0.015 280);
24
+ --stgm-input-bg: oklch(1 0.003 280);
24
25
  --stgm-ring: oklch(0.48 0.18 280);
25
26
  --stgm-chart-1: oklch(0.52 0.24 280);
26
27
  --stgm-chart-2: oklch(0.58 0.20 230);
@@ -76,6 +77,7 @@
76
77
  --stgm-accent-foreground: oklch(0.92 0.01 280);
77
78
  --stgm-border: oklch(0.35 0.06 280);
78
79
  --stgm-input: oklch(0.35 0.06 280);
80
+ --stgm-input-bg: oklch(0.18 0.06 280);
79
81
  --stgm-ring: oklch(0.55 0.18 280);
80
82
  --stgm-chart-1: oklch(0.62 0.24 280);
81
83
  --stgm-chart-2: oklch(0.58 0.20 230);
@@ -20,6 +20,7 @@
20
20
  --stgm-accent-foreground: oklch(0.30 0.03 50);
21
21
  --stgm-border: oklch(0.88 0.02 65);
22
22
  --stgm-input: oklch(0.88 0.02 65);
23
+ --stgm-input-bg: oklch(0.99 0.01 65);
23
24
  --stgm-ring: oklch(0.62 0.15 40);
24
25
  --stgm-chart-1: oklch(0.62 0.20 40);
25
26
  --stgm-chart-2: oklch(0.58 0.16 150);
@@ -75,6 +76,7 @@
75
76
  --stgm-accent-foreground: oklch(0.93 0.01 65);
76
77
  --stgm-border: oklch(0.38 0.04 50);
77
78
  --stgm-input: oklch(0.38 0.04 50);
79
+ --stgm-input-bg: oklch(0.24 0.04 50);
78
80
  --stgm-ring: oklch(0.60 0.14 40);
79
81
  --stgm-chart-1: oklch(0.68 0.20 40);
80
82
  --stgm-chart-2: oklch(0.62 0.17 150);
@@ -22,6 +22,7 @@
22
22
  --stgm-accent-foreground: oklch(0.25 0 0);
23
23
  --stgm-border: oklch(0.92 0 0);
24
24
  --stgm-input: oklch(0.92 0 0);
25
+ --stgm-input-bg: oklch(1 0 0);
25
26
  --stgm-ring: oklch(0.15 0 0);
26
27
  --stgm-chart-1: oklch(0.25 0 0);
27
28
  --stgm-chart-2: oklch(0.40 0 0);
@@ -77,6 +78,7 @@
77
78
  --stgm-accent-foreground: oklch(0.96 0 0);
78
79
  --stgm-border: oklch(0.27 0 0);
79
80
  --stgm-input: oklch(0.27 0 0);
81
+ --stgm-input-bg: oklch(0.21 0 0);
80
82
  --stgm-ring: oklch(0.96 0 0);
81
83
  --stgm-chart-1: oklch(0.85 0 0);
82
84
  --stgm-chart-2: oklch(0.70 0 0);
@@ -19,6 +19,7 @@
19
19
  --stgm-accent-foreground: oklch(0.30 0 0);
20
20
  --stgm-border: oklch(0.92 0 0);
21
21
  --stgm-input: oklch(0.90 0 0);
22
+ --stgm-input-bg: oklch(0.97 0 0);
22
23
  --stgm-ring: oklch(0.50 0.18 285);
23
24
  --stgm-chart-1: oklch(0.55 0.24 285);
24
25
  --stgm-chart-2: oklch(0.50 0.06 0);
@@ -74,6 +75,7 @@
74
75
  --stgm-accent-foreground: oklch(0.90 0 0);
75
76
  --stgm-border: oklch(0.22 0 0);
76
77
  --stgm-input: oklch(0.22 0 0);
78
+ --stgm-input-bg: oklch(0.13 0 0);
77
79
  --stgm-ring: oklch(0.55 0.16 285);
78
80
  --stgm-chart-1: oklch(0.65 0.24 285);
79
81
  --stgm-chart-2: oklch(0.55 0.06 0);
@@ -20,6 +20,7 @@
20
20
  --stgm-accent-foreground: oklch(0.25 0.03 250);
21
21
  --stgm-border: oklch(0.85 0.025 250);
22
22
  --stgm-input: oklch(0.85 0.025 250);
23
+ --stgm-input-bg: oklch(1 0.005 250);
23
24
  --stgm-ring: oklch(0.48 0.15 250);
24
25
  --stgm-chart-1: oklch(0.55 0.20 250);
25
26
  --stgm-chart-2: oklch(0.60 0.16 200);
@@ -75,6 +76,7 @@
75
76
  --stgm-accent-foreground: oklch(0.93 0.01 250);
76
77
  --stgm-border: oklch(0.40 0.05 250);
77
78
  --stgm-input: oklch(0.40 0.05 250);
79
+ --stgm-input-bg: oklch(0.22 0.05 250);
78
80
  --stgm-ring: oklch(0.55 0.14 250);
79
81
  --stgm-chart-1: oklch(0.60 0.20 250);
80
82
  --stgm-chart-2: oklch(0.62 0.17 200);
@@ -21,6 +21,7 @@
21
21
  --stgm-accent-foreground: oklch(0.25 0.04 280);
22
22
  --stgm-border: oklch(0.90 0.01 280);
23
23
  --stgm-input: oklch(0.88 0.015 280);
24
+ --stgm-input-bg: oklch(1 0.003 280);
24
25
  --stgm-ring: oklch(0.48 0.18 280);
25
26
  --stgm-chart-1: oklch(0.52 0.24 280);
26
27
  --stgm-chart-2: oklch(0.58 0.20 230);
@@ -76,6 +77,7 @@
76
77
  --stgm-accent-foreground: oklch(0.92 0.01 280);
77
78
  --stgm-border: oklch(0.35 0.06 280);
78
79
  --stgm-input: oklch(0.35 0.06 280);
80
+ --stgm-input-bg: oklch(0.18 0.06 280);
79
81
  --stgm-ring: oklch(0.55 0.18 280);
80
82
  --stgm-chart-1: oklch(0.62 0.24 280);
81
83
  --stgm-chart-2: oklch(0.58 0.20 230);
@@ -20,6 +20,7 @@
20
20
  --stgm-accent-foreground: oklch(0.30 0.03 50);
21
21
  --stgm-border: oklch(0.88 0.02 65);
22
22
  --stgm-input: oklch(0.88 0.02 65);
23
+ --stgm-input-bg: oklch(0.99 0.01 65);
23
24
  --stgm-ring: oklch(0.62 0.15 40);
24
25
  --stgm-chart-1: oklch(0.62 0.20 40);
25
26
  --stgm-chart-2: oklch(0.58 0.16 150);
@@ -75,6 +76,7 @@
75
76
  --stgm-accent-foreground: oklch(0.93 0.01 65);
76
77
  --stgm-border: oklch(0.38 0.04 50);
77
78
  --stgm-input: oklch(0.38 0.04 50);
79
+ --stgm-input-bg: oklch(0.24 0.04 50);
78
80
  --stgm-ring: oklch(0.60 0.14 40);
79
81
  --stgm-chart-1: oklch(0.68 0.20 40);
80
82
  --stgm-chart-2: oklch(0.62 0.17 150);
@@ -22,6 +22,7 @@
22
22
  --stgm-accent-foreground: oklch(0.25 0 0);
23
23
  --stgm-border: oklch(0.92 0 0);
24
24
  --stgm-input: oklch(0.92 0 0);
25
+ --stgm-input-bg: oklch(1 0 0);
25
26
  --stgm-ring: oklch(0.15 0 0);
26
27
  --stgm-chart-1: oklch(0.25 0 0);
27
28
  --stgm-chart-2: oklch(0.40 0 0);
@@ -77,6 +78,7 @@
77
78
  --stgm-accent-foreground: oklch(0.96 0 0);
78
79
  --stgm-border: oklch(0.27 0 0);
79
80
  --stgm-input: oklch(0.27 0 0);
81
+ --stgm-input-bg: oklch(0.21 0 0);
80
82
  --stgm-ring: oklch(0.96 0 0);
81
83
  --stgm-chart-1: oklch(0.85 0 0);
82
84
  --stgm-chart-2: oklch(0.70 0 0);
@@ -19,6 +19,7 @@
19
19
  --stgm-accent-foreground: oklch(0.30 0 0);
20
20
  --stgm-border: oklch(0.92 0 0);
21
21
  --stgm-input: oklch(0.90 0 0);
22
+ --stgm-input-bg: oklch(0.97 0 0);
22
23
  --stgm-ring: oklch(0.50 0.18 285);
23
24
  --stgm-chart-1: oklch(0.55 0.24 285);
24
25
  --stgm-chart-2: oklch(0.50 0.06 0);
@@ -74,6 +75,7 @@
74
75
  --stgm-accent-foreground: oklch(0.90 0 0);
75
76
  --stgm-border: oklch(0.22 0 0);
76
77
  --stgm-input: oklch(0.22 0 0);
78
+ --stgm-input-bg: oklch(0.13 0 0);
77
79
  --stgm-ring: oklch(0.55 0.16 285);
78
80
  --stgm-chart-1: oklch(0.65 0.24 285);
79
81
  --stgm-chart-2: oklch(0.55 0.06 0);
package/src/tokens.css CHANGED
@@ -20,12 +20,14 @@
20
20
  --stgm-destructive-foreground: oklch(0.985 0 0);
21
21
  --stgm-success: oklch(0.55 0.15 150);
22
22
  --stgm-success-foreground: oklch(0.985 0 0);
23
+ --stgm-success-subtle: oklch(0.95 0.03 150);
23
24
  --stgm-warning: oklch(0.75 0.18 80);
24
25
  --stgm-warning-foreground: oklch(0.145 0 0);
25
26
  --stgm-info: oklch(0.55 0.15 250);
26
27
  --stgm-info-foreground: oklch(0.985 0 0);
27
28
  --stgm-border: oklch(0.885 0 0);
28
29
  --stgm-input: oklch(0.87 0 0);
30
+ --stgm-input-bg: oklch(1 0 0);
29
31
  --stgm-ring: oklch(0.55 0.1 190);
30
32
  --stgm-chart-1: oklch(0.646 0.222 41.116);
31
33
  --stgm-chart-2: oklch(0.6 0.118 184.704);
@@ -62,6 +64,35 @@
62
64
  --stgm-sidebar-accent-foreground: oklch(0.205 0 0);
63
65
  --stgm-sidebar-border: oklch(0.885 0 0);
64
66
  --stgm-sidebar-ring: oklch(0.55 0.1 190);
67
+
68
+ --stgm-status-ready: oklch(0.55 0.15 150);
69
+ --stgm-status-ready-foreground: oklch(0.985 0 0);
70
+ --stgm-status-ready-subtle: oklch(0.95 0.03 150);
71
+ --stgm-status-running: oklch(0.55 0.14 230);
72
+ --stgm-status-running-foreground: oklch(0.985 0 0);
73
+ --stgm-status-running-subtle: oklch(0.95 0.03 230);
74
+ --stgm-status-pending: oklch(0.556 0 0);
75
+ --stgm-status-pending-foreground: oklch(0.985 0 0);
76
+ --stgm-status-pending-subtle: oklch(0.95 0 0);
77
+ --stgm-status-degraded: oklch(0.72 0.17 80);
78
+ --stgm-status-degraded-foreground: oklch(0.145 0 0);
79
+ --stgm-status-degraded-subtle: oklch(0.95 0.03 80);
80
+ --stgm-status-failed: oklch(0.577 0.245 27.325);
81
+ --stgm-status-failed-foreground: oklch(0.985 0 0);
82
+ --stgm-status-failed-subtle: oklch(0.95 0.03 27);
83
+ --stgm-status-disabled: oklch(0.64 0 0);
84
+ --stgm-status-disabled-foreground: oklch(0.985 0 0);
85
+ --stgm-status-disabled-subtle: oklch(0.94 0 0);
86
+ --stgm-status-draft: oklch(0.556 0 0);
87
+ --stgm-status-draft-foreground: oklch(0.985 0 0);
88
+ --stgm-status-draft-subtle: oklch(0.95 0 0);
89
+
90
+ --stgm-diff-added-bg: oklch(0.96 0.04 150);
91
+ --stgm-diff-added-fg: oklch(0.35 0.12 150);
92
+ --stgm-diff-removed-bg: oklch(0.96 0.04 27);
93
+ --stgm-diff-removed-fg: oklch(0.40 0.16 27);
94
+ --stgm-diff-hunk-header-bg: oklch(0.96 0.02 250);
95
+ --stgm-diff-hunk-header-fg: oklch(0.45 0.08 250);
65
96
  }
66
97
 
67
98
  [data-stgm-color-mode="dark"] {
@@ -83,12 +114,14 @@
83
114
  --stgm-destructive-foreground: oklch(0.985 0 0);
84
115
  --stgm-success: oklch(0.7 0.15 150);
85
116
  --stgm-success-foreground: oklch(0.985 0 0);
117
+ --stgm-success-subtle: oklch(0.24 0.04 150);
86
118
  --stgm-warning: oklch(0.78 0.16 80);
87
119
  --stgm-warning-foreground: oklch(0.145 0 0);
88
120
  --stgm-info: oklch(0.7 0.15 250);
89
121
  --stgm-info-foreground: oklch(0.985 0 0);
90
122
  --stgm-border: oklch(1 0 0 / 14%);
91
123
  --stgm-input: oklch(1 0 0 / 20%);
124
+ --stgm-input-bg: oklch(0.205 0 0);
92
125
  --stgm-ring: oklch(0.55 0.1 190);
93
126
  --stgm-chart-1: oklch(0.488 0.243 264.376);
94
127
  --stgm-chart-2: oklch(0.696 0.17 162.48);
@@ -122,4 +155,33 @@
122
155
  --stgm-sidebar-accent-foreground: oklch(0.985 0 0);
123
156
  --stgm-sidebar-border: oklch(1 0 0 / 14%);
124
157
  --stgm-sidebar-ring: oklch(0.5 0.08 190);
158
+
159
+ --stgm-status-ready: oklch(0.7 0.15 150);
160
+ --stgm-status-ready-foreground: oklch(0.985 0 0);
161
+ --stgm-status-ready-subtle: oklch(0.24 0.04 150);
162
+ --stgm-status-running: oklch(0.7 0.14 230);
163
+ --stgm-status-running-foreground: oklch(0.985 0 0);
164
+ --stgm-status-running-subtle: oklch(0.24 0.04 230);
165
+ --stgm-status-pending: oklch(0.708 0 0);
166
+ --stgm-status-pending-foreground: oklch(0.985 0 0);
167
+ --stgm-status-pending-subtle: oklch(0.24 0 0);
168
+ --stgm-status-degraded: oklch(0.78 0.16 80);
169
+ --stgm-status-degraded-foreground: oklch(0.145 0 0);
170
+ --stgm-status-degraded-subtle: oklch(0.24 0.04 80);
171
+ --stgm-status-failed: oklch(0.704 0.191 22.216);
172
+ --stgm-status-failed-foreground: oklch(0.985 0 0);
173
+ --stgm-status-failed-subtle: oklch(0.24 0.04 22);
174
+ --stgm-status-disabled: oklch(0.55 0 0);
175
+ --stgm-status-disabled-foreground: oklch(0.985 0 0);
176
+ --stgm-status-disabled-subtle: oklch(0.21 0 0);
177
+ --stgm-status-draft: oklch(0.708 0 0);
178
+ --stgm-status-draft-foreground: oklch(0.985 0 0);
179
+ --stgm-status-draft-subtle: oklch(0.24 0 0);
180
+
181
+ --stgm-diff-added-bg: oklch(0.22 0.04 150);
182
+ --stgm-diff-added-fg: oklch(0.78 0.12 150);
183
+ --stgm-diff-removed-bg: oklch(0.22 0.04 27);
184
+ --stgm-diff-removed-fg: oklch(0.78 0.12 27);
185
+ --stgm-diff-hunk-header-bg: oklch(0.22 0.02 250);
186
+ --stgm-diff-hunk-header-fg: oklch(0.70 0.06 250);
125
187
  }
package/tokens.css CHANGED
@@ -20,12 +20,14 @@
20
20
  --stgm-destructive-foreground: oklch(0.985 0 0);
21
21
  --stgm-success: oklch(0.55 0.15 150);
22
22
  --stgm-success-foreground: oklch(0.985 0 0);
23
+ --stgm-success-subtle: oklch(0.95 0.03 150);
23
24
  --stgm-warning: oklch(0.75 0.18 80);
24
25
  --stgm-warning-foreground: oklch(0.145 0 0);
25
26
  --stgm-info: oklch(0.55 0.15 250);
26
27
  --stgm-info-foreground: oklch(0.985 0 0);
27
28
  --stgm-border: oklch(0.885 0 0);
28
29
  --stgm-input: oklch(0.87 0 0);
30
+ --stgm-input-bg: oklch(1 0 0);
29
31
  --stgm-ring: oklch(0.55 0.1 190);
30
32
  --stgm-chart-1: oklch(0.646 0.222 41.116);
31
33
  --stgm-chart-2: oklch(0.6 0.118 184.704);
@@ -62,6 +64,35 @@
62
64
  --stgm-sidebar-accent-foreground: oklch(0.205 0 0);
63
65
  --stgm-sidebar-border: oklch(0.885 0 0);
64
66
  --stgm-sidebar-ring: oklch(0.55 0.1 190);
67
+
68
+ --stgm-status-ready: oklch(0.55 0.15 150);
69
+ --stgm-status-ready-foreground: oklch(0.985 0 0);
70
+ --stgm-status-ready-subtle: oklch(0.95 0.03 150);
71
+ --stgm-status-running: oklch(0.55 0.14 230);
72
+ --stgm-status-running-foreground: oklch(0.985 0 0);
73
+ --stgm-status-running-subtle: oklch(0.95 0.03 230);
74
+ --stgm-status-pending: oklch(0.556 0 0);
75
+ --stgm-status-pending-foreground: oklch(0.985 0 0);
76
+ --stgm-status-pending-subtle: oklch(0.95 0 0);
77
+ --stgm-status-degraded: oklch(0.72 0.17 80);
78
+ --stgm-status-degraded-foreground: oklch(0.145 0 0);
79
+ --stgm-status-degraded-subtle: oklch(0.95 0.03 80);
80
+ --stgm-status-failed: oklch(0.577 0.245 27.325);
81
+ --stgm-status-failed-foreground: oklch(0.985 0 0);
82
+ --stgm-status-failed-subtle: oklch(0.95 0.03 27);
83
+ --stgm-status-disabled: oklch(0.64 0 0);
84
+ --stgm-status-disabled-foreground: oklch(0.985 0 0);
85
+ --stgm-status-disabled-subtle: oklch(0.94 0 0);
86
+ --stgm-status-draft: oklch(0.556 0 0);
87
+ --stgm-status-draft-foreground: oklch(0.985 0 0);
88
+ --stgm-status-draft-subtle: oklch(0.95 0 0);
89
+
90
+ --stgm-diff-added-bg: oklch(0.96 0.04 150);
91
+ --stgm-diff-added-fg: oklch(0.35 0.12 150);
92
+ --stgm-diff-removed-bg: oklch(0.96 0.04 27);
93
+ --stgm-diff-removed-fg: oklch(0.40 0.16 27);
94
+ --stgm-diff-hunk-header-bg: oklch(0.96 0.02 250);
95
+ --stgm-diff-hunk-header-fg: oklch(0.45 0.08 250);
65
96
  }
66
97
 
67
98
  [data-stgm-color-mode="dark"] {
@@ -83,12 +114,14 @@
83
114
  --stgm-destructive-foreground: oklch(0.985 0 0);
84
115
  --stgm-success: oklch(0.7 0.15 150);
85
116
  --stgm-success-foreground: oklch(0.985 0 0);
117
+ --stgm-success-subtle: oklch(0.24 0.04 150);
86
118
  --stgm-warning: oklch(0.78 0.16 80);
87
119
  --stgm-warning-foreground: oklch(0.145 0 0);
88
120
  --stgm-info: oklch(0.7 0.15 250);
89
121
  --stgm-info-foreground: oklch(0.985 0 0);
90
122
  --stgm-border: oklch(1 0 0 / 14%);
91
123
  --stgm-input: oklch(1 0 0 / 20%);
124
+ --stgm-input-bg: oklch(0.205 0 0);
92
125
  --stgm-ring: oklch(0.55 0.1 190);
93
126
  --stgm-chart-1: oklch(0.488 0.243 264.376);
94
127
  --stgm-chart-2: oklch(0.696 0.17 162.48);
@@ -122,4 +155,33 @@
122
155
  --stgm-sidebar-accent-foreground: oklch(0.985 0 0);
123
156
  --stgm-sidebar-border: oklch(1 0 0 / 14%);
124
157
  --stgm-sidebar-ring: oklch(0.5 0.08 190);
158
+
159
+ --stgm-status-ready: oklch(0.7 0.15 150);
160
+ --stgm-status-ready-foreground: oklch(0.985 0 0);
161
+ --stgm-status-ready-subtle: oklch(0.24 0.04 150);
162
+ --stgm-status-running: oklch(0.7 0.14 230);
163
+ --stgm-status-running-foreground: oklch(0.985 0 0);
164
+ --stgm-status-running-subtle: oklch(0.24 0.04 230);
165
+ --stgm-status-pending: oklch(0.708 0 0);
166
+ --stgm-status-pending-foreground: oklch(0.985 0 0);
167
+ --stgm-status-pending-subtle: oklch(0.24 0 0);
168
+ --stgm-status-degraded: oklch(0.78 0.16 80);
169
+ --stgm-status-degraded-foreground: oklch(0.145 0 0);
170
+ --stgm-status-degraded-subtle: oklch(0.24 0.04 80);
171
+ --stgm-status-failed: oklch(0.704 0.191 22.216);
172
+ --stgm-status-failed-foreground: oklch(0.985 0 0);
173
+ --stgm-status-failed-subtle: oklch(0.24 0.04 22);
174
+ --stgm-status-disabled: oklch(0.55 0 0);
175
+ --stgm-status-disabled-foreground: oklch(0.985 0 0);
176
+ --stgm-status-disabled-subtle: oklch(0.21 0 0);
177
+ --stgm-status-draft: oklch(0.708 0 0);
178
+ --stgm-status-draft-foreground: oklch(0.985 0 0);
179
+ --stgm-status-draft-subtle: oklch(0.24 0 0);
180
+
181
+ --stgm-diff-added-bg: oklch(0.22 0.04 150);
182
+ --stgm-diff-added-fg: oklch(0.78 0.12 150);
183
+ --stgm-diff-removed-bg: oklch(0.22 0.04 27);
184
+ --stgm-diff-removed-fg: oklch(0.78 0.12 27);
185
+ --stgm-diff-hunk-header-bg: oklch(0.22 0.02 250);
186
+ --stgm-diff-hunk-header-fg: oklch(0.70 0.06 250);
125
187
  }