@viraui/foundation 2026.4.1 → 2026.6.0

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 (17) hide show
  1. package/package.json +1 -1
  2. package/platforms/web/cinder/cinder-nested.json +28 -40
  3. package/platforms/web/cinder/cinder.css +27 -37
  4. package/platforms/web/cinder/cinder.json +27 -37
  5. package/platforms/web/cinder/types.d.ts +4 -5
  6. package/platforms/web/sunburst/sunburst-nested.json +28 -40
  7. package/platforms/web/sunburst/sunburst.css +27 -37
  8. package/platforms/web/sunburst/sunburst.json +27 -37
  9. package/platforms/web/sunburst/types.d.ts +4 -5
  10. package/platforms/web/vira/types.d.ts +4 -5
  11. package/platforms/web/vira/vira-nested.json +28 -40
  12. package/platforms/web/vira/vira.css +27 -37
  13. package/platforms/web/vira/vira.json +27 -37
  14. package/platforms/web/vira-condensed/types.d.ts +4 -5
  15. package/platforms/web/vira-condensed/vira-condensed-nested.json +28 -40
  16. package/platforms/web/vira-condensed/vira-condensed.css +27 -37
  17. package/platforms/web/vira-condensed/vira-condensed.json +27 -37
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viraui/foundation",
3
- "version": "2026.4.1",
3
+ "version": "2026.6.0",
4
4
  "private": false,
5
5
  "author": "Vira Software",
6
6
  "files": [
package/platforms/web/cinder/cinder-nested.json CHANGED
@@ -134,7 +134,8 @@
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
136
  "holofoil": "initial",
137
- "shadows": ""
137
+ "shadows": "",
138
+ "fluid-typography": ""
138
139
  },
139
140
  "global": {
140
141
  "foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
@@ -170,65 +171,52 @@
170
171
  },
171
172
  "easing": {
172
173
  "standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
173
- "entrance": "cubic-bezier(0, 0, 0.34, 1)",
174
+ "entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
174
175
  "exit": "cubic-bezier(0.3, 0.07, 1, 1)",
175
176
  "elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
176
177
  "wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)"
177
178
  },
178
179
  "radius": {
179
- "x-small": "0rem",
180
- "small": "0rem",
181
- "medium": "0rem",
182
- "large": "0rem",
183
- "x-large": "0rem",
184
- "2x-large": "0rem",
185
- "wide": "0rem",
186
- "x-wide": "0rem",
187
- "2x-wide": "0rem",
188
- "infinite": "0rem"
180
+ "xs": "0rem",
181
+ "s": "0rem",
182
+ "m": "0rem",
183
+ "l": "0rem",
184
+ "xl": "0rem",
185
+ "2xl": "0rem",
186
+ "3xl": "0rem",
187
+ "4xl": "0rem",
188
+ "5xl": "0rem",
189
+ "full": "0rem"
189
190
  },
190
191
  "corner": {
191
192
  "shape": "superellipse(1.8)"
192
193
  },
193
194
  "space": {
194
- "2x-small": "0.125rem",
195
- "x-small": "0.25rem",
196
- "small": "0.5rem",
197
- "medium": "1rem",
198
- "large": "1.5rem",
199
- "x-large": "2rem",
200
- "2x-large": "2.5rem",
201
- "wide": "3.5rem",
202
- "x-wide": "5rem",
203
- "2x-wide": "6.5rem"
195
+ "2xs": "0.125rem",
196
+ "xs": "0.25rem",
197
+ "s": "0.5rem",
198
+ "m": "1rem",
199
+ "l": "1.5rem",
200
+ "xl": "2rem",
201
+ "2xl": "2.5rem",
202
+ "3xl": "3.5rem",
203
+ "4xl": "5rem",
204
+ "5xl": "6.5rem"
204
205
  },
205
206
  "font": {
206
207
  "root-size": "100%",
207
208
  "heading-typescale": 1.2,
208
- "scale": {
209
- "display": "6.25rem",
210
- "h1": "3rem",
211
- "h2": "2.5rem",
212
- "h3": "2.0625rem",
213
- "h4": "1.75rem",
214
- "h5": "1.4375rem",
215
- "h6": "1.1875rem",
216
- "body-x-large": "1.75rem",
217
- "body-large": "1.4375rem",
218
- "body-medium": "1rem",
219
- "body-small": "0.875rem",
220
- "body-x-small": "0.75rem"
221
- },
209
+ "body-typescale": 1.125,
222
210
  "family": {
223
211
  "heading": "Oxanium Variable",
224
212
  "body": "Oxanium Variable",
225
213
  "mono": "monospace"
226
214
  },
227
215
  "leading": {
228
- "x-small": 1,
229
- "small": 1.2,
230
- "standard": 1.5,
231
- "large": 1.8
216
+ "xs": 1,
217
+ "s": 1.2,
218
+ "m": 1.5,
219
+ "l": 1.8
232
220
  }
233
221
  },
234
222
  "vibrancy": {
package/platforms/web/cinder/cinder.css CHANGED
@@ -111,6 +111,7 @@
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
113
  --effect-shadows: ;
114
+ --effect-fluid-typography: ;
114
115
  --global-foreground: light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536));
115
116
  --global-background: light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536));
116
117
  --global-primary: #FFF995;
@@ -138,52 +139,41 @@
138
139
  --duration-slow: 0.60s;
139
140
  --duration-slowest: 1.00s;
140
141
  --easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
141
- --easing-entrance: cubic-bezier(0, 0, 0.34, 1);
142
+ --easing-entrance: linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1);
142
143
  --easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
143
144
  --easing-elastic: linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%);
144
145
  --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
145
- --radius-x-small: 0rem;
146
- --radius-small: 0rem;
147
- --radius-medium: 0rem;
148
- --radius-large: 0rem;
149
- --radius-x-large: 0rem;
150
- --radius-2x-large: 0rem;
151
- --radius-wide: 0rem;
152
- --radius-x-wide: 0rem;
153
- --radius-2x-wide: 0rem;
154
- --radius-infinite: 0rem;
146
+ --radius-xs: 0rem;
147
+ --radius-s: 0rem;
148
+ --radius-m: 0rem;
149
+ --radius-l: 0rem;
150
+ --radius-xl: 0rem;
151
+ --radius-2xl: 0rem;
152
+ --radius-3xl: 0rem;
153
+ --radius-4xl: 0rem;
154
+ --radius-5xl: 0rem;
155
+ --radius-full: 0rem;
155
156
  --corner-shape: superellipse(1.8);
156
- --space-2x-small: 0.125rem;
157
- --space-x-small: 0.25rem;
158
- --space-small: 0.5rem;
159
- --space-medium: 1rem;
160
- --space-large: 1.5rem;
161
- --space-x-large: 2rem;
162
- --space-2x-large: 2.5rem;
163
- --space-wide: 3.5rem;
164
- --space-x-wide: 5rem;
165
- --space-2x-wide: 6.5rem;
157
+ --space-2xs: 0.125rem;
158
+ --space-xs: 0.25rem;
159
+ --space-s: 0.5rem;
160
+ --space-m: 1rem;
161
+ --space-l: 1.5rem;
162
+ --space-xl: 2rem;
163
+ --space-2xl: 2.5rem;
164
+ --space-3xl: 3.5rem;
165
+ --space-4xl: 5rem;
166
+ --space-5xl: 6.5rem;
166
167
  --font-root-size: 100%;
167
168
  --font-heading-typescale: 1.2;
168
- --font-scale-display: 6.25rem;
169
- --font-scale-h1: 3rem;
170
- --font-scale-h2: 2.5rem;
171
- --font-scale-h3: 2.0625rem;
172
- --font-scale-h4: 1.75rem;
173
- --font-scale-h5: 1.4375rem;
174
- --font-scale-h6: 1.1875rem;
175
- --font-scale-body-x-large: 1.75rem;
176
- --font-scale-body-large: 1.4375rem;
177
- --font-scale-body-medium: 1rem;
178
- --font-scale-body-small: 0.875rem;
179
- --font-scale-body-x-small: 0.75rem;
169
+ --font-body-typescale: 1.125;
180
170
  --font-family-heading: Oxanium Variable;
181
171
  --font-family-body: Oxanium Variable;
182
172
  --font-family-mono: monospace;
183
- --font-leading-x-small: 1;
184
- --font-leading-small: 1.2;
185
- --font-leading-standard: 1.5;
186
- --font-leading-large: 1.8;
173
+ --font-leading-xs: 1;
174
+ --font-leading-s: 1.2;
175
+ --font-leading-m: 1.5;
176
+ --font-leading-l: 1.8;
187
177
  --vibrancy-blur: 25;
188
178
  --vibrancy-brightness: 150%;
189
179
  }
package/platforms/web/cinder/cinder.json CHANGED
@@ -106,6 +106,7 @@
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
108
  "effect-shadows": "",
109
+ "effect-fluid-typography": "",
109
110
  "global-foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
110
111
  "global-background": "light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536))",
111
112
  "global-primary": "#FFF995",
@@ -133,52 +134,41 @@
133
134
  "duration-slow": "0.60s",
134
135
  "duration-slowest": "1.00s",
135
136
  "easing-standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
136
- "easing-entrance": "cubic-bezier(0, 0, 0.34, 1)",
137
+ "easing-entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
137
138
  "easing-exit": "cubic-bezier(0.3, 0.07, 1, 1)",
138
139
  "easing-elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
139
140
  "easing-wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)",
140
- "radius-x-small": "0rem",
141
- "radius-small": "0rem",
142
- "radius-medium": "0rem",
143
- "radius-large": "0rem",
144
- "radius-x-large": "0rem",
145
- "radius-2x-large": "0rem",
146
- "radius-wide": "0rem",
147
- "radius-x-wide": "0rem",
148
- "radius-2x-wide": "0rem",
149
- "radius-infinite": "0rem",
141
+ "radius-xs": "0rem",
142
+ "radius-s": "0rem",
143
+ "radius-m": "0rem",
144
+ "radius-l": "0rem",
145
+ "radius-xl": "0rem",
146
+ "radius-2xl": "0rem",
147
+ "radius-3xl": "0rem",
148
+ "radius-4xl": "0rem",
149
+ "radius-5xl": "0rem",
150
+ "radius-full": "0rem",
150
151
  "corner-shape": "superellipse(1.8)",
151
- "space-2x-small": "0.125rem",
152
- "space-x-small": "0.25rem",
153
- "space-small": "0.5rem",
154
- "space-medium": "1rem",
155
- "space-large": "1.5rem",
156
- "space-x-large": "2rem",
157
- "space-2x-large": "2.5rem",
158
- "space-wide": "3.5rem",
159
- "space-x-wide": "5rem",
160
- "space-2x-wide": "6.5rem",
152
+ "space-2xs": "0.125rem",
153
+ "space-xs": "0.25rem",
154
+ "space-s": "0.5rem",
155
+ "space-m": "1rem",
156
+ "space-l": "1.5rem",
157
+ "space-xl": "2rem",
158
+ "space-2xl": "2.5rem",
159
+ "space-3xl": "3.5rem",
160
+ "space-4xl": "5rem",
161
+ "space-5xl": "6.5rem",
161
162
  "font-root-size": "100%",
162
163
  "font-heading-typescale": 1.2,
163
- "font-scale-display": "6.25rem",
164
- "font-scale-h1": "3rem",
165
- "font-scale-h2": "2.5rem",
166
- "font-scale-h3": "2.0625rem",
167
- "font-scale-h4": "1.75rem",
168
- "font-scale-h5": "1.4375rem",
169
- "font-scale-h6": "1.1875rem",
170
- "font-scale-body-x-large": "1.75rem",
171
- "font-scale-body-large": "1.4375rem",
172
- "font-scale-body-medium": "1rem",
173
- "font-scale-body-small": "0.875rem",
174
- "font-scale-body-x-small": "0.75rem",
164
+ "font-body-typescale": 1.125,
175
165
  "font-family-heading": "Oxanium Variable",
176
166
  "font-family-body": "Oxanium Variable",
177
167
  "font-family-mono": "monospace",
178
- "font-leading-x-small": 1,
179
- "font-leading-small": 1.2,
180
- "font-leading-standard": 1.5,
181
- "font-leading-large": 1.8,
168
+ "font-leading-xs": 1,
169
+ "font-leading-s": 1.2,
170
+ "font-leading-m": 1.5,
171
+ "font-leading-l": 1.8,
182
172
  "vibrancy-blur": 25,
183
173
  "vibrancy-brightness": "150%"
184
174
  }
package/platforms/web/cinder/types.d.ts CHANGED
@@ -14,18 +14,17 @@ export type ThemeTypes = {
14
14
  stone: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
15
15
  yellow: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
16
16
  };
17
- effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows' | 'fluid-typography';
18
18
  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
19
19
  highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
20
20
  duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
21
21
  easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
22
- radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide' | 'infinite';
22
+ radius: 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
23
23
  corner: 'shape';
24
- space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
24
+ space: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
25
25
  font: {
26
- scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
27
26
  family: 'heading' | 'body' | 'mono';
28
- leading: 'x-small' | 'small' | 'standard' | 'large';
27
+ leading: 'xs' | 's' | 'm' | 'l';
29
28
  };
30
29
  vibrancy: 'blur' | 'brightness';
31
30
  colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
package/platforms/web/sunburst/sunburst-nested.json CHANGED
@@ -134,7 +134,8 @@
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
136
  "holofoil": "initial",
137
- "shadows": ""
137
+ "shadows": "",
138
+ "fluid-typography": ""
138
139
  },
139
140
  "global": {
140
141
  "foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
@@ -170,65 +171,52 @@
170
171
  },
171
172
  "easing": {
172
173
  "standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
173
- "entrance": "cubic-bezier(0, 0, 0.34, 1)",
174
+ "entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
174
175
  "exit": "cubic-bezier(0.3, 0.07, 1, 1)",
175
176
  "elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
176
177
  "wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)"
177
178
  },
178
179
  "radius": {
179
- "x-small": "0.375rem",
180
- "small": "0.75rem",
181
- "medium": "1.125rem",
182
- "large": "2.25rem",
183
- "x-large": "3rem",
184
- "2x-large": "4.5rem",
185
- "wide": "5.25rem",
186
- "x-wide": "6rem",
187
- "2x-wide": "6.75rem",
188
- "infinite": "625rem"
180
+ "xs": "0.375rem",
181
+ "s": "0.75rem",
182
+ "m": "1.125rem",
183
+ "l": "2.25rem",
184
+ "xl": "3rem",
185
+ "2xl": "4.5rem",
186
+ "3xl": "5.25rem",
187
+ "4xl": "6rem",
188
+ "5xl": "6.75rem",
189
+ "full": "625rem"
189
190
  },
190
191
  "corner": {
191
192
  "shape": "superellipse(1.8)"
192
193
  },
193
194
  "space": {
194
- "2x-small": "0.25rem",
195
- "x-small": "0.5rem",
196
- "small": "0.75rem",
197
- "medium": "1.5rem",
198
- "large": "2rem",
199
- "x-large": "2.5rem",
200
- "2x-large": "3.5rem",
201
- "wide": "4rem",
202
- "x-wide": "4.5rem",
203
- "2x-wide": "6rem"
195
+ "2xs": "0.25rem",
196
+ "xs": "0.5rem",
197
+ "s": "0.75rem",
198
+ "m": "1.5rem",
199
+ "l": "2rem",
200
+ "xl": "2.5rem",
201
+ "2xl": "3.5rem",
202
+ "3xl": "4rem",
203
+ "4xl": "4.5rem",
204
+ "5xl": "6rem"
204
205
  },
205
206
  "font": {
206
207
  "root-size": "100%",
207
208
  "heading-typescale": 1.25,
208
- "scale": {
209
- "display": "6.25rem",
210
- "h1": "3rem",
211
- "h2": "2.5rem",
212
- "h3": "2.0625rem",
213
- "h4": "1.75rem",
214
- "h5": "1.4375rem",
215
- "h6": "1.1875rem",
216
- "body-x-large": "1.75rem",
217
- "body-large": "1.4375rem",
218
- "body-medium": "1rem",
219
- "body-small": "0.875rem",
220
- "body-x-small": "0.75rem"
221
- },
209
+ "body-typescale": 1.125,
222
210
  "family": {
223
211
  "heading": "Merriweather Variable",
224
212
  "body": "Arial",
225
213
  "mono": "monospace"
226
214
  },
227
215
  "leading": {
228
- "x-small": 1,
229
- "small": 1.2,
230
- "standard": 1.5,
231
- "large": 1.8
216
+ "xs": 1,
217
+ "s": 1.2,
218
+ "m": 1.5,
219
+ "l": 1.8
232
220
  }
233
221
  },
234
222
  "vibrancy": {
package/platforms/web/sunburst/sunburst.css CHANGED
@@ -111,6 +111,7 @@
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
113
  --effect-shadows: ;
114
+ --effect-fluid-typography: ;
114
115
  --global-foreground: light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045));
115
116
  --global-background: light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035));
116
117
  --global-primary: #ff8636;
@@ -138,52 +139,41 @@
138
139
  --duration-slow: 0.60s;
139
140
  --duration-slowest: 1.00s;
140
141
  --easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
141
- --easing-entrance: cubic-bezier(0, 0, 0.34, 1);
142
+ --easing-entrance: linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1);
142
143
  --easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
143
144
  --easing-elastic: linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%);
144
145
  --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
145
- --radius-x-small: 0.375rem;
146
- --radius-small: 0.75rem;
147
- --radius-medium: 1.125rem;
148
- --radius-large: 2.25rem;
149
- --radius-x-large: 3rem;
150
- --radius-2x-large: 4.5rem;
151
- --radius-wide: 5.25rem;
152
- --radius-x-wide: 6rem;
153
- --radius-2x-wide: 6.75rem;
154
- --radius-infinite: 625rem;
146
+ --radius-xs: 0.375rem;
147
+ --radius-s: 0.75rem;
148
+ --radius-m: 1.125rem;
149
+ --radius-l: 2.25rem;
150
+ --radius-xl: 3rem;
151
+ --radius-2xl: 4.5rem;
152
+ --radius-3xl: 5.25rem;
153
+ --radius-4xl: 6rem;
154
+ --radius-5xl: 6.75rem;
155
+ --radius-full: 625rem;
155
156
  --corner-shape: superellipse(1.8);
156
- --space-2x-small: 0.25rem;
157
- --space-x-small: 0.5rem;
158
- --space-small: 0.75rem;
159
- --space-medium: 1.5rem;
160
- --space-large: 2rem;
161
- --space-x-large: 2.5rem;
162
- --space-2x-large: 3.5rem;
163
- --space-wide: 4rem;
164
- --space-x-wide: 4.5rem;
165
- --space-2x-wide: 6rem;
157
+ --space-2xs: 0.25rem;
158
+ --space-xs: 0.5rem;
159
+ --space-s: 0.75rem;
160
+ --space-m: 1.5rem;
161
+ --space-l: 2rem;
162
+ --space-xl: 2.5rem;
163
+ --space-2xl: 3.5rem;
164
+ --space-3xl: 4rem;
165
+ --space-4xl: 4.5rem;
166
+ --space-5xl: 6rem;
166
167
  --font-root-size: 100%;
167
168
  --font-heading-typescale: 1.25;
168
- --font-scale-display: 6.25rem;
169
- --font-scale-h1: 3rem;
170
- --font-scale-h2: 2.5rem;
171
- --font-scale-h3: 2.0625rem;
172
- --font-scale-h4: 1.75rem;
173
- --font-scale-h5: 1.4375rem;
174
- --font-scale-h6: 1.1875rem;
175
- --font-scale-body-x-large: 1.75rem;
176
- --font-scale-body-large: 1.4375rem;
177
- --font-scale-body-medium: 1rem;
178
- --font-scale-body-small: 0.875rem;
179
- --font-scale-body-x-small: 0.75rem;
169
+ --font-body-typescale: 1.125;
180
170
  --font-family-heading: Merriweather Variable;
181
171
  --font-family-body: Arial;
182
172
  --font-family-mono: monospace;
183
- --font-leading-x-small: 1;
184
- --font-leading-small: 1.2;
185
- --font-leading-standard: 1.5;
186
- --font-leading-large: 1.8;
173
+ --font-leading-xs: 1;
174
+ --font-leading-s: 1.2;
175
+ --font-leading-m: 1.5;
176
+ --font-leading-l: 1.8;
187
177
  --vibrancy-blur: 25;
188
178
  --vibrancy-brightness: 150%;
189
179
  }
package/platforms/web/sunburst/sunburst.json CHANGED
@@ -106,6 +106,7 @@
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
108
  "effect-shadows": "",
109
+ "effect-fluid-typography": "",
109
110
  "global-foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
110
111
  "global-background": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035))",
111
112
  "global-primary": "#ff8636",
@@ -133,52 +134,41 @@
133
134
  "duration-slow": "0.60s",
134
135
  "duration-slowest": "1.00s",
135
136
  "easing-standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
136
- "easing-entrance": "cubic-bezier(0, 0, 0.34, 1)",
137
+ "easing-entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
137
138
  "easing-exit": "cubic-bezier(0.3, 0.07, 1, 1)",
138
139
  "easing-elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
139
140
  "easing-wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)",
140
- "radius-x-small": "0.375rem",
141
- "radius-small": "0.75rem",
142
- "radius-medium": "1.125rem",
143
- "radius-large": "2.25rem",
144
- "radius-x-large": "3rem",
145
- "radius-2x-large": "4.5rem",
146
- "radius-wide": "5.25rem",
147
- "radius-x-wide": "6rem",
148
- "radius-2x-wide": "6.75rem",
149
- "radius-infinite": "625rem",
141
+ "radius-xs": "0.375rem",
142
+ "radius-s": "0.75rem",
143
+ "radius-m": "1.125rem",
144
+ "radius-l": "2.25rem",
145
+ "radius-xl": "3rem",
146
+ "radius-2xl": "4.5rem",
147
+ "radius-3xl": "5.25rem",
148
+ "radius-4xl": "6rem",
149
+ "radius-5xl": "6.75rem",
150
+ "radius-full": "625rem",
150
151
  "corner-shape": "superellipse(1.8)",
151
- "space-2x-small": "0.25rem",
152
- "space-x-small": "0.5rem",
153
- "space-small": "0.75rem",
154
- "space-medium": "1.5rem",
155
- "space-large": "2rem",
156
- "space-x-large": "2.5rem",
157
- "space-2x-large": "3.5rem",
158
- "space-wide": "4rem",
159
- "space-x-wide": "4.5rem",
160
- "space-2x-wide": "6rem",
152
+ "space-2xs": "0.25rem",
153
+ "space-xs": "0.5rem",
154
+ "space-s": "0.75rem",
155
+ "space-m": "1.5rem",
156
+ "space-l": "2rem",
157
+ "space-xl": "2.5rem",
158
+ "space-2xl": "3.5rem",
159
+ "space-3xl": "4rem",
160
+ "space-4xl": "4.5rem",
161
+ "space-5xl": "6rem",
161
162
  "font-root-size": "100%",
162
163
  "font-heading-typescale": 1.25,
163
- "font-scale-display": "6.25rem",
164
- "font-scale-h1": "3rem",
165
- "font-scale-h2": "2.5rem",
166
- "font-scale-h3": "2.0625rem",
167
- "font-scale-h4": "1.75rem",
168
- "font-scale-h5": "1.4375rem",
169
- "font-scale-h6": "1.1875rem",
170
- "font-scale-body-x-large": "1.75rem",
171
- "font-scale-body-large": "1.4375rem",
172
- "font-scale-body-medium": "1rem",
173
- "font-scale-body-small": "0.875rem",
174
- "font-scale-body-x-small": "0.75rem",
164
+ "font-body-typescale": 1.125,
175
165
  "font-family-heading": "Merriweather Variable",
176
166
  "font-family-body": "Arial",
177
167
  "font-family-mono": "monospace",
178
- "font-leading-x-small": 1,
179
- "font-leading-small": 1.2,
180
- "font-leading-standard": 1.5,
181
- "font-leading-large": 1.8,
168
+ "font-leading-xs": 1,
169
+ "font-leading-s": 1.2,
170
+ "font-leading-m": 1.5,
171
+ "font-leading-l": 1.8,
182
172
  "vibrancy-blur": 25,
183
173
  "vibrancy-brightness": "150%"
184
174
  }
package/platforms/web/sunburst/types.d.ts CHANGED
@@ -14,18 +14,17 @@ export type ThemeTypes = {
14
14
  stone: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
15
15
  yellow: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
16
16
  };
17
- effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows' | 'fluid-typography';
18
18
  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
19
19
  highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
20
20
  duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
21
21
  easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
22
- radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide' | 'infinite';
22
+ radius: 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
23
23
  corner: 'shape';
24
- space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
24
+ space: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
25
25
  font: {
26
- scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
27
26
  family: 'heading' | 'body' | 'mono';
28
- leading: 'x-small' | 'small' | 'standard' | 'large';
27
+ leading: 'xs' | 's' | 'm' | 'l';
29
28
  };
30
29
  vibrancy: 'blur' | 'brightness';
31
30
  colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
package/platforms/web/vira/types.d.ts CHANGED
@@ -14,18 +14,17 @@ export type ThemeTypes = {
14
14
  stone: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
15
15
  yellow: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
16
16
  };
17
- effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows' | 'fluid-typography';
18
18
  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
19
19
  highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
20
20
  duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
21
21
  easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
22
- radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide' | 'infinite';
22
+ radius: 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
23
23
  corner: 'shape';
24
- space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
24
+ space: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
25
25
  font: {
26
- scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
27
26
  family: 'heading' | 'body' | 'mono';
28
- leading: 'x-small' | 'small' | 'standard' | 'large';
27
+ leading: 'xs' | 's' | 'm' | 'l';
29
28
  };
30
29
  vibrancy: 'blur' | 'brightness';
31
30
  colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
package/platforms/web/vira/vira-nested.json CHANGED
@@ -134,7 +134,8 @@
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
136
  "holofoil": "initial",
137
- "shadows": ""
137
+ "shadows": "",
138
+ "fluid-typography": ""
138
139
  },
139
140
  "global": {
140
141
  "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -170,65 +171,52 @@
170
171
  },
171
172
  "easing": {
172
173
  "standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
173
- "entrance": "cubic-bezier(0, 0, 0.34, 1)",
174
+ "entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
174
175
  "exit": "cubic-bezier(0.3, 0.07, 1, 1)",
175
176
  "elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
176
177
  "wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)"
177
178
  },
178
179
  "radius": {
179
- "x-small": "0.25rem",
180
- "small": "0.5rem",
181
- "medium": "0.75rem",
182
- "large": "1.5rem",
183
- "x-large": "2rem",
184
- "2x-large": "3rem",
185
- "wide": "3.5rem",
186
- "x-wide": "4rem",
187
- "2x-wide": "4.5rem",
188
- "infinite": "625rem"
180
+ "xs": "0.25rem",
181
+ "s": "0.5rem",
182
+ "m": "0.75rem",
183
+ "l": "1.5rem",
184
+ "xl": "2rem",
185
+ "2xl": "3rem",
186
+ "3xl": "3.5rem",
187
+ "4xl": "4rem",
188
+ "5xl": "4.5rem",
189
+ "full": "625rem"
189
190
  },
190
191
  "corner": {
191
192
  "shape": "superellipse(1.8)"
192
193
  },
193
194
  "space": {
194
- "2x-small": "0.125rem",
195
- "x-small": "0.25rem",
196
- "small": "0.5rem",
197
- "medium": "1rem",
198
- "large": "1.5rem",
199
- "x-large": "2rem",
200
- "2x-large": "2.5rem",
201
- "wide": "3.5rem",
202
- "x-wide": "4rem",
203
- "2x-wide": "6.5rem"
195
+ "2xs": "0.125rem",
196
+ "xs": "0.25rem",
197
+ "s": "0.5rem",
198
+ "m": "1rem",
199
+ "l": "1.5rem",
200
+ "xl": "2rem",
201
+ "2xl": "2.5rem",
202
+ "3xl": "3.5rem",
203
+ "4xl": "4rem",
204
+ "5xl": "6.5rem"
204
205
  },
205
206
  "font": {
206
207
  "root-size": "100%",
207
208
  "heading-typescale": 1.2,
208
- "scale": {
209
- "display": "6.25rem",
210
- "h1": "3rem",
211
- "h2": "2.5rem",
212
- "h3": "2.0625rem",
213
- "h4": "1.75rem",
214
- "h5": "1.4375rem",
215
- "h6": "1.1875rem",
216
- "body-x-large": "1.75rem",
217
- "body-large": "1.4375rem",
218
- "body-medium": "1rem",
219
- "body-small": "0.875rem",
220
- "body-x-small": "0.75rem"
221
- },
209
+ "body-typescale": 1.125,
222
210
  "family": {
223
211
  "heading": "Geist Variable",
224
212
  "body": "Geist Variable",
225
213
  "mono": "monospace"
226
214
  },
227
215
  "leading": {
228
- "x-small": 1,
229
- "small": 1.2,
230
- "standard": 1.5,
231
- "large": 1.8
216
+ "xs": 1,
217
+ "s": 1.2,
218
+ "m": 1.5,
219
+ "l": 1.8
232
220
  }
233
221
  },
234
222
  "vibrancy": {
package/platforms/web/vira/vira.css CHANGED
@@ -111,6 +111,7 @@
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
113
  --effect-shadows: ;
114
+ --effect-fluid-typography: ;
114
115
  --global-foreground: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
115
116
  --global-background: light-dark(oklab(97.614% 0 0), oklab(0% 0 0));
116
117
  --global-primary: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
@@ -138,52 +139,41 @@
138
139
  --duration-slow: 0.60s;
139
140
  --duration-slowest: 1.00s;
140
141
  --easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
141
- --easing-entrance: cubic-bezier(0, 0, 0.34, 1);
142
+ --easing-entrance: linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1);
142
143
  --easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
143
144
  --easing-elastic: linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%);
144
145
  --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
145
- --radius-x-small: 0.25rem;
146
- --radius-small: 0.5rem;
147
- --radius-medium: 0.75rem;
148
- --radius-large: 1.5rem;
149
- --radius-x-large: 2rem;
150
- --radius-2x-large: 3rem;
151
- --radius-wide: 3.5rem;
152
- --radius-x-wide: 4rem;
153
- --radius-2x-wide: 4.5rem;
154
- --radius-infinite: 625rem;
146
+ --radius-xs: 0.25rem;
147
+ --radius-s: 0.5rem;
148
+ --radius-m: 0.75rem;
149
+ --radius-l: 1.5rem;
150
+ --radius-xl: 2rem;
151
+ --radius-2xl: 3rem;
152
+ --radius-3xl: 3.5rem;
153
+ --radius-4xl: 4rem;
154
+ --radius-5xl: 4.5rem;
155
+ --radius-full: 625rem;
155
156
  --corner-shape: superellipse(1.8);
156
- --space-2x-small: 0.125rem;
157
- --space-x-small: 0.25rem;
158
- --space-small: 0.5rem;
159
- --space-medium: 1rem;
160
- --space-large: 1.5rem;
161
- --space-x-large: 2rem;
162
- --space-2x-large: 2.5rem;
163
- --space-wide: 3.5rem;
164
- --space-x-wide: 4rem;
165
- --space-2x-wide: 6.5rem;
157
+ --space-2xs: 0.125rem;
158
+ --space-xs: 0.25rem;
159
+ --space-s: 0.5rem;
160
+ --space-m: 1rem;
161
+ --space-l: 1.5rem;
162
+ --space-xl: 2rem;
163
+ --space-2xl: 2.5rem;
164
+ --space-3xl: 3.5rem;
165
+ --space-4xl: 4rem;
166
+ --space-5xl: 6.5rem;
166
167
  --font-root-size: 100%;
167
168
  --font-heading-typescale: 1.2;
168
- --font-scale-display: 6.25rem;
169
- --font-scale-h1: 3rem;
170
- --font-scale-h2: 2.5rem;
171
- --font-scale-h3: 2.0625rem;
172
- --font-scale-h4: 1.75rem;
173
- --font-scale-h5: 1.4375rem;
174
- --font-scale-h6: 1.1875rem;
175
- --font-scale-body-x-large: 1.75rem;
176
- --font-scale-body-large: 1.4375rem;
177
- --font-scale-body-medium: 1rem;
178
- --font-scale-body-small: 0.875rem;
179
- --font-scale-body-x-small: 0.75rem;
169
+ --font-body-typescale: 1.125;
180
170
  --font-family-heading: Geist Variable;
181
171
  --font-family-body: Geist Variable;
182
172
  --font-family-mono: monospace;
183
- --font-leading-x-small: 1;
184
- --font-leading-small: 1.2;
185
- --font-leading-standard: 1.5;
186
- --font-leading-large: 1.8;
173
+ --font-leading-xs: 1;
174
+ --font-leading-s: 1.2;
175
+ --font-leading-m: 1.5;
176
+ --font-leading-l: 1.8;
187
177
  --vibrancy-blur: 25;
188
178
  --vibrancy-brightness: 150%;
189
179
  }
package/platforms/web/vira/vira.json CHANGED
@@ -106,6 +106,7 @@
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
108
  "effect-shadows": "",
109
+ "effect-fluid-typography": "",
109
110
  "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
110
111
  "global-background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
111
112
  "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -133,52 +134,41 @@
133
134
  "duration-slow": "0.60s",
134
135
  "duration-slowest": "1.00s",
135
136
  "easing-standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
136
- "easing-entrance": "cubic-bezier(0, 0, 0.34, 1)",
137
+ "easing-entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
137
138
  "easing-exit": "cubic-bezier(0.3, 0.07, 1, 1)",
138
139
  "easing-elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
139
140
  "easing-wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)",
140
- "radius-x-small": "0.25rem",
141
- "radius-small": "0.5rem",
142
- "radius-medium": "0.75rem",
143
- "radius-large": "1.5rem",
144
- "radius-x-large": "2rem",
145
- "radius-2x-large": "3rem",
146
- "radius-wide": "3.5rem",
147
- "radius-x-wide": "4rem",
148
- "radius-2x-wide": "4.5rem",
149
- "radius-infinite": "625rem",
141
+ "radius-xs": "0.25rem",
142
+ "radius-s": "0.5rem",
143
+ "radius-m": "0.75rem",
144
+ "radius-l": "1.5rem",
145
+ "radius-xl": "2rem",
146
+ "radius-2xl": "3rem",
147
+ "radius-3xl": "3.5rem",
148
+ "radius-4xl": "4rem",
149
+ "radius-5xl": "4.5rem",
150
+ "radius-full": "625rem",
150
151
  "corner-shape": "superellipse(1.8)",
151
- "space-2x-small": "0.125rem",
152
- "space-x-small": "0.25rem",
153
- "space-small": "0.5rem",
154
- "space-medium": "1rem",
155
- "space-large": "1.5rem",
156
- "space-x-large": "2rem",
157
- "space-2x-large": "2.5rem",
158
- "space-wide": "3.5rem",
159
- "space-x-wide": "4rem",
160
- "space-2x-wide": "6.5rem",
152
+ "space-2xs": "0.125rem",
153
+ "space-xs": "0.25rem",
154
+ "space-s": "0.5rem",
155
+ "space-m": "1rem",
156
+ "space-l": "1.5rem",
157
+ "space-xl": "2rem",
158
+ "space-2xl": "2.5rem",
159
+ "space-3xl": "3.5rem",
160
+ "space-4xl": "4rem",
161
+ "space-5xl": "6.5rem",
161
162
  "font-root-size": "100%",
162
163
  "font-heading-typescale": 1.2,
163
- "font-scale-display": "6.25rem",
164
- "font-scale-h1": "3rem",
165
- "font-scale-h2": "2.5rem",
166
- "font-scale-h3": "2.0625rem",
167
- "font-scale-h4": "1.75rem",
168
- "font-scale-h5": "1.4375rem",
169
- "font-scale-h6": "1.1875rem",
170
- "font-scale-body-x-large": "1.75rem",
171
- "font-scale-body-large": "1.4375rem",
172
- "font-scale-body-medium": "1rem",
173
- "font-scale-body-small": "0.875rem",
174
- "font-scale-body-x-small": "0.75rem",
164
+ "font-body-typescale": 1.125,
175
165
  "font-family-heading": "Geist Variable",
176
166
  "font-family-body": "Geist Variable",
177
167
  "font-family-mono": "monospace",
178
- "font-leading-x-small": 1,
179
- "font-leading-small": 1.2,
180
- "font-leading-standard": 1.5,
181
- "font-leading-large": 1.8,
168
+ "font-leading-xs": 1,
169
+ "font-leading-s": 1.2,
170
+ "font-leading-m": 1.5,
171
+ "font-leading-l": 1.8,
182
172
  "vibrancy-blur": 25,
183
173
  "vibrancy-brightness": "150%"
184
174
  }
package/platforms/web/vira-condensed/types.d.ts CHANGED
@@ -14,18 +14,17 @@ export type ThemeTypes = {
14
14
  stone: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
15
15
  yellow: '0' | '10' | '20' | '30' | '40' | '50' | '60' | '70';
16
16
  };
17
- effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows' | 'fluid-typography';
18
18
  global: 'foreground' | 'background' | 'primary' | 'muted' | 'interactive-text' | 'disabled-foreground' | 'disabled-background' | 'contrast' | 'outline';
19
19
  highlight: 'gray' | 'slate' | 'yellow' | 'green' | 'blue' | 'red' | 'cyan' | 'purple' | 'indigo' | 'acid' | 'salmon' | 'magenta';
20
20
  duration: 'instant' | 'fast' | 'normal' | 'slow' | 'slowest';
21
21
  easing: 'standard' | 'entrance' | 'exit' | 'elastic' | 'wiggle';
22
- radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide' | 'infinite';
22
+ radius: 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
23
23
  corner: 'shape';
24
- space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
24
+ space: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
25
25
  font: {
26
- scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
27
26
  family: 'heading' | 'body' | 'mono';
28
- leading: 'x-small' | 'small' | 'standard' | 'large';
27
+ leading: 'xs' | 's' | 'm' | 'l';
29
28
  };
30
29
  vibrancy: 'blur' | 'brightness';
31
30
  colors: 'acid' | 'blue' | 'cyan' | 'green' | 'indigo' | 'magenta' | 'purple' | 'red' | 'salmon' | 'slate' | 'stone' | 'yellow';
package/platforms/web/vira-condensed/vira-condensed-nested.json CHANGED
@@ -134,7 +134,8 @@
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
136
  "holofoil": "initial",
137
- "shadows": ""
137
+ "shadows": "",
138
+ "fluid-typography": ""
138
139
  },
139
140
  "global": {
140
141
  "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -170,65 +171,52 @@
170
171
  },
171
172
  "easing": {
172
173
  "standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
173
- "entrance": "cubic-bezier(0, 0, 0.34, 1)",
174
+ "entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
174
175
  "exit": "cubic-bezier(0.3, 0.07, 1, 1)",
175
176
  "elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
176
177
  "wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)"
177
178
  },
178
179
  "radius": {
179
- "x-small": "0.25rem",
180
- "small": "0.5rem",
181
- "medium": "0.75rem",
182
- "large": "1.5rem",
183
- "x-large": "2rem",
184
- "2x-large": "3rem",
185
- "wide": "3.5rem",
186
- "x-wide": "4rem",
187
- "2x-wide": "4.5rem",
188
- "infinite": "625rem"
180
+ "xs": "0.25rem",
181
+ "s": "0.5rem",
182
+ "m": "0.75rem",
183
+ "l": "1.5rem",
184
+ "xl": "2rem",
185
+ "2xl": "3rem",
186
+ "3xl": "3.5rem",
187
+ "4xl": "4rem",
188
+ "5xl": "4.5rem",
189
+ "full": "625rem"
189
190
  },
190
191
  "corner": {
191
192
  "shape": "superellipse(1.8)"
192
193
  },
193
194
  "space": {
194
- "2x-small": "0.125rem",
195
- "x-small": "0.25rem",
196
- "small": "0.5rem",
197
- "medium": "1rem",
198
- "large": "1.125rem",
199
- "x-large": "1.5rem",
200
- "2x-large": "2rem",
201
- "wide": "2.5rem",
202
- "x-wide": "3.5rem",
203
- "2x-wide": "4.5rem"
195
+ "2xs": "0.125rem",
196
+ "xs": "0.25rem",
197
+ "s": "0.5rem",
198
+ "m": "1rem",
199
+ "l": "1.125rem",
200
+ "xl": "1.5rem",
201
+ "2xl": "2rem",
202
+ "3xl": "2.5rem",
203
+ "4xl": "3.5rem",
204
+ "5xl": "4.5rem"
204
205
  },
205
206
  "font": {
206
207
  "root-size": "100%",
207
208
  "heading-typescale": 1.125,
208
- "scale": {
209
- "display": "6.25rem",
210
- "h1": "3rem",
211
- "h2": "2.5rem",
212
- "h3": "2.0625rem",
213
- "h4": "1.75rem",
214
- "h5": "1.4375rem",
215
- "h6": "1.1875rem",
216
- "body-x-large": "1.625rem",
217
- "body-large": "1.25rem",
218
- "body-medium": "0.875rem",
219
- "body-small": "0.75rem",
220
- "body-x-small": "0.6875rem"
221
- },
209
+ "body-typescale": 1.125,
222
210
  "family": {
223
211
  "heading": "Geist Variable",
224
212
  "body": "Geist Variable",
225
213
  "mono": "monospace"
226
214
  },
227
215
  "leading": {
228
- "x-small": 1,
229
- "small": 1.2,
230
- "standard": 1.5,
231
- "large": 1.8
216
+ "xs": 1,
217
+ "s": 1.2,
218
+ "m": 1.5,
219
+ "l": 1.8
232
220
  }
233
221
  },
234
222
  "vibrancy": {
package/platforms/web/vira-condensed/vira-condensed.css CHANGED
@@ -111,6 +111,7 @@
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
113
  --effect-shadows: ;
114
+ --effect-fluid-typography: ;
114
115
  --global-foreground: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
115
116
  --global-background: light-dark(oklab(97.614% 0 0), oklab(0% 0 0));
116
117
  --global-primary: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
@@ -138,52 +139,41 @@
138
139
  --duration-slow: 0.60s;
139
140
  --duration-slowest: 1.00s;
140
141
  --easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
141
- --easing-entrance: cubic-bezier(0, 0, 0.34, 1);
142
+ --easing-entrance: linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1);
142
143
  --easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
143
144
  --easing-elastic: linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%);
144
145
  --easing-wiggle: linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0);
145
- --radius-x-small: 0.25rem;
146
- --radius-small: 0.5rem;
147
- --radius-medium: 0.75rem;
148
- --radius-large: 1.5rem;
149
- --radius-x-large: 2rem;
150
- --radius-2x-large: 3rem;
151
- --radius-wide: 3.5rem;
152
- --radius-x-wide: 4rem;
153
- --radius-2x-wide: 4.5rem;
154
- --radius-infinite: 625rem;
146
+ --radius-xs: 0.25rem;
147
+ --radius-s: 0.5rem;
148
+ --radius-m: 0.75rem;
149
+ --radius-l: 1.5rem;
150
+ --radius-xl: 2rem;
151
+ --radius-2xl: 3rem;
152
+ --radius-3xl: 3.5rem;
153
+ --radius-4xl: 4rem;
154
+ --radius-5xl: 4.5rem;
155
+ --radius-full: 625rem;
155
156
  --corner-shape: superellipse(1.8);
156
- --space-2x-small: 0.125rem;
157
- --space-x-small: 0.25rem;
158
- --space-small: 0.5rem;
159
- --space-medium: 1rem;
160
- --space-large: 1.125rem;
161
- --space-x-large: 1.5rem;
162
- --space-2x-large: 2rem;
163
- --space-wide: 2.5rem;
164
- --space-x-wide: 3.5rem;
165
- --space-2x-wide: 4.5rem;
157
+ --space-2xs: 0.125rem;
158
+ --space-xs: 0.25rem;
159
+ --space-s: 0.5rem;
160
+ --space-m: 1rem;
161
+ --space-l: 1.125rem;
162
+ --space-xl: 1.5rem;
163
+ --space-2xl: 2rem;
164
+ --space-3xl: 2.5rem;
165
+ --space-4xl: 3.5rem;
166
+ --space-5xl: 4.5rem;
166
167
  --font-root-size: 100%;
167
168
  --font-heading-typescale: 1.125;
168
- --font-scale-display: 6.25rem;
169
- --font-scale-h1: 3rem;
170
- --font-scale-h2: 2.5rem;
171
- --font-scale-h3: 2.0625rem;
172
- --font-scale-h4: 1.75rem;
173
- --font-scale-h5: 1.4375rem;
174
- --font-scale-h6: 1.1875rem;
175
- --font-scale-body-x-large: 1.625rem;
176
- --font-scale-body-large: 1.25rem;
177
- --font-scale-body-medium: 0.875rem;
178
- --font-scale-body-small: 0.75rem;
179
- --font-scale-body-x-small: 0.6875rem;
169
+ --font-body-typescale: 1.125;
180
170
  --font-family-heading: Geist Variable;
181
171
  --font-family-body: Geist Variable;
182
172
  --font-family-mono: monospace;
183
- --font-leading-x-small: 1;
184
- --font-leading-small: 1.2;
185
- --font-leading-standard: 1.5;
186
- --font-leading-large: 1.8;
173
+ --font-leading-xs: 1;
174
+ --font-leading-s: 1.2;
175
+ --font-leading-m: 1.5;
176
+ --font-leading-l: 1.8;
187
177
  --vibrancy-blur: 15;
188
178
  --vibrancy-brightness: 150%;
189
179
  }
package/platforms/web/vira-condensed/vira-condensed.json CHANGED
@@ -106,6 +106,7 @@
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
108
  "effect-shadows": "",
109
+ "effect-fluid-typography": "",
109
110
  "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
110
111
  "global-background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
111
112
  "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -133,52 +134,41 @@
133
134
  "duration-slow": "0.60s",
134
135
  "duration-slowest": "1.00s",
135
136
  "easing-standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
136
- "easing-entrance": "cubic-bezier(0, 0, 0.34, 1)",
137
+ "easing-entrance": "linear(0, 0.013 1%, 0.051 2.2%, 0.404 9.8%, 0.51 12.6%, 0.602 15.5%, 0.683 18.7%, 0.754 22.2%, 0.813 26%, 0.861 30.2%, 0.9 34.8%, 0.931 40%, 0.972 52.7%, 0.992 70.2%, 1)",
137
138
  "easing-exit": "cubic-bezier(0.3, 0.07, 1, 1)",
138
139
  "easing-elastic": "linear(0, 0.0018, 0.0069, 0.015 1.73%, 0.0275 2.39%, 0.0615 3.69%, 0.1108 5.13%, 0.2197 7.74%, 0.4787 13.23%, 0.5916 15.76%, 0.6987 18.43%, 0.7859 20.96%, 0.8604 23.57%, 0.892, 0.9199 26.17%, 0.9456, 0.9676 28.92%, 0.9871, 1.0032 31.81%, 1.0225 34.12%, 1.0358 36.58%, 1.0435 39.25%, 1.046 42.29%, 1.0446 44.68%, 1.0407 47.42%, 1.0119 61.81%, 1.0026 69.54%, 0.9981 80.53%, 0.9991 99.98%)",
139
140
  "easing-wiggle": "linear(0, 0.76 4.4%, 0.928 6.2%, 0.984 8%, 0.92 9.9%, 0.731 11.9%, -0.506 20.3%, -0.667 22.2%, -0.731 24%, -0.731 24.8%, -0.712 25.7%, -0.615 27.5%, 0.252 35.9%, 0.4 38.1%, 0.463 40.3%, 0.455 41.9%, 0.399 43.7%, -0.106 51.9%, -0.195 54.1%, -0.235 56.3%, -0.235 57.9%, -0.209 59.7%, 0.019 67.5%, 0.061 69.6%, 0.082 71.7%, 0.085 73.3%, 0.077 75.1%, 0.011 81.9%, -0.009 85.5%, 0)",
140
- "radius-x-small": "0.25rem",
141
- "radius-small": "0.5rem",
142
- "radius-medium": "0.75rem",
143
- "radius-large": "1.5rem",
144
- "radius-x-large": "2rem",
145
- "radius-2x-large": "3rem",
146
- "radius-wide": "3.5rem",
147
- "radius-x-wide": "4rem",
148
- "radius-2x-wide": "4.5rem",
149
- "radius-infinite": "625rem",
141
+ "radius-xs": "0.25rem",
142
+ "radius-s": "0.5rem",
143
+ "radius-m": "0.75rem",
144
+ "radius-l": "1.5rem",
145
+ "radius-xl": "2rem",
146
+ "radius-2xl": "3rem",
147
+ "radius-3xl": "3.5rem",
148
+ "radius-4xl": "4rem",
149
+ "radius-5xl": "4.5rem",
150
+ "radius-full": "625rem",
150
151
  "corner-shape": "superellipse(1.8)",
151
- "space-2x-small": "0.125rem",
152
- "space-x-small": "0.25rem",
153
- "space-small": "0.5rem",
154
- "space-medium": "1rem",
155
- "space-large": "1.125rem",
156
- "space-x-large": "1.5rem",
157
- "space-2x-large": "2rem",
158
- "space-wide": "2.5rem",
159
- "space-x-wide": "3.5rem",
160
- "space-2x-wide": "4.5rem",
152
+ "space-2xs": "0.125rem",
153
+ "space-xs": "0.25rem",
154
+ "space-s": "0.5rem",
155
+ "space-m": "1rem",
156
+ "space-l": "1.125rem",
157
+ "space-xl": "1.5rem",
158
+ "space-2xl": "2rem",
159
+ "space-3xl": "2.5rem",
160
+ "space-4xl": "3.5rem",
161
+ "space-5xl": "4.5rem",
161
162
  "font-root-size": "100%",
162
163
  "font-heading-typescale": 1.125,
163
- "font-scale-display": "6.25rem",
164
- "font-scale-h1": "3rem",
165
- "font-scale-h2": "2.5rem",
166
- "font-scale-h3": "2.0625rem",
167
- "font-scale-h4": "1.75rem",
168
- "font-scale-h5": "1.4375rem",
169
- "font-scale-h6": "1.1875rem",
170
- "font-scale-body-x-large": "1.625rem",
171
- "font-scale-body-large": "1.25rem",
172
- "font-scale-body-medium": "0.875rem",
173
- "font-scale-body-small": "0.75rem",
174
- "font-scale-body-x-small": "0.6875rem",
164
+ "font-body-typescale": 1.125,
175
165
  "font-family-heading": "Geist Variable",
176
166
  "font-family-body": "Geist Variable",
177
167
  "font-family-mono": "monospace",
178
- "font-leading-x-small": 1,
179
- "font-leading-small": 1.2,
180
- "font-leading-standard": 1.5,
181
- "font-leading-large": 1.8,
168
+ "font-leading-xs": 1,
169
+ "font-leading-s": 1.2,
170
+ "font-leading-m": 1.5,
171
+ "font-leading-l": 1.8,
182
172
  "vibrancy-blur": 15,
183
173
  "vibrancy-brightness": "150%"
184
174
  }