@astryxdesign/theme-stone 0.1.3 → 0.1.4-canary.01e5b29

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/theme.css +9 -7
  6. package/package.json +3 -3
  7. package/src/stoneTheme.ts +6 -6
  8. package/dist/stone.variants.d.ts +0 -93
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-12T19:59:00.525Z
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-12T19:59:00.524Z
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/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-12T19:59:00.524Z
6
6
  */
7
7
 
8
8
  @layer reset {
@@ -78,6 +78,8 @@
78
78
 
79
79
  @layer astryx-theme {
80
80
  :root { color-scheme: light dark; }
81
+ html[data-theme="light"] { color-scheme: light; }
82
+ html[data-theme="dark"] { color-scheme: dark; }
81
83
 
82
84
  @scope ([data-astryx-theme="stone"]) to ([data-astryx-theme]) {
83
85
  :scope {
@@ -162,13 +164,13 @@
162
164
  --color-syntax-punctuation: light-dark(#5e5e5e, #ababb0);
163
165
  --color-syntax-background: light-dark(#f3f3f5, #171719);
164
166
  --color-accent: light-dark(#25252a, #f3f3f5);
165
- --color-accent-muted: light-dark(#25252a14, #f3f3f5);
167
+ --color-accent-muted: light-dark(#25252a14, #f3f3f520);
166
168
  --color-neutral: light-dark(#25252a0f, #f3f3f51a);
167
169
  --color-background-surface: light-dark(#ffffff, #1b1b1f);
168
170
  --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);
171
+ --color-overlay: light-dark(#25252a80, #28282acc);
172
+ --color-overlay-hover: light-dark(#25252a0d, #f3f3f50d);
173
+ --color-overlay-pressed: light-dark(#25252a1a, #f3f3f51a);
172
174
  --color-background-muted: light-dark(#e2e2e8, #3b3b3f);
173
175
  --color-text-primary: light-dark(#25252a, #f3f3f5);
174
176
  --color-text-secondary: light-dark(#83838a, #9d9da3);
@@ -193,10 +195,10 @@
193
195
  --color-error-muted: light-dark(#f9dcd7, #dcc0bc);
194
196
  --color-warning: light-dark(#524622, #d7c59c);
195
197
  --color-warning-muted: light-dark(#f4e1b7, #d7c59c);
196
- --color-border: light-dark(#e2e2e8, #f3f3f5);
198
+ --color-border: light-dark(#e2e2e8, #f3f3f51a);
197
199
  --color-border-emphasized: light-dark(#83838a, #5e5e61);
198
200
  --color-skeleton: light-dark(#d4d4da, #5e5e64);
199
- --color-shadow: light-dark(#25252a1a, #000000);
201
+ --color-shadow: light-dark(#25252a1a, #0000004d);
200
202
  --color-tint-hover: light-dark(black, white);
201
203
  --color-background-blue: light-dark(#d7e4f5, #485362);
202
204
  --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.01e5b29",
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.01e5b29",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.1.3"
56
+ "@astryxdesign/cli": "0.1.4-canary.01e5b29"
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
package/dist/stone.variants.d.ts DELETED
@@ -1,93 +0,0 @@
1
- /**
2
- * @generated by `astryx theme build` — do not edit manually.
3
- * Source: src/stoneTheme.ts
4
- * Command: astryx theme build src/stoneTheme.ts --out dist/theme.css
5
- * Generated: 2026-07-04T14:54:30.213Z
6
- */
7
-
8
- // Generated by astryx theme build
9
- export {};
10
-
11
- declare module '@astryxdesign/core/Heading' {
12
- interface XDSHeadingLevelMap {
13
- '1': true;
14
- '2': true;
15
- '3': true;
16
- '4': true;
17
- '5': true;
18
- '6': true;
19
- }
20
- }
21
-
22
- declare module '@astryxdesign/core/ProgressbarFill' {
23
- interface XDSProgressbarFillVariantMap {
24
- 'accent': true;
25
- 'success': true;
26
- 'warning': true;
27
- 'error': true;
28
- }
29
- }
30
-
31
- declare module '@astryxdesign/core/FieldStatus' {
32
- interface XDSFieldStatusTypeMap {
33
- 'success': true;
34
- 'warning': true;
35
- 'error': true;
36
- }
37
- }
38
-
39
- declare module '@astryxdesign/core/TextInput' {
40
- interface XDSTextInputStatusMap {
41
- 'success': true;
42
- 'warning': true;
43
- 'error': true;
44
- }
45
- }
46
-
47
- declare module '@astryxdesign/core/NumberInput' {
48
- interface XDSNumberInputStatusMap {
49
- 'success': true;
50
- 'warning': true;
51
- 'error': true;
52
- }
53
- }
54
-
55
- declare module '@astryxdesign/core/DateInput' {
56
- interface XDSDateInputStatusMap {
57
- 'success': true;
58
- 'warning': true;
59
- 'error': true;
60
- }
61
- }
62
-
63
- declare module '@astryxdesign/core/TimeInput' {
64
- interface XDSTimeInputStatusMap {
65
- 'success': true;
66
- 'warning': true;
67
- 'error': true;
68
- }
69
- }
70
-
71
- declare module '@astryxdesign/core/MultiSelector' {
72
- interface XDSMultiSelectorStatusMap {
73
- 'success': true;
74
- 'warning': true;
75
- 'error': true;
76
- }
77
- }
78
-
79
- declare module '@astryxdesign/core/Typeahead' {
80
- interface XDSTypeaheadStatusMap {
81
- 'success': true;
82
- 'warning': true;
83
- 'error': true;
84
- }
85
- }
86
-
87
- declare module '@astryxdesign/core/Tokenizer' {
88
- interface XDSTokenizerStatusMap {
89
- 'success': true;
90
- 'warning': true;
91
- 'error': true;
92
- }
93
- }