@viraui/foundation 0.0.21 → 0.0.23
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 +20 -2
- package/platforms/web/cinder/cinder-nested.json +280 -0
- package/platforms/web/cinder/cinder.css +231 -0
- package/platforms/web/cinder/cinder.json +226 -0
- package/platforms/web/cinder/css.d.ts +10 -0
- package/platforms/web/cinder/types.d.ts +35 -0
- package/platforms/web/sunburst/css.d.ts +10 -0
- package/platforms/web/sunburst/sunburst-nested.json +280 -0
- package/platforms/web/sunburst/sunburst.css +231 -0
- package/platforms/web/sunburst/sunburst.json +226 -0
- package/platforms/web/sunburst/types.d.ts +35 -0
- package/platforms/web/vira/css.d.ts +2 -0
- package/platforms/web/vira/types.d.ts +4 -3
- package/platforms/web/vira/vira-nested.json +8 -11
- package/platforms/web/vira/vira.css +5 -8
- package/platforms/web/vira/vira.json +5 -8
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viraui/foundation",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.23",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Vira Software",
|
|
6
6
|
"files": [
|
|
@@ -31,6 +31,24 @@
|
|
|
31
31
|
"./vira/types": {
|
|
32
32
|
"types": "./platforms/web/vira/types.d.ts"
|
|
33
33
|
},
|
|
34
|
+
"./sunburst.css": {
|
|
35
|
+
"types": "./platforms/web/sunburst/css.d.ts",
|
|
36
|
+
"default": "./platforms/web/sunburst/sunburst.css"
|
|
37
|
+
},
|
|
38
|
+
"./sunburst/json": "./platforms/web/sunburst/sunburst.json",
|
|
39
|
+
"./sunburst/nested": "./platforms/web/sunburst/sunburst-nested.json",
|
|
40
|
+
"./sunburst/types": {
|
|
41
|
+
"types": "./platforms/web/sunburst/types.d.ts"
|
|
42
|
+
},
|
|
43
|
+
"./cinder.css": {
|
|
44
|
+
"types": "./platforms/web/cinder/css.d.ts",
|
|
45
|
+
"default": "./platforms/web/cinder/cinder.css"
|
|
46
|
+
},
|
|
47
|
+
"./cinder/json": "./platforms/web/cinder/cinder.json",
|
|
48
|
+
"./cinder/nested": "./platforms/web/cinder/cinder-nested.json",
|
|
49
|
+
"./cinder/types": {
|
|
50
|
+
"types": "./platforms/web/cinder/types.d.ts"
|
|
51
|
+
},
|
|
34
52
|
"./web": {
|
|
35
53
|
"types": "./platforms/web/vira/css.d.ts",
|
|
36
54
|
"default": "./platforms/web/vira/vira.css"
|
|
@@ -43,7 +61,7 @@
|
|
|
43
61
|
"devDependencies": {
|
|
44
62
|
"style-dictionary": "5.4.2",
|
|
45
63
|
"@viraui/style-dictionary-utils": "0.0.16",
|
|
46
|
-
"@viraui/tsconfig": "0.0.
|
|
64
|
+
"@viraui/tsconfig": "0.0.17"
|
|
47
65
|
},
|
|
48
66
|
"scripts": {
|
|
49
67
|
"clean": "rimraf platforms",
|
|
@@ -0,0 +1,280 @@
|
|
|
1
|
+
{
|
|
2
|
+
"base": {
|
|
3
|
+
"1": "light-dark(oklab(100% 0.0005 -0.0035), oklab(15.907% 0.0007 -0.0045))",
|
|
4
|
+
"2": "light-dark(oklab(96.115% 0.0005 -0.0035), oklab(20.463% 0.001 -0.0066))",
|
|
5
|
+
"3": "light-dark(oklab(90.67% 0.0016 -0.0108), oklab(24.776% 0.0015 -0.0105))",
|
|
6
|
+
"4": "oklab(52.78% 0.0041 -0.0277)",
|
|
7
|
+
"5": "light-dark(oklab(35.232% 0.0034 -0.0235), oklab(69.275% 0.0035 -0.0239))",
|
|
8
|
+
"6": "light-dark(oklab(24.776% 0.0015 -0.0105), oklab(96.115% 0.0005 -0.0035))",
|
|
9
|
+
"7": "light-dark(oklab(15.907% 0.0007 -0.0045), oklab(100% 0.0005 -0.0035))"
|
|
10
|
+
},
|
|
11
|
+
"color": {
|
|
12
|
+
"acid": {
|
|
13
|
+
"0": "oklab(99.142% -0.01187 0.021)",
|
|
14
|
+
"5": "oklab(97.931% -0.02135 0.04376)",
|
|
15
|
+
"10": "oklab(96.907% -0.02396 0.05495)",
|
|
16
|
+
"20": "oklab(95.151% -0.02943 0.07414)",
|
|
17
|
+
"30": "oklab(90.178% -0.05766 0.10806)",
|
|
18
|
+
"40": "oklab(83.326% -0.08758 0.13195)",
|
|
19
|
+
"50": "oklab(75.832% -0.10561 0.13632)",
|
|
20
|
+
"60": "oklab(66.848% -0.1142 0.13068)",
|
|
21
|
+
"70": "oklab(56.257% -0.11118 0.1148)",
|
|
22
|
+
"80": "oklab(44.67% -0.09202 0.09225)",
|
|
23
|
+
"90": "oklab(37.528% -0.07805 0.07751)",
|
|
24
|
+
"100": "oklab(28.806% -0.05738 0.05947)"
|
|
25
|
+
},
|
|
26
|
+
"blue": {
|
|
27
|
+
"0": "oklab(96.361% -0.00505 -0.01689)",
|
|
28
|
+
"5": "oklab(93.733% -0.00857 -0.02794)",
|
|
29
|
+
"10": "oklab(91.556% -0.01011 -0.03852)",
|
|
30
|
+
"20": "oklab(88.909% -0.01431 -0.05153)",
|
|
31
|
+
"30": "oklab(84.063% -0.02551 -0.07436)",
|
|
32
|
+
"40": "oklab(71.374% -0.03802 -0.13825)",
|
|
33
|
+
"50": "oklab(59.596% -0.02959 -0.15968)",
|
|
34
|
+
"60": "oklab(51.818% -0.02148 -0.17519)",
|
|
35
|
+
"70": "oklab(46.235% -0.01538 -0.17707)",
|
|
36
|
+
"80": "oklab(37.792% -0.01183 -0.15771)",
|
|
37
|
+
"90": "oklab(31.932% -0.01327 -0.13671)",
|
|
38
|
+
"100": "oklab(25.93% -0.01193 -0.11848)"
|
|
39
|
+
},
|
|
40
|
+
"cyan": {
|
|
41
|
+
"0": "oklab(98.412% -0.01765 -0.00673)",
|
|
42
|
+
"5": "oklab(96.678% -0.02963 -0.01303)",
|
|
43
|
+
"10": "oklab(95.626% -0.04069 -0.0176)",
|
|
44
|
+
"20": "oklab(92.991% -0.05836 -0.02814)",
|
|
45
|
+
"30": "oklab(90.116% -0.0761 -0.03857)",
|
|
46
|
+
"40": "oklab(84.335% -0.09913 -0.05459)",
|
|
47
|
+
"50": "oklab(71.484% -0.10272 -0.07252)",
|
|
48
|
+
"60": "oklab(60.891% -0.0828 -0.07383)",
|
|
49
|
+
"70": "oklab(51.976% -0.06829 -0.06396)",
|
|
50
|
+
"80": "oklab(45.003% -0.05518 -0.05381)",
|
|
51
|
+
"90": "oklab(39.821% -0.04496 -0.04888)",
|
|
52
|
+
"100": "oklab(34.232% -0.03741 -0.04103)"
|
|
53
|
+
},
|
|
54
|
+
"green": {
|
|
55
|
+
"0": "oklab(97.932% -0.02008 0.00496)",
|
|
56
|
+
"5": "oklab(96.4% -0.03325 0.00943)",
|
|
57
|
+
"10": "oklab(95.046% -0.04854 0.01479)",
|
|
58
|
+
"20": "oklab(92.626% -0.06687 0.01825)",
|
|
59
|
+
"30": "oklab(89.641% -0.08536 0.01928)",
|
|
60
|
+
"40": "oklab(81.622% -0.12353 0.02932)",
|
|
61
|
+
"50": "oklab(69.587% -0.14216 0.04488)",
|
|
62
|
+
"60": "oklab(59.597% -0.122 0.03677)",
|
|
63
|
+
"70": "oklab(50.813% -0.10165 0.02608)",
|
|
64
|
+
"80": "oklab(43.18% -0.08423 0.01958)",
|
|
65
|
+
"90": "oklab(37.805% -0.07168 0.01401)",
|
|
66
|
+
"100": "oklab(32.501% -0.06056 0.01102)"
|
|
67
|
+
},
|
|
68
|
+
"indigo": {
|
|
69
|
+
"0": "oklab(97.496% 0.00231 -0.01179)",
|
|
70
|
+
"5": "oklab(93.845% 0.0053 -0.0265)",
|
|
71
|
+
"10": "oklab(91.375% 0.00816 -0.03722)",
|
|
72
|
+
"20": "oklab(87.78% 0.012 -0.05233)",
|
|
73
|
+
"30": "oklab(81.769% 0.01968 -0.07593)",
|
|
74
|
+
"40": "oklab(60.739% 0.03271 -0.15779)",
|
|
75
|
+
"50": "oklab(48.181% 0.02863 -0.19517)",
|
|
76
|
+
"60": "oklab(43.556% 0.02523 -0.19637)",
|
|
77
|
+
"70": "oklab(36.945% 0.02458 -0.16119)",
|
|
78
|
+
"80": "oklab(32.186% 0.02141 -0.13701)",
|
|
79
|
+
"90": "oklab(27.328% 0.02115 -0.10922)",
|
|
80
|
+
"100": "oklab(22.986% 0.0165 -0.0838)"
|
|
81
|
+
},
|
|
82
|
+
"magenta": {
|
|
83
|
+
"0": "oklab(97.988% 0.01284 -0.00568)",
|
|
84
|
+
"5": "oklab(94.885% 0.03095 -0.01253)",
|
|
85
|
+
"10": "oklab(92.198% 0.0466 -0.01735)",
|
|
86
|
+
"20": "oklab(88.19% 0.06832 -0.02441)",
|
|
87
|
+
"30": "oklab(78.484% 0.12807 -0.03849)",
|
|
88
|
+
"40": "oklab(64.885% 0.16252 -0.03869)",
|
|
89
|
+
"50": "oklab(53.736% 0.21033 -0.02354)",
|
|
90
|
+
"60": "oklab(48.622% 0.19811 -0.00891)",
|
|
91
|
+
"70": "oklab(41.838% 0.17044 -0.00739)",
|
|
92
|
+
"80": "oklab(34.114% 0.13907 -0.00695)",
|
|
93
|
+
"90": "oklab(29.731% 0.12124 -0.00648)",
|
|
94
|
+
"100": "oklab(24.738% 0.10112 -0.0081)"
|
|
95
|
+
},
|
|
96
|
+
"purple": {
|
|
97
|
+
"0": "oklab(97.685% 0.0088 -0.01114)",
|
|
98
|
+
"5": "oklab(95.296% 0.01661 -0.02282)",
|
|
99
|
+
"10": "oklab(92.801% 0.02688 -0.03534)",
|
|
100
|
+
"20": "oklab(90.236% 0.0361 -0.04843)",
|
|
101
|
+
"30": "oklab(82.676% 0.0642 -0.08713)",
|
|
102
|
+
"40": "oklab(72.169% 0.10261 -0.14384)",
|
|
103
|
+
"50": "oklab(62.685% 0.1297 -0.19301)",
|
|
104
|
+
"60": "oklab(55.754% 0.135 -0.21337)",
|
|
105
|
+
"70": "oklab(49.552% 0.12526 -0.20104)",
|
|
106
|
+
"80": "oklab(43.828% 0.11011 -0.16496)",
|
|
107
|
+
"90": "oklab(38.074% 0.09523 -0.13607)",
|
|
108
|
+
"100": "oklab(33.244% 0.08196 -0.11514)"
|
|
109
|
+
},
|
|
110
|
+
"red": {
|
|
111
|
+
"0": "oklab(97.053% 0.01236 0.00387)",
|
|
112
|
+
"5": "oklab(94.648% 0.02402 0.00762)",
|
|
113
|
+
"10": "oklab(91.415% 0.04044 0.01311)",
|
|
114
|
+
"20": "oklab(88.037% 0.05854 0.01947)",
|
|
115
|
+
"30": "oklab(80.963% 0.09631 0.03416)",
|
|
116
|
+
"40": "oklab(71.063% 0.15381 0.06282)",
|
|
117
|
+
"50": "oklab(63.683% 0.18786 0.08893)",
|
|
118
|
+
"60": "oklab(56.466% 0.17343 0.08438)",
|
|
119
|
+
"70": "oklab(49.476% 0.15547 0.07692)",
|
|
120
|
+
"80": "oklab(43.589% 0.13627 0.06717)",
|
|
121
|
+
"90": "oklab(38.02% 0.11499 0.05535)",
|
|
122
|
+
"100": "oklab(32.559% 0.09518 0.04479)"
|
|
123
|
+
},
|
|
124
|
+
"salmon": {
|
|
125
|
+
"0": "oklab(97.252% 0.00709 0.00635)",
|
|
126
|
+
"5": "oklab(94.153% 0.01755 0.01388)",
|
|
127
|
+
"10": "oklab(91.64% 0.02402 0.02021)",
|
|
128
|
+
"20": "oklab(87.513% 0.03701 0.03026)",
|
|
129
|
+
"30": "oklab(79.295% 0.06643 0.05368)",
|
|
130
|
+
"40": "oklab(71.063% 0.09953 0.07665)",
|
|
131
|
+
"50": "oklab(62.038% 0.12337 0.0942)",
|
|
132
|
+
"60": "oklab(56.248% 0.12273 0.09533)",
|
|
133
|
+
"70": "oklab(49.255% 0.10977 0.08569)",
|
|
134
|
+
"80": "oklab(41.192% 0.09231 0.06968)",
|
|
135
|
+
"90": "oklab(35.273% 0.0755 0.05757)",
|
|
136
|
+
"100": "oklab(29.119% 0.06033 0.04566)"
|
|
137
|
+
},
|
|
138
|
+
"slate": {
|
|
139
|
+
"0": "oklab(98.415% -0.00129 -0.00316)",
|
|
140
|
+
"5": "oklab(96.826% -0.00258 -0.00635)",
|
|
141
|
+
"10": "oklab(94.283% -0.00453 -0.01119)",
|
|
142
|
+
"20": "oklab(91.648% -0.00345 -0.01518)",
|
|
143
|
+
"30": "oklab(86.898% -0.00584 -0.01897)",
|
|
144
|
+
"40": "oklab(71.067% -0.00803 -0.03418)",
|
|
145
|
+
"50": "oklab(55.514% -0.00777 -0.0394)",
|
|
146
|
+
"60": "oklab(44.553% -0.00824 -0.03653)",
|
|
147
|
+
"70": "oklab(37.17% -0.00862 -0.0382)",
|
|
148
|
+
"80": "oklab(27.95% -0.00638 -0.03629)",
|
|
149
|
+
"90": "oklab(23.146% -0.00279 -0.03089)",
|
|
150
|
+
"100": "oklab(19.152% -0.0029 -0.02607)"
|
|
151
|
+
},
|
|
152
|
+
"stone": {
|
|
153
|
+
"0": "oklab(96.115% 0 0)",
|
|
154
|
+
"5": "oklab(94.611% 0 0)",
|
|
155
|
+
"10": "oklab(92.191% 0 0)",
|
|
156
|
+
"20": "oklab(90.67% 0 0)",
|
|
157
|
+
"30": "oklab(85.451% 0 0)",
|
|
158
|
+
"40": "oklab(69.275% 0 0)",
|
|
159
|
+
"50": "oklab(52.78% 0 0)",
|
|
160
|
+
"60": "oklab(42.761% 0 0)",
|
|
161
|
+
"70": "oklab(35.232% 0 0)",
|
|
162
|
+
"80": "oklab(24.776% 0 0)",
|
|
163
|
+
"90": "oklab(20.463% 0 0)",
|
|
164
|
+
"100": "oklab(15.907% 0 0)"
|
|
165
|
+
},
|
|
166
|
+
"yellow": {
|
|
167
|
+
"0": "oklab(98.688% -0.00197 0.02131)",
|
|
168
|
+
"5": "oklab(97.14% -0.00368 0.04111)",
|
|
169
|
+
"10": "oklab(96.211% -0.00529 0.05656)",
|
|
170
|
+
"20": "oklab(94.427% -0.00844 0.08625)",
|
|
171
|
+
"30": "oklab(90.86% -0.00597 0.12233)",
|
|
172
|
+
"40": "oklab(83.387% 0.00688 0.142)",
|
|
173
|
+
"50": "oklab(76.859% 0.0561 0.15481)",
|
|
174
|
+
"60": "oklab(69.894% 0.10696 0.14168)",
|
|
175
|
+
"70": "oklab(62.573% 0.10037 0.12679)",
|
|
176
|
+
"80": "oklab(55.669% 0.08751 0.11282)",
|
|
177
|
+
"90": "oklab(47.31% 0.06716 0.09596)",
|
|
178
|
+
"100": "oklab(40.681% 0.05631 0.08253)"
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
"global": {
|
|
182
|
+
"foreground": "light-dark(oklab(15.907% 0.0007 -0.0045), oklab(100% 0.0005 -0.0035))",
|
|
183
|
+
"background": "light-dark(oklab(96.115% 0.0005 -0.0035), oklab(0% 0.0004 -0.0027))",
|
|
184
|
+
"primary": "#93e3ff",
|
|
185
|
+
"muted": "light-dark(oklab(52.78% 0.0041 -0.0277), light-dark(oklab(35.232% 0.0034 -0.0235), oklab(69.275% 0.0035 -0.0239)))",
|
|
186
|
+
"interactive-text": "light-dark(oklab(24.776% 0.0015 -0.0105), oklab(96.115% 0.0005 -0.0035))",
|
|
187
|
+
"disabled-foreground": "oklab(52.78% 0.0041 -0.0277)",
|
|
188
|
+
"disabled-background": "light-dark(light-dark(oklab(90.67% 0.0016 -0.0108), oklab(24.776% 0.0015 -0.0105)), light-dark(oklab(96.115% 0.0005 -0.0035), oklab(20.463% 0.001 -0.0066)))",
|
|
189
|
+
"contrast": "light-dark(oklab(from oklab(18% 0.0007 -0.0045) l a b / 0.13), oklab(from oklab(93% 0.0012 -0.0079) l a b / 0.09))",
|
|
190
|
+
"outline": "light-dark(oklab(15.907% 0.0007 -0.0045), oklab(100% 0.0005 -0.0035))"
|
|
191
|
+
},
|
|
192
|
+
"highlight": {
|
|
193
|
+
"gray": "light-dark(oklab(42.761% 0 0), oklab(69.275% 0 0))",
|
|
194
|
+
"slate": "light-dark(oklab(44.553% -0.00824 -0.03653), oklab(71.067% -0.00803 -0.03418))",
|
|
195
|
+
"yellow": "light-dark(oklab(62.573% 0.10037 0.12679), oklab(83.387% 0.00688 0.142))",
|
|
196
|
+
"green": "light-dark(oklab(50.813% -0.10165 0.02608), oklab(81.622% -0.12353 0.02932))",
|
|
197
|
+
"blue": "light-dark(oklab(59.596% -0.02959 -0.15968), oklab(71.374% -0.03802 -0.13825))",
|
|
198
|
+
"red": "light-dark(oklab(49.476% 0.15547 0.07692), oklab(71.063% 0.15381 0.06282))",
|
|
199
|
+
"cyan": "light-dark(oklab(60.891% -0.0828 -0.07383), oklab(84.335% -0.09913 -0.05459))",
|
|
200
|
+
"purple": "light-dark(oklab(55.754% 0.135 -0.21337), oklab(72.169% 0.10261 -0.14384))",
|
|
201
|
+
"indigo": "light-dark(oklab(48.181% 0.02863 -0.19517), oklab(60.739% 0.03271 -0.15779))",
|
|
202
|
+
"acid": "light-dark(oklab(66.848% -0.1142 0.13068), oklab(83.326% -0.08758 0.13195))",
|
|
203
|
+
"salmon": "light-dark(oklab(71.063% 0.09953 0.07665), oklab(79.295% 0.06643 0.05368))",
|
|
204
|
+
"magenta": "light-dark(oklab(48.622% 0.19811 -0.00891), oklab(78.484% 0.12807 -0.03849))"
|
|
205
|
+
},
|
|
206
|
+
"duration": {
|
|
207
|
+
"instant": "0.10s",
|
|
208
|
+
"fast": "0.20s",
|
|
209
|
+
"normal": "0.30s",
|
|
210
|
+
"slow": "0.60s",
|
|
211
|
+
"slowest": "1.00s"
|
|
212
|
+
},
|
|
213
|
+
"easing": {
|
|
214
|
+
"standard": "cubic-bezier(0.3, 0.07, 0.34, 1)",
|
|
215
|
+
"entrance": "cubic-bezier(0, 0, 0.34, 1)",
|
|
216
|
+
"exit": "cubic-bezier(0.3, 0.07, 1, 1)",
|
|
217
|
+
"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%)",
|
|
218
|
+
"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)"
|
|
219
|
+
},
|
|
220
|
+
"radius": {
|
|
221
|
+
"x-small": 0,
|
|
222
|
+
"small": 0,
|
|
223
|
+
"medium": 0,
|
|
224
|
+
"large": 0,
|
|
225
|
+
"x-large": 0,
|
|
226
|
+
"2x-large": 0,
|
|
227
|
+
"infinite": 0
|
|
228
|
+
},
|
|
229
|
+
"corner": {
|
|
230
|
+
"shape": {
|
|
231
|
+
"enable": "initial",
|
|
232
|
+
"squircle": "superellipse(1.8)"
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
"space": {
|
|
236
|
+
"2x-small": "0.125rem",
|
|
237
|
+
"x-small": "0.25rem",
|
|
238
|
+
"small": "0.5rem",
|
|
239
|
+
"medium": "1rem",
|
|
240
|
+
"large": "1.5rem",
|
|
241
|
+
"x-large": "2rem",
|
|
242
|
+
"2x-large": "2.5rem",
|
|
243
|
+
"wide": "3.5rem",
|
|
244
|
+
"x-wide": "4.5rem",
|
|
245
|
+
"2x-wide": "6rem"
|
|
246
|
+
},
|
|
247
|
+
"font": {
|
|
248
|
+
"heading-typescale": 1.2,
|
|
249
|
+
"scale": {
|
|
250
|
+
"display": "6.25rem",
|
|
251
|
+
"h1": "3rem",
|
|
252
|
+
"h2": "2.5rem",
|
|
253
|
+
"h3": "2.0625rem",
|
|
254
|
+
"h4": "1.75rem",
|
|
255
|
+
"h5": "1.4375rem",
|
|
256
|
+
"h6": "1.1875rem",
|
|
257
|
+
"body-x-large": "1.75rem",
|
|
258
|
+
"body-large": "1.4375rem",
|
|
259
|
+
"body-medium": "1rem",
|
|
260
|
+
"body-small": "0.875rem",
|
|
261
|
+
"body-x-small": "0.75rem"
|
|
262
|
+
},
|
|
263
|
+
"family": {
|
|
264
|
+
"heading": "Geist Mono Variable",
|
|
265
|
+
"body": "Geist Variable",
|
|
266
|
+
"mono": "Geist Mono Variable"
|
|
267
|
+
},
|
|
268
|
+
"leading": {
|
|
269
|
+
"x-small": 1,
|
|
270
|
+
"small": 1.2,
|
|
271
|
+
"standard": 1.5,
|
|
272
|
+
"large": 1.8
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
"vibrancy": {
|
|
276
|
+
"enable": "",
|
|
277
|
+
"blur": 10,
|
|
278
|
+
"brightness": "180%"
|
|
279
|
+
}
|
|
280
|
+
}
|
|
@@ -0,0 +1,231 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly, this file was auto-generated.
|
|
3
|
+
* © Vira Software. All rights reserved.
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--base-1: light-dark(oklab(100% 0.0005 -0.0035), oklab(15.907% 0.0007 -0.0045));
|
|
8
|
+
--base-2: light-dark(oklab(96.115% 0.0005 -0.0035), oklab(20.463% 0.001 -0.0066));
|
|
9
|
+
--base-3: light-dark(oklab(90.67% 0.0016 -0.0108), oklab(24.776% 0.0015 -0.0105));
|
|
10
|
+
--base-4: oklab(52.78% 0.0041 -0.0277);
|
|
11
|
+
--base-5: light-dark(oklab(35.232% 0.0034 -0.0235), oklab(69.275% 0.0035 -0.0239));
|
|
12
|
+
--base-6: light-dark(oklab(24.776% 0.0015 -0.0105), oklab(96.115% 0.0005 -0.0035));
|
|
13
|
+
--base-7: light-dark(oklab(15.907% 0.0007 -0.0045), oklab(100% 0.0005 -0.0035));
|
|
14
|
+
--color-acid-0: oklab(99.142% -0.01187 0.021);
|
|
15
|
+
--color-acid-5: oklab(97.931% -0.02135 0.04376);
|
|
16
|
+
--color-acid-10: oklab(96.907% -0.02396 0.05495);
|
|
17
|
+
--color-acid-20: oklab(95.151% -0.02943 0.07414);
|
|
18
|
+
--color-acid-30: oklab(90.178% -0.05766 0.10806);
|
|
19
|
+
--color-acid-40: oklab(83.326% -0.08758 0.13195);
|
|
20
|
+
--color-acid-50: oklab(75.832% -0.10561 0.13632);
|
|
21
|
+
--color-acid-60: oklab(66.848% -0.1142 0.13068);
|
|
22
|
+
--color-acid-70: oklab(56.257% -0.11118 0.1148);
|
|
23
|
+
--color-acid-80: oklab(44.67% -0.09202 0.09225);
|
|
24
|
+
--color-acid-90: oklab(37.528% -0.07805 0.07751);
|
|
25
|
+
--color-acid-100: oklab(28.806% -0.05738 0.05947);
|
|
26
|
+
--color-blue-0: oklab(96.361% -0.00505 -0.01689);
|
|
27
|
+
--color-blue-5: oklab(93.733% -0.00857 -0.02794);
|
|
28
|
+
--color-blue-10: oklab(91.556% -0.01011 -0.03852);
|
|
29
|
+
--color-blue-20: oklab(88.909% -0.01431 -0.05153);
|
|
30
|
+
--color-blue-30: oklab(84.063% -0.02551 -0.07436);
|
|
31
|
+
--color-blue-40: oklab(71.374% -0.03802 -0.13825);
|
|
32
|
+
--color-blue-50: oklab(59.596% -0.02959 -0.15968);
|
|
33
|
+
--color-blue-60: oklab(51.818% -0.02148 -0.17519);
|
|
34
|
+
--color-blue-70: oklab(46.235% -0.01538 -0.17707);
|
|
35
|
+
--color-blue-80: oklab(37.792% -0.01183 -0.15771);
|
|
36
|
+
--color-blue-90: oklab(31.932% -0.01327 -0.13671);
|
|
37
|
+
--color-blue-100: oklab(25.93% -0.01193 -0.11848);
|
|
38
|
+
--color-cyan-0: oklab(98.412% -0.01765 -0.00673);
|
|
39
|
+
--color-cyan-5: oklab(96.678% -0.02963 -0.01303);
|
|
40
|
+
--color-cyan-10: oklab(95.626% -0.04069 -0.0176);
|
|
41
|
+
--color-cyan-20: oklab(92.991% -0.05836 -0.02814);
|
|
42
|
+
--color-cyan-30: oklab(90.116% -0.0761 -0.03857);
|
|
43
|
+
--color-cyan-40: oklab(84.335% -0.09913 -0.05459);
|
|
44
|
+
--color-cyan-50: oklab(71.484% -0.10272 -0.07252);
|
|
45
|
+
--color-cyan-60: oklab(60.891% -0.0828 -0.07383);
|
|
46
|
+
--color-cyan-70: oklab(51.976% -0.06829 -0.06396);
|
|
47
|
+
--color-cyan-80: oklab(45.003% -0.05518 -0.05381);
|
|
48
|
+
--color-cyan-90: oklab(39.821% -0.04496 -0.04888);
|
|
49
|
+
--color-cyan-100: oklab(34.232% -0.03741 -0.04103);
|
|
50
|
+
--color-green-0: oklab(97.932% -0.02008 0.00496);
|
|
51
|
+
--color-green-5: oklab(96.4% -0.03325 0.00943);
|
|
52
|
+
--color-green-10: oklab(95.046% -0.04854 0.01479);
|
|
53
|
+
--color-green-20: oklab(92.626% -0.06687 0.01825);
|
|
54
|
+
--color-green-30: oklab(89.641% -0.08536 0.01928);
|
|
55
|
+
--color-green-40: oklab(81.622% -0.12353 0.02932);
|
|
56
|
+
--color-green-50: oklab(69.587% -0.14216 0.04488);
|
|
57
|
+
--color-green-60: oklab(59.597% -0.122 0.03677);
|
|
58
|
+
--color-green-70: oklab(50.813% -0.10165 0.02608);
|
|
59
|
+
--color-green-80: oklab(43.18% -0.08423 0.01958);
|
|
60
|
+
--color-green-90: oklab(37.805% -0.07168 0.01401);
|
|
61
|
+
--color-green-100: oklab(32.501% -0.06056 0.01102);
|
|
62
|
+
--color-indigo-0: oklab(97.496% 0.00231 -0.01179);
|
|
63
|
+
--color-indigo-5: oklab(93.845% 0.0053 -0.0265);
|
|
64
|
+
--color-indigo-10: oklab(91.375% 0.00816 -0.03722);
|
|
65
|
+
--color-indigo-20: oklab(87.78% 0.012 -0.05233);
|
|
66
|
+
--color-indigo-30: oklab(81.769% 0.01968 -0.07593);
|
|
67
|
+
--color-indigo-40: oklab(60.739% 0.03271 -0.15779);
|
|
68
|
+
--color-indigo-50: oklab(48.181% 0.02863 -0.19517);
|
|
69
|
+
--color-indigo-60: oklab(43.556% 0.02523 -0.19637);
|
|
70
|
+
--color-indigo-70: oklab(36.945% 0.02458 -0.16119);
|
|
71
|
+
--color-indigo-80: oklab(32.186% 0.02141 -0.13701);
|
|
72
|
+
--color-indigo-90: oklab(27.328% 0.02115 -0.10922);
|
|
73
|
+
--color-indigo-100: oklab(22.986% 0.0165 -0.0838);
|
|
74
|
+
--color-magenta-0: oklab(97.988% 0.01284 -0.00568);
|
|
75
|
+
--color-magenta-5: oklab(94.885% 0.03095 -0.01253);
|
|
76
|
+
--color-magenta-10: oklab(92.198% 0.0466 -0.01735);
|
|
77
|
+
--color-magenta-20: oklab(88.19% 0.06832 -0.02441);
|
|
78
|
+
--color-magenta-30: oklab(78.484% 0.12807 -0.03849);
|
|
79
|
+
--color-magenta-40: oklab(64.885% 0.16252 -0.03869);
|
|
80
|
+
--color-magenta-50: oklab(53.736% 0.21033 -0.02354);
|
|
81
|
+
--color-magenta-60: oklab(48.622% 0.19811 -0.00891);
|
|
82
|
+
--color-magenta-70: oklab(41.838% 0.17044 -0.00739);
|
|
83
|
+
--color-magenta-80: oklab(34.114% 0.13907 -0.00695);
|
|
84
|
+
--color-magenta-90: oklab(29.731% 0.12124 -0.00648);
|
|
85
|
+
--color-magenta-100: oklab(24.738% 0.10112 -0.0081);
|
|
86
|
+
--color-purple-0: oklab(97.685% 0.0088 -0.01114);
|
|
87
|
+
--color-purple-5: oklab(95.296% 0.01661 -0.02282);
|
|
88
|
+
--color-purple-10: oklab(92.801% 0.02688 -0.03534);
|
|
89
|
+
--color-purple-20: oklab(90.236% 0.0361 -0.04843);
|
|
90
|
+
--color-purple-30: oklab(82.676% 0.0642 -0.08713);
|
|
91
|
+
--color-purple-40: oklab(72.169% 0.10261 -0.14384);
|
|
92
|
+
--color-purple-50: oklab(62.685% 0.1297 -0.19301);
|
|
93
|
+
--color-purple-60: oklab(55.754% 0.135 -0.21337);
|
|
94
|
+
--color-purple-70: oklab(49.552% 0.12526 -0.20104);
|
|
95
|
+
--color-purple-80: oklab(43.828% 0.11011 -0.16496);
|
|
96
|
+
--color-purple-90: oklab(38.074% 0.09523 -0.13607);
|
|
97
|
+
--color-purple-100: oklab(33.244% 0.08196 -0.11514);
|
|
98
|
+
--color-red-0: oklab(97.053% 0.01236 0.00387);
|
|
99
|
+
--color-red-5: oklab(94.648% 0.02402 0.00762);
|
|
100
|
+
--color-red-10: oklab(91.415% 0.04044 0.01311);
|
|
101
|
+
--color-red-20: oklab(88.037% 0.05854 0.01947);
|
|
102
|
+
--color-red-30: oklab(80.963% 0.09631 0.03416);
|
|
103
|
+
--color-red-40: oklab(71.063% 0.15381 0.06282);
|
|
104
|
+
--color-red-50: oklab(63.683% 0.18786 0.08893);
|
|
105
|
+
--color-red-60: oklab(56.466% 0.17343 0.08438);
|
|
106
|
+
--color-red-70: oklab(49.476% 0.15547 0.07692);
|
|
107
|
+
--color-red-80: oklab(43.589% 0.13627 0.06717);
|
|
108
|
+
--color-red-90: oklab(38.02% 0.11499 0.05535);
|
|
109
|
+
--color-red-100: oklab(32.559% 0.09518 0.04479);
|
|
110
|
+
--color-salmon-0: oklab(97.252% 0.00709 0.00635);
|
|
111
|
+
--color-salmon-5: oklab(94.153% 0.01755 0.01388);
|
|
112
|
+
--color-salmon-10: oklab(91.64% 0.02402 0.02021);
|
|
113
|
+
--color-salmon-20: oklab(87.513% 0.03701 0.03026);
|
|
114
|
+
--color-salmon-30: oklab(79.295% 0.06643 0.05368);
|
|
115
|
+
--color-salmon-40: oklab(71.063% 0.09953 0.07665);
|
|
116
|
+
--color-salmon-50: oklab(62.038% 0.12337 0.0942);
|
|
117
|
+
--color-salmon-60: oklab(56.248% 0.12273 0.09533);
|
|
118
|
+
--color-salmon-70: oklab(49.255% 0.10977 0.08569);
|
|
119
|
+
--color-salmon-80: oklab(41.192% 0.09231 0.06968);
|
|
120
|
+
--color-salmon-90: oklab(35.273% 0.0755 0.05757);
|
|
121
|
+
--color-salmon-100: oklab(29.119% 0.06033 0.04566);
|
|
122
|
+
--color-slate-0: oklab(98.415% -0.00129 -0.00316);
|
|
123
|
+
--color-slate-5: oklab(96.826% -0.00258 -0.00635);
|
|
124
|
+
--color-slate-10: oklab(94.283% -0.00453 -0.01119);
|
|
125
|
+
--color-slate-20: oklab(91.648% -0.00345 -0.01518);
|
|
126
|
+
--color-slate-30: oklab(86.898% -0.00584 -0.01897);
|
|
127
|
+
--color-slate-40: oklab(71.067% -0.00803 -0.03418);
|
|
128
|
+
--color-slate-50: oklab(55.514% -0.00777 -0.0394);
|
|
129
|
+
--color-slate-60: oklab(44.553% -0.00824 -0.03653);
|
|
130
|
+
--color-slate-70: oklab(37.17% -0.00862 -0.0382);
|
|
131
|
+
--color-slate-80: oklab(27.95% -0.00638 -0.03629);
|
|
132
|
+
--color-slate-90: oklab(23.146% -0.00279 -0.03089);
|
|
133
|
+
--color-slate-100: oklab(19.152% -0.0029 -0.02607);
|
|
134
|
+
--color-stone-0: oklab(96.115% 0 0);
|
|
135
|
+
--color-stone-5: oklab(94.611% 0 0);
|
|
136
|
+
--color-stone-10: oklab(92.191% 0 0);
|
|
137
|
+
--color-stone-20: oklab(90.67% 0 0);
|
|
138
|
+
--color-stone-30: oklab(85.451% 0 0);
|
|
139
|
+
--color-stone-40: oklab(69.275% 0 0);
|
|
140
|
+
--color-stone-50: oklab(52.78% 0 0);
|
|
141
|
+
--color-stone-60: oklab(42.761% 0 0);
|
|
142
|
+
--color-stone-70: oklab(35.232% 0 0);
|
|
143
|
+
--color-stone-80: oklab(24.776% 0 0);
|
|
144
|
+
--color-stone-90: oklab(20.463% 0 0);
|
|
145
|
+
--color-stone-100: oklab(15.907% 0 0);
|
|
146
|
+
--color-yellow-0: oklab(98.688% -0.00197 0.02131);
|
|
147
|
+
--color-yellow-5: oklab(97.14% -0.00368 0.04111);
|
|
148
|
+
--color-yellow-10: oklab(96.211% -0.00529 0.05656);
|
|
149
|
+
--color-yellow-20: oklab(94.427% -0.00844 0.08625);
|
|
150
|
+
--color-yellow-30: oklab(90.86% -0.00597 0.12233);
|
|
151
|
+
--color-yellow-40: oklab(83.387% 0.00688 0.142);
|
|
152
|
+
--color-yellow-50: oklab(76.859% 0.0561 0.15481);
|
|
153
|
+
--color-yellow-60: oklab(69.894% 0.10696 0.14168);
|
|
154
|
+
--color-yellow-70: oklab(62.573% 0.10037 0.12679);
|
|
155
|
+
--color-yellow-80: oklab(55.669% 0.08751 0.11282);
|
|
156
|
+
--color-yellow-90: oklab(47.31% 0.06716 0.09596);
|
|
157
|
+
--color-yellow-100: oklab(40.681% 0.05631 0.08253);
|
|
158
|
+
--global-foreground: var(--base-7);
|
|
159
|
+
--global-background: light-dark(oklab(96.115% 0.0005 -0.0035), oklab(0% 0.0004 -0.0027));
|
|
160
|
+
--global-primary: #93e3ff;
|
|
161
|
+
--global-muted: light-dark(var(--base-4), var(--base-5));
|
|
162
|
+
--global-interactive-text: var(--base-6);
|
|
163
|
+
--global-disabled-foreground: var(--base-4);
|
|
164
|
+
--global-disabled-background: light-dark(var(--base-3), var(--base-2));
|
|
165
|
+
--global-contrast: light-dark(oklab(from oklab(18% 0.0007 -0.0045) l a b / 0.13), oklab(from oklab(93% 0.0012 -0.0079) l a b / 0.09));
|
|
166
|
+
--global-outline: var(--global-foreground);
|
|
167
|
+
--highlight-gray: light-dark(var(--color-stone-60), var(--color-stone-40));
|
|
168
|
+
--highlight-slate: light-dark(var(--color-slate-60), var(--color-slate-40));
|
|
169
|
+
--highlight-yellow: light-dark(var(--color-yellow-70), var(--color-yellow-40));
|
|
170
|
+
--highlight-green: light-dark(var(--color-green-70), var(--color-green-40));
|
|
171
|
+
--highlight-blue: light-dark(var(--color-blue-50), var(--color-blue-40));
|
|
172
|
+
--highlight-red: light-dark(var(--color-red-70), var(--color-red-40));
|
|
173
|
+
--highlight-cyan: light-dark(var(--color-cyan-60), var(--color-cyan-40));
|
|
174
|
+
--highlight-purple: light-dark(var(--color-purple-60), var(--color-purple-40));
|
|
175
|
+
--highlight-indigo: light-dark(var(--color-indigo-50), var(--color-indigo-40));
|
|
176
|
+
--highlight-acid: light-dark(var(--color-acid-60), var(--color-acid-40));
|
|
177
|
+
--highlight-salmon: light-dark(var(--color-salmon-40), var(--color-salmon-30));
|
|
178
|
+
--highlight-magenta: light-dark(var(--color-magenta-60), var(--color-magenta-30));
|
|
179
|
+
--duration-instant: 0.10s;
|
|
180
|
+
--duration-fast: 0.20s;
|
|
181
|
+
--duration-normal: 0.30s;
|
|
182
|
+
--duration-slow: 0.60s;
|
|
183
|
+
--duration-slowest: 1.00s;
|
|
184
|
+
--easing-standard: cubic-bezier(0.3, 0.07, 0.34, 1);
|
|
185
|
+
--easing-entrance: cubic-bezier(0, 0, 0.34, 1);
|
|
186
|
+
--easing-exit: cubic-bezier(0.3, 0.07, 1, 1);
|
|
187
|
+
--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%);
|
|
188
|
+
--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);
|
|
189
|
+
--radius-x-small: 0;
|
|
190
|
+
--radius-small: 0;
|
|
191
|
+
--radius-medium: 0;
|
|
192
|
+
--radius-large: 0;
|
|
193
|
+
--radius-x-large: 0;
|
|
194
|
+
--radius-2x-large: 0;
|
|
195
|
+
--radius-infinite: 0;
|
|
196
|
+
--corner-shape-enable: initial;
|
|
197
|
+
--corner-shape-squircle: superellipse(1.8);
|
|
198
|
+
--space-2x-small: 0.125rem;
|
|
199
|
+
--space-x-small: 0.25rem;
|
|
200
|
+
--space-small: 0.5rem;
|
|
201
|
+
--space-medium: 1rem;
|
|
202
|
+
--space-large: 1.5rem;
|
|
203
|
+
--space-x-large: 2rem;
|
|
204
|
+
--space-2x-large: 2.5rem;
|
|
205
|
+
--space-wide: 3.5rem;
|
|
206
|
+
--space-x-wide: 4.5rem;
|
|
207
|
+
--space-2x-wide: 6rem;
|
|
208
|
+
--font-heading-typescale: 1.2;
|
|
209
|
+
--font-scale-display: 6.25rem;
|
|
210
|
+
--font-scale-h1: 3rem;
|
|
211
|
+
--font-scale-h2: 2.5rem;
|
|
212
|
+
--font-scale-h3: 2.0625rem;
|
|
213
|
+
--font-scale-h4: 1.75rem;
|
|
214
|
+
--font-scale-h5: 1.4375rem;
|
|
215
|
+
--font-scale-h6: 1.1875rem;
|
|
216
|
+
--font-scale-body-x-large: 1.75rem;
|
|
217
|
+
--font-scale-body-large: 1.4375rem;
|
|
218
|
+
--font-scale-body-medium: 1rem;
|
|
219
|
+
--font-scale-body-small: 0.875rem;
|
|
220
|
+
--font-scale-body-x-small: 0.75rem;
|
|
221
|
+
--font-family-heading: Geist Mono Variable;
|
|
222
|
+
--font-family-body: Geist Variable;
|
|
223
|
+
--font-family-mono: Geist Mono Variable;
|
|
224
|
+
--font-leading-x-small: 1;
|
|
225
|
+
--font-leading-small: 1.2;
|
|
226
|
+
--font-leading-standard: 1.5;
|
|
227
|
+
--font-leading-large: 1.8;
|
|
228
|
+
--vibrancy-enable: ;
|
|
229
|
+
--vibrancy-blur: 10;
|
|
230
|
+
--vibrancy-brightness: 180%;
|
|
231
|
+
}
|