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

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/stone.d.ts CHANGED
@@ -6,7 +6,6 @@
6
6
  * Core: @astryxdesign/core@0.5.4
7
7
  */
8
8
 
9
- /// <reference path="./stone.variants.d.ts" />
10
9
  import type { DefinedTheme } from '@astryxdesign/core/theme';
11
10
  import type { IconRegistry } from '@astryxdesign/core/Icon';
12
11
  export declare const stoneIconRegistry: IconRegistry;
package/dist/stone.js CHANGED
@@ -513,6 +513,46 @@ export const stoneTheme = {
513
513
  "--color-accent": "var(--color-on-light)"
514
514
  }
515
515
  },
516
+ __adaptations: {
517
+ "widthBreakpoints": {
518
+ "sm": 640,
519
+ "md": 768,
520
+ "lg": 1024,
521
+ "xl": 1280,
522
+ "2xl": 1536
523
+ },
524
+ "rules": []
525
+ },
526
+ __axes: {
527
+ "typography": {
528
+ "scale": {
529
+ "base": 14,
530
+ "ratio": 1.25
531
+ },
532
+ "body": {
533
+ "family": "Figtree",
534
+ "fallbacks": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif"
535
+ },
536
+ "heading": {
537
+ "family": "Montserrat",
538
+ "fallbacks": "\"Figtree\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
539
+ "weights": {
540
+ "3": "bold",
541
+ "4": "bold"
542
+ }
543
+ },
544
+ "code": {
545
+ "family": "JetBrains Mono",
546
+ "fallbacks": "\"SF Mono\", Monaco, Consolas, monospace"
547
+ }
548
+ },
549
+ "motion": {
550
+ "fast": 125,
551
+ "medium": 300,
552
+ "slow": 700,
553
+ "ratio": 0.75
554
+ }
555
+ },
516
556
  icons: stoneIconRegistry,
517
557
  };
518
558
 
@@ -1,4 +1,4 @@
1
- export declare const stoneTheme: import("@astryxdesign/core/theme").DefinedTheme;
1
+ export declare const stoneTheme: import("@astryxdesign/core/theme").ResolvedDefinedTheme;
2
2
  /**
3
3
  * Raw tonal palettes — every color at every tone step (0–100 in 5s).
4
4
  * Same hue and chroma used to derive all theme tokens.
@@ -1 +1 @@
1
- {"version":3,"file":"stoneTheme.d.ts","sourceRoot":"","sources":["../src/stoneTheme.ts"],"names":[],"mappings":"AA6DA,eAAO,MAAM,UAAU,iDAiVrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhB,CAAC"}
1
+ {"version":3,"file":"stoneTheme.d.ts","sourceRoot":"","sources":["../src/stoneTheme.ts"],"names":[],"mappings":"AA6DA,eAAO,MAAM,UAAU,yDAiVrB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2PhB,CAAC"}
package/dist/theme.css CHANGED
@@ -14,60 +14,60 @@
14
14
  }
15
15
 
16
16
  :where(h1) {
17
- font-size: var(--font-size-2xl);
18
- font-weight: var(--font-weight-semibold);
19
- line-height: 1.3333;
17
+ font-size: var(--text-heading-1-size);
18
+ font-weight: var(--text-heading-1-weight);
19
+ line-height: var(--text-heading-1-leading);
20
20
  }
21
21
 
22
22
  :where(h2) {
23
- font-size: var(--font-size-xl);
24
- font-weight: var(--font-weight-semibold);
25
- line-height: 1.4545;
23
+ font-size: var(--text-heading-2-size);
24
+ font-weight: var(--text-heading-2-weight);
25
+ line-height: var(--text-heading-2-leading);
26
26
  }
27
27
 
28
28
  :where(h3) {
29
- font-size: var(--font-size-lg);
30
- font-weight: var(--font-weight-bold);
31
- line-height: 1.5556;
29
+ font-size: var(--text-heading-3-size);
30
+ font-weight: var(--text-heading-3-weight);
31
+ line-height: var(--text-heading-3-leading);
32
32
  }
33
33
 
34
34
  :where(h4) {
35
- font-size: var(--font-size-base);
36
- font-weight: var(--font-weight-bold);
37
- line-height: 1.4286;
35
+ font-size: var(--text-heading-4-size);
36
+ font-weight: var(--text-heading-4-weight);
37
+ line-height: var(--text-heading-4-leading);
38
38
  }
39
39
 
40
40
  :where(h5) {
41
- font-size: var(--font-size-sm);
42
- font-weight: var(--font-weight-semibold);
43
- line-height: 1.4545;
41
+ font-size: var(--text-heading-5-size);
42
+ font-weight: var(--text-heading-5-weight);
43
+ line-height: var(--text-heading-5-leading);
44
44
  }
45
45
 
46
46
  :where(h6) {
47
- font-size: var(--font-size-xs);
48
- font-weight: var(--font-weight-semibold);
49
- line-height: 1.7778;
47
+ font-size: var(--text-heading-6-size);
48
+ font-weight: var(--text-heading-6-weight);
49
+ line-height: var(--text-heading-6-leading);
50
50
  }
51
51
 
52
52
  :where(p) {
53
53
  font-family: var(--font-family-body);
54
- font-size: var(--font-size-base);
55
- font-weight: var(--font-weight-normal);
56
- line-height: 1.4286;
54
+ font-size: var(--text-body-size);
55
+ font-weight: var(--text-body-weight);
56
+ line-height: var(--text-body-leading);
57
57
  color: var(--color-text-primary);
58
58
  }
59
59
 
60
60
  :where(small) {
61
- font-size: 12px;
62
- font-weight: var(--font-weight-normal);
63
- line-height: 1.4545;
61
+ font-size: var(--text-supporting-size);
62
+ font-weight: var(--text-supporting-weight);
63
+ line-height: var(--text-supporting-leading);
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(--font-size-base);
70
- line-height: 1.4286;
69
+ font-size: var(--text-code-size);
70
+ line-height: var(--text-code-leading);
71
71
  }
72
72
 
73
73
  :where(hr) {
@@ -693,6 +693,14 @@
693
693
  .astryx-text.size-3xl { font-size: var(--font-size-3xl); }
694
694
 
695
695
  .astryx-text.size-4xl { font-size: var(--font-size-4xl); }
696
+
697
+ .astryx-heading.normal { font-weight: var(--font-weight-normal); }
698
+
699
+ .astryx-heading.medium { font-weight: var(--font-weight-medium); }
700
+
701
+ .astryx-heading.semibold { font-weight: var(--font-weight-semibold); }
702
+
703
+ .astryx-heading.bold { font-weight: var(--font-weight-bold); }
696
704
  }
697
705
  }
698
706
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-stone",
3
- "version": "0.5.4-canary.5b3ebfc",
3
+ "version": "0.5.4-canary.60fc2f2",
4
4
  "displayName": "Stone Theme",
5
5
  "private": false,
6
6
  "description": "Warm stone and slate, earthy and understated, with just enough character to feel handcrafted.",
@@ -49,11 +49,11 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.5.4-canary.5b3ebfc",
52
+ "@astryxdesign/core": "0.5.4-canary.60fc2f2",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.5.4-canary.5b3ebfc"
56
+ "@astryxdesign/cli": "0.5.4-canary.60fc2f2"
57
57
  },
58
58
  "module": "./dist/source.mjs",
59
59
  "scripts": {
@@ -1,27 +0,0 @@
1
- /**
2
- * @generated by `astryx theme build` — do not edit manually.
3
- * Source: src/stoneTheme.ts
4
- * Command: astryx theme build src/stoneTheme.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
- }
19
-
20
- declare module '@astryxdesign/core/ProgressBar' {
21
- interface ProgressBarVariantMap {
22
- 'accent': true;
23
- 'success': true;
24
- 'warning': true;
25
- 'error': true;
26
- }
27
- }