@astryxdesign/theme-stone 0.7.12-canary.ccb4a6d → 0.7.12-canary.da3dbdc

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 (6) hide show
  1. package/dist/source.js +2 -1
  2. package/dist/source.mjs +2 -1
  3. package/dist/stone.js +1 -1
  4. package/dist/theme.css +49 -25
  5. package/package.json +3 -3
  6. package/src/stoneTheme.ts +1 -1
package/dist/source.js CHANGED
@@ -288,7 +288,8 @@ var stoneTheme = (0, import_theme.defineTheme)({
288
288
  ],
289
289
  "--color-tint-hover": [neutral.light[0], neutral.dark[100]],
290
290
  // Typography override
291
- "--text-supporting-size": "12px",
291
+ "--text-supporting-size": "0.75rem",
292
+ // 12px at the default root size
292
293
  // Categorical
293
294
  // Light mode pairs pastel stop 90 surfaces with stop 30 foregrounds.
294
295
  // Dark mode pairs stop 35 surfaces with stop 90 foregrounds; borders move
package/dist/source.mjs CHANGED
@@ -290,7 +290,8 @@ var stoneTheme = defineTheme({
290
290
  ],
291
291
  "--color-tint-hover": [neutral.light[0], neutral.dark[100]],
292
292
  // Typography override
293
- "--text-supporting-size": "12px",
293
+ "--text-supporting-size": "0.75rem",
294
+ // 12px at the default root size
294
295
  // Categorical
295
296
  // Light mode pairs pastel stop 90 surfaces with stop 30 foregrounds.
296
297
  // Dark mode pairs stop 35 surfaces with stop 90 foregrounds; borders move
package/dist/stone.js CHANGED
@@ -60,7 +60,7 @@ export const stoneTheme = {
60
60
  "--text-code-size": "var(--font-size-base)",
61
61
  "--text-code-weight": "var(--font-weight-normal)",
62
62
  "--text-code-leading": "1.4286",
63
- "--text-supporting-size": "12px",
63
+ "--text-supporting-size": "0.75rem",
64
64
  "--text-supporting-weight": "var(--font-weight-normal)",
65
65
  "--text-supporting-leading": "1.4545",
66
66
  "--text-display-1-size": "var(--font-size-5xl)",
package/dist/theme.css CHANGED
@@ -86,18 +86,30 @@
86
86
 
87
87
  @scope ([data-astryx-theme="stone"]) to ([data-astryx-theme]) {
88
88
  :scope {
89
- --font-size-4xs: 0.3125rem;
90
- --font-size-3xs: 0.375rem;
91
- --font-size-2xs: 0.4375rem;
92
- --font-size-xs: 0.5625rem;
93
- --font-size-sm: 0.6875rem;
94
- --font-size-base: 0.875rem;
95
- --font-size-lg: 1.125rem;
96
- --font-size-xl: 1.375rem;
97
- --font-size-2xl: 1.6875rem;
98
- --font-size-3xl: 2.125rem;
99
- --font-size-4xl: 2.6875rem;
100
- --font-size-5xl: 3.3125rem;
89
+ --_scaled-font-size-4xs: min(calc(0.3125rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-3xs));
90
+ --font-size-4xs: var(--_scaled-font-size-4xs);
91
+ --_scaled-font-size-3xs: min(calc(0.375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-2xs));
92
+ --font-size-3xs: var(--_scaled-font-size-3xs);
93
+ --_scaled-font-size-2xs: min(calc(0.4375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-xs));
94
+ --font-size-2xs: var(--_scaled-font-size-2xs);
95
+ --_scaled-font-size-xs: min(calc(0.5625rem * var(--_dynamic-type-caption1, 1)), var(--_scaled-font-size-sm));
96
+ --font-size-xs: var(--_scaled-font-size-xs);
97
+ --_scaled-font-size-sm: min(calc(0.6875rem * var(--_dynamic-type-footnote, 1)), var(--_scaled-font-size-base));
98
+ --font-size-sm: var(--_scaled-font-size-sm);
99
+ --_scaled-font-size-base: min(calc(0.875rem * var(--_dynamic-type-body, 1)), var(--_scaled-font-size-lg));
100
+ --font-size-base: var(--_scaled-font-size-base);
101
+ --_scaled-font-size-lg: min(calc(1.125rem * var(--_dynamic-type-title3, 1)), var(--_scaled-font-size-xl));
102
+ --font-size-lg: var(--_scaled-font-size-lg);
103
+ --_scaled-font-size-xl: min(calc(1.375rem * var(--_dynamic-type-title2, 1)), var(--_scaled-font-size-2xl));
104
+ --font-size-xl: var(--_scaled-font-size-xl);
105
+ --_scaled-font-size-2xl: min(calc(1.6875rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-3xl));
106
+ --font-size-2xl: var(--_scaled-font-size-2xl);
107
+ --_scaled-font-size-3xl: min(calc(2.125rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-4xl));
108
+ --font-size-3xl: var(--_scaled-font-size-3xl);
109
+ --_scaled-font-size-4xl: min(calc(2.6875rem * var(--_dynamic-type-large-title, 1)), var(--_scaled-font-size-5xl));
110
+ --font-size-4xl: var(--_scaled-font-size-4xl);
111
+ --_scaled-font-size-5xl: calc(3.3125rem * var(--_dynamic-type-large-title, 1));
112
+ --font-size-5xl: var(--_scaled-font-size-5xl);
101
113
  --text-heading-1-size: var(--font-size-2xl);
102
114
  --text-heading-1-weight: var(--font-weight-semibold);
103
115
  --text-heading-1-leading: 1.3333;
@@ -128,7 +140,7 @@
128
140
  --text-code-size: var(--font-size-base);
129
141
  --text-code-weight: var(--font-weight-normal);
130
142
  --text-code-leading: 1.4286;
131
- --text-supporting-size: 12px;
143
+ --text-supporting-size: calc(0.75rem * var(--_dynamic-type-footnote, 1));
132
144
  --text-supporting-weight: var(--font-weight-normal);
133
145
  --text-supporting-leading: 1.4545;
134
146
  --text-display-1-size: var(--font-size-5xl);
@@ -763,18 +775,30 @@
763
775
  @media (width < 1024px) and (pointer: coarse) {
764
776
  @scope ([data-astryx-theme="stone"]) to ([data-astryx-theme]) {
765
777
  :scope {
766
- --font-size-4xs: 0.375rem;
767
- --font-size-3xs: 0.4375rem;
768
- --font-size-2xs: 0.5625rem;
769
- --font-size-xs: 0.6875rem;
770
- --font-size-sm: 0.8125rem;
771
- --font-size-base: 1rem;
772
- --font-size-lg: 1.25rem;
773
- --font-size-xl: 1.5rem;
774
- --font-size-2xl: 1.8125rem;
775
- --font-size-3xl: 2.25rem;
776
- --font-size-4xl: 2.75rem;
777
- --font-size-5xl: 3.3125rem;
778
+ --_scaled-font-size-4xs: min(calc(0.375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-3xs));
779
+ --font-size-4xs: var(--_scaled-font-size-4xs);
780
+ --_scaled-font-size-3xs: min(calc(0.4375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-2xs));
781
+ --font-size-3xs: var(--_scaled-font-size-3xs);
782
+ --_scaled-font-size-2xs: min(calc(0.5625rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-xs));
783
+ --font-size-2xs: var(--_scaled-font-size-2xs);
784
+ --_scaled-font-size-xs: min(calc(0.6875rem * var(--_dynamic-type-caption1, 1)), var(--_scaled-font-size-sm));
785
+ --font-size-xs: var(--_scaled-font-size-xs);
786
+ --_scaled-font-size-sm: min(calc(0.8125rem * var(--_dynamic-type-footnote, 1)), var(--_scaled-font-size-base));
787
+ --font-size-sm: var(--_scaled-font-size-sm);
788
+ --_scaled-font-size-base: min(calc(1rem * var(--_dynamic-type-body, 1)), var(--_scaled-font-size-lg));
789
+ --font-size-base: var(--_scaled-font-size-base);
790
+ --_scaled-font-size-lg: min(calc(1.25rem * var(--_dynamic-type-title3, 1)), var(--_scaled-font-size-xl));
791
+ --font-size-lg: var(--_scaled-font-size-lg);
792
+ --_scaled-font-size-xl: min(calc(1.5rem * var(--_dynamic-type-title2, 1)), var(--_scaled-font-size-2xl));
793
+ --font-size-xl: var(--_scaled-font-size-xl);
794
+ --_scaled-font-size-2xl: min(calc(1.8125rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-3xl));
795
+ --font-size-2xl: var(--_scaled-font-size-2xl);
796
+ --_scaled-font-size-3xl: min(calc(2.25rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-4xl));
797
+ --font-size-3xl: var(--_scaled-font-size-3xl);
798
+ --_scaled-font-size-4xl: min(calc(2.75rem * var(--_dynamic-type-large-title, 1)), var(--_scaled-font-size-5xl));
799
+ --font-size-4xl: var(--_scaled-font-size-4xl);
800
+ --_scaled-font-size-5xl: calc(3.3125rem * var(--_dynamic-type-large-title, 1));
801
+ --font-size-5xl: var(--_scaled-font-size-5xl);
778
802
  --text-heading-1-size: var(--font-size-2xl);
779
803
  --text-heading-1-weight: var(--font-weight-semibold);
780
804
  --text-heading-1-leading: 1.3793;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-stone",
3
- "version": "0.7.12-canary.ccb4a6d",
3
+ "version": "0.7.12-canary.da3dbdc",
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.",
@@ -71,11 +71,11 @@
71
71
  "lucide-react": "^1.18.0"
72
72
  },
73
73
  "peerDependencies": {
74
- "@astryxdesign/core": "0.7.12-canary.ccb4a6d",
74
+ "@astryxdesign/core": "0.7.12-canary.da3dbdc",
75
75
  "react": ">=19"
76
76
  },
77
77
  "devDependencies": {
78
- "@astryxdesign/cli": "0.7.12-canary.ccb4a6d"
78
+ "@astryxdesign/cli": "0.7.12-canary.da3dbdc"
79
79
  },
80
80
  "module": "./dist/source.mjs",
81
81
  "scripts": {
package/src/stoneTheme.ts CHANGED
@@ -240,7 +240,7 @@ export const stoneTheme = defineTheme({
240
240
  '--color-tint-hover': [neutral.light[0], neutral.dark[100]],
241
241
 
242
242
  // Typography override
243
- '--text-supporting-size': '12px',
243
+ '--text-supporting-size': '0.75rem', // 12px at the default root size
244
244
 
245
245
  // Categorical
246
246
  // Light mode pairs pastel stop 90 surfaces with stop 30 foregrounds.