@synapsly/tokens 0.1.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 (25) hide show
  1. package/README.md +221 -0
  2. package/README.zh-CN.md +221 -0
  3. package/dist/dark.json +662 -0
  4. package/dist/figma.dark.tokens.json +3088 -0
  5. package/dist/figma.light.tokens.json +3088 -0
  6. package/dist/figma.tokens.json +2886 -0
  7. package/dist/index.cjs +1375 -0
  8. package/dist/index.cjs.map +1 -0
  9. package/dist/index.css +1220 -0
  10. package/dist/index.css.map +1 -0
  11. package/dist/index.d.cts +6674 -0
  12. package/dist/index.d.ts +6674 -0
  13. package/dist/index.js +1344 -0
  14. package/dist/index.js.map +1 -0
  15. package/dist/light.json +662 -0
  16. package/dist/primitive.json +263 -0
  17. package/dist/references.dark.json +662 -0
  18. package/dist/references.json +662 -0
  19. package/dist/references.light.json +662 -0
  20. package/dist/resolved.json +662 -0
  21. package/dist/semantic.dark.json +397 -0
  22. package/dist/semantic.json +397 -0
  23. package/dist/semantic.light.json +397 -0
  24. package/dist/tokens.json +662 -0
  25. package/package.json +55 -0
package/dist/primitive.json ADDED
@@ -0,0 +1,263 @@
1
+ {
2
+ "color": {
3
+ "white": "#ffffff",
4
+ "black": "#000000",
5
+ "transparent": "transparent",
6
+ "neutral": {
7
+ "25": "#fcfbfb",
8
+ "50": "#f8f7f6",
9
+ "100": "#efedea",
10
+ "200": "#dedad5",
11
+ "300": "#ccc5be",
12
+ "400": "#beb6ad",
13
+ "500": "#b4aba3",
14
+ "600": "#9d9389",
15
+ "700": "#7e756e",
16
+ "800": "#645d57",
17
+ "900": "#514c47",
18
+ "950": "#2a2624",
19
+ "975": "#161413"
20
+ },
21
+ "brand": {
22
+ "25": "#fdfbf8",
23
+ "50": "#fbf7f1",
24
+ "100": "#f5ecdf",
25
+ "200": "#ead8bf",
26
+ "300": "#dec29d",
27
+ "400": "#d5b186",
28
+ "500": "#cca67b",
29
+ "600": "#b88c5d",
30
+ "700": "#966f49",
31
+ "800": "#76583b",
32
+ "900": "#604832",
33
+ "950": "#332419",
34
+ "975": "#1c130d"
35
+ },
36
+ "blue": {
37
+ "50": "#eff6ff",
38
+ "100": "#dbeafe",
39
+ "200": "#bfdbfe",
40
+ "300": "#93c5fd",
41
+ "400": "#60a5fa",
42
+ "500": "#3b82f6",
43
+ "600": "#2563eb",
44
+ "700": "#1d4ed8",
45
+ "800": "#1e40af",
46
+ "900": "#1e3a8a",
47
+ "950": "#172554"
48
+ },
49
+ "green": {
50
+ "50": "#f0fdf4",
51
+ "100": "#dcfce7",
52
+ "200": "#bbf7d0",
53
+ "300": "#86efac",
54
+ "400": "#4ade80",
55
+ "500": "#22c55e",
56
+ "600": "#16a34a",
57
+ "700": "#15803d",
58
+ "800": "#166534",
59
+ "900": "#14532d",
60
+ "950": "#052e16"
61
+ },
62
+ "yellow": {
63
+ "50": "#fefce8",
64
+ "100": "#fef9c3",
65
+ "200": "#fef08a",
66
+ "300": "#fde047",
67
+ "400": "#facc15",
68
+ "500": "#eab308",
69
+ "600": "#ca8a04",
70
+ "700": "#a16207",
71
+ "800": "#854d0e",
72
+ "900": "#713f12",
73
+ "950": "#422006"
74
+ },
75
+ "orange": {
76
+ "50": "#fff7ed",
77
+ "100": "#ffedd5",
78
+ "200": "#fed7aa",
79
+ "300": "#fdba74",
80
+ "400": "#fb923c",
81
+ "500": "#f97316",
82
+ "600": "#ea580c",
83
+ "700": "#c2410c",
84
+ "800": "#9a3412",
85
+ "900": "#7c2d12",
86
+ "950": "#431407"
87
+ },
88
+ "red": {
89
+ "50": "#fef2f2",
90
+ "100": "#fee2e2",
91
+ "200": "#fecaca",
92
+ "300": "#fca5a5",
93
+ "400": "#f87171",
94
+ "500": "#ef4444",
95
+ "600": "#dc2626",
96
+ "700": "#b91c1c",
97
+ "800": "#991b1b",
98
+ "900": "#7f1d1d",
99
+ "950": "#450a0a"
100
+ },
101
+ "purple": {
102
+ "50": "#faf5ff",
103
+ "100": "#f3e8ff",
104
+ "200": "#e9d5ff",
105
+ "300": "#d8b4fe",
106
+ "400": "#c084fc",
107
+ "500": "#a855f7",
108
+ "600": "#9333ea",
109
+ "700": "#7e22ce",
110
+ "800": "#6b21a8",
111
+ "900": "#581c87",
112
+ "950": "#3b0764"
113
+ },
114
+ "cyan": {
115
+ "50": "#ecfeff",
116
+ "100": "#cffafe",
117
+ "200": "#a5f3fc",
118
+ "300": "#67e8f9",
119
+ "400": "#22d3ee",
120
+ "500": "#06b6d4",
121
+ "600": "#0891b2",
122
+ "700": "#0e7490",
123
+ "800": "#155e75",
124
+ "900": "#164e63",
125
+ "950": "#083344"
126
+ },
127
+ "pink": {
128
+ "50": "#fdf2f8",
129
+ "100": "#fce7f3",
130
+ "200": "#fbcfe8",
131
+ "300": "#f9a8d4",
132
+ "400": "#f472b6",
133
+ "500": "#ec4899",
134
+ "600": "#db2777",
135
+ "700": "#be185d",
136
+ "800": "#9d174d",
137
+ "900": "#831843",
138
+ "950": "#500724"
139
+ }
140
+ },
141
+ "fontFamily": {
142
+ "sans": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif",
143
+ "serif": "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
144
+ "mono": "\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, monospace"
145
+ },
146
+ "fontSize": {
147
+ "75": "0.75rem",
148
+ "87": "0.875rem",
149
+ "100": "1rem",
150
+ "112": "1.125rem",
151
+ "125": "1.25rem",
152
+ "150": "1.5rem",
153
+ "187": "1.875rem",
154
+ "225": "2.25rem",
155
+ "300": "3rem"
156
+ },
157
+ "fontWeight": {
158
+ "400": "400",
159
+ "500": "500",
160
+ "600": "600",
161
+ "700": "700"
162
+ },
163
+ "lineHeight": {
164
+ "100": "1",
165
+ "120": "1.2",
166
+ "150": "1.5",
167
+ "175": "1.75"
168
+ },
169
+ "letterSpacing": {
170
+ "0": "0",
171
+ "1": "0.01em",
172
+ "2": "0.02em",
173
+ "4": "0.04em",
174
+ "-2": "-0.02em",
175
+ "-1": "-0.01em"
176
+ },
177
+ "space": {
178
+ "0": "0",
179
+ "1": "0.25rem",
180
+ "2": "0.5rem",
181
+ "3": "0.75rem",
182
+ "4": "1rem",
183
+ "5": "1.25rem",
184
+ "6": "1.5rem",
185
+ "8": "2rem",
186
+ "10": "2.5rem",
187
+ "12": "3rem",
188
+ "16": "4rem",
189
+ "20": "5rem",
190
+ "24": "6rem",
191
+ "32": "8rem",
192
+ "64": "16rem"
193
+ },
194
+ "radius": {
195
+ "0": "0",
196
+ "2": "0.125rem",
197
+ "4": "0.25rem",
198
+ "8": "0.5rem",
199
+ "12": "0.75rem",
200
+ "9999": "9999px"
201
+ },
202
+ "shadow": {
203
+ "0": "none",
204
+ "1": "0 1px 2px rgb(17 24 39 / 8%)",
205
+ "2": "0 2px 8px rgb(17 24 39 / 10%)",
206
+ "3": "0 8px 24px rgb(17 24 39 / 12%)",
207
+ "4": "0 16px 40px rgb(17 24 39 / 16%)",
208
+ "5": "0 24px 64px rgb(17 24 39 / 20%)",
209
+ "inner": "inset 0 1px 2px rgb(17 24 39 / 8%)",
210
+ "focus": "0 0 0 3px rgb(184 140 93 / 28%)"
211
+ },
212
+ "zIndex": {
213
+ "0": "0",
214
+ "10": "10",
215
+ "100": "100",
216
+ "1000": "1000",
217
+ "1100": "1100",
218
+ "1200": "1200"
219
+ },
220
+ "duration": {
221
+ "0": "0ms",
222
+ "120": "120ms",
223
+ "200": "200ms",
224
+ "320": "320ms"
225
+ },
226
+ "easing": {
227
+ "standard": "cubic-bezier(0.2, 0, 0, 1)",
228
+ "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
229
+ "entrance": "cubic-bezier(0, 0, 0.2, 1)",
230
+ "exit": "cubic-bezier(0.4, 0, 1, 1)"
231
+ },
232
+ "breakpoint": {
233
+ "360": "360px",
234
+ "640": "640px",
235
+ "768": "768px",
236
+ "1024": "1024px",
237
+ "1280": "1280px"
238
+ },
239
+ "opacity": {
240
+ "0": "0",
241
+ "40": "0.4",
242
+ "60": "0.6",
243
+ "64": "0.64",
244
+ "100": "1"
245
+ },
246
+ "borderWidth": {
247
+ "0": "0",
248
+ "1": "1px",
249
+ "2": "2px",
250
+ "4": "4px"
251
+ },
252
+ "borderStyle": {
253
+ "solid": "solid",
254
+ "dashed": "dashed"
255
+ },
256
+ "iconSize": {
257
+ "12": "0.75rem",
258
+ "16": "1rem",
259
+ "20": "1.25rem",
260
+ "24": "1.5rem",
261
+ "32": "2rem"
262
+ }
263
+ }