@viraui/foundation 2026.4.0 → 2026.5.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 +30 -42
  3. package/platforms/web/cinder/cinder.css +28 -38
  4. package/platforms/web/cinder/cinder.json +29 -39
  5. package/platforms/web/cinder/types.d.ts +4 -5
  6. package/platforms/web/sunburst/sunburst-nested.json +30 -42
  7. package/platforms/web/sunburst/sunburst.css +28 -38
  8. package/platforms/web/sunburst/sunburst.json +29 -39
  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 +30 -42
  12. package/platforms/web/vira/vira.css +28 -38
  13. package/platforms/web/vira/vira.json +29 -39
  14. package/platforms/web/vira-condensed/types.d.ts +4 -5
  15. package/platforms/web/vira-condensed/vira-condensed-nested.json +30 -42
  16. package/platforms/web/vira-condensed/vira-condensed.css +28 -38
  17. package/platforms/web/vira-condensed/vira-condensed.json +29 -39
package/platforms/web/vira-condensed/vira-condensed.css CHANGED
@@ -105,12 +105,13 @@
105
105
  --color-yellow-30: oklab(83.387% 0.00688 0.142);
106
106
  --color-yellow-40: oklab(76.859% 0.0561 0.15481);
107
107
  --color-yellow-50: oklab(69.894% 0.10696 0.14168);
108
- --color-yellow-60: oklab(62.573% 0.10037 0.12679);
108
+ --color-yellow-60: oklab(61.094% 0.1151 0.1236);
109
109
  --color-yellow-70: oklab(40.681% 0.05631 0.08253);
110
110
  --effect-vibrancy: ;
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
@@ -100,12 +100,13 @@
100
100
  "color-yellow-30": "oklab(83.387% 0.00688 0.142)",
101
101
  "color-yellow-40": "oklab(76.859% 0.0561 0.15481)",
102
102
  "color-yellow-50": "oklab(69.894% 0.10696 0.14168)",
103
- "color-yellow-60": "oklab(62.573% 0.10037 0.12679)",
103
+ "color-yellow-60": "oklab(61.094% 0.1151 0.1236)",
104
104
  "color-yellow-70": "oklab(40.681% 0.05631 0.08253)",
105
105
  "effect-vibrancy": "",
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))",
@@ -117,7 +118,7 @@
117
118
  "global-outline": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
118
119
  "highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
119
120
  "highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
120
- "highlight-yellow": "light-dark(oklab(62.573% 0.10037 0.12679), oklab(83.387% 0.00688 0.142))",
121
+ "highlight-yellow": "light-dark(oklab(61.094% 0.1151 0.1236), oklab(83.387% 0.00688 0.142))",
121
122
  "highlight-green": "light-dark(oklab(50.813% -0.10165 0.02608), oklab(81.622% -0.12353 0.02932))",
122
123
  "highlight-blue": "light-dark(oklab(59.596% -0.02959 -0.15968), oklab(71.374% -0.03802 -0.13825))",
123
124
  "highlight-red": "light-dark(oklab(49.476% 0.15547 0.07692), oklab(71.063% 0.15381 0.06282))",
@@ -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
  }