@imfusion/web-ui 0.5.1-dev.48.g27701f90 → 0.5.1-dev.5.gb4de52d7

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 (69) hide show
  1. package/README.md +55 -156
  2. package/bin/install-skill.js +180 -0
  3. package/dist/index.d.ts +0 -2
  4. package/dist/index.js +4317 -4956
  5. package/dist/integrations/code-highlight/highlighter.d.ts +3 -32
  6. package/dist/integrations/code-highlight.js +48 -188
  7. package/dist/integrations/image-display-options.js +1 -1
  8. package/dist/style.css +1 -1
  9. package/dist/{tabs-CVp_SgBl.js → tabs-DqBFSqq6.js} +1 -1
  10. package/package.json +25 -39
  11. package/src/docgen/doc.gen.json +0 -327
  12. package/src/llms/llms.gen.txt +0 -12
  13. package/src/llms/skills/imf-web-ui/SKILL.md +12 -13
  14. package/src/llms/skills/imf-web-ui-components/SKILL.md +1 -2
  15. package/src/llms/skills/imf-web-ui-frontend-patterns/SKILL.md +93 -0
  16. package/src/llms/skills/imf-web-ui-frontend-patterns/references/code-conventions.md +133 -0
  17. package/src/llms/skills/imf-web-ui-frontend-patterns/references/react-patterns.md +94 -0
  18. package/src/llms/skills/imf-web-ui-imfusion-frontend-setup/SKILL.md +201 -0
  19. package/src/llms/skills/imf-web-ui-setup/SKILL.md +37 -67
  20. package/src/llms/skills/imf-web-ui-ux/SKILL.md +4 -4
  21. package/src/llms/skills/imf-web-ui-ux/references/forms.md +2 -2
  22. package/bin/install.js +0 -428
  23. package/bin/install.test.ts +0 -329
  24. package/dist/build/vite-css-module-names/index.d.ts +0 -20
  25. package/dist/build/vite-css-module-names.js +0 -17
  26. package/dist/components/field/field.d.ts +0 -104
  27. package/dist/components/field/field.meta.d.ts +0 -2
  28. package/dist/components/field/index.d.ts +0 -2
  29. package/dist/components/fieldset/fieldset.d.ts +0 -29
  30. package/dist/components/fieldset/fieldset.meta.d.ts +0 -2
  31. package/dist/components/fieldset/index.d.ts +0 -2
  32. package/dist/integrations/code-highlight/language-patterns.d.ts +0 -7
  33. package/dist/integrations/code-highlight/languages/cmake.d.ts +0 -1
  34. package/dist/integrations/code-highlight/languages/cpp.d.ts +0 -1
  35. package/dist/integrations/code-highlight/languages/python.d.ts +0 -1
  36. package/dist/llms/gen-tokens.d.ts +0 -7
  37. package/src/llms/install-templates/AGENTS.md +0 -34
  38. package/src/llms/install-templates/codex-hooks.json +0 -44
  39. package/src/llms/install-templates/hooks/baseline-staleness.sh +0 -17
  40. package/src/llms/install-templates/hooks/session-start.sh +0 -5
  41. package/src/llms/install-templates/hooks/stop.sh +0 -18
  42. package/src/llms/install-templates/hooks/subagent-start.sh +0 -5
  43. package/src/llms/install-templates/hooks/user-prompt-submit.sh +0 -5
  44. package/src/llms/install-templates/settings.json +0 -45
  45. package/src/llms/skills/imf-web-ui-audit/SKILL.md +0 -119
  46. package/src/llms/skills/imf-web-ui-conventions/SKILL.md +0 -57
  47. package/src/llms/skills/imf-web-ui-conventions/templates/AUDIT_CHECKLIST.md +0 -141
  48. package/src/llms/skills/imf-web-ui-conventions/templates/REPORT.md +0 -45
  49. package/src/llms/skills/imf-web-ui-conventions/topics/agent-tooling.md +0 -82
  50. package/src/llms/skills/imf-web-ui-conventions/topics/assets.md +0 -27
  51. package/src/llms/skills/imf-web-ui-conventions/topics/authentication.md +0 -65
  52. package/src/llms/skills/imf-web-ui-conventions/topics/class-names.md +0 -50
  53. package/src/llms/skills/imf-web-ui-conventions/topics/components.md +0 -101
  54. package/src/llms/skills/imf-web-ui-conventions/topics/data.md +0 -221
  55. package/src/llms/skills/imf-web-ui-conventions/topics/docs-structure.md +0 -40
  56. package/src/llms/skills/imf-web-ui-conventions/topics/git.md +0 -34
  57. package/src/llms/skills/imf-web-ui-conventions/topics/library-boundary.md +0 -33
  58. package/src/llms/skills/imf-web-ui-conventions/topics/library-setup.md +0 -26
  59. package/src/llms/skills/imf-web-ui-conventions/topics/npm-project.md +0 -53
  60. package/src/llms/skills/imf-web-ui-conventions/topics/project-structure.md +0 -44
  61. package/src/llms/skills/imf-web-ui-conventions/topics/react.md +0 -109
  62. package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +0 -88
  63. package/src/llms/skills/imf-web-ui-conventions/topics/testing.md +0 -25
  64. package/src/llms/skills/imf-web-ui-conventions/topics/tokens.md +0 -7
  65. package/src/llms/skills/imf-web-ui-conventions/topics/tooling.md +0 -116
  66. package/src/llms/skills/imf-web-ui-conventions/topics/typescript.md +0 -73
  67. package/src/llms/skills/imf-web-ui-conventions/topics/validation.md +0 -62
  68. package/src/llms/skills/imf-web-ui-update/SKILL.md +0 -157
  69. package/src/llms/tokens.gen.json +0 -887
@@ -1,887 +0,0 @@
1
- {
2
- "families": {
3
- "border": [
4
- {
5
- "name": "--imf-ui-border-radius-1",
6
- "value": "2px"
7
- },
8
- {
9
- "name": "--imf-ui-border-radius-2",
10
- "value": "5px"
11
- },
12
- {
13
- "name": "--imf-ui-border-radius-3",
14
- "value": "1rem"
15
- },
16
- {
17
- "name": "--imf-ui-border-radius-4",
18
- "value": "2rem"
19
- },
20
- {
21
- "name": "--imf-ui-border-radius-5",
22
- "value": "4rem"
23
- },
24
- {
25
- "name": "--imf-ui-border-radius-6",
26
- "value": "8rem"
27
- },
28
- {
29
- "name": "--imf-ui-border-radius-round",
30
- "value": "1e5px"
31
- },
32
- {
33
- "name": "--imf-ui-border-size-1",
34
- "value": "1px"
35
- },
36
- {
37
- "name": "--imf-ui-border-size-2",
38
- "value": "2px"
39
- },
40
- {
41
- "name": "--imf-ui-border-size-3",
42
- "value": "5px"
43
- },
44
- {
45
- "name": "--imf-ui-border-size-4",
46
- "value": "10px"
47
- },
48
- {
49
- "name": "--imf-ui-border-size-5",
50
- "value": "20px"
51
- },
52
- {
53
- "name": "--imf-ui-border-size-6",
54
- "value": "40px"
55
- }
56
- ],
57
- "color": [
58
- {
59
- "name": "--imf-ui-color-accent-1-bg-luma-dark",
60
- "value": "0.9351"
61
- },
62
- {
63
- "name": "--imf-ui-color-accent-1-bg-luma-light",
64
- "value": "0.9351"
65
- },
66
- {
67
- "name": "--imf-ui-color-accent-1-chroma",
68
- "value": "0.1547"
69
- },
70
- {
71
- "name": "--imf-ui-color-accent-1-fg-luma-dark",
72
- "value": "0.85"
73
- },
74
- {
75
- "name": "--imf-ui-color-accent-1-fg-luma-light",
76
- "value": "0.65"
77
- },
78
- {
79
- "name": "--imf-ui-color-accent-1-hue",
80
- "value": "117.2"
81
- },
82
- {
83
- "name": "--imf-ui-color-accent-2-bg-luma-dark",
84
- "value": "0.8794"
85
- },
86
- {
87
- "name": "--imf-ui-color-accent-2-bg-luma-light",
88
- "value": "0.8794"
89
- },
90
- {
91
- "name": "--imf-ui-color-accent-2-chroma",
92
- "value": "0.0303"
93
- },
94
- {
95
- "name": "--imf-ui-color-accent-2-fg-luma-dark",
96
- "value": "0.85"
97
- },
98
- {
99
- "name": "--imf-ui-color-accent-2-fg-luma-light",
100
- "value": "0.65"
101
- },
102
- {
103
- "name": "--imf-ui-color-accent-2-hue",
104
- "value": "164.2"
105
- },
106
- {
107
- "name": "--imf-ui-color-accent-3-bg-luma-dark",
108
- "value": "0.6326"
109
- },
110
- {
111
- "name": "--imf-ui-color-accent-3-bg-luma-light",
112
- "value": "0.6326"
113
- },
114
- {
115
- "name": "--imf-ui-color-accent-3-chroma",
116
- "value": "0.2182"
117
- },
118
- {
119
- "name": "--imf-ui-color-accent-3-fg-luma-dark",
120
- "value": "0.8"
121
- },
122
- {
123
- "name": "--imf-ui-color-accent-3-fg-luma-light",
124
- "value": "0.55"
125
- },
126
- {
127
- "name": "--imf-ui-color-accent-3-hue",
128
- "value": "292.9"
129
- },
130
- {
131
- "name": "--imf-ui-color-bg-accent-1",
132
- "value": "light-dark( oklch( var(--imf-ui-color-accent-1-bg-luma-light) var(--imf-ui-color-accent-1-chroma) var(--imf-ui-color-accent-1-hue) ), oklch( var(--imf-ui-color-accent-1-bg-luma-dark) var(--imf-ui-color-accent-1-chroma) var(--imf-ui-color-accent-1-hue) ) )"
133
- },
134
- {
135
- "name": "--imf-ui-color-bg-accent-2",
136
- "value": "light-dark( oklch( var(--imf-ui-color-accent-2-bg-luma-light) var(--imf-ui-color-accent-2-chroma) var(--imf-ui-color-accent-2-hue) ), oklch( var(--imf-ui-color-accent-2-bg-luma-dark) var(--imf-ui-color-accent-2-chroma) var(--imf-ui-color-accent-2-hue) ) )"
137
- },
138
- {
139
- "name": "--imf-ui-color-bg-accent-3",
140
- "value": "light-dark( oklch( var(--imf-ui-color-accent-3-bg-luma-light) var(--imf-ui-color-accent-3-chroma) var(--imf-ui-color-accent-3-hue) ), oklch( var(--imf-ui-color-accent-3-bg-luma-dark) var(--imf-ui-color-accent-3-chroma) var(--imf-ui-color-accent-3-hue) ) )"
141
- },
142
- {
143
- "name": "--imf-ui-color-bg-brand",
144
- "value": "var(--imf-ui-color-brand)"
145
- },
146
- {
147
- "name": "--imf-ui-color-bg-info",
148
- "value": "light-dark( oklch( var(--imf-ui-color-status-bg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-info-hue) ), oklch( var(--imf-ui-color-status-bg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-info-hue) ) )"
149
- },
150
- {
151
- "name": "--imf-ui-color-bg-main",
152
- "value": "light-dark( oklch( var(--imf-ui-color-surface-bg-luma-light) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-main-hue) ), oklch( var(--imf-ui-color-surface-bg-luma-dark) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-main-hue) ) )"
153
- },
154
- {
155
- "name": "--imf-ui-color-bg-minor",
156
- "value": "light-dark( oklch( calc(var(--imf-ui-color-surface-bg-luma-light) - 0.075) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-minor-hue) ), oklch( calc(var(--imf-ui-color-surface-bg-luma-dark) + 0.075) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-minor-hue) ) )"
157
- },
158
- {
159
- "name": "--imf-ui-color-bg-negative",
160
- "value": "light-dark( oklch( var(--imf-ui-color-status-bg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-negative-hue) ), oklch( var(--imf-ui-color-status-bg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-negative-hue) ) )"
161
- },
162
- {
163
- "name": "--imf-ui-color-bg-positive",
164
- "value": "light-dark( oklch( var(--imf-ui-color-status-bg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-positive-hue) ), oklch( var(--imf-ui-color-status-bg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-positive-hue) ) )"
165
- },
166
- {
167
- "name": "--imf-ui-color-bg-primary-main",
168
- "value": "light-dark( oklch( var(--imf-ui-color-primary-bg-luma-light) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ), oklch( var(--imf-ui-color-primary-bg-luma-dark) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ) )"
169
- },
170
- {
171
- "name": "--imf-ui-color-bg-primary-minor",
172
- "value": "light-dark( oklch( calc(var(--imf-ui-color-primary-bg-luma-light) + 0.2) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ), oklch( calc(var(--imf-ui-color-primary-bg-luma-dark) + 0.2) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ) )"
173
- },
174
- {
175
- "name": "--imf-ui-color-bg-primary-support",
176
- "value": "light-dark( oklch( calc(var(--imf-ui-color-primary-bg-luma-light) + 0.01) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ), oklch( calc(var(--imf-ui-color-primary-bg-luma-dark) + 0.05) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ) )"
177
- },
178
- {
179
- "name": "--imf-ui-color-bg-support",
180
- "value": "light-dark( oklch( calc(var(--imf-ui-color-surface-bg-luma-light) - 0.025) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-support-hue) ), oklch( calc(var(--imf-ui-color-surface-bg-luma-dark) + 0.025) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-support-hue) ) )"
181
- },
182
- {
183
- "name": "--imf-ui-color-bg-warning",
184
- "value": "light-dark( oklch( var(--imf-ui-color-status-bg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-warning-hue) ), oklch( var(--imf-ui-color-status-bg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-warning-hue) ) )"
185
- },
186
- {
187
- "name": "--imf-ui-color-brand",
188
- "value": "oklch( var(--imf-ui-color-brand-luma, 0.56) var(--imf-ui-color-brand-chroma, 0.25) var(--imf-ui-color-brand-hue, 264) )"
189
- },
190
- {
191
- "name": "--imf-ui-color-brand-chroma",
192
- "value": "0.25"
193
- },
194
- {
195
- "name": "--imf-ui-color-brand-hue",
196
- "value": "264"
197
- },
198
- {
199
- "name": "--imf-ui-color-brand-luma",
200
- "value": "0.56"
201
- },
202
- {
203
- "name": "--imf-ui-color-fg-accent-1",
204
- "value": "light-dark( oklch( var(--imf-ui-color-accent-1-fg-luma-light) var(--imf-ui-color-accent-1-chroma) var(--imf-ui-color-accent-1-hue) ), oklch( var(--imf-ui-color-accent-1-fg-luma-dark) var(--imf-ui-color-accent-1-chroma) var(--imf-ui-color-accent-1-hue) ) )"
205
- },
206
- {
207
- "name": "--imf-ui-color-fg-accent-2",
208
- "value": "light-dark( oklch( var(--imf-ui-color-accent-2-fg-luma-light) var(--imf-ui-color-accent-2-chroma) var(--imf-ui-color-accent-2-hue) ), oklch( var(--imf-ui-color-accent-2-fg-luma-dark) var(--imf-ui-color-accent-2-chroma) var(--imf-ui-color-accent-2-hue) ) )"
209
- },
210
- {
211
- "name": "--imf-ui-color-fg-accent-3",
212
- "value": "light-dark( oklch( var(--imf-ui-color-accent-3-fg-luma-light) var(--imf-ui-color-accent-3-chroma) var(--imf-ui-color-accent-3-hue) ), oklch( var(--imf-ui-color-accent-3-fg-luma-dark) var(--imf-ui-color-accent-3-chroma) var(--imf-ui-color-accent-3-hue) ) )"
213
- },
214
- {
215
- "name": "--imf-ui-color-fg-brand",
216
- "value": "var(--imf-ui-color-brand)"
217
- },
218
- {
219
- "name": "--imf-ui-color-fg-info",
220
- "value": "light-dark( oklch( var(--imf-ui-color-status-fg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-info-hue) ), oklch( var(--imf-ui-color-status-fg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-info-hue) ) )"
221
- },
222
- {
223
- "name": "--imf-ui-color-fg-main",
224
- "value": "light-dark( oklch( var(--imf-ui-color-surface-fg-luma-light) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-main-hue) ), oklch( var(--imf-ui-color-surface-fg-luma-dark) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-main-hue) ) )"
225
- },
226
- {
227
- "name": "--imf-ui-color-fg-minor",
228
- "value": "color-mix(in oklch, var(--imf-ui-color-fg-main) 35%, transparent)"
229
- },
230
- {
231
- "name": "--imf-ui-color-fg-negative",
232
- "value": "light-dark( oklch( var(--imf-ui-color-status-fg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-negative-hue) ), oklch( var(--imf-ui-color-status-fg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-negative-hue) ) )"
233
- },
234
- {
235
- "name": "--imf-ui-color-fg-oncolor",
236
- "value": "oklch( var(--imf-ui-color-surface-fg-luma-dark) var(--imf-ui-color-surface-chroma) var(--imf-ui-color-surface-main-hue) )"
237
- },
238
- {
239
- "name": "--imf-ui-color-fg-positive",
240
- "value": "light-dark( oklch( var(--imf-ui-color-status-fg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-positive-hue) ), oklch( var(--imf-ui-color-status-fg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-positive-hue) ) )"
241
- },
242
- {
243
- "name": "--imf-ui-color-fg-primary",
244
- "value": "light-dark( oklch( var(--imf-ui-color-primary-fg-luma-light) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ), oklch( var(--imf-ui-color-primary-fg-luma-dark) var(--imf-ui-color-primary-chroma) var(--imf-ui-color-primary-hue) ) )"
245
- },
246
- {
247
- "name": "--imf-ui-color-fg-support",
248
- "value": "color-mix(in oklch, var(--imf-ui-color-fg-main) 65%, transparent)"
249
- },
250
- {
251
- "name": "--imf-ui-color-fg-warning",
252
- "value": "light-dark( oklch( var(--imf-ui-color-status-fg-luma-light) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-warning-hue) ), oklch( var(--imf-ui-color-status-fg-luma-dark) var(--imf-ui-color-status-chroma) var(--imf-ui-color-status-warning-hue) ) )"
253
- },
254
- {
255
- "name": "--imf-ui-color-primary-bg-luma-dark",
256
- "value": "0.65"
257
- },
258
- {
259
- "name": "--imf-ui-color-primary-bg-luma-light",
260
- "value": "0.5"
261
- },
262
- {
263
- "name": "--imf-ui-color-primary-chroma",
264
- "value": "var(--imf-ui-color-brand-chroma, 0.25)"
265
- },
266
- {
267
- "name": "--imf-ui-color-primary-fg-luma-dark",
268
- "value": "0.8"
269
- },
270
- {
271
- "name": "--imf-ui-color-primary-fg-luma-light",
272
- "value": "0.65"
273
- },
274
- {
275
- "name": "--imf-ui-color-primary-hue",
276
- "value": "var(--imf-ui-color-brand-hue, 264)"
277
- },
278
- {
279
- "name": "--imf-ui-color-status-bg-luma-dark",
280
- "value": "0.65"
281
- },
282
- {
283
- "name": "--imf-ui-color-status-bg-luma-light",
284
- "value": "0.65"
285
- },
286
- {
287
- "name": "--imf-ui-color-status-chroma",
288
- "value": "0.265"
289
- },
290
- {
291
- "name": "--imf-ui-color-status-fg-luma-dark",
292
- "value": "0.8"
293
- },
294
- {
295
- "name": "--imf-ui-color-status-fg-luma-light",
296
- "value": "0.65"
297
- },
298
- {
299
- "name": "--imf-ui-color-status-info-hue",
300
- "value": "225"
301
- },
302
- {
303
- "name": "--imf-ui-color-status-negative-hue",
304
- "value": "25"
305
- },
306
- {
307
- "name": "--imf-ui-color-status-positive-hue",
308
- "value": "160"
309
- },
310
- {
311
- "name": "--imf-ui-color-status-warning-hue",
312
- "value": "80"
313
- },
314
- {
315
- "name": "--imf-ui-color-surface-bg-luma-dark",
316
- "value": "0.27"
317
- },
318
- {
319
- "name": "--imf-ui-color-surface-bg-luma-light",
320
- "value": "0.97"
321
- },
322
- {
323
- "name": "--imf-ui-color-surface-chroma",
324
- "value": "0.006"
325
- },
326
- {
327
- "name": "--imf-ui-color-surface-fg-luma-dark",
328
- "value": "0.95"
329
- },
330
- {
331
- "name": "--imf-ui-color-surface-fg-luma-light",
332
- "value": "0.15"
333
- },
334
- {
335
- "name": "--imf-ui-color-surface-main-hue",
336
- "value": "210"
337
- },
338
- {
339
- "name": "--imf-ui-color-surface-minor-hue",
340
- "value": "var(--imf-ui-color-surface-main-hue, 210)"
341
- },
342
- {
343
- "name": "--imf-ui-color-surface-support-hue",
344
- "value": "var(--imf-ui-color-surface-main-hue, 210)"
345
- }
346
- ],
347
- "corner": [
348
- {
349
- "name": "--imf-ui-corner-radius",
350
- "value": "0px"
351
- }
352
- ],
353
- "duration": [
354
- {
355
- "name": "--imf-ui-duration-gentle-1",
356
- "value": "320ms"
357
- },
358
- {
359
- "name": "--imf-ui-duration-gentle-2",
360
- "value": "420ms"
361
- },
362
- {
363
- "name": "--imf-ui-duration-instant",
364
- "value": "0ms"
365
- },
366
- {
367
- "name": "--imf-ui-duration-moderate-1",
368
- "value": "180ms"
369
- },
370
- {
371
- "name": "--imf-ui-duration-moderate-2",
372
- "value": "260ms"
373
- },
374
- {
375
- "name": "--imf-ui-duration-quick-1",
376
- "value": "80ms"
377
- },
378
- {
379
- "name": "--imf-ui-duration-quick-2",
380
- "value": "120ms"
381
- },
382
- {
383
- "name": "--imf-ui-duration-slow-1",
384
- "value": "600ms"
385
- },
386
- {
387
- "name": "--imf-ui-duration-slow-2",
388
- "value": "800ms"
389
- },
390
- {
391
- "name": "--imf-ui-duration-slow-3",
392
- "value": "1000ms"
393
- },
394
- {
395
- "name": "--imf-ui-duration-slow-4",
396
- "value": "1500ms"
397
- },
398
- {
399
- "name": "--imf-ui-duration-slow-5",
400
- "value": "2000ms"
401
- }
402
- ],
403
- "ease": [
404
- {
405
- "name": "--imf-ui-ease-1",
406
- "value": "cubic-bezier(0.25, 0, 0.5, 1)"
407
- },
408
- {
409
- "name": "--imf-ui-ease-2",
410
- "value": "cubic-bezier(0.25, 0, 0.4, 1)"
411
- },
412
- {
413
- "name": "--imf-ui-ease-3",
414
- "value": "cubic-bezier(0.25, 0, 0.3, 1)"
415
- },
416
- {
417
- "name": "--imf-ui-ease-4",
418
- "value": "cubic-bezier(0.25, 0, 0.2, 1)"
419
- },
420
- {
421
- "name": "--imf-ui-ease-5",
422
- "value": "cubic-bezier(0.25, 0, 0.1, 1)"
423
- },
424
- {
425
- "name": "--imf-ui-ease-in-1",
426
- "value": "cubic-bezier(0.25, 0, 1, 1)"
427
- },
428
- {
429
- "name": "--imf-ui-ease-in-2",
430
- "value": "cubic-bezier(0.5, 0, 1, 1)"
431
- },
432
- {
433
- "name": "--imf-ui-ease-in-3",
434
- "value": "cubic-bezier(0.7, 0, 1, 1)"
435
- },
436
- {
437
- "name": "--imf-ui-ease-in-4",
438
- "value": "cubic-bezier(0.9, 0, 1, 1)"
439
- },
440
- {
441
- "name": "--imf-ui-ease-in-5",
442
- "value": "cubic-bezier(1, 0, 1, 1)"
443
- },
444
- {
445
- "name": "--imf-ui-ease-out-1",
446
- "value": "cubic-bezier(0, 0, 0.75, 1)"
447
- },
448
- {
449
- "name": "--imf-ui-ease-out-2",
450
- "value": "cubic-bezier(0, 0, 0.5, 1)"
451
- },
452
- {
453
- "name": "--imf-ui-ease-out-3",
454
- "value": "cubic-bezier(0, 0, 0.3, 1)"
455
- },
456
- {
457
- "name": "--imf-ui-ease-out-4",
458
- "value": "cubic-bezier(0, 0, 0.1, 1)"
459
- },
460
- {
461
- "name": "--imf-ui-ease-out-5",
462
- "value": "cubic-bezier(0, 0, 0.05, 1)"
463
- }
464
- ],
465
- "font": [
466
- {
467
- "name": "--imf-ui-font-family-body",
468
- "value": "var(--imf-ui-font-family-sans)"
469
- },
470
- {
471
- "name": "--imf-ui-font-family-code",
472
- "value": "var(--imf-ui-font-family-mono)"
473
- },
474
- {
475
- "name": "--imf-ui-font-family-heading",
476
- "value": "var(--imf-ui-font-family-sans)"
477
- },
478
- {
479
- "name": "--imf-ui-font-family-mono",
480
- "value": "\"CoFo Sans Mono\", ui-monospace, monospace"
481
- },
482
- {
483
- "name": "--imf-ui-font-family-sans",
484
- "value": "\"FK Grotesk Neue\", ui-sans-serif, system-ui, sans-serif"
485
- },
486
- {
487
- "name": "--imf-ui-font-family-ui",
488
- "value": "var(--imf-ui-font-family-sans)"
489
- },
490
- {
491
- "name": "--imf-ui-font-letterspacing-loose",
492
- "value": "0.1em"
493
- },
494
- {
495
- "name": "--imf-ui-font-letterspacing-normal",
496
- "value": "0em"
497
- },
498
- {
499
- "name": "--imf-ui-font-letterspacing-tight",
500
- "value": "-0.025em"
501
- },
502
- {
503
- "name": "--imf-ui-font-letterspacing-wide",
504
- "value": "0.06em"
505
- },
506
- {
507
- "name": "--imf-ui-font-lineheight-0",
508
- "value": "1.1"
509
- },
510
- {
511
- "name": "--imf-ui-font-lineheight-00",
512
- "value": "0.95"
513
- },
514
- {
515
- "name": "--imf-ui-font-lineheight-1",
516
- "value": "1.25"
517
- },
518
- {
519
- "name": "--imf-ui-font-lineheight-2",
520
- "value": "1.375"
521
- },
522
- {
523
- "name": "--imf-ui-font-lineheight-3",
524
- "value": "1.5"
525
- },
526
- {
527
- "name": "--imf-ui-font-lineheight-4",
528
- "value": "1.75"
529
- },
530
- {
531
- "name": "--imf-ui-font-lineheight-5",
532
- "value": "2"
533
- },
534
- {
535
- "name": "--imf-ui-font-size-0",
536
- "value": "0.75rem"
537
- },
538
- {
539
- "name": "--imf-ui-font-size-0-5",
540
- "value": "0.875rem"
541
- },
542
- {
543
- "name": "--imf-ui-font-size-00",
544
- "value": "0.5rem"
545
- },
546
- {
547
- "name": "--imf-ui-font-size-1",
548
- "value": "1rem"
549
- },
550
- {
551
- "name": "--imf-ui-font-size-2",
552
- "value": "1.1rem"
553
- },
554
- {
555
- "name": "--imf-ui-font-size-3",
556
- "value": "1.25rem"
557
- },
558
- {
559
- "name": "--imf-ui-font-size-4",
560
- "value": "1.5rem"
561
- },
562
- {
563
- "name": "--imf-ui-font-size-5",
564
- "value": "2rem"
565
- },
566
- {
567
- "name": "--imf-ui-font-size-6",
568
- "value": "2.5rem"
569
- },
570
- {
571
- "name": "--imf-ui-font-size-7",
572
- "value": "3rem"
573
- },
574
- {
575
- "name": "--imf-ui-font-size-8",
576
- "value": "3.5rem"
577
- },
578
- {
579
- "name": "--imf-ui-font-size-fluid-0",
580
- "value": "clamp(1.125rem, 4.5vw, 1.25rem)"
581
- },
582
- {
583
- "name": "--imf-ui-font-size-fluid-1",
584
- "value": "clamp(1rem, 4vw, 1.5rem)"
585
- },
586
- {
587
- "name": "--imf-ui-font-size-fluid-2",
588
- "value": "clamp(1.25rem, 6vw, 1.875rem)"
589
- },
590
- {
591
- "name": "--imf-ui-font-size-fluid-3",
592
- "value": "clamp(2rem, 9vw, 2.75rem)"
593
- },
594
- {
595
- "name": "--imf-ui-font-weight-1",
596
- "value": "100"
597
- },
598
- {
599
- "name": "--imf-ui-font-weight-2",
600
- "value": "200"
601
- },
602
- {
603
- "name": "--imf-ui-font-weight-3",
604
- "value": "300"
605
- },
606
- {
607
- "name": "--imf-ui-font-weight-4",
608
- "value": "400"
609
- },
610
- {
611
- "name": "--imf-ui-font-weight-5",
612
- "value": "500"
613
- },
614
- {
615
- "name": "--imf-ui-font-weight-6",
616
- "value": "600"
617
- },
618
- {
619
- "name": "--imf-ui-font-weight-7",
620
- "value": "700"
621
- },
622
- {
623
- "name": "--imf-ui-font-weight-8",
624
- "value": "800"
625
- },
626
- {
627
- "name": "--imf-ui-font-weight-9",
628
- "value": "900"
629
- }
630
- ],
631
- "inner-*": [
632
- {
633
- "name": "--imf-ui-inner-shadow-0",
634
- "value": "inset 0 0 0 1px var(--imf-ui-inner-shadow-tint)"
635
- },
636
- {
637
- "name": "--imf-ui-inner-shadow-1",
638
- "value": "inset calc( 1px * var(--imf-ui-shadow-x)) calc( 1px * var(--imf-ui-shadow-y)) calc( 2px * var(--imf-ui-shadow-softness)) 0 var(--imf-ui-inner-shadow-tint), var(--imf-ui-inner-shadow-highlight)"
639
- },
640
- {
641
- "name": "--imf-ui-inner-shadow-2",
642
- "value": "inset calc( 1px * var(--imf-ui-shadow-x)) calc( 1px * var(--imf-ui-shadow-y)) calc( 4px * var(--imf-ui-shadow-softness)) 0 var(--imf-ui-inner-shadow-tint), var(--imf-ui-inner-shadow-highlight)"
643
- },
644
- {
645
- "name": "--imf-ui-inner-shadow-3",
646
- "value": "inset calc( 2px * var(--imf-ui-shadow-x)) calc( 2px * var(--imf-ui-shadow-y)) calc( 8px * var(--imf-ui-shadow-softness)) 0 var(--imf-ui-inner-shadow-tint), var(--imf-ui-inner-shadow-highlight)"
647
- },
648
- {
649
- "name": "--imf-ui-inner-shadow-4",
650
- "value": "inset calc( 2px * var(--imf-ui-shadow-x)) calc( 2px * var(--imf-ui-shadow-y)) calc(14px * var(--imf-ui-shadow-softness)) 0 var(--imf-ui-inner-shadow-tint), var(--imf-ui-inner-shadow-highlight)"
651
- },
652
- {
653
- "name": "--imf-ui-inner-shadow-highlight",
654
- "value": "inset calc(-0.5px * var(--imf-ui-shadow-x)) calc(-0.5px * var(--imf-ui-shadow-y)) 0 0 #fff, inset calc( 0.5px * var(--imf-ui-shadow-x)) calc( 0.5px * var(--imf-ui-shadow-y)) 0 0 #0001"
655
- },
656
- {
657
- "name": "--imf-ui-inner-shadow-tint",
658
- "value": "color-mix( in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 5%), transparent )"
659
- }
660
- ],
661
- "layer": [
662
- {
663
- "name": "--imf-ui-layer-1",
664
- "value": "1"
665
- },
666
- {
667
- "name": "--imf-ui-layer-2",
668
- "value": "2"
669
- },
670
- {
671
- "name": "--imf-ui-layer-3",
672
- "value": "3"
673
- },
674
- {
675
- "name": "--imf-ui-layer-4",
676
- "value": "4"
677
- },
678
- {
679
- "name": "--imf-ui-layer-5",
680
- "value": "5"
681
- },
682
- {
683
- "name": "--imf-ui-layer-important",
684
- "value": "999"
685
- }
686
- ],
687
- "logo": [
688
- {
689
- "name": "--imf-ui-logo-hero",
690
- "value": "8rem"
691
- },
692
- {
693
- "name": "--imf-ui-logo-lg",
694
- "value": "3rem"
695
- },
696
- {
697
- "name": "--imf-ui-logo-md",
698
- "value": "2rem"
699
- },
700
- {
701
- "name": "--imf-ui-logo-sm",
702
- "value": "1.5rem"
703
- },
704
- {
705
- "name": "--imf-ui-logo-xl",
706
- "value": "5rem"
707
- },
708
- {
709
- "name": "--imf-ui-logo-xs",
710
- "value": "1rem"
711
- }
712
- ],
713
- "shadow": [
714
- {
715
- "name": "--imf-ui-shadow-1",
716
- "value": "calc(2px * var(--imf-ui-shadow-x)) calc(2px * var(--imf-ui-shadow-y)) calc(2px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) var(--imf-ui-shadow-intensity), transparent)"
717
- },
718
- {
719
- "name": "--imf-ui-shadow-2",
720
- "value": "calc(4px * var(--imf-ui-shadow-x)) calc(4px * var(--imf-ui-shadow-y)) calc(4px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 1%), transparent)"
721
- },
722
- {
723
- "name": "--imf-ui-shadow-3",
724
- "value": "calc(6px * var(--imf-ui-shadow-x)) calc(6px * var(--imf-ui-shadow-y)) calc(6px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 2%), transparent)"
725
- },
726
- {
727
- "name": "--imf-ui-shadow-4",
728
- "value": "calc(8px * var(--imf-ui-shadow-x)) calc(8px * var(--imf-ui-shadow-y)) calc(8px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 3%), transparent)"
729
- },
730
- {
731
- "name": "--imf-ui-shadow-5",
732
- "value": "calc(12px * var(--imf-ui-shadow-x)) calc(12px * var(--imf-ui-shadow-y)) calc(12px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 4%), transparent)"
733
- },
734
- {
735
- "name": "--imf-ui-shadow-6",
736
- "value": "calc(16px * var(--imf-ui-shadow-x)) calc(16px * var(--imf-ui-shadow-y)) calc(16px * var(--imf-ui-shadow-blur-scale)) var(--imf-ui-shadow-spread) color-mix(in oklch, var(--imf-ui-shadow-color) calc(var(--imf-ui-shadow-intensity) + 5%), transparent)"
737
- },
738
- {
739
- "name": "--imf-ui-shadow-angle",
740
- "value": "315"
741
- },
742
- {
743
- "name": "--imf-ui-shadow-blur-scale",
744
- "value": "calc(2.5 * var(--imf-ui-shadow-softness))"
745
- },
746
- {
747
- "name": "--imf-ui-shadow-color",
748
- "value": "light-dark(oklch(0.15 0.01 265 / 0.35), oklch(0.15 0.01 265 / 0.9))"
749
- },
750
- {
751
- "name": "--imf-ui-shadow-hardness",
752
- "value": "1"
753
- },
754
- {
755
- "name": "--imf-ui-shadow-intensity",
756
- "value": "12%"
757
- },
758
- {
759
- "name": "--imf-ui-shadow-softness",
760
- "value": "calc(1 - clamp(0, var(--imf-ui-shadow-hardness), 1))"
761
- },
762
- {
763
- "name": "--imf-ui-shadow-spread",
764
- "value": "0px"
765
- },
766
- {
767
- "name": "--imf-ui-shadow-x",
768
- "value": "calc(-1 * sin(calc(var(--imf-ui-shadow-angle) * 1deg)))"
769
- },
770
- {
771
- "name": "--imf-ui-shadow-y",
772
- "value": "cos(calc(var(--imf-ui-shadow-angle) * 1deg))"
773
- }
774
- ],
775
- "size": [
776
- {
777
- "name": "--imf-ui-size-0",
778
- "value": "0.125rem"
779
- },
780
- {
781
- "name": "--imf-ui-size-00",
782
- "value": "-0.25rem"
783
- },
784
- {
785
- "name": "--imf-ui-size-000",
786
- "value": "-0.5rem"
787
- },
788
- {
789
- "name": "--imf-ui-size-1",
790
- "value": "0.25rem"
791
- },
792
- {
793
- "name": "--imf-ui-size-10",
794
- "value": "5rem"
795
- },
796
- {
797
- "name": "--imf-ui-size-11",
798
- "value": "7.5rem"
799
- },
800
- {
801
- "name": "--imf-ui-size-12",
802
- "value": "10rem"
803
- },
804
- {
805
- "name": "--imf-ui-size-13",
806
- "value": "15rem"
807
- },
808
- {
809
- "name": "--imf-ui-size-14",
810
- "value": "20rem"
811
- },
812
- {
813
- "name": "--imf-ui-size-15",
814
- "value": "30rem"
815
- },
816
- {
817
- "name": "--imf-ui-size-2",
818
- "value": "0.5rem"
819
- },
820
- {
821
- "name": "--imf-ui-size-2-5",
822
- "value": "0.75rem"
823
- },
824
- {
825
- "name": "--imf-ui-size-3",
826
- "value": "1rem"
827
- },
828
- {
829
- "name": "--imf-ui-size-4",
830
- "value": "1.25rem"
831
- },
832
- {
833
- "name": "--imf-ui-size-5",
834
- "value": "1.5rem"
835
- },
836
- {
837
- "name": "--imf-ui-size-6",
838
- "value": "1.75rem"
839
- },
840
- {
841
- "name": "--imf-ui-size-7",
842
- "value": "2rem"
843
- },
844
- {
845
- "name": "--imf-ui-size-8",
846
- "value": "3rem"
847
- },
848
- {
849
- "name": "--imf-ui-size-9",
850
- "value": "4rem"
851
- },
852
- {
853
- "name": "--imf-ui-size-content-1",
854
- "value": "20ch"
855
- },
856
- {
857
- "name": "--imf-ui-size-content-2",
858
- "value": "45ch"
859
- },
860
- {
861
- "name": "--imf-ui-size-content-3",
862
- "value": "60ch"
863
- },
864
- {
865
- "name": "--imf-ui-size-content-4",
866
- "value": "90ch"
867
- },
868
- {
869
- "name": "--imf-ui-size-content-5",
870
- "value": "120ch"
871
- },
872
- {
873
- "name": "--imf-ui-size-header-1",
874
- "value": "20ch"
875
- },
876
- {
877
- "name": "--imf-ui-size-header-2",
878
- "value": "25ch"
879
- },
880
- {
881
- "name": "--imf-ui-size-header-3",
882
- "value": "35ch"
883
- }
884
- ]
885
- },
886
- "count": 215
887
- }