@multiplatform.one/theme 6.0.0

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 (67) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/LICENSE +201 -0
  3. package/package.json +85 -0
  4. package/src/audit/baselines/home-login.json +171 -0
  5. package/src/audit/baselines/home-login.png +0 -0
  6. package/src/audit/baselines/home-pokemon.json +355 -0
  7. package/src/audit/baselines/home-pokemon.png +0 -0
  8. package/src/audit/baselines/home.json +194 -0
  9. package/src/audit/baselines/home.png +0 -0
  10. package/src/audit/baselines/pokemon.json +251 -0
  11. package/src/audit/baselines/pokemon.png +0 -0
  12. package/src/audit/constraintAudit.ts +874 -0
  13. package/src/audit/diffReport.spec.ts +191 -0
  14. package/src/audit/diffReport.ts +344 -0
  15. package/src/audit/index.ts +10 -0
  16. package/src/font.ts +49 -0
  17. package/src/fonts/createFontLoader.ts +15 -0
  18. package/src/fonts/createFontLoader.web.ts +9 -0
  19. package/src/fonts/index.ts +2 -0
  20. package/src/fonts/types.ts +13 -0
  21. package/src/index.ts +3 -0
  22. package/src/theme/Intent.tsx +30 -0
  23. package/src/theme/Preset.tsx +93 -0
  24. package/src/theme/PresetContext.ts +27 -0
  25. package/src/theme/Tint.tsx +44 -0
  26. package/src/theme/__snapshots__/resolveKnobs.spec.ts.snap +69 -0
  27. package/src/theme/animations/css.ts +25 -0
  28. package/src/theme/animations/index.ts +1 -0
  29. package/src/theme/animations/index.web.ts +1 -0
  30. package/src/theme/animations/reactNative.ts +54 -0
  31. package/src/theme/colorRules.spec.ts +195 -0
  32. package/src/theme/colorRules.ts +166 -0
  33. package/src/theme/cookies.spec.ts +185 -0
  34. package/src/theme/cookies.ts +209 -0
  35. package/src/theme/createDefaultThemeConfig.ts +86 -0
  36. package/src/theme/createThemes.ts +286 -0
  37. package/src/theme/devtools/ColorLineVisualizer.tsx +261 -0
  38. package/src/theme/devtools/ThemeDevtoolsPanel.tsx +1657 -0
  39. package/src/theme/devtools/buildSnapshot.spec.ts +113 -0
  40. package/src/theme/devtools/buildSnapshot.ts +103 -0
  41. package/src/theme/devtools/knobIcons.tsx +217 -0
  42. package/src/theme/devtools/vizConstants.spec.ts +58 -0
  43. package/src/theme/devtools/vizConstants.ts +28 -0
  44. package/src/theme/index.ts +21 -0
  45. package/src/theme/intent.spec.tsx +276 -0
  46. package/src/theme/intents.ts +22 -0
  47. package/src/theme/knobs.ts +147 -0
  48. package/src/theme/pokemonScreen.spec.ts +109 -0
  49. package/src/theme/preset.spec.tsx +242 -0
  50. package/src/theme/preset.types.ts +22 -0
  51. package/src/theme/presets.spec.ts +252 -0
  52. package/src/theme/presets.ts +49 -0
  53. package/src/theme/recipes.ts +69 -0
  54. package/src/theme/resolveKnobs.spec.ts +571 -0
  55. package/src/theme/resolveKnobs.ts +226 -0
  56. package/src/theme/shared.spec.ts +84 -0
  57. package/src/theme/shared.tsx +131 -0
  58. package/src/theme/theme.native.tsx +65 -0
  59. package/src/theme/theme.tsx +190 -0
  60. package/src/theme/tint.spec.tsx +179 -0
  61. package/src/theme/useColorScale.native.ts +7 -0
  62. package/src/theme/useColorScale.ts +29 -0
  63. package/src/theme/useResolvedKnobs.ts +121 -0
  64. package/src/theme/useTheme.native.ts +49 -0
  65. package/src/theme/useTheme.ts +213 -0
  66. package/tsconfig.json +11 -0
  67. package/vitest.config.mjs +9 -0
package/src/audit/baselines/pokemon.json ADDED
@@ -0,0 +1,251 @@
1
+ {
2
+ "url": "http://localhost:3000/pokemon",
3
+ "timestamp": "2026-03-25T06:05:52.049Z",
4
+ "preset": "unknown",
5
+ "scheme": "light",
6
+ "summary": {
7
+ "totalElements": 36,
8
+ "auditedElements": 13,
9
+ "totalViolations": 0,
10
+ "byProperty": {
11
+ "borderRadius": 0,
12
+ "borderWidth": 0,
13
+ "gap": 0,
14
+ "padding": 0,
15
+ "fontWeight": 0,
16
+ "fontFamily": 0,
17
+ "inlineColor": 0
18
+ }
19
+ },
20
+ "violations": [],
21
+ "elements": [
22
+ {
23
+ "label": "span._dsp_contents.t_unmounted.font_body",
24
+ "tag": "span",
25
+ "id": "",
26
+ "classes": ["_dsp_contents", "t_unmounted", "font_body"],
27
+ "violations": [],
28
+ "fontFamily": {
29
+ "value": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
30
+ "knob": "sans-serif ($body/$heading)",
31
+ "offScale": false
32
+ }
33
+ },
34
+ {
35
+ "label": "nav.is_View",
36
+ "tag": "nav",
37
+ "id": "",
38
+ "classes": ["is_View"],
39
+ "violations": [],
40
+ "borderWidth": {
41
+ "value": 1,
42
+ "unit": "px",
43
+ "knob": "medium",
44
+ "offScale": false
45
+ }
46
+ },
47
+ {
48
+ "label": "div.is_View",
49
+ "tag": "div",
50
+ "id": "",
51
+ "classes": ["is_View"],
52
+ "violations": [],
53
+ "rowGap": {
54
+ "value": 13,
55
+ "unit": "px",
56
+ "knob": "medium",
57
+ "offScale": false
58
+ }
59
+ },
60
+ {
61
+ "label": "button.is_Button.is_View._outlineColor-0focus-visible-outlineColo114[role=button]",
62
+ "tag": "button",
63
+ "id": "",
64
+ "classes": [
65
+ "is_Button",
66
+ "is_View",
67
+ "_outlineColor-0focus-visible-outlineColo114",
68
+ "_outlineStyle-0focus-visible-solid",
69
+ "_outlineWidth-0focus-visible-2px"
70
+ ],
71
+ "violations": [],
72
+ "borderRadius": {
73
+ "value": 100000,
74
+ "unit": "px",
75
+ "knob": "off-scale",
76
+ "offScale": false
77
+ },
78
+ "borderWidth": {
79
+ "value": 1,
80
+ "unit": "px",
81
+ "knob": "medium",
82
+ "offScale": false
83
+ },
84
+ "rowGap": {
85
+ "value": 9,
86
+ "unit": "px",
87
+ "knob": "size-token(9px)",
88
+ "offScale": false
89
+ }
90
+ },
91
+ {
92
+ "label": "div.is_View",
93
+ "tag": "div",
94
+ "id": "",
95
+ "classes": ["is_View"],
96
+ "violations": [],
97
+ "rowGap": {
98
+ "value": 13,
99
+ "unit": "px",
100
+ "knob": "medium",
101
+ "offScale": false
102
+ }
103
+ },
104
+ {
105
+ "label": "button.is_Button.is_View._outlineColor-0focus-visible-outlineColo114[role=button]",
106
+ "tag": "button",
107
+ "id": "",
108
+ "classes": [
109
+ "is_Button",
110
+ "is_View",
111
+ "_outlineColor-0focus-visible-outlineColo114",
112
+ "_outlineStyle-0focus-visible-solid",
113
+ "_outlineWidth-0focus-visible-2px"
114
+ ],
115
+ "violations": [],
116
+ "borderRadius": {
117
+ "value": 5,
118
+ "unit": "px",
119
+ "knob": "small",
120
+ "offScale": false
121
+ },
122
+ "borderWidth": {
123
+ "value": 1,
124
+ "unit": "px",
125
+ "knob": "medium",
126
+ "offScale": false
127
+ },
128
+ "rowGap": {
129
+ "value": 5,
130
+ "unit": "px",
131
+ "knob": "size-token(5px)",
132
+ "offScale": false
133
+ },
134
+ "paddingRight": {
135
+ "value": 7,
136
+ "unit": "px",
137
+ "knob": "size-token(7px)",
138
+ "offScale": false
139
+ },
140
+ "paddingLeft": {
141
+ "value": 7,
142
+ "unit": "px",
143
+ "knob": "size-token(7px)",
144
+ "offScale": false
145
+ }
146
+ },
147
+ {
148
+ "label": "span.is_SizableText.is_Text.font_body",
149
+ "tag": "span",
150
+ "id": "",
151
+ "classes": ["is_SizableText", "is_Text", "font_body", "_textOverflow-ellipsis"],
152
+ "violations": [],
153
+ "fontWeight": {
154
+ "value": 300,
155
+ "unit": "px",
156
+ "knob": "light",
157
+ "offScale": false
158
+ }
159
+ },
160
+ {
161
+ "label": "div.is_View",
162
+ "tag": "div",
163
+ "id": "",
164
+ "classes": ["is_View"],
165
+ "violations": [],
166
+ "rowGap": {
167
+ "value": 18,
168
+ "unit": "px",
169
+ "knob": "large",
170
+ "offScale": false
171
+ }
172
+ },
173
+ {
174
+ "label": "div.is_View",
175
+ "tag": "div",
176
+ "id": "",
177
+ "classes": ["is_View"],
178
+ "violations": [],
179
+ "rowGap": {
180
+ "value": 13,
181
+ "unit": "px",
182
+ "knob": "medium",
183
+ "offScale": false
184
+ }
185
+ },
186
+ {
187
+ "label": "h1.is_H1.is_Text.font_heading[role=heading]",
188
+ "tag": "h1",
189
+ "id": "",
190
+ "classes": ["is_H1", "is_Text", "font_heading"],
191
+ "violations": [],
192
+ "fontWeight": {
193
+ "value": 700,
194
+ "unit": "px",
195
+ "knob": "bold",
196
+ "offScale": false
197
+ }
198
+ },
199
+ {
200
+ "label": "button.is_Toggle.is_View._outlineColor-0focus-visible-outlineColo114",
201
+ "tag": "button",
202
+ "id": "",
203
+ "classes": [
204
+ "is_Toggle",
205
+ "is_View",
206
+ "_outlineColor-0focus-visible-outlineColo114",
207
+ "_outlineWidth-0focus-visible-2px",
208
+ "_outlineStyle-0focus-visible-solid"
209
+ ],
210
+ "violations": [],
211
+ "borderWidth": {
212
+ "value": 1,
213
+ "unit": "px",
214
+ "knob": "medium",
215
+ "offScale": false
216
+ }
217
+ },
218
+ {
219
+ "label": "button.is_Toggle.is_View._outlineColor-0focus-visible-outlineColo114",
220
+ "tag": "button",
221
+ "id": "",
222
+ "classes": [
223
+ "is_Toggle",
224
+ "is_View",
225
+ "_outlineColor-0focus-visible-outlineColo114",
226
+ "_outlineWidth-0focus-visible-2px",
227
+ "_outlineStyle-0focus-visible-solid"
228
+ ],
229
+ "violations": [],
230
+ "borderWidth": {
231
+ "value": 1,
232
+ "unit": "px",
233
+ "knob": "medium",
234
+ "offScale": false
235
+ }
236
+ },
237
+ {
238
+ "label": "div.is_View[data-testid=pokemon-list]",
239
+ "tag": "div",
240
+ "id": "",
241
+ "classes": ["is_View"],
242
+ "violations": [],
243
+ "rowGap": {
244
+ "value": 13,
245
+ "unit": "px",
246
+ "knob": "medium",
247
+ "offScale": false
248
+ }
249
+ }
250
+ ]
251
+ }
package/src/audit/baselines/pokemon.png ADDED
Binary file