@stigmer/theme 3.26.0 → 3.27.1

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 (14) hide show
  1. package/package.json +1 -1
  2. package/presets/corporate.css +2 -0
  3. package/presets/fintech.css +2 -0
  4. package/presets/friendly.css +2 -0
  5. package/presets/monochrome.css +2 -0
  6. package/presets/startup.css +2 -0
  7. package/src/contract/pairs.ts +4 -0
  8. package/src/presets/corporate.css +2 -0
  9. package/src/presets/fintech.css +2 -0
  10. package/src/presets/friendly.css +2 -0
  11. package/src/presets/monochrome.css +2 -0
  12. package/src/presets/startup.css +2 -0
  13. package/src/tokens.css +6 -0
  14. package/tokens.css +6 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stigmer/theme",
3
- "version": "3.26.0",
3
+ "version": "3.27.1",
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
@@ -16,6 +16,7 @@
16
16
  --stgm-secondary-foreground: oklch(0.25 0.03 250);
17
17
  --stgm-muted: oklch(0.93 0.02 250);
18
18
  --stgm-muted-foreground: oklch(0.48 0.03 250);
19
+ --stgm-avatar: oklch(0.93 0.02 250);
19
20
  --stgm-accent: oklch(0.91 0.03 250);
20
21
  --stgm-accent-foreground: oklch(0.25 0.03 250);
21
22
  --stgm-border: oklch(0.85 0.025 250);
@@ -72,6 +73,7 @@
72
73
  --stgm-secondary-foreground: oklch(0.93 0.01 250);
73
74
  --stgm-muted: oklch(0.26 0.04 250);
74
75
  --stgm-muted-foreground: oklch(0.65 0.04 250);
76
+ --stgm-avatar: oklch(0.33 0.04 250);
75
77
  --stgm-accent: oklch(0.32 0.05 250);
76
78
  --stgm-accent-foreground: oklch(0.93 0.01 250);
77
79
  --stgm-border: oklch(0.40 0.05 250);
package/presets/fintech.css CHANGED
@@ -17,6 +17,7 @@
17
17
  --stgm-secondary-foreground: oklch(0.25 0.04 280);
18
18
  --stgm-muted: oklch(0.95 0.01 280);
19
19
  --stgm-muted-foreground: oklch(0.50 0.03 280);
20
+ --stgm-avatar: oklch(0.95 0.01 280);
20
21
  --stgm-accent: oklch(0.93 0.02 280);
21
22
  --stgm-accent-foreground: oklch(0.25 0.04 280);
22
23
  --stgm-border: oklch(0.90 0.01 280);
@@ -73,6 +74,7 @@
73
74
  --stgm-secondary-foreground: oklch(0.92 0.01 280);
74
75
  --stgm-muted: oklch(0.23 0.05 280);
75
76
  --stgm-muted-foreground: oklch(0.65 0.04 280);
77
+ --stgm-avatar: oklch(0.30 0.05 280);
76
78
  --stgm-accent: oklch(0.28 0.06 280);
77
79
  --stgm-accent-foreground: oklch(0.92 0.01 280);
78
80
  --stgm-border: oklch(0.35 0.06 280);
package/presets/friendly.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --stgm-secondary-foreground: oklch(0.30 0.03 50);
17
17
  --stgm-muted: oklch(0.93 0.025 65);
18
18
  --stgm-muted-foreground: oklch(0.50 0.03 50);
19
+ --stgm-avatar: oklch(0.93 0.025 65);
19
20
  --stgm-accent: oklch(0.92 0.03 65);
20
21
  --stgm-accent-foreground: oklch(0.30 0.03 50);
21
22
  --stgm-border: oklch(0.88 0.02 65);
@@ -72,6 +73,7 @@
72
73
  --stgm-secondary-foreground: oklch(0.93 0.01 65);
73
74
  --stgm-muted: oklch(0.27 0.03 50);
74
75
  --stgm-muted-foreground: oklch(0.67 0.03 50);
76
+ --stgm-avatar: oklch(0.35 0.035 50);
75
77
  --stgm-accent: oklch(0.33 0.04 50);
76
78
  --stgm-accent-foreground: oklch(0.93 0.01 65);
77
79
  --stgm-border: oklch(0.38 0.04 50);
package/presets/monochrome.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --stgm-secondary-foreground: oklch(0.25 0 0);
19
19
  --stgm-muted: oklch(0.96 0 0);
20
20
  --stgm-muted-foreground: oklch(0.45 0 0);
21
+ --stgm-avatar: oklch(0.96 0 0);
21
22
  --stgm-accent: oklch(0.96 0 0);
22
23
  --stgm-accent-foreground: oklch(0.25 0 0);
23
24
  --stgm-border: oklch(0.92 0 0);
@@ -74,6 +75,7 @@
74
75
  --stgm-secondary-foreground: oklch(0.96 0 0);
75
76
  --stgm-muted: oklch(0.21 0 0);
76
77
  --stgm-muted-foreground: oklch(0.64 0 0);
78
+ --stgm-avatar: oklch(0.31 0 0);
77
79
  --stgm-accent: oklch(0.25 0 0);
78
80
  --stgm-accent-foreground: oklch(0.96 0 0);
79
81
  --stgm-border: oklch(0.27 0 0);
package/presets/startup.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --stgm-secondary-foreground: oklch(0.30 0 0);
16
16
  --stgm-muted: oklch(0.95 0 0);
17
17
  --stgm-muted-foreground: oklch(0.50 0 0);
18
+ --stgm-avatar: oklch(0.95 0 0);
18
19
  --stgm-accent: oklch(0.94 0 0);
19
20
  --stgm-accent-foreground: oklch(0.30 0 0);
20
21
  --stgm-border: oklch(0.92 0 0);
@@ -71,6 +72,7 @@
71
72
  --stgm-secondary-foreground: oklch(0.85 0 0);
72
73
  --stgm-muted: oklch(0.16 0 0);
73
74
  --stgm-muted-foreground: oklch(0.62 0 0);
75
+ --stgm-avatar: oklch(0.23 0 0);
74
76
  --stgm-accent: oklch(0.20 0 0);
75
77
  --stgm-accent-foreground: oklch(0.90 0 0);
76
78
  --stgm-border: oklch(0.22 0 0);
package/src/contract/pairs.ts CHANGED
@@ -148,6 +148,7 @@ export const CONTRAST_PAIRS: readonly ContrastPair[] = [
148
148
  ),
149
149
  // Comments are deliberately de-emphasized but must stay readable.
150
150
  pair("--stgm-syntax-comment", "--stgm-muted", "supporting", "highlighted code comments"),
151
+ pair("--stgm-muted-foreground", "--stgm-avatar", "supporting", "a person's initial or a team's glyph on its avatar (GranteeAvatar)"),
151
152
 
152
153
  // ── Deliberately de-emphasized text (readability floor, not AA) ─────
153
154
  pair("--stgm-muted-foreground-subtle", "--stgm-background", "supporting", "tertiary captions"),
@@ -168,5 +169,8 @@ export const SURFACE_PAIRS: readonly ContrastPair[] = [
168
169
  pair("--stgm-muted-subtle", "--stgm-background", "surface", "user message bubble on thread background (borderless)", ["dark"]),
169
170
  pair("--stgm-muted", "--stgm-background", "surface", "code blocks, muted panels on the page (borderless)", ["dark"]),
170
171
  pair("--stgm-input", "--stgm-popover", "surface", "Switch off-state track on dialog surface (ShareAgentDialog)", ["dark"]),
172
+ pair("--stgm-avatar", "--stgm-popover", "surface", "grantee avatar in the Manage access dialog and the share picker (GranteeAvatar)", ["dark"]),
173
+ pair("--stgm-avatar", "--stgm-card", "surface", "grantee avatar on a settings card (team members)", ["dark"]),
174
+ pair("--stgm-avatar", "--stgm-background", "surface", "grantee avatar on the page", ["dark"]),
171
175
  pair("--stgm-primary", "--stgm-popover", "surface", "Switch on-state track on dialog surface (ShareAgentDialog)", ["dark"]),
172
176
  ];
package/src/presets/corporate.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --stgm-secondary-foreground: oklch(0.25 0.03 250);
17
17
  --stgm-muted: oklch(0.93 0.02 250);
18
18
  --stgm-muted-foreground: oklch(0.48 0.03 250);
19
+ --stgm-avatar: oklch(0.93 0.02 250);
19
20
  --stgm-accent: oklch(0.91 0.03 250);
20
21
  --stgm-accent-foreground: oklch(0.25 0.03 250);
21
22
  --stgm-border: oklch(0.85 0.025 250);
@@ -72,6 +73,7 @@
72
73
  --stgm-secondary-foreground: oklch(0.93 0.01 250);
73
74
  --stgm-muted: oklch(0.26 0.04 250);
74
75
  --stgm-muted-foreground: oklch(0.65 0.04 250);
76
+ --stgm-avatar: oklch(0.33 0.04 250);
75
77
  --stgm-accent: oklch(0.32 0.05 250);
76
78
  --stgm-accent-foreground: oklch(0.93 0.01 250);
77
79
  --stgm-border: oklch(0.40 0.05 250);
package/src/presets/fintech.css CHANGED
@@ -17,6 +17,7 @@
17
17
  --stgm-secondary-foreground: oklch(0.25 0.04 280);
18
18
  --stgm-muted: oklch(0.95 0.01 280);
19
19
  --stgm-muted-foreground: oklch(0.50 0.03 280);
20
+ --stgm-avatar: oklch(0.95 0.01 280);
20
21
  --stgm-accent: oklch(0.93 0.02 280);
21
22
  --stgm-accent-foreground: oklch(0.25 0.04 280);
22
23
  --stgm-border: oklch(0.90 0.01 280);
@@ -73,6 +74,7 @@
73
74
  --stgm-secondary-foreground: oklch(0.92 0.01 280);
74
75
  --stgm-muted: oklch(0.23 0.05 280);
75
76
  --stgm-muted-foreground: oklch(0.65 0.04 280);
77
+ --stgm-avatar: oklch(0.30 0.05 280);
76
78
  --stgm-accent: oklch(0.28 0.06 280);
77
79
  --stgm-accent-foreground: oklch(0.92 0.01 280);
78
80
  --stgm-border: oklch(0.35 0.06 280);
package/src/presets/friendly.css CHANGED
@@ -16,6 +16,7 @@
16
16
  --stgm-secondary-foreground: oklch(0.30 0.03 50);
17
17
  --stgm-muted: oklch(0.93 0.025 65);
18
18
  --stgm-muted-foreground: oklch(0.50 0.03 50);
19
+ --stgm-avatar: oklch(0.93 0.025 65);
19
20
  --stgm-accent: oklch(0.92 0.03 65);
20
21
  --stgm-accent-foreground: oklch(0.30 0.03 50);
21
22
  --stgm-border: oklch(0.88 0.02 65);
@@ -72,6 +73,7 @@
72
73
  --stgm-secondary-foreground: oklch(0.93 0.01 65);
73
74
  --stgm-muted: oklch(0.27 0.03 50);
74
75
  --stgm-muted-foreground: oklch(0.67 0.03 50);
76
+ --stgm-avatar: oklch(0.35 0.035 50);
75
77
  --stgm-accent: oklch(0.33 0.04 50);
76
78
  --stgm-accent-foreground: oklch(0.93 0.01 65);
77
79
  --stgm-border: oklch(0.38 0.04 50);
package/src/presets/monochrome.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --stgm-secondary-foreground: oklch(0.25 0 0);
19
19
  --stgm-muted: oklch(0.96 0 0);
20
20
  --stgm-muted-foreground: oklch(0.45 0 0);
21
+ --stgm-avatar: oklch(0.96 0 0);
21
22
  --stgm-accent: oklch(0.96 0 0);
22
23
  --stgm-accent-foreground: oklch(0.25 0 0);
23
24
  --stgm-border: oklch(0.92 0 0);
@@ -74,6 +75,7 @@
74
75
  --stgm-secondary-foreground: oklch(0.96 0 0);
75
76
  --stgm-muted: oklch(0.21 0 0);
76
77
  --stgm-muted-foreground: oklch(0.64 0 0);
78
+ --stgm-avatar: oklch(0.31 0 0);
77
79
  --stgm-accent: oklch(0.25 0 0);
78
80
  --stgm-accent-foreground: oklch(0.96 0 0);
79
81
  --stgm-border: oklch(0.27 0 0);
package/src/presets/startup.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --stgm-secondary-foreground: oklch(0.30 0 0);
16
16
  --stgm-muted: oklch(0.95 0 0);
17
17
  --stgm-muted-foreground: oklch(0.50 0 0);
18
+ --stgm-avatar: oklch(0.95 0 0);
18
19
  --stgm-accent: oklch(0.94 0 0);
19
20
  --stgm-accent-foreground: oklch(0.30 0 0);
20
21
  --stgm-border: oklch(0.92 0 0);
@@ -71,6 +72,7 @@
71
72
  --stgm-secondary-foreground: oklch(0.85 0 0);
72
73
  --stgm-muted: oklch(0.16 0 0);
73
74
  --stgm-muted-foreground: oklch(0.62 0 0);
75
+ --stgm-avatar: oklch(0.23 0 0);
74
76
  --stgm-accent: oklch(0.20 0 0);
75
77
  --stgm-accent-foreground: oklch(0.90 0 0);
76
78
  --stgm-border: oklch(0.22 0 0);
package/src/tokens.css CHANGED
@@ -44,6 +44,11 @@
44
44
  --stgm-muted: oklch(0.94 0 0);
45
45
  /* Supporting text (captions, timestamps, the Thinking indicator). */
46
46
  --stgm-muted-foreground: oklch(0.5 0 0);
47
+ /* Avatar circle behind a person's initial or a team's glyph. Distinct from
48
+ --stgm-muted because an avatar sits on cards, dialogs and menus, where a
49
+ muted fill can equal the surface; the contrast contract holds it apart
50
+ from each in dark mode. */
51
+ --stgm-avatar: oklch(0.94 0 0);
47
52
  /* Hover/selection fill for menu items and list rows. */
48
53
  --stgm-accent: oklch(0.94 0 0);
49
54
  /* Text on accent-filled elements. */
@@ -265,6 +270,7 @@
265
270
  --stgm-secondary-foreground: oklch(0.985 0 0);
266
271
  --stgm-muted: oklch(0.269 0 0);
267
272
  --stgm-muted-foreground: oklch(0.75 0 0);
273
+ --stgm-avatar: oklch(0.34 0 0);
268
274
  --stgm-accent: oklch(0.371 0 0);
269
275
  --stgm-accent-foreground: oklch(0.985 0 0);
270
276
  /* Dark fills are lightened, so their foregrounds flip to near-black
package/tokens.css CHANGED
@@ -44,6 +44,11 @@
44
44
  --stgm-muted: oklch(0.94 0 0);
45
45
  /* Supporting text (captions, timestamps, the Thinking indicator). */
46
46
  --stgm-muted-foreground: oklch(0.5 0 0);
47
+ /* Avatar circle behind a person's initial or a team's glyph. Distinct from
48
+ --stgm-muted because an avatar sits on cards, dialogs and menus, where a
49
+ muted fill can equal the surface; the contrast contract holds it apart
50
+ from each in dark mode. */
51
+ --stgm-avatar: oklch(0.94 0 0);
47
52
  /* Hover/selection fill for menu items and list rows. */
48
53
  --stgm-accent: oklch(0.94 0 0);
49
54
  /* Text on accent-filled elements. */
@@ -265,6 +270,7 @@
265
270
  --stgm-secondary-foreground: oklch(0.985 0 0);
266
271
  --stgm-muted: oklch(0.269 0 0);
267
272
  --stgm-muted-foreground: oklch(0.75 0 0);
273
+ --stgm-avatar: oklch(0.34 0 0);
268
274
  --stgm-accent: oklch(0.371 0 0);
269
275
  --stgm-accent-foreground: oklch(0.985 0 0);
270
276
  /* Dark fills are lightened, so their foregrounds flip to near-black