@viraui/foundation 2026.0.39 → 2026.1.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viraui/foundation",
3
- "version": "2026.0.39",
3
+ "version": "2026.1.1",
4
4
  "private": false,
5
5
  "author": "Vira Software",
6
6
  "files": [
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "base": {
3
- "1": "light-dark(oklab(100% -0.02237 -0.00536), oklab(16.842% -0.02237 -0.00536))",
4
- "2": "light-dark(oklab(94.611% -0.02237 -0.00536), oklab(20.463% -0.02237 -0.00536))",
5
- "3": "light-dark(oklab(89.143% -0.02237 -0.00536), oklab(24.776% -0.02237 -0.00536))",
6
- "4": "oklab(52.78% -0.02237 -0.00536)",
7
- "5": "light-dark(oklab(35.232% -0.02237 -0.00536), oklab(69.275% -0.02237 -0.00536))",
8
- "6": "light-dark(oklab(24.776% -0.02237 -0.00536), oklab(96.115% -0.02237 -0.00536))",
9
- "7": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))"
3
+ "1": "light-dark(oklab(100% 0 0), oklab(15% -0.01949 -0.0045))",
4
+ "2": "light-dark(oklab(97% -0.00974 -0.00225), oklab(18% -0.01949 -0.0045))",
5
+ "3": "light-dark(oklab(91% -0.00974 -0.00225), oklab(23% -0.04872 -0.01125))",
6
+ "4": "oklab(55% -0.04872 -0.01125)",
7
+ "5": "light-dark(oklab(37% -0.04872 -0.01125), oklab(67% -0.04872 -0.01125))",
8
+ "6": "light-dark(oklab(27% -0.04872 -0.01125), oklab(94% -0.00974 -0.00225))",
9
+ "7": "light-dark(oklab(18% -0.01949 -0.0045), oklab(98% -0.00974 -0.00225))"
10
10
  },
11
11
  "color": {
12
12
  "acid": {
@@ -4,13 +4,13 @@
4
4
  */
5
5
 
6
6
  :root {
7
- --base-1: light-dark(oklab(100% -0.02237 -0.00536), oklab(16.842% -0.02237 -0.00536));
8
- --base-2: light-dark(oklab(94.611% -0.02237 -0.00536), oklab(20.463% -0.02237 -0.00536));
9
- --base-3: light-dark(oklab(89.143% -0.02237 -0.00536), oklab(24.776% -0.02237 -0.00536));
10
- --base-4: oklab(52.78% -0.02237 -0.00536);
11
- --base-5: light-dark(oklab(35.232% -0.02237 -0.00536), oklab(69.275% -0.02237 -0.00536));
12
- --base-6: light-dark(oklab(24.776% -0.02237 -0.00536), oklab(96.115% -0.02237 -0.00536));
13
- --base-7: light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536));
7
+ --base-1: light-dark(oklab(100% 0 0), oklab(15% -0.01949 -0.0045));
8
+ --base-2: light-dark(oklab(97% -0.00974 -0.00225), oklab(18% -0.01949 -0.0045));
9
+ --base-3: light-dark(oklab(91% -0.00974 -0.00225), oklab(23% -0.04872 -0.01125));
10
+ --base-4: oklab(55% -0.04872 -0.01125);
11
+ --base-5: light-dark(oklab(37% -0.04872 -0.01125), oklab(67% -0.04872 -0.01125));
12
+ --base-6: light-dark(oklab(27% -0.04872 -0.01125), oklab(94% -0.00974 -0.00225));
13
+ --base-7: light-dark(oklab(18% -0.01949 -0.0045), oklab(98% -0.00974 -0.00225));
14
14
  --color-acid-0: oklab(99.142% -0.01187 0.021);
15
15
  --color-acid-10: oklab(96.907% -0.02396 0.05495);
16
16
  --color-acid-20: oklab(90.178% -0.05766 0.10806);
@@ -1,11 +1,11 @@
1
1
  {
2
- "base-1": "light-dark(oklab(100% -0.02237 -0.00536), oklab(16.842% -0.02237 -0.00536))",
3
- "base-2": "light-dark(oklab(94.611% -0.02237 -0.00536), oklab(20.463% -0.02237 -0.00536))",
4
- "base-3": "light-dark(oklab(89.143% -0.02237 -0.00536), oklab(24.776% -0.02237 -0.00536))",
5
- "base-4": "oklab(52.78% -0.02237 -0.00536)",
6
- "base-5": "light-dark(oklab(35.232% -0.02237 -0.00536), oklab(69.275% -0.02237 -0.00536))",
7
- "base-6": "light-dark(oklab(24.776% -0.02237 -0.00536), oklab(96.115% -0.02237 -0.00536))",
8
- "base-7": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
2
+ "base-1": "light-dark(oklab(100% 0 0), oklab(15% -0.01949 -0.0045))",
3
+ "base-2": "light-dark(oklab(97% -0.00974 -0.00225), oklab(18% -0.01949 -0.0045))",
4
+ "base-3": "light-dark(oklab(91% -0.00974 -0.00225), oklab(23% -0.04872 -0.01125))",
5
+ "base-4": "oklab(55% -0.04872 -0.01125)",
6
+ "base-5": "light-dark(oklab(37% -0.04872 -0.01125), oklab(67% -0.04872 -0.01125))",
7
+ "base-6": "light-dark(oklab(27% -0.04872 -0.01125), oklab(94% -0.00974 -0.00225))",
8
+ "base-7": "light-dark(oklab(18% -0.01949 -0.0045), oklab(98% -0.00974 -0.00225))",
9
9
  "color-acid-0": "oklab(99.142% -0.01187 0.021)",
10
10
  "color-acid-10": "oklab(96.907% -0.02396 0.05495)",
11
11
  "color-acid-20": "oklab(90.178% -0.05766 0.10806)",
@@ -139,11 +139,11 @@
139
139
  "foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
140
140
  "background": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035))",
141
141
  "primary": "#ff8636",
142
- "muted": "light-dark(oklab(49.97% 0 0), oklab(69.275% 0 0))",
142
+ "muted": "light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0))",
143
143
  "interactive-text": "light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045))",
144
144
  "disabled-foreground": "oklab(52.78% 0.021 0.0363)",
145
145
  "disabled-background": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.08), oklab(from oklab(93% 0.006 0.0104) l a b / 0.07))",
146
- "contrast": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.11), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11))",
146
+ "contrast": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.13), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11))",
147
147
  "outline": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))"
148
148
  },
149
149
  "highlight": {
@@ -113,11 +113,11 @@
113
113
  --global-foreground: light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045));
114
114
  --global-background: light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035));
115
115
  --global-primary: #ff8636;
116
- --global-muted: light-dark(oklab(49.97% 0 0), oklab(69.275% 0 0));
116
+ --global-muted: light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0));
117
117
  --global-interactive-text: light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045));
118
118
  --global-disabled-foreground: oklab(52.78% 0.021 0.0363);
119
119
  --global-disabled-background: light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.08), oklab(from oklab(93% 0.006 0.0104) l a b / 0.07));
120
- --global-contrast: light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.11), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11));
120
+ --global-contrast: light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.13), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11));
121
121
  --global-outline: var(--global-foreground);
122
122
  --highlight-gray: light-dark(var(--color-stone-50), var(--color-stone-30));
123
123
  --highlight-slate: light-dark(var(--color-slate-50), var(--color-slate-30));
@@ -108,11 +108,11 @@
108
108
  "global-foreground": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
109
109
  "global-background": "light-dark(oklab(96.115% 0.0026 0.0045), oklab(0% 0.002 0.0035))",
110
110
  "global-primary": "#ff8636",
111
- "global-muted": "light-dark(oklab(49.97% 0 0), oklab(69.275% 0 0))",
111
+ "global-muted": "light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0))",
112
112
  "global-interactive-text": "light-dark(oklab(24.776% 0.008 0.0138), oklab(96.115% 0.0026 0.0045))",
113
113
  "global-disabled-foreground": "oklab(52.78% 0.021 0.0363)",
114
114
  "global-disabled-background": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.08), oklab(from oklab(93% 0.006 0.0104) l a b / 0.07))",
115
- "global-contrast": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.11), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11))",
115
+ "global-contrast": "light-dark(oklab(from oklab(18% 0.0034 0.0058) l a b / 0.13), oklab(from oklab(93% 0.006 0.0104) l a b / 0.11))",
116
116
  "global-outline": "light-dark(oklab(15.907% 0.0034 0.0058), oklab(100% 0.0026 0.0045))",
117
117
  "highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
118
118
  "highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "base": {
3
3
  "1": "light-dark(oklab(100% 0 0), oklab(16.842% 0 0))",
4
- "2": "light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0))",
5
- "3": "light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0))",
4
+ "2": "light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0))",
5
+ "3": "light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0))",
6
6
  "4": "oklab(52.78% 0 0)",
7
7
  "5": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
8
8
  "6": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
@@ -139,11 +139,11 @@
139
139
  "foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
140
140
  "background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
141
141
  "primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
142
- "muted": "light-dark(oklab(from oklab(49.97% 0 0) l a b / 1), oklab(from oklab(69.275% 0 0) l a b / 1))",
142
+ "muted": "light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0))",
143
143
  "interactive-text": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
144
144
  "disabled-foreground": "oklab(52.78% 0 0)",
145
145
  "disabled-background": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.08), oklab(from oklab(100% 0 0) l a b / 0.07))",
146
- "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.11), oklab(from oklab(100% 0 0) l a b / 0.11))",
146
+ "contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.11))",
147
147
  "outline": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))"
148
148
  },
149
149
  "highlight": {
@@ -5,8 +5,8 @@
5
5
 
6
6
  :root {
7
7
  --base-1: light-dark(oklab(100% 0 0), oklab(16.842% 0 0));
8
- --base-2: light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0));
9
- --base-3: light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0));
8
+ --base-2: light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0));
9
+ --base-3: light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0));
10
10
  --base-4: oklab(52.78% 0 0);
11
11
  --base-5: light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0));
12
12
  --base-6: light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0));
@@ -113,11 +113,11 @@
113
113
  --global-foreground: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
114
114
  --global-background: light-dark(oklab(97.614% 0 0), oklab(0% 0 0));
115
115
  --global-primary: light-dark(oklab(15.907% 0 0), oklab(100% 0 0));
116
- --global-muted: light-dark(oklab(from oklab(49.97% 0 0) l a b / 1), oklab(from oklab(69.275% 0 0) l a b / 1));
116
+ --global-muted: light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0));
117
117
  --global-interactive-text: light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0));
118
118
  --global-disabled-foreground: oklab(52.78% 0 0);
119
119
  --global-disabled-background: light-dark(oklab(from oklab(0% 0 0) l a b / 0.08), oklab(from oklab(100% 0 0) l a b / 0.07));
120
- --global-contrast: light-dark(oklab(from oklab(0% 0 0) l a b / 0.11), oklab(from oklab(100% 0 0) l a b / 0.11));
120
+ --global-contrast: light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.11));
121
121
  --global-outline: var(--global-foreground);
122
122
  --highlight-gray: light-dark(var(--color-stone-50), var(--color-stone-30));
123
123
  --highlight-slate: light-dark(var(--color-slate-50), var(--color-slate-30));
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "base-1": "light-dark(oklab(100% 0 0), oklab(16.842% 0 0))",
3
- "base-2": "light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0))",
4
- "base-3": "light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0))",
3
+ "base-2": "light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0))",
4
+ "base-3": "light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0))",
5
5
  "base-4": "oklab(52.78% 0 0)",
6
6
  "base-5": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
7
7
  "base-6": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
@@ -108,11 +108,11 @@
108
108
  "global-foreground": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
109
109
  "global-background": "light-dark(oklab(97.614% 0 0), oklab(0% 0 0))",
110
110
  "global-primary": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
111
- "global-muted": "light-dark(oklab(from oklab(49.97% 0 0) l a b / 1), oklab(from oklab(69.275% 0 0) l a b / 1))",
111
+ "global-muted": "light-dark(oklab(48.193% 0 0), oklab(69.275% 0 0))",
112
112
  "global-interactive-text": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
113
113
  "global-disabled-foreground": "oklab(52.78% 0 0)",
114
114
  "global-disabled-background": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.08), oklab(from oklab(100% 0 0) l a b / 0.07))",
115
- "global-contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.11), oklab(from oklab(100% 0 0) l a b / 0.11))",
115
+ "global-contrast": "light-dark(oklab(from oklab(0% 0 0) l a b / 0.13), oklab(from oklab(100% 0 0) l a b / 0.11))",
116
116
  "global-outline": "light-dark(oklab(15.907% 0 0), oklab(100% 0 0))",
117
117
  "highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
118
118
  "highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "base": {
3
3
  "1": "light-dark(oklab(100% 0 0), oklab(16.842% 0 0))",
4
- "2": "light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0))",
5
- "3": "light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0))",
4
+ "2": "light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0))",
5
+ "3": "light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0))",
6
6
  "4": "oklab(52.78% 0 0)",
7
7
  "5": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
8
8
  "6": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
@@ -211,11 +211,11 @@
211
211
  "h4": "1.75rem",
212
212
  "h5": "1.4375rem",
213
213
  "h6": "1.1875rem",
214
- "body-x-large": "1.75rem",
215
- "body-large": "1.4375rem",
216
- "body-medium": "1rem",
217
- "body-small": "0.875rem",
218
- "body-x-small": "0.75rem"
214
+ "body-x-large": "1.625rem",
215
+ "body-large": "1.25rem",
216
+ "body-medium": "0.875rem",
217
+ "body-small": "0.75rem",
218
+ "body-x-small": "0.6875rem"
219
219
  },
220
220
  "family": {
221
221
  "heading": "Geist Variable",
@@ -5,8 +5,8 @@
5
5
 
6
6
  :root {
7
7
  --base-1: light-dark(oklab(100% 0 0), oklab(16.842% 0 0));
8
- --base-2: light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0));
9
- --base-3: light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0));
8
+ --base-2: light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0));
9
+ --base-3: light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0));
10
10
  --base-4: oklab(52.78% 0 0);
11
11
  --base-5: light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0));
12
12
  --base-6: light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0));
@@ -168,11 +168,11 @@
168
168
  --font-scale-h4: 1.75rem;
169
169
  --font-scale-h5: 1.4375rem;
170
170
  --font-scale-h6: 1.1875rem;
171
- --font-scale-body-x-large: 1.75rem;
172
- --font-scale-body-large: 1.4375rem;
173
- --font-scale-body-medium: 1rem;
174
- --font-scale-body-small: 0.875rem;
175
- --font-scale-body-x-small: 0.75rem;
171
+ --font-scale-body-x-large: 1.625rem;
172
+ --font-scale-body-large: 1.25rem;
173
+ --font-scale-body-medium: 0.875rem;
174
+ --font-scale-body-small: 0.75rem;
175
+ --font-scale-body-x-small: 0.6875rem;
176
176
  --font-family-heading: Geist Variable;
177
177
  --font-family-body: Geist Variable;
178
178
  --font-family-mono: monospace;
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "base-1": "light-dark(oklab(100% 0 0), oklab(16.842% 0 0))",
3
- "base-2": "light-dark(oklab(96.115% 0 0), oklab(21.779% 0 0))",
4
- "base-3": "light-dark(oklab(91.583% 0 0), oklab(24.776% 0 0))",
3
+ "base-2": "light-dark(oklab(95.514% 0 0), oklab(21.779% 0 0))",
4
+ "base-3": "light-dark(oklab(90.67% 0 0), oklab(24.776% 0 0))",
5
5
  "base-4": "oklab(52.78% 0 0)",
6
6
  "base-5": "light-dark(oklab(35.232% 0 0), oklab(69.275% 0 0))",
7
7
  "base-6": "light-dark(oklab(24.776% 0 0), oklab(96.115% 0 0))",
@@ -163,11 +163,11 @@
163
163
  "font-scale-h4": "1.75rem",
164
164
  "font-scale-h5": "1.4375rem",
165
165
  "font-scale-h6": "1.1875rem",
166
- "font-scale-body-x-large": "1.75rem",
167
- "font-scale-body-large": "1.4375rem",
168
- "font-scale-body-medium": "1rem",
169
- "font-scale-body-small": "0.875rem",
170
- "font-scale-body-x-small": "0.75rem",
166
+ "font-scale-body-x-large": "1.625rem",
167
+ "font-scale-body-large": "1.25rem",
168
+ "font-scale-body-medium": "0.875rem",
169
+ "font-scale-body-small": "0.75rem",
170
+ "font-scale-body-x-small": "0.6875rem",
171
171
  "font-family-heading": "Geist Variable",
172
172
  "font-family-body": "Geist Variable",
173
173
  "font-family-mono": "monospace",