@viraui/foundation 2026.1.4 → 2026.1.6

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 +3 -4
  3. package/platforms/web/cinder/cinder.css +2 -1
  4. package/platforms/web/cinder/cinder.json +2 -1
  5. package/platforms/web/cinder/types.d.ts +2 -4
  6. package/platforms/web/sunburst/sunburst-nested.json +3 -4
  7. package/platforms/web/sunburst/sunburst.css +2 -1
  8. package/platforms/web/sunburst/sunburst.json +2 -1
  9. package/platforms/web/sunburst/types.d.ts +2 -4
  10. package/platforms/web/vira/types.d.ts +2 -4
  11. package/platforms/web/vira/vira-nested.json +3 -4
  12. package/platforms/web/vira/vira.css +2 -1
  13. package/platforms/web/vira/vira.json +2 -1
  14. package/platforms/web/vira-condensed/types.d.ts +2 -4
  15. package/platforms/web/vira-condensed/vira-condensed-nested.json +3 -4
  16. package/platforms/web/vira-condensed/vira-condensed.css +2 -1
  17. package/platforms/web/vira-condensed/vira-condensed.json +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viraui/foundation",
3
- "version": "2026.1.4",
3
+ "version": "2026.1.6",
4
4
  "private": false,
5
5
  "author": "Vira Software",
6
6
  "files": [
package/platforms/web/cinder/cinder-nested.json CHANGED
@@ -133,7 +133,8 @@
133
133
  "effect": {
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
- "holofoil": "initial"
136
+ "holofoil": "initial",
137
+ "shadows": ""
137
138
  },
138
139
  "global": {
139
140
  "foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
@@ -184,9 +185,7 @@
184
185
  "infinite": "0rem"
185
186
  },
186
187
  "corner": {
187
- "shape": {
188
- "squircle": "superellipse(1.8)"
189
- }
188
+ "shape": "superellipse(1.8)"
190
189
  },
191
190
  "space": {
192
191
  "2x-small": "0.125rem",
package/platforms/web/cinder/cinder.css CHANGED
@@ -110,6 +110,7 @@
110
110
  --effect-vibrancy: ;
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
+ --effect-shadows: ;
113
114
  --global-foreground: light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536));
114
115
  --global-background: light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536));
115
116
  --global-primary: #FFF995;
@@ -148,7 +149,7 @@
148
149
  --radius-x-large: 0rem;
149
150
  --radius-2x-large: 0rem;
150
151
  --radius-infinite: 0rem;
151
- --corner-shape-squircle: superellipse(1.8);
152
+ --corner-shape: superellipse(1.8);
152
153
  --space-2x-small: 0.125rem;
153
154
  --space-x-small: 0.25rem;
154
155
  --space-small: 0.5rem;
package/platforms/web/cinder/cinder.json CHANGED
@@ -105,6 +105,7 @@
105
105
  "effect-vibrancy": "",
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
+ "effect-shadows": "",
108
109
  "global-foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
109
110
  "global-background": "light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536))",
110
111
  "global-primary": "#FFF995",
@@ -143,7 +144,7 @@
143
144
  "radius-x-large": "0rem",
144
145
  "radius-2x-large": "0rem",
145
146
  "radius-infinite": "0rem",
146
- "corner-shape-squircle": "superellipse(1.8)",
147
+ "corner-shape": "superellipse(1.8)",
147
148
  "space-2x-small": "0.125rem",
148
149
  "space-x-small": "0.25rem",
149
150
  "space-small": "0.5rem",
package/platforms/web/cinder/types.d.ts CHANGED
@@ -14,15 +14,13 @@ 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';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
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
22
  radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
23
- corner: {
24
- shape: 'squircle';
25
- };
23
+ corner: 'shape';
26
24
  space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
27
25
  font: {
28
26
  scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
package/platforms/web/sunburst/sunburst-nested.json CHANGED
@@ -133,7 +133,8 @@
133
133
  "effect": {
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
- "holofoil": "initial"
136
+ "holofoil": "initial",
137
+ "shadows": ""
137
138
  },
138
139
  "global": {
139
140
  "foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
@@ -184,9 +185,7 @@
184
185
  "infinite": "625rem"
185
186
  },
186
187
  "corner": {
187
- "shape": {
188
- "squircle": "superellipse(1.8)"
189
- }
188
+ "shape": "superellipse(1.8)"
190
189
  },
191
190
  "space": {
192
191
  "2x-small": "0.125rem",
package/platforms/web/sunburst/sunburst.css CHANGED
@@ -110,6 +110,7 @@
110
110
  --effect-vibrancy: ;
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
+ --effect-shadows: ;
113
114
  --global-foreground: light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045));
114
115
  --global-background: light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035));
115
116
  --global-primary: #ff8636;
@@ -148,7 +149,7 @@
148
149
  --radius-x-large: 3rem;
149
150
  --radius-2x-large: 4.5rem;
150
151
  --radius-infinite: 625rem;
151
- --corner-shape-squircle: superellipse(1.8);
152
+ --corner-shape: superellipse(1.8);
152
153
  --space-2x-small: 0.125rem;
153
154
  --space-x-small: 0.25rem;
154
155
  --space-small: 0.7rem;
package/platforms/web/sunburst/sunburst.json CHANGED
@@ -105,6 +105,7 @@
105
105
  "effect-vibrancy": "",
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
+ "effect-shadows": "",
108
109
  "global-foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
109
110
  "global-background": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035))",
110
111
  "global-primary": "#ff8636",
@@ -143,7 +144,7 @@
143
144
  "radius-x-large": "3rem",
144
145
  "radius-2x-large": "4.5rem",
145
146
  "radius-infinite": "625rem",
146
- "corner-shape-squircle": "superellipse(1.8)",
147
+ "corner-shape": "superellipse(1.8)",
147
148
  "space-2x-small": "0.125rem",
148
149
  "space-x-small": "0.25rem",
149
150
  "space-small": "0.7rem",
package/platforms/web/sunburst/types.d.ts CHANGED
@@ -14,15 +14,13 @@ 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';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
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
22
  radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
23
- corner: {
24
- shape: 'squircle';
25
- };
23
+ corner: 'shape';
26
24
  space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
27
25
  font: {
28
26
  scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
package/platforms/web/vira/types.d.ts CHANGED
@@ -14,15 +14,13 @@ 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';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
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
22
  radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
23
- corner: {
24
- shape: 'squircle';
25
- };
23
+ corner: 'shape';
26
24
  space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
27
25
  font: {
28
26
  scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
package/platforms/web/vira/vira-nested.json CHANGED
@@ -133,7 +133,8 @@
133
133
  "effect": {
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
- "holofoil": "initial"
136
+ "holofoil": "initial",
137
+ "shadows": ""
137
138
  },
138
139
  "global": {
139
140
  "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -184,9 +185,7 @@
184
185
  "infinite": "625rem"
185
186
  },
186
187
  "corner": {
187
- "shape": {
188
- "squircle": "superellipse(1.8)"
189
- }
188
+ "shape": "superellipse(1.8)"
190
189
  },
191
190
  "space": {
192
191
  "2x-small": "0.125rem",
package/platforms/web/vira/vira.css CHANGED
@@ -110,6 +110,7 @@
110
110
  --effect-vibrancy: ;
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
+ --effect-shadows: ;
113
114
  --global-foreground: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
114
115
  --global-background: light-dark(oklab(97.614% 0 0), oklab(0% 0 0));
115
116
  --global-primary: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
@@ -148,7 +149,7 @@
148
149
  --radius-x-large: 2rem;
149
150
  --radius-2x-large: 3rem;
150
151
  --radius-infinite: 625rem;
151
- --corner-shape-squircle: superellipse(1.8);
152
+ --corner-shape: superellipse(1.8);
152
153
  --space-2x-small: 0.125rem;
153
154
  --space-x-small: 0.25rem;
154
155
  --space-small: 0.5rem;
package/platforms/web/vira/vira.json CHANGED
@@ -105,6 +105,7 @@
105
105
  "effect-vibrancy": "",
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
+ "effect-shadows": "",
108
109
  "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
109
110
  "global-background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
110
111
  "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -143,7 +144,7 @@
143
144
  "radius-x-large": "2rem",
144
145
  "radius-2x-large": "3rem",
145
146
  "radius-infinite": "625rem",
146
- "corner-shape-squircle": "superellipse(1.8)",
147
+ "corner-shape": "superellipse(1.8)",
147
148
  "space-2x-small": "0.125rem",
148
149
  "space-x-small": "0.25rem",
149
150
  "space-small": "0.5rem",
package/platforms/web/vira-condensed/types.d.ts CHANGED
@@ -14,15 +14,13 @@ 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';
17
+ effect: 'vibrancy' | 'corner-shape' | 'holofoil' | 'shadows';
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
22
  radius: 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'infinite';
23
- corner: {
24
- shape: 'squircle';
25
- };
23
+ corner: 'shape';
26
24
  space: '2x-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | '2x-large' | 'wide' | 'x-wide' | '2x-wide';
27
25
  font: {
28
26
  scale: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body-x-large' | 'body-large' | 'body-medium' | 'body-small' | 'body-x-small';
package/platforms/web/vira-condensed/vira-condensed-nested.json CHANGED
@@ -133,7 +133,8 @@
133
133
  "effect": {
134
134
  "vibrancy": "",
135
135
  "corner-shape": "",
136
- "holofoil": "initial"
136
+ "holofoil": "initial",
137
+ "shadows": ""
137
138
  },
138
139
  "global": {
139
140
  "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -184,9 +185,7 @@
184
185
  "infinite": "625rem"
185
186
  },
186
187
  "corner": {
187
- "shape": {
188
- "squircle": "superellipse(1.8)"
189
- }
188
+ "shape": "superellipse(1.8)"
190
189
  },
191
190
  "space": {
192
191
  "2x-small": "0.125rem",
package/platforms/web/vira-condensed/vira-condensed.css CHANGED
@@ -110,6 +110,7 @@
110
110
  --effect-vibrancy: ;
111
111
  --effect-corner-shape: ;
112
112
  --effect-holofoil: initial;
113
+ --effect-shadows: ;
113
114
  --global-foreground: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
114
115
  --global-background: light-dark(oklab(97.614% 0 0), oklab(0% 0 0));
115
116
  --global-primary: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
@@ -148,7 +149,7 @@
148
149
  --radius-x-large: 2rem;
149
150
  --radius-2x-large: 3rem;
150
151
  --radius-infinite: 625rem;
151
- --corner-shape-squircle: superellipse(1.8);
152
+ --corner-shape: superellipse(1.8);
152
153
  --space-2x-small: 0.125rem;
153
154
  --space-x-small: 0.25rem;
154
155
  --space-small: 0.5rem;
package/platforms/web/vira-condensed/vira-condensed.json CHANGED
@@ -105,6 +105,7 @@
105
105
  "effect-vibrancy": "",
106
106
  "effect-corner-shape": "",
107
107
  "effect-holofoil": "initial",
108
+ "effect-shadows": "",
108
109
  "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
109
110
  "global-background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
110
111
  "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
@@ -143,7 +144,7 @@
143
144
  "radius-x-large": "2rem",
144
145
  "radius-2x-large": "3rem",
145
146
  "radius-infinite": "625rem",
146
- "corner-shape-squircle": "superellipse(1.8)",
147
+ "corner-shape": "superellipse(1.8)",
147
148
  "space-2x-small": "0.125rem",
148
149
  "space-x-small": "0.25rem",
149
150
  "space-small": "0.5rem",