@astryxdesign/theme-gothic 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/gothic.d.ts +2 -2
  2. package/dist/gothic.js +244 -3
  3. package/dist/gothicTheme.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/gothicTheme.ts +4 -1
package/dist/gothic.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/gothicTheme.ts
4
4
  * Command: astryx theme build src/gothicTheme.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/gothic.js CHANGED
@@ -2,8 +2,8 @@
2
2
  * @generated by `astryx theme build` — do not edit manually.
3
3
  * Source: src/gothicTheme.ts
4
4
  * Command: astryx theme build src/gothicTheme.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 { gothicIconRegistry } from "./icons.mjs";
@@ -175,7 +175,7 @@ export const gothicTheme = {
175
175
  "--color-border-yellow": "#b6a775",
176
176
  "--color-icon-yellow": "#876515",
177
177
  "--color-text-yellow": "#6c5010",
178
- "--radius-none": "0.125rem",
178
+ "--radius-none": "0px",
179
179
  "--radius-inner": "0.25rem",
180
180
  "--radius-element": "0.5rem",
181
181
  "--radius-container": "0.75rem",
@@ -190,6 +190,247 @@ export const gothicTheme = {
190
190
  "--shadow-inset-warning": "inset 0px 0px 0px 1px #d6b56a50",
191
191
  "--shadow-inset-error": "inset 0px 0px 0px 1px #d4485150"
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": "\"Manufacturing Consent\", \"UnifrakturMaguntia\", \"Old English Text MT\", serif",
275
+ "fontSize": "var(--text-display-1-size)",
276
+ "lineHeight": "var(--text-display-1-leading)"
277
+ },
278
+ "type:display-2": {
279
+ "fontFamily": "\"Manufacturing Consent\", \"UnifrakturMaguntia\", \"Old English Text MT\", serif",
280
+ "fontSize": "var(--text-display-2-size)",
281
+ "lineHeight": "var(--text-display-2-leading)"
282
+ },
283
+ "type:display-3": {
284
+ "fontFamily": "\"Manufacturing Consent\", \"UnifrakturMaguntia\", \"Old English Text MT\", serif",
285
+ "fontSize": "var(--text-display-3-size)",
286
+ "lineHeight": "var(--text-display-3-leading)"
287
+ }
288
+ },
289
+ "button": {
290
+ "variant:secondary": {
291
+ "backgroundColor": "var(--color-background-gray)",
292
+ "color": "var(--color-text-gray)",
293
+ "borderColor": "transparent",
294
+ "borderWidth": "0"
295
+ },
296
+ "variant:ghost": {
297
+ ":hover": {
298
+ "backgroundColor": "var(--color-overlay-hover)"
299
+ }
300
+ },
301
+ "variant:destructive": {
302
+ "backgroundColor": "var(--color-error)",
303
+ "color": "var(--color-text-red)"
304
+ }
305
+ },
306
+ "badge": {
307
+ "base": {
308
+ "borderRadius": "var(--radius-element)",
309
+ "fontWeight": "var(--font-weight-medium)"
310
+ },
311
+ "variant:info": {
312
+ "backgroundColor": "var(--color-background-blue)",
313
+ "color": "var(--color-text-blue)"
314
+ },
315
+ "variant:neutral": {
316
+ "backgroundColor": "var(--color-background-gray)",
317
+ "color": "var(--color-text-gray)"
318
+ },
319
+ "variant:success": {
320
+ "backgroundColor": "var(--color-background-green)",
321
+ "color": "var(--color-text-green)"
322
+ },
323
+ "variant:warning": {
324
+ "backgroundColor": "var(--color-background-yellow)",
325
+ "color": "var(--color-text-yellow)"
326
+ },
327
+ "variant:error": {
328
+ "backgroundColor": "var(--color-background-red)",
329
+ "color": "var(--color-text-red)"
330
+ }
331
+ },
332
+ "banner": {
333
+ "base": {
334
+ "borderRadius": "var(--radius-element)"
335
+ },
336
+ "status:info": {
337
+ "backgroundColor": "var(--color-background-blue)",
338
+ "--color-text-primary": "var(--color-text-blue)",
339
+ "--color-text-secondary": "var(--color-text-blue)",
340
+ "--color-accent": "var(--color-text-blue)"
341
+ },
342
+ "status:success": {
343
+ "backgroundColor": "var(--color-background-green)",
344
+ "--color-text-primary": "var(--color-text-green)",
345
+ "--color-text-secondary": "var(--color-text-green)",
346
+ "--color-success": "var(--color-text-green)"
347
+ },
348
+ "status:warning": {
349
+ "backgroundColor": "var(--color-background-yellow)",
350
+ "--color-text-primary": "var(--color-text-yellow)",
351
+ "--color-text-secondary": "var(--color-text-yellow)",
352
+ "--color-warning": "var(--color-text-yellow)"
353
+ },
354
+ "status:error": {
355
+ "backgroundColor": "var(--color-background-red)",
356
+ "--color-text-primary": "var(--color-text-red)",
357
+ "--color-text-secondary": "var(--color-text-red)",
358
+ "--color-error": "var(--color-text-red)"
359
+ }
360
+ },
361
+ "card": {
362
+ "base": {
363
+ "padding": "var(--spacing-3)",
364
+ "borderRadius": "var(--radius-container)"
365
+ },
366
+ "variant:blue": {
367
+ "--color-text-primary": "var(--color-text-blue)",
368
+ "--color-text-secondary": "var(--color-text-blue)"
369
+ },
370
+ "variant:cyan": {
371
+ "--color-text-primary": "var(--color-text-cyan)",
372
+ "--color-text-secondary": "var(--color-text-cyan)"
373
+ },
374
+ "variant:gray": {
375
+ "--color-text-primary": "var(--color-text-gray)",
376
+ "--color-text-secondary": "var(--color-text-gray)"
377
+ },
378
+ "variant:green": {
379
+ "--color-text-primary": "var(--color-text-green)",
380
+ "--color-text-secondary": "var(--color-text-green)"
381
+ },
382
+ "variant:orange": {
383
+ "--color-text-primary": "var(--color-text-orange)",
384
+ "--color-text-secondary": "var(--color-text-orange)"
385
+ },
386
+ "variant:pink": {
387
+ "--color-text-primary": "var(--color-text-pink)",
388
+ "--color-text-secondary": "var(--color-text-pink)"
389
+ },
390
+ "variant:purple": {
391
+ "--color-text-primary": "var(--color-text-purple)",
392
+ "--color-text-secondary": "var(--color-text-purple)"
393
+ },
394
+ "variant:red": {
395
+ "--color-text-primary": "var(--color-text-red)",
396
+ "--color-text-secondary": "var(--color-text-red)"
397
+ },
398
+ "variant:teal": {
399
+ "--color-text-primary": "var(--color-text-teal)",
400
+ "--color-text-secondary": "var(--color-text-teal)"
401
+ },
402
+ "variant:yellow": {
403
+ "--color-text-primary": "var(--color-text-yellow)",
404
+ "--color-text-secondary": "var(--color-text-yellow)"
405
+ }
406
+ },
407
+ "section": {
408
+ "base": {
409
+ "padding": "var(--spacing-3)"
410
+ }
411
+ },
412
+ "field": {
413
+ "base": {
414
+ "borderRadius": "var(--radius-element)"
415
+ }
416
+ }
417
+ },
418
+ __onDark: {
419
+ "tokens": {
420
+ "color-scheme": "dark",
421
+ "--color-text-primary": "var(--color-on-dark)",
422
+ "--color-icon-primary": "var(--color-on-dark)",
423
+ "--color-accent": "var(--color-on-dark)"
424
+ }
425
+ },
426
+ __onLight: {
427
+ "tokens": {
428
+ "color-scheme": "light",
429
+ "--color-text-primary": "var(--color-on-light)",
430
+ "--color-icon-primary": "var(--color-on-light)",
431
+ "--color-accent": "var(--color-on-light)"
432
+ }
433
+ },
193
434
  icons: gothicIconRegistry,
194
435
  };
195
436
 
package/dist/gothicTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gothicTheme.d.ts","sourceRoot":"","sources":["../src/gothicTheme.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,WAAW,iDAoVtB,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsQjB,CAAC"}
1
+ {"version":3,"file":"gothicTheme.d.ts","sourceRoot":"","sources":["../src/gothicTheme.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,WAAW,iDAuVtB,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsQjB,CAAC"}
package/dist/source.js CHANGED
@@ -236,8 +236,11 @@ var gothicTheme = (0, import_theme.defineTheme)({
236
236
  "--color-text-yellow": "#6c5010",
237
237
  // =========================================================================
238
238
  // Radius — subtle rounding (original gothic)
239
+ // --radius-none and --radius-full are always fixed and must never be
240
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
241
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
239
242
  // =========================================================================
240
- "--radius-none": "0.125rem",
243
+ "--radius-none": "0px",
241
244
  "--radius-inner": "0.25rem",
242
245
  "--radius-element": "0.5rem",
243
246
  "--radius-container": "0.75rem",
package/dist/source.mjs CHANGED
@@ -172,8 +172,11 @@ var gothicTheme = defineTheme({
172
172
  "--color-text-yellow": "#6c5010",
173
173
  // =========================================================================
174
174
  // Radius — subtle rounding (original gothic)
175
+ // --radius-none and --radius-full are always fixed and must never be
176
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
177
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
175
178
  // =========================================================================
176
- "--radius-none": "0.125rem",
179
+ "--radius-none": "0px",
177
180
  "--radius-inner": "0.25rem",
178
181
  "--radius-element": "0.5rem",
179
182
  "--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/gothicTheme.ts
4
4
  * Command: astryx theme build src/gothicTheme.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 {
@@ -237,7 +237,7 @@
237
237
  --color-border-yellow: #b6a775;
238
238
  --color-icon-yellow: #876515;
239
239
  --color-text-yellow: #6c5010;
240
- --radius-none: 0.125rem;
240
+ --radius-none: 0px;
241
241
  --radius-inner: 0.25rem;
242
242
  --radius-element: 0.5rem;
243
243
  --radius-container: 0.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-gothic",
3
- "version": "0.4.1",
3
+ "version": "0.4.2-canary.356d2f9",
4
4
  "displayName": "Gothic Theme",
5
5
  "private": false,
6
6
  "description": "Deep blue-grays and a signature display serif. Dramatic and editorial, for surfaces that want to be remembered.",
@@ -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/gothicTheme.ts CHANGED
@@ -201,8 +201,11 @@ export const gothicTheme = defineTheme({
201
201
 
202
202
  // =========================================================================
203
203
  // Radius — subtle rounding (original gothic)
204
+ // --radius-none and --radius-full are always fixed and must never be
205
+ // scaled by a theme (see defineTheme's radius config docs) — 0 and
206
+ // 9999px respectively, matching @astryxdesign/core's own defaults.
204
207
  // =========================================================================
205
- '--radius-none': '0.125rem',
208
+ '--radius-none': '0px',
206
209
  '--radius-inner': '0.25rem',
207
210
  '--radius-element': '0.5rem',
208
211
  '--radius-container': '0.75rem',