@astryxdesign/theme-gothic 0.5.4-canary.93e81fe → 0.5.4-canary.95c8dbf

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.
package/dist/gothic.d.ts CHANGED
@@ -6,6 +6,7 @@
6
6
  * Core: @astryxdesign/core@0.5.4
7
7
  */
8
8
 
9
+ /// <reference path="./gothic.variants.d.ts" />
9
10
  import type { DefinedTheme } from '@astryxdesign/core/theme';
10
11
  import type { IconRegistry } from '@astryxdesign/core/Icon';
11
12
  export declare const gothicIconRegistry: IconRegistry;
package/dist/gothic.js CHANGED
@@ -431,46 +431,6 @@ export const gothicTheme = {
431
431
  "--color-accent": "var(--color-on-light)"
432
432
  }
433
433
  },
434
- __adaptations: {
435
- "widthBreakpoints": {
436
- "sm": 640,
437
- "md": 768,
438
- "lg": 1024,
439
- "xl": 1280,
440
- "2xl": 1536
441
- },
442
- "rules": []
443
- },
444
- __axes: {
445
- "typography": {
446
- "scale": {
447
- "base": 16,
448
- "ratio": 1.25
449
- },
450
- "body": {
451
- "family": "Fustat",
452
- "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
453
- },
454
- "heading": {
455
- "family": "Fustat",
456
- "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
457
- "weights": {
458
- "3": "bold",
459
- "4": "bold"
460
- }
461
- },
462
- "code": {
463
- "family": "JetBrains Mono",
464
- "fallbacks": "\"SF Mono\", Monaco, Consolas, monospace"
465
- }
466
- },
467
- "motion": {
468
- "fast": 150,
469
- "medium": 350,
470
- "slow": 800,
471
- "ratio": 0.75
472
- }
473
- },
474
434
  icons: gothicIconRegistry,
475
435
  };
476
436
 
@@ -0,0 +1,18 @@
1
+ /**
2
+ * @generated by `astryx theme build` — do not edit manually.
3
+ * Source: src/gothicTheme.ts
4
+ * Command: astryx theme build src/gothicTheme.ts --out dist/theme.css
5
+ * CLI: @astryxdesign/cli@0.5.4
6
+ * Core: @astryxdesign/core@0.5.4
7
+ */
8
+
9
+ // Generated by astryx theme build
10
+ export {};
11
+
12
+ declare module '@astryxdesign/core/Heading' {
13
+ interface HeadingTypeMap {
14
+ 'display-1': true;
15
+ 'display-2': true;
16
+ 'display-3': true;
17
+ }
18
+ }
@@ -1,4 +1,4 @@
1
- export declare const gothicTheme: import("@astryxdesign/core/theme").ResolvedDefinedTheme;
1
+ export declare const gothicTheme: import("@astryxdesign/core/theme").DefinedTheme;
2
2
  /**
3
3
  * Raw tonal palettes — every color at every tone step (0–100 in 5s).
4
4
  * Use these for custom components or data visualization.
@@ -1 +1 @@
1
- {"version":3,"file":"gothicTheme.d.ts","sourceRoot":"","sources":["../src/gothicTheme.ts"],"names":[],"mappings":"AA6CA,eAAO,MAAM,WAAW,yDAuVtB,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/theme.css CHANGED
@@ -14,60 +14,60 @@
14
14
  }
15
15
 
16
16
  :where(h1) {
17
- font-size: var(--text-heading-1-size);
18
- font-weight: var(--text-heading-1-weight);
19
- line-height: var(--text-heading-1-leading);
17
+ font-size: var(--font-size-2xl);
18
+ font-weight: var(--font-weight-semibold);
19
+ line-height: 1.4194;
20
20
  }
21
21
 
22
22
  :where(h2) {
23
- font-size: var(--text-heading-2-size);
24
- font-weight: var(--text-heading-2-weight);
25
- line-height: var(--text-heading-2-leading);
23
+ font-size: var(--font-size-xl);
24
+ font-weight: var(--font-weight-semibold);
25
+ line-height: 1.44;
26
26
  }
27
27
 
28
28
  :where(h3) {
29
- font-size: var(--text-heading-3-size);
30
- font-weight: var(--text-heading-3-weight);
31
- line-height: var(--text-heading-3-leading);
29
+ font-size: var(--font-size-lg);
30
+ font-weight: var(--font-weight-bold);
31
+ line-height: 1.4;
32
32
  }
33
33
 
34
34
  :where(h4) {
35
- font-size: var(--text-heading-4-size);
36
- font-weight: var(--text-heading-4-weight);
37
- line-height: var(--text-heading-4-leading);
35
+ font-size: var(--font-size-base);
36
+ font-weight: var(--font-weight-bold);
37
+ line-height: 1.5;
38
38
  }
39
39
 
40
40
  :where(h5) {
41
- font-size: var(--text-heading-5-size);
42
- font-weight: var(--text-heading-5-weight);
43
- line-height: var(--text-heading-5-leading);
41
+ font-size: var(--font-size-sm);
42
+ font-weight: var(--font-weight-semibold);
43
+ line-height: 1.5385;
44
44
  }
45
45
 
46
46
  :where(h6) {
47
- font-size: var(--text-heading-6-size);
48
- font-weight: var(--text-heading-6-weight);
49
- line-height: var(--text-heading-6-leading);
47
+ font-size: var(--font-size-xs);
48
+ font-weight: var(--font-weight-semibold);
49
+ line-height: 1.6;
50
50
  }
51
51
 
52
52
  :where(p) {
53
53
  font-family: var(--font-family-body);
54
- font-size: var(--text-body-size);
55
- font-weight: var(--text-body-weight);
56
- line-height: var(--text-body-leading);
54
+ font-size: var(--font-size-base);
55
+ font-weight: var(--font-weight-normal);
56
+ line-height: 1.5;
57
57
  color: var(--color-text-primary);
58
58
  }
59
59
 
60
60
  :where(small) {
61
- font-size: var(--text-supporting-size);
62
- font-weight: var(--text-supporting-weight);
63
- line-height: var(--text-supporting-leading);
61
+ font-size: var(--font-size-sm);
62
+ font-weight: var(--font-weight-normal);
63
+ line-height: 1.5385;
64
64
  color: var(--color-text-secondary);
65
65
  }
66
66
 
67
67
  :where(code, pre) {
68
68
  font-family: var(--font-family-code);
69
- font-size: var(--text-code-size);
70
- line-height: var(--text-code-leading);
69
+ font-size: var(--font-size-base);
70
+ line-height: 1.5;
71
71
  }
72
72
 
73
73
  :where(hr) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-gothic",
3
- "version": "0.5.4-canary.93e81fe",
3
+ "version": "0.5.4-canary.95c8dbf",
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.5.4-canary.93e81fe",
52
+ "@astryxdesign/core": "0.5.4-canary.95c8dbf",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.5.4-canary.93e81fe"
56
+ "@astryxdesign/cli": "0.5.4-canary.95c8dbf"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {