@viraui/foundation 2026.0.10 → 2026.0.11
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,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"base": {
|
|
3
|
-
"1": "light-dark(oklab(100% 0.
|
|
4
|
-
"2": "light-dark(oklab(
|
|
5
|
-
"3": "light-dark(oklab(
|
|
6
|
-
"4": "oklab(52.78% 0.
|
|
7
|
-
"5": "light-dark(oklab(35.232% 0.
|
|
8
|
-
"6": "light-dark(oklab(24.776% 0.
|
|
9
|
-
"7": "light-dark(oklab(15.907% 0.
|
|
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))"
|
|
10
10
|
},
|
|
11
11
|
"color": {
|
|
12
12
|
"acid": {
|
|
@@ -179,15 +179,15 @@
|
|
|
179
179
|
}
|
|
180
180
|
},
|
|
181
181
|
"global": {
|
|
182
|
-
"foreground": "light-dark(oklab(15.907% 0.
|
|
183
|
-
"background": "light-dark(oklab(
|
|
184
|
-
"primary": "#
|
|
185
|
-
"muted": "light-dark(oklab(52.78% 0.
|
|
186
|
-
"interactive-text": "light-dark(oklab(24.776% 0.
|
|
187
|
-
"disabled-foreground": "oklab(52.78% 0.
|
|
188
|
-
"disabled-background": "light-dark(
|
|
189
|
-
"contrast": "light-dark(oklab(from oklab(
|
|
190
|
-
"outline": "light-dark(oklab(15.907% 0.
|
|
182
|
+
"foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
|
|
183
|
+
"background": "light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536))",
|
|
184
|
+
"primary": "#FFF995",
|
|
185
|
+
"muted": "light-dark(oklab(52.78% -0.02237 -0.00536), light-dark(oklab(35.232% -0.02237 -0.00536), oklab(69.275% -0.02237 -0.00536)))",
|
|
186
|
+
"interactive-text": "light-dark(oklab(24.776% -0.02237 -0.00536), oklab(96.115% -0.02237 -0.00536))",
|
|
187
|
+
"disabled-foreground": "oklab(52.78% -0.02237 -0.00536)",
|
|
188
|
+
"disabled-background": "light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.1), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.07))",
|
|
189
|
+
"contrast": "light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.15), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.13))",
|
|
190
|
+
"outline": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))"
|
|
191
191
|
},
|
|
192
192
|
"highlight": {
|
|
193
193
|
"gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
|
|
@@ -4,13 +4,13 @@
|
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--base-1: light-dark(oklab(100% 0.
|
|
8
|
-
--base-2: light-dark(oklab(
|
|
9
|
-
--base-3: light-dark(oklab(
|
|
10
|
-
--base-4: oklab(52.78% 0.
|
|
11
|
-
--base-5: light-dark(oklab(35.232% 0.
|
|
12
|
-
--base-6: light-dark(oklab(24.776% 0.
|
|
13
|
-
--base-7: light-dark(oklab(15.907% 0.
|
|
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));
|
|
14
14
|
--color-acid-0: oklab(99.142% -0.01187 0.021);
|
|
15
15
|
--color-acid-5: oklab(97.931% -0.02135 0.04376);
|
|
16
16
|
--color-acid-10: oklab(96.907% -0.02396 0.05495);
|
|
@@ -156,13 +156,13 @@
|
|
|
156
156
|
--color-yellow-90: oklab(47.31% 0.06716 0.09596);
|
|
157
157
|
--color-yellow-100: oklab(40.681% 0.05631 0.08253);
|
|
158
158
|
--global-foreground: var(--base-7);
|
|
159
|
-
--global-background: light-dark(oklab(
|
|
160
|
-
--global-primary: #
|
|
159
|
+
--global-background: light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536));
|
|
160
|
+
--global-primary: #FFF995;
|
|
161
161
|
--global-muted: light-dark(var(--base-4), var(--base-5));
|
|
162
162
|
--global-interactive-text: var(--base-6);
|
|
163
|
-
--global-disabled-foreground:
|
|
164
|
-
--global-disabled-background: light-dark(
|
|
165
|
-
--global-contrast: light-dark(oklab(from oklab(
|
|
163
|
+
--global-disabled-foreground: oklab(52.78% -0.02237 -0.00536);
|
|
164
|
+
--global-disabled-background: light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.1), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.07));
|
|
165
|
+
--global-contrast: light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.15), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.13));
|
|
166
166
|
--global-outline: var(--global-foreground);
|
|
167
167
|
--highlight-gray: light-dark(var(--color-stone-60), var(--color-stone-40));
|
|
168
168
|
--highlight-slate: light-dark(var(--color-slate-60), var(--color-slate-40));
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"base-1": "light-dark(oklab(100% 0.
|
|
3
|
-
"base-2": "light-dark(oklab(
|
|
4
|
-
"base-3": "light-dark(oklab(
|
|
5
|
-
"base-4": "oklab(52.78% 0.
|
|
6
|
-
"base-5": "light-dark(oklab(35.232% 0.
|
|
7
|
-
"base-6": "light-dark(oklab(24.776% 0.
|
|
8
|
-
"base-7": "light-dark(oklab(15.907% 0.
|
|
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))",
|
|
9
9
|
"color-acid-0": "oklab(99.142% -0.01187 0.021)",
|
|
10
10
|
"color-acid-5": "oklab(97.931% -0.02135 0.04376)",
|
|
11
11
|
"color-acid-10": "oklab(96.907% -0.02396 0.05495)",
|
|
@@ -150,15 +150,15 @@
|
|
|
150
150
|
"color-yellow-80": "oklab(55.669% 0.08751 0.11282)",
|
|
151
151
|
"color-yellow-90": "oklab(47.31% 0.06716 0.09596)",
|
|
152
152
|
"color-yellow-100": "oklab(40.681% 0.05631 0.08253)",
|
|
153
|
-
"global-foreground": "light-dark(oklab(15.907% 0.
|
|
154
|
-
"global-background": "light-dark(oklab(
|
|
155
|
-
"global-primary": "#
|
|
156
|
-
"global-muted": "light-dark(oklab(52.78% 0.
|
|
157
|
-
"global-interactive-text": "light-dark(oklab(24.776% 0.
|
|
158
|
-
"global-disabled-foreground": "oklab(52.78% 0.
|
|
159
|
-
"global-disabled-background": "light-dark(
|
|
160
|
-
"global-contrast": "light-dark(oklab(from oklab(
|
|
161
|
-
"global-outline": "light-dark(oklab(15.907% 0.
|
|
153
|
+
"global-foreground": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
|
|
154
|
+
"global-background": "light-dark(oklab(93.1% -0.02237 -0.00536), oklab(0% -0.02237 -0.00536))",
|
|
155
|
+
"global-primary": "#FFF995",
|
|
156
|
+
"global-muted": "light-dark(oklab(52.78% -0.02237 -0.00536), light-dark(oklab(35.232% -0.02237 -0.00536), oklab(69.275% -0.02237 -0.00536)))",
|
|
157
|
+
"global-interactive-text": "light-dark(oklab(24.776% -0.02237 -0.00536), oklab(96.115% -0.02237 -0.00536))",
|
|
158
|
+
"global-disabled-foreground": "oklab(52.78% -0.02237 -0.00536)",
|
|
159
|
+
"global-disabled-background": "light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.1), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.07))",
|
|
160
|
+
"global-contrast": "light-dark(oklab(from oklab(0% -0.02237 -0.00536) l a b / 0.15), oklab(from oklab(100% -0.02237 -0.00536) l a b / 0.13))",
|
|
161
|
+
"global-outline": "light-dark(oklab(15.907% -0.02237 -0.00536), oklab(100% -0.02237 -0.00536))",
|
|
162
162
|
"highlight-gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
|
|
163
163
|
"highlight-slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
|
|
164
164
|
"highlight-yellow": "light-dark(oklab(62.573% 0.10037 0.12679), oklab(83.387% 0.00688 0.142))",
|