@astryxdesign/theme-chocolate 0.4.1 → 0.4.2-canary.356d2f9

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/chocolate.d.ts +2 -2
  2. package/dist/chocolate.js +136 -3
  3. package/dist/chocolateTheme.d.ts.map +1 -1
  4. package/dist/source.js +4 -1
  5. package/dist/source.mjs +4 -1
  6. package/dist/theme.css +3 -3
  7. package/package.json +3 -3
  8. package/src/chocolateTheme.ts +4 -1
package/dist/chocolate.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/chocolateTheme.ts
4
4
  * Command: astryx theme build src/chocolateTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  import type { DefinedTheme } from '@astryxdesign/core/theme';
package/dist/chocolate.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/chocolateTheme.ts
4
4
  * Command: astryx theme build src/chocolateTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  import { chocolateIconRegistry } from "./icons.mjs";
@@ -175,7 +175,7 @@ export const chocolateTheme = {
175
175
  "--color-border-yellow": "light-dark(#FFB600, #ffc940)",
176
176
  "--color-icon-yellow": "light-dark(#FFB600, #ffc940)",
177
177
  "--color-text-yellow": "light-dark(#cc9200, #ffd960)",
178
- "--radius-none": "0.125rem",
178
+ "--radius-none": "0px",
179
179
  "--radius-inner": "0.375rem",
180
180
  "--radius-element": "0.625rem",
181
181
  "--radius-container": "0.75rem",
@@ -190,6 +190,139 @@ export const chocolateTheme = {
190
190
  "--shadow-inset-warning": "inset 0px 0px 0px 2px #FFB60050",
191
191
  "--shadow-inset-error": "inset 0px 0px 0px 2px #FD000050"
192
192
  },
193
+ components: {
194
+ "heading": {
195
+ "level:1": {
196
+ "fontFamily": "var(--font-family-heading)",
197
+ "fontSize": "var(--text-heading-1-size)",
198
+ "fontWeight": "var(--text-heading-1-weight)",
199
+ "lineHeight": "var(--text-heading-1-leading)"
200
+ },
201
+ "level:2": {
202
+ "fontFamily": "var(--font-family-heading)",
203
+ "fontSize": "var(--text-heading-2-size)",
204
+ "fontWeight": "var(--text-heading-2-weight)",
205
+ "lineHeight": "var(--text-heading-2-leading)"
206
+ },
207
+ "level:3": {
208
+ "fontFamily": "var(--font-family-heading)",
209
+ "fontSize": "var(--text-heading-3-size)",
210
+ "fontWeight": "var(--text-heading-3-weight)",
211
+ "lineHeight": "var(--text-heading-3-leading)"
212
+ },
213
+ "level:4": {
214
+ "fontFamily": "var(--font-family-heading)",
215
+ "fontSize": "var(--text-heading-4-size)",
216
+ "fontWeight": "var(--text-heading-4-weight)",
217
+ "lineHeight": "var(--text-heading-4-leading)"
218
+ },
219
+ "level:5": {
220
+ "fontFamily": "var(--font-family-heading)",
221
+ "fontSize": "var(--text-heading-5-size)",
222
+ "fontWeight": "var(--text-heading-5-weight)",
223
+ "lineHeight": "var(--text-heading-5-leading)"
224
+ },
225
+ "level:6": {
226
+ "fontFamily": "var(--font-family-heading)",
227
+ "fontSize": "var(--text-heading-6-size)",
228
+ "fontWeight": "var(--text-heading-6-weight)",
229
+ "lineHeight": "var(--text-heading-6-leading)"
230
+ },
231
+ "type:display-1": {
232
+ "fontFamily": "var(--font-family-heading)",
233
+ "fontSize": "var(--text-display-1-size)",
234
+ "lineHeight": "var(--text-display-1-leading)"
235
+ },
236
+ "type:display-2": {
237
+ "fontFamily": "var(--font-family-heading)",
238
+ "fontSize": "var(--text-display-2-size)",
239
+ "lineHeight": "var(--text-display-2-leading)"
240
+ },
241
+ "type:display-3": {
242
+ "fontFamily": "var(--font-family-heading)",
243
+ "fontSize": "var(--text-display-3-size)",
244
+ "lineHeight": "var(--text-display-3-leading)"
245
+ }
246
+ },
247
+ "text": {
248
+ "type:body": {
249
+ "fontFamily": "var(--font-family-body)",
250
+ "fontSize": "var(--text-body-size)",
251
+ "lineHeight": "var(--text-body-leading)"
252
+ },
253
+ "type:large": {
254
+ "fontFamily": "var(--font-family-body)",
255
+ "fontSize": "var(--text-large-size)",
256
+ "lineHeight": "var(--text-large-leading)"
257
+ },
258
+ "type:label": {
259
+ "fontFamily": "var(--font-family-body)",
260
+ "fontSize": "var(--text-label-size)",
261
+ "lineHeight": "var(--text-label-leading)"
262
+ },
263
+ "type:code": {
264
+ "fontFamily": "var(--font-family-code)",
265
+ "fontSize": "var(--text-code-size)",
266
+ "lineHeight": "var(--text-code-leading)"
267
+ },
268
+ "type:supporting": {
269
+ "fontFamily": "var(--font-family-body)",
270
+ "fontSize": "var(--text-supporting-size)",
271
+ "lineHeight": "var(--text-supporting-leading)"
272
+ },
273
+ "type:display-1": {
274
+ "fontFamily": "var(--font-family-heading)",
275
+ "fontSize": "var(--text-display-1-size)",
276
+ "lineHeight": "var(--text-display-1-leading)"
277
+ },
278
+ "type:display-2": {
279
+ "fontFamily": "var(--font-family-heading)",
280
+ "fontSize": "var(--text-display-2-size)",
281
+ "lineHeight": "var(--text-display-2-leading)"
282
+ },
283
+ "type:display-3": {
284
+ "fontFamily": "var(--font-family-heading)",
285
+ "fontSize": "var(--text-display-3-size)",
286
+ "lineHeight": "var(--text-display-3-leading)"
287
+ }
288
+ },
289
+ "button": {
290
+ "base": {
291
+ "borderRadius": "var(--radius-full)"
292
+ },
293
+ "variant:secondary": {
294
+ "borderWidth": "1px",
295
+ "borderStyle": "solid",
296
+ "borderColor": "var(--color-border-emphasized)"
297
+ }
298
+ },
299
+ "card": {
300
+ "base": {
301
+ "padding": "var(--spacing-3)"
302
+ }
303
+ },
304
+ "section": {
305
+ "base": {
306
+ "padding": "var(--spacing-3)"
307
+ }
308
+ }
309
+ },
310
+ __onDark: {
311
+ "tokens": {
312
+ "color-scheme": "dark",
313
+ "--color-text-primary": "var(--color-on-dark)",
314
+ "--color-icon-primary": "var(--color-on-dark)",
315
+ "--color-accent": "var(--color-on-dark)"
316
+ }
317
+ },
318
+ __onLight: {
319
+ "tokens": {
320
+ "color-scheme": "light",
321
+ "--color-text-primary": "var(--color-on-light)",
322
+ "--color-icon-primary": "var(--color-on-light)",
323
+ "--color-accent": "var(--color-on-light)"
324
+ }
325
+ },
193
326
  icons: chocolateIconRegistry,
194
327
  };
195
328
 
package/dist/chocolateTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chocolateTheme.d.ts","sourceRoot":"","sources":["../src/chocolateTheme.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc,iDA+LzB,CAAC"}
1
+ {"version":3,"file":"chocolateTheme.d.ts","sourceRoot":"","sources":["../src/chocolateTheme.ts"],"names":[],"mappings":"AAkCA,eAAO,MAAM,cAAc,iDAkMzB,CAAC"}
package/dist/source.js CHANGED
@@ -207,8 +207,11 @@ var chocolateTheme = (0, import_theme.defineTheme)({
207
207
  "--color-text-yellow": ["#cc9200", "#ffd960"],
208
208
  // =========================================================================
209
209
  // Radius — soft and rounded
210
+ // --radius-none and --radius-full are always fixed and must never be
211
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
212
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
210
213
  // =========================================================================
211
- "--radius-none": "0.125rem",
214
+ "--radius-none": "0px",
212
215
  "--radius-inner": "0.375rem",
213
216
  "--radius-element": "0.625rem",
214
217
  "--radius-container": "0.75rem",
package/dist/source.mjs CHANGED
@@ -144,8 +144,11 @@ var chocolateTheme = defineTheme({
144
144
  "--color-text-yellow": ["#cc9200", "#ffd960"],
145
145
  // =========================================================================
146
146
  // Radius — soft and rounded
147
+ // --radius-none and --radius-full are always fixed and must never be
148
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
149
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
147
150
  // =========================================================================
148
- "--radius-none": "0.125rem",
151
+ "--radius-none": "0px",
149
152
  "--radius-inner": "0.375rem",
150
153
  "--radius-element": "0.625rem",
151
154
  "--radius-container": "0.75rem",
package/dist/theme.css CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/chocolateTheme.ts
4
4
  * Command: astryx theme build src/chocolateTheme.ts --out dist/theme.css
5
- * CLI: @astryxdesign/cli@0.4.1
6
- * Core: @astryxdesign/core@0.4.1
5
+ * CLI: @astryxdesign/cli@0.4.2
6
+ * Core: @astryxdesign/core@0.4.2
7
7
  */
8
8
 
9
9
  @layer reset {
@@ -241,7 +241,7 @@
241
241
  --color-border-yellow: light-dark(#FFB600, #ffc940);
242
242
  --color-icon-yellow: light-dark(#FFB600, #ffc940);
243
243
  --color-text-yellow: light-dark(#cc9200, #ffd960);
244
- --radius-none: 0.125rem;
244
+ --radius-none: 0px;
245
245
  --radius-inner: 0.375rem;
246
246
  --radius-element: 0.625rem;
247
247
  --radius-container: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-chocolate",
3
- "version": "0.4.1",
3
+ "version": "0.4.2-canary.356d2f9",
4
4
  "displayName": "Chocolate Theme",
5
5
  "private": false,
6
6
  "description": "Warm chocolate theme for Astryx — rich brown palette with Fraunces headings, Albert Sans body, and Lucide icons",
@@ -49,11 +49,11 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.4.1",
52
+ "@astryxdesign/core": "0.4.2-canary.356d2f9",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.4.1"
56
+ "@astryxdesign/cli": "0.4.2-canary.356d2f9"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {
package/src/chocolateTheme.ts CHANGED
@@ -176,8 +176,11 @@ export const chocolateTheme = defineTheme({
176
176
 
177
177
  // =========================================================================
178
178
  // Radius — soft and rounded
179
+ // --radius-none and --radius-full are always fixed and must never be
180
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
181
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
179
182
  // =========================================================================
180
- '--radius-none': '0.125rem',
183
+ '--radius-none': '0px',
181
184
  '--radius-inner': '0.375rem',
182
185
  '--radius-element': '0.625rem',
183
186
  '--radius-container': '0.75rem',