@astryxdesign/theme-neutral 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 (2) hide show
  1. package/dist/theme.css +48 -24
  2. package/package.json +3 -3
package/dist/theme.css CHANGED
@@ -86,18 +86,30 @@
86
86
 
87
87
  @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
88
88
  :scope {
89
- --font-size-4xs: 0.375rem;
90
- --font-size-3xs: 0.4375rem;
91
- --font-size-2xs: 0.5rem;
92
- --font-size-xs: 0.625rem;
93
- --font-size-sm: 0.75rem;
94
- --font-size-base: 0.875rem;
95
- --font-size-lg: 1.0625rem;
96
- --font-size-xl: 1.25rem;
97
- --font-size-2xl: 1.5rem;
98
- --font-size-3xl: 1.8125rem;
99
- --font-size-4xl: 2.1875rem;
100
- --font-size-5xl: 2.625rem;
89
+ --_scaled-font-size-4xs: min(calc(0.375rem * 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.4375rem * 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.5rem * 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.625rem * 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.75rem * 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.0625rem * 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.25rem * 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.5rem * 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(1.8125rem * 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.1875rem * 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(2.625rem * 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;
@@ -579,18 +591,30 @@
579
591
  @media (width < 1024px) and (pointer: coarse) {
580
592
  @scope ([data-astryx-theme="neutral"]) to ([data-astryx-theme]) {
581
593
  :scope {
582
- --font-size-4xs: 0.4375rem;
583
- --font-size-3xs: 0.5rem;
584
- --font-size-2xs: 0.625rem;
585
- --font-size-xs: 0.75rem;
586
- --font-size-sm: 0.875rem;
587
- --font-size-base: 1rem;
588
- --font-size-lg: 1.1875rem;
589
- --font-size-xl: 1.375rem;
590
- --font-size-2xl: 1.625rem;
591
- --font-size-3xl: 1.875rem;
592
- --font-size-4xl: 2.25rem;
593
- --font-size-5xl: 2.625rem;
594
+ --_scaled-font-size-4xs: min(calc(0.4375rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-3xs));
595
+ --font-size-4xs: var(--_scaled-font-size-4xs);
596
+ --_scaled-font-size-3xs: min(calc(0.5rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-2xs));
597
+ --font-size-3xs: var(--_scaled-font-size-3xs);
598
+ --_scaled-font-size-2xs: min(calc(0.625rem * var(--_dynamic-type-caption2, 1)), var(--_scaled-font-size-xs));
599
+ --font-size-2xs: var(--_scaled-font-size-2xs);
600
+ --_scaled-font-size-xs: min(calc(0.75rem * var(--_dynamic-type-caption1, 1)), var(--_scaled-font-size-sm));
601
+ --font-size-xs: var(--_scaled-font-size-xs);
602
+ --_scaled-font-size-sm: min(calc(0.875rem * var(--_dynamic-type-footnote, 1)), var(--_scaled-font-size-base));
603
+ --font-size-sm: var(--_scaled-font-size-sm);
604
+ --_scaled-font-size-base: min(calc(1rem * var(--_dynamic-type-body, 1)), var(--_scaled-font-size-lg));
605
+ --font-size-base: var(--_scaled-font-size-base);
606
+ --_scaled-font-size-lg: min(calc(1.1875rem * var(--_dynamic-type-title3, 1)), var(--_scaled-font-size-xl));
607
+ --font-size-lg: var(--_scaled-font-size-lg);
608
+ --_scaled-font-size-xl: min(calc(1.375rem * var(--_dynamic-type-title2, 1)), var(--_scaled-font-size-2xl));
609
+ --font-size-xl: var(--_scaled-font-size-xl);
610
+ --_scaled-font-size-2xl: min(calc(1.625rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-3xl));
611
+ --font-size-2xl: var(--_scaled-font-size-2xl);
612
+ --_scaled-font-size-3xl: min(calc(1.875rem * var(--_dynamic-type-title1, 1)), var(--_scaled-font-size-4xl));
613
+ --font-size-3xl: var(--_scaled-font-size-3xl);
614
+ --_scaled-font-size-4xl: min(calc(2.25rem * var(--_dynamic-type-large-title, 1)), var(--_scaled-font-size-5xl));
615
+ --font-size-4xl: var(--_scaled-font-size-4xl);
616
+ --_scaled-font-size-5xl: calc(2.625rem * var(--_dynamic-type-large-title, 1));
617
+ --font-size-5xl: var(--_scaled-font-size-5xl);
594
618
  --text-heading-1-size: var(--font-size-2xl);
595
619
  --text-heading-1-weight: var(--font-weight-semibold);
596
620
  --text-heading-1-leading: 1.3846;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-neutral",
3
- "version": "0.7.12-canary.ccb4a6d",
3
+ "version": "0.7.12-canary.da3dbdc",
4
4
  "displayName": "Neutral Theme",
5
5
  "private": false,
6
6
  "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -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": {