@astryxdesign/theme-gothic 0.5.4-canary.5b3ebfc → 0.5.4-canary.60fc2f2

package/dist/gothic.d.ts

@@ -6,7 +6,6 @@
  * Core: @astryxdesign/core@0.5.4
  */
 
-/// <reference path="./gothic.variants.d.ts" />
 import type { DefinedTheme } from '@astryxdesign/core/theme';
 import type { IconRegistry } from '@astryxdesign/core/Icon';
 export declare const gothicIconRegistry: IconRegistry;

package/dist/gothic.js

@@ -431,6 +431,46 @@ export const gothicTheme = {
       "--color-accent": "var(--color-on-light)"
     }
   },
+  __adaptations: {
+    "widthBreakpoints": {
+      "sm": 640,
+      "md": 768,
+      "lg": 1024,
+      "xl": 1280,
+      "2xl": 1536
+    },
+    "rules": []
+  },
+  __axes: {
+    "typography": {
+      "scale": {
+        "base": 16,
+        "ratio": 1.25
+      },
+      "body": {
+        "family": "Fustat",
+        "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
+      },
+      "heading": {
+        "family": "Fustat",
+        "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
+        "weights": {
+          "3": "bold",
+          "4": "bold"
+        }
+      },
+      "code": {
+        "family": "JetBrains Mono",
+        "fallbacks": "\"SF Mono\", Monaco, Consolas, monospace"
+      }
+    },
+    "motion": {
+      "fast": 150,
+      "medium": 350,
+      "slow": 800,
+      "ratio": 0.75
+    }
+  },
   icons: gothicIconRegistry,
 };
 

package/dist/gothicTheme.d.ts

@@ -1,4 +1,4 @@
-export declare const gothicTheme: import("@astryxdesign/core/theme").DefinedTheme;
+export declare const gothicTheme: import("@astryxdesign/core/theme").ResolvedDefinedTheme;
 /**
  * Raw tonal palettes — every color at every tone step (0–100 in 5s).
  * Use these for custom components or data visualization.

package/dist/gothicTheme.d.ts.map

@@ -1 +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"}
+{"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"}

package/dist/theme.css

@@ -14,60 +14,60 @@
   }
 
   :where(h1) {
-    font-size: var(--font-size-2xl);
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.4194;
+    font-size: var(--text-heading-1-size);
+    font-weight: var(--text-heading-1-weight);
+    line-height: var(--text-heading-1-leading);
   }
 
   :where(h2) {
-    font-size: var(--font-size-xl);
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.44;
+    font-size: var(--text-heading-2-size);
+    font-weight: var(--text-heading-2-weight);
+    line-height: var(--text-heading-2-leading);
   }
 
   :where(h3) {
-    font-size: var(--font-size-lg);
-    font-weight: var(--font-weight-bold);
-    line-height: 1.4;
+    font-size: var(--text-heading-3-size);
+    font-weight: var(--text-heading-3-weight);
+    line-height: var(--text-heading-3-leading);
   }
 
   :where(h4) {
-    font-size: var(--font-size-base);
-    font-weight: var(--font-weight-bold);
-    line-height: 1.5;
+    font-size: var(--text-heading-4-size);
+    font-weight: var(--text-heading-4-weight);
+    line-height: var(--text-heading-4-leading);
   }
 
   :where(h5) {
-    font-size: var(--font-size-sm);
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.5385;
+    font-size: var(--text-heading-5-size);
+    font-weight: var(--text-heading-5-weight);
+    line-height: var(--text-heading-5-leading);
   }
 
   :where(h6) {
-    font-size: var(--font-size-xs);
-    font-weight: var(--font-weight-semibold);
-    line-height: 1.6;
+    font-size: var(--text-heading-6-size);
+    font-weight: var(--text-heading-6-weight);
+    line-height: var(--text-heading-6-leading);
   }
 
   :where(p) {
     font-family: var(--font-family-body);
-    font-size: var(--font-size-base);
-    font-weight: var(--font-weight-normal);
-    line-height: 1.5;
+    font-size: var(--text-body-size);
+    font-weight: var(--text-body-weight);
+    line-height: var(--text-body-leading);
     color: var(--color-text-primary);
   }
 
   :where(small) {
-    font-size: var(--font-size-sm);
-    font-weight: var(--font-weight-normal);
-    line-height: 1.5385;
+    font-size: var(--text-supporting-size);
+    font-weight: var(--text-supporting-weight);
+    line-height: var(--text-supporting-leading);
     color: var(--color-text-secondary);
   }
 
   :where(code, pre) {
     font-family: var(--font-family-code);
-    font-size: var(--font-size-base);
-    line-height: 1.5;
+    font-size: var(--text-code-size);
+    line-height: var(--text-code-leading);
   }
 
   :where(hr) {
@@ -607,6 +607,14 @@
   .astryx-text.size-3xl { font-size: var(--font-size-3xl); }
 
   .astryx-text.size-4xl { font-size: var(--font-size-4xl); }
+
+  .astryx-heading.normal { font-weight: var(--font-weight-normal); }
+
+  .astryx-heading.medium { font-weight: var(--font-weight-medium); }
+
+  .astryx-heading.semibold { font-weight: var(--font-weight-semibold); }
+
+  .astryx-heading.bold { font-weight: var(--font-weight-bold); }
 }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-gothic",
-  "version": "0.5.4-canary.5b3ebfc",
+  "version": "0.5.4-canary.60fc2f2",
   "displayName": "Gothic Theme",
   "private": false,
   "description": "Deep blue-grays and a signature display serif. Dramatic and editorial, for surfaces that want to be remembered.",
@@ -49,11 +49,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.5.4-canary.5b3ebfc",
+    "@astryxdesign/core": "0.5.4-canary.60fc2f2",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.5.4-canary.5b3ebfc"
+    "@astryxdesign/cli": "0.5.4-canary.60fc2f2"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/dist/gothic.variants.d.ts

@@ -1,18 +0,0 @@
-/**
- * @generated by `astryx theme build` — do not edit manually.
- * Source: src/gothicTheme.ts
- * Command: astryx theme build src/gothicTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.5.4
- * Core: @astryxdesign/core@0.5.4
- */
-
-// Generated by astryx theme build
-export {};
-
-declare module '@astryxdesign/core/Heading' {
-  interface HeadingTypeMap {
-    'display-1': true;
-    'display-2': true;
-    'display-3': true;
-  }
-}