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

package/dist/matcha.d.ts

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

package/dist/matcha.js

@@ -334,6 +334,42 @@ export const matchaTheme = {
       "--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": "DM Sans",
+        "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
+      },
+      "heading": {
+        "family": "Playwrite US Trad",
+        "fallbacks": "Georgia, \"Times New Roman\", Times, serif"
+      },
+      "code": {
+        "family": "JetBrains Mono",
+        "fallbacks": "\"SF Mono\", Monaco, Consolas, monospace"
+      }
+    },
+    "motion": {
+      "fast": 125,
+      "medium": 300,
+      "slow": 700,
+      "ratio": 0.75
+    }
+  },
   icons: matchaIconRegistry,
 };
 

package/dist/matchaTheme.d.ts

@@ -1,2 +1,2 @@
-export declare const matchaTheme: import("@astryxdesign/core/theme").DefinedTheme;
+export declare const matchaTheme: import("@astryxdesign/core/theme").ResolvedDefinedTheme;
 //# sourceMappingURL=matchaTheme.d.ts.map

package/dist/matchaTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"matchaTheme.d.ts","sourceRoot":"","sources":["../src/matchaTheme.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,WAAW,iDAoNtB,CAAC"}
+{"version":3,"file":"matchaTheme.d.ts","sourceRoot":"","sources":["../src/matchaTheme.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,WAAW,yDAoNtB,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-semibold);
-    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-semibold);
-    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) {
@@ -497,6 +497,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-matcha",
-  "version": "0.5.4-canary.5b3ebfc",
+  "version": "0.5.4-canary.60fc2f2",
   "private": false,
   "description": "Earthy greens with a calm, organic feel. Naturalistic and grounded, great for wellness or content-first apps.",
   "author": "Meta Open Source",
@@ -48,11 +48,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/matcha.variants.d.ts

@@ -1,18 +0,0 @@
-/**
- * @generated by `astryx theme build` — do not edit manually.
- * Source: src/matchaTheme.ts
- * Command: astryx theme build src/matchaTheme.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;
-  }
-}