@astryxdesign/theme-stone 0.1.3 → 0.1.4-canary.02643db

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 (8) hide show
  1. package/dist/source.js +12 -12
  2. package/dist/source.mjs +12 -12
  3. package/dist/stone.d.ts +1 -1
  4. package/dist/stone.js +7 -7
  5. package/dist/stone.variants.d.ts +1 -1
  6. package/dist/theme.css +7 -7
  7. package/package.json +3 -3
  8. package/src/stoneTheme.ts +6 -6
package/dist/source.js CHANGED
@@ -141,20 +141,20 @@ var stoneTheme = (0, import_theme.defineTheme)({
141
141
  // Stone 900 T=16 C=1.4, Stone 500 T=55 C=4, Stone 300 T=86 C=1.6, Stone 100 T=96 C=1
142
142
  "--color-accent": ["#25252a", "#f3f3f5"],
143
143
  // light: Stone Neutral T15
144
- "--color-accent-muted": ["#25252a14", "#f3f3f5"],
145
- // light: Stone Neutral T15 · 8%
144
+ "--color-accent-muted": ["#25252a14", "#f3f3f520"],
145
+ // light: Stone Neutral T15 · 8% / dark: T96 · 12.5%
146
146
  "--color-neutral": ["#25252a0f", "#f3f3f51a"],
147
147
  // light: Stone Neutral T15 · 6% / dark: T96 · 10%
148
148
  "--color-background-surface": ["#ffffff", "#1b1b1f"],
149
149
  // dark: Stone Neutral T10
150
150
  "--color-background-body": ["#f3f3f5", "#111015"],
151
151
  // dark: Stone Neutral T5
152
- "--color-overlay": ["#25252a80", "#28282a"],
153
- // light: Stone Neutral T15 · 50%
154
- "--color-overlay-hover": ["#25252a0d", "#f3f3f5"],
155
- // light: Stone Neutral T15 · 5%
156
- "--color-overlay-pressed": ["#25252a1a", "#f3f3f5"],
157
- // light: Stone Neutral T15 · 10%
152
+ "--color-overlay": ["#25252a80", "#28282acc"],
153
+ // light: Stone Neutral T15 · 50% / dark: 80%
154
+ "--color-overlay-hover": ["#25252a0d", "#f3f3f50d"],
155
+ // light: Stone Neutral T15 · 5% / dark: T96 · 5%
156
+ "--color-overlay-pressed": ["#25252a1a", "#f3f3f51a"],
157
+ // light: Stone Neutral T15 · 10% / dark: T96 · 10%
158
158
  "--color-background-muted": ["#e2e2e8", "#3b3b3f"],
159
159
  // light: Stone Neutral T90
160
160
  // Text — H=291
@@ -208,15 +208,15 @@ var stoneTheme = (0, import_theme.defineTheme)({
208
208
  "--color-warning-muted": ["#f4e1b7", "#d7c59c"],
209
209
  // Yellow T90 / T80
210
210
  // Border — H=291
211
- "--color-border": ["#e2e2e8", "#f3f3f5"],
212
- // light: Stone Neutral T90
211
+ "--color-border": ["#e2e2e8", "#f3f3f51a"],
212
+ // light: Stone Neutral T90 / dark: T96 · 10%
213
213
  "--color-border-emphasized": ["#83838a", "#5e5e61"],
214
214
  // T55 C=4 / T40 C=2
215
215
  // Effects — H=291
216
216
  "--color-skeleton": ["#d4d4da", "#5e5e64"],
217
217
  // T85 / T40 from H=291 C=3
218
- "--color-shadow": ["#25252a1a", "#000000"],
219
- // light: Stone Neutral T15 · 10%
218
+ "--color-shadow": ["#25252a1a", "#0000004d"],
219
+ // light: Stone Neutral T15 · 10% / dark: 30%
220
220
  "--color-tint-hover": ["black", "white"],
221
221
  // Typography override
222
222
  "--text-supporting-size": "12px",
package/dist/source.mjs CHANGED
@@ -79,20 +79,20 @@ var stoneTheme = defineTheme({
79
79
  // Stone 900 T=16 C=1.4, Stone 500 T=55 C=4, Stone 300 T=86 C=1.6, Stone 100 T=96 C=1
80
80
  "--color-accent": ["#25252a", "#f3f3f5"],
81
81
  // light: Stone Neutral T15
82
- "--color-accent-muted": ["#25252a14", "#f3f3f5"],
83
- // light: Stone Neutral T15 · 8%
82
+ "--color-accent-muted": ["#25252a14", "#f3f3f520"],
83
+ // light: Stone Neutral T15 · 8% / dark: T96 · 12.5%
84
84
  "--color-neutral": ["#25252a0f", "#f3f3f51a"],
85
85
  // light: Stone Neutral T15 · 6% / dark: T96 · 10%
86
86
  "--color-background-surface": ["#ffffff", "#1b1b1f"],
87
87
  // dark: Stone Neutral T10
88
88
  "--color-background-body": ["#f3f3f5", "#111015"],
89
89
  // dark: Stone Neutral T5
90
- "--color-overlay": ["#25252a80", "#28282a"],
91
- // light: Stone Neutral T15 · 50%
92
- "--color-overlay-hover": ["#25252a0d", "#f3f3f5"],
93
- // light: Stone Neutral T15 · 5%
94
- "--color-overlay-pressed": ["#25252a1a", "#f3f3f5"],
95
- // light: Stone Neutral T15 · 10%
90
+ "--color-overlay": ["#25252a80", "#28282acc"],
91
+ // light: Stone Neutral T15 · 50% / dark: 80%
92
+ "--color-overlay-hover": ["#25252a0d", "#f3f3f50d"],
93
+ // light: Stone Neutral T15 · 5% / dark: T96 · 5%
94
+ "--color-overlay-pressed": ["#25252a1a", "#f3f3f51a"],
95
+ // light: Stone Neutral T15 · 10% / dark: T96 · 10%
96
96
  "--color-background-muted": ["#e2e2e8", "#3b3b3f"],
97
97
  // light: Stone Neutral T90
98
98
  // Text — H=291
@@ -146,15 +146,15 @@ var stoneTheme = defineTheme({
146
146
  "--color-warning-muted": ["#f4e1b7", "#d7c59c"],
147
147
  // Yellow T90 / T80
148
148
  // Border — H=291
149
- "--color-border": ["#e2e2e8", "#f3f3f5"],
150
- // light: Stone Neutral T90
149
+ "--color-border": ["#e2e2e8", "#f3f3f51a"],
150
+ // light: Stone Neutral T90 / dark: T96 · 10%
151
151
  "--color-border-emphasized": ["#83838a", "#5e5e61"],
152
152
  // T55 C=4 / T40 C=2
153
153
  // Effects — H=291
154
154
  "--color-skeleton": ["#d4d4da", "#5e5e64"],
155
155
  // T85 / T40 from H=291 C=3
156
- "--color-shadow": ["#25252a1a", "#000000"],
157
- // light: Stone Neutral T15 · 10%
156
+ "--color-shadow": ["#25252a1a", "#0000004d"],
157
+ // light: Stone Neutral T15 · 10% / dark: 30%
158
158
  "--color-tint-hover": ["black", "white"],
159
159
  // Typography override
160
160
  "--text-supporting-size": "12px",
package/dist/stone.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * Generated: 2026-07-04T14:54:30.203Z
5
+ * Generated: 2026-07-08T05:45:16.497Z
6
6
  */
7
7
 
8
8
  import type { DefinedTheme } from '@astryxdesign/core/theme';
package/dist/stone.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * Generated: 2026-07-04T14:54:30.202Z
5
+ * Generated: 2026-07-08T05:45:16.496Z
6
6
  */
7
7
 
8
8
  import { stoneIconRegistry } from './icons';
@@ -98,13 +98,13 @@ export const stoneTheme = {
98
98
  "--color-syntax-punctuation": "light-dark(#5e5e5e, #ababb0)",
99
99
  "--color-syntax-background": "light-dark(#f3f3f5, #171719)",
100
100
  "--color-accent": "light-dark(#25252a, #f3f3f5)",
101
- "--color-accent-muted": "light-dark(#25252a14, #f3f3f5)",
101
+ "--color-accent-muted": "light-dark(#25252a14, #f3f3f520)",
102
102
  "--color-neutral": "light-dark(#25252a0f, #f3f3f51a)",
103
103
  "--color-background-surface": "light-dark(#ffffff, #1b1b1f)",
104
104
  "--color-background-body": "light-dark(#f3f3f5, #111015)",
105
- "--color-overlay": "light-dark(#25252a80, #28282a)",
106
- "--color-overlay-hover": "light-dark(#25252a0d, #f3f3f5)",
107
- "--color-overlay-pressed": "light-dark(#25252a1a, #f3f3f5)",
105
+ "--color-overlay": "light-dark(#25252a80, #28282acc)",
106
+ "--color-overlay-hover": "light-dark(#25252a0d, #f3f3f50d)",
107
+ "--color-overlay-pressed": "light-dark(#25252a1a, #f3f3f51a)",
108
108
  "--color-background-muted": "light-dark(#e2e2e8, #3b3b3f)",
109
109
  "--color-text-primary": "light-dark(#25252a, #f3f3f5)",
110
110
  "--color-text-secondary": "light-dark(#83838a, #9d9da3)",
@@ -129,10 +129,10 @@ export const stoneTheme = {
129
129
  "--color-error-muted": "light-dark(#f9dcd7, #dcc0bc)",
130
130
  "--color-warning": "light-dark(#524622, #d7c59c)",
131
131
  "--color-warning-muted": "light-dark(#f4e1b7, #d7c59c)",
132
- "--color-border": "light-dark(#e2e2e8, #f3f3f5)",
132
+ "--color-border": "light-dark(#e2e2e8, #f3f3f51a)",
133
133
  "--color-border-emphasized": "light-dark(#83838a, #5e5e61)",
134
134
  "--color-skeleton": "light-dark(#d4d4da, #5e5e64)",
135
- "--color-shadow": "light-dark(#25252a1a, #000000)",
135
+ "--color-shadow": "light-dark(#25252a1a, #0000004d)",
136
136
  "--color-tint-hover": "light-dark(black, white)",
137
137
  "--color-background-blue": "light-dark(#d7e4f5, #485362)",
138
138
  "--color-border-blue": "light-dark(#c9d6e7, #313c4a)",
package/dist/stone.variants.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * Generated: 2026-07-04T14:54:30.213Z
5
+ * Generated: 2026-07-08T05:45:16.507Z
6
6
  */
7
7
 
8
8
  // Generated by astryx theme build
package/dist/theme.css CHANGED
@@ -2,7 +2,7 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/stoneTheme.ts
4
4
  * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * Generated: 2026-07-04T14:54:30.202Z
5
+ * Generated: 2026-07-08T05:45:16.496Z
6
6
  */
7
7
 
8
8
  @layer reset {
@@ -162,13 +162,13 @@
162
162
  --color-syntax-punctuation: light-dark(#5e5e5e, #ababb0);
163
163
  --color-syntax-background: light-dark(#f3f3f5, #171719);
164
164
  --color-accent: light-dark(#25252a, #f3f3f5);
165
- --color-accent-muted: light-dark(#25252a14, #f3f3f5);
165
+ --color-accent-muted: light-dark(#25252a14, #f3f3f520);
166
166
  --color-neutral: light-dark(#25252a0f, #f3f3f51a);
167
167
  --color-background-surface: light-dark(#ffffff, #1b1b1f);
168
168
  --color-background-body: light-dark(#f3f3f5, #111015);
169
- --color-overlay: light-dark(#25252a80, #28282a);
170
- --color-overlay-hover: light-dark(#25252a0d, #f3f3f5);
171
- --color-overlay-pressed: light-dark(#25252a1a, #f3f3f5);
169
+ --color-overlay: light-dark(#25252a80, #28282acc);
170
+ --color-overlay-hover: light-dark(#25252a0d, #f3f3f50d);
171
+ --color-overlay-pressed: light-dark(#25252a1a, #f3f3f51a);
172
172
  --color-background-muted: light-dark(#e2e2e8, #3b3b3f);
173
173
  --color-text-primary: light-dark(#25252a, #f3f3f5);
174
174
  --color-text-secondary: light-dark(#83838a, #9d9da3);
@@ -193,10 +193,10 @@
193
193
  --color-error-muted: light-dark(#f9dcd7, #dcc0bc);
194
194
  --color-warning: light-dark(#524622, #d7c59c);
195
195
  --color-warning-muted: light-dark(#f4e1b7, #d7c59c);
196
- --color-border: light-dark(#e2e2e8, #f3f3f5);
196
+ --color-border: light-dark(#e2e2e8, #f3f3f51a);
197
197
  --color-border-emphasized: light-dark(#83838a, #5e5e61);
198
198
  --color-skeleton: light-dark(#d4d4da, #5e5e64);
199
- --color-shadow: light-dark(#25252a1a, #000000);
199
+ --color-shadow: light-dark(#25252a1a, #0000004d);
200
200
  --color-tint-hover: light-dark(black, white);
201
201
  --color-background-blue: light-dark(#d7e4f5, #485362);
202
202
  --color-border-blue: light-dark(#c9d6e7, #313c4a);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-stone",
3
- "version": "0.1.3",
3
+ "version": "0.1.4-canary.02643db",
4
4
  "displayName": "Stone Theme",
5
5
  "private": false,
6
6
  "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -49,11 +49,11 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.1.3",
52
+ "@astryxdesign/core": "0.1.4-canary.02643db",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.1.3"
56
+ "@astryxdesign/cli": "0.1.4-canary.02643db"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {
package/src/stoneTheme.ts CHANGED
@@ -94,13 +94,13 @@ export const stoneTheme = defineTheme({
94
94
  // Core semantic — all neutrals H=291
95
95
  // Stone 900 T=16 C=1.4, Stone 500 T=55 C=4, Stone 300 T=86 C=1.6, Stone 100 T=96 C=1
96
96
  '--color-accent': ['#25252a', '#f3f3f5'], // light: Stone Neutral T15
97
- '--color-accent-muted': ['#25252a14', '#f3f3f5'], // light: Stone Neutral T15 · 8%
97
+ '--color-accent-muted': ['#25252a14', '#f3f3f520'], // light: Stone Neutral T15 · 8% / dark: T96 · 12.5%
98
98
  '--color-neutral': ['#25252a0f', '#f3f3f51a'], // light: Stone Neutral T15 · 6% / dark: T96 · 10%
99
99
  '--color-background-surface': ['#ffffff', '#1b1b1f'], // dark: Stone Neutral T10
100
100
  '--color-background-body': ['#f3f3f5', '#111015'], // dark: Stone Neutral T5
101
- '--color-overlay': ['#25252a80', '#28282a'], // light: Stone Neutral T15 · 50%
102
- '--color-overlay-hover': ['#25252a0d', '#f3f3f5'], // light: Stone Neutral T15 · 5%
103
- '--color-overlay-pressed': ['#25252a1a', '#f3f3f5'], // light: Stone Neutral T15 · 10%
101
+ '--color-overlay': ['#25252a80', '#28282acc'], // light: Stone Neutral T15 · 50% / dark: 80%
102
+ '--color-overlay-hover': ['#25252a0d', '#f3f3f50d'], // light: Stone Neutral T15 · 5% / dark: T96 · 5%
103
+ '--color-overlay-pressed': ['#25252a1a', '#f3f3f51a'], // light: Stone Neutral T15 · 10% / dark: T96 · 10%
104
104
  '--color-background-muted': ['#e2e2e8', '#3b3b3f'], // light: Stone Neutral T90
105
105
 
106
106
  // Text — H=291
@@ -136,12 +136,12 @@ export const stoneTheme = defineTheme({
136
136
  '--color-warning-muted': ['#f4e1b7', '#d7c59c'], // Yellow T90 / T80
137
137
 
138
138
  // Border — H=291
139
- '--color-border': ['#e2e2e8', '#f3f3f5'], // light: Stone Neutral T90
139
+ '--color-border': ['#e2e2e8', '#f3f3f51a'], // light: Stone Neutral T90 / dark: T96 · 10%
140
140
  '--color-border-emphasized': ['#83838a', '#5e5e61'], // T55 C=4 / T40 C=2
141
141
 
142
142
  // Effects — H=291
143
143
  '--color-skeleton': ['#d4d4da', '#5e5e64'], // T85 / T40 from H=291 C=3
144
- '--color-shadow': ['#25252a1a', '#000000'], // light: Stone Neutral T15 · 10%
144
+ '--color-shadow': ['#25252a1a', '#0000004d'], // light: Stone Neutral T15 · 10% / dark: 30%
145
145
  '--color-tint-hover': ['black', 'white'],
146
146
 
147
147
  // Typography override