@nice2dev/design-tokens 1.0.28

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 (20) hide show
  1. package/README.md +221 -0
  2. package/dist/chunk-GJ4A7ZWW.js +1242 -0
  3. package/dist/chunk-MCKGQKYU.js +15 -0
  4. package/dist/cli/index.cjs +3018 -0
  5. package/dist/cli/index.d.cts +1 -0
  6. package/dist/cli/index.d.ts +1 -0
  7. package/dist/cli/index.js +363 -0
  8. package/dist/esm-YLJOW3XL.js +1703 -0
  9. package/dist/index.cjs +3880 -0
  10. package/dist/index.d.cts +856 -0
  11. package/dist/index.d.ts +856 -0
  12. package/dist/index.js +2628 -0
  13. package/package.json +59 -0
  14. package/tokens/animation.json +147 -0
  15. package/tokens/colors.json +184 -0
  16. package/tokens/components.json +201 -0
  17. package/tokens/effects.json +206 -0
  18. package/tokens/spacing.json +105 -0
  19. package/tokens/themes.json +193 -0
  20. package/tokens/typography.json +219 -0
package/tokens/typography.json ADDED
@@ -0,0 +1,219 @@
1
+ {
2
+ "$name": "typography",
3
+ "$description": "Typography design tokens (W3C Format)",
4
+
5
+ "font": {
6
+ "family": {
7
+ "$type": "fontFamily",
8
+ "sans": {
9
+ "$value": [
10
+ "Inter",
11
+ "system-ui",
12
+ "-apple-system",
13
+ "BlinkMacSystemFont",
14
+ "Segoe UI",
15
+ "Roboto",
16
+ "sans-serif"
17
+ ]
18
+ },
19
+ "serif": { "$value": ["Georgia", "Cambria", "Times New Roman", "Times", "serif"] },
20
+ "mono": { "$value": ["JetBrains Mono", "Fira Code", "Consolas", "Monaco", "monospace"] },
21
+ "display": { "$value": ["Poppins", "Inter", "system-ui", "sans-serif"] }
22
+ },
23
+
24
+ "size": {
25
+ "$type": "dimension",
26
+ "2xs": { "$value": "0.625rem", "$description": "10px" },
27
+ "xs": { "$value": "0.75rem", "$description": "12px" },
28
+ "sm": { "$value": "0.875rem", "$description": "14px" },
29
+ "base": { "$value": "1rem", "$description": "16px" },
30
+ "lg": { "$value": "1.125rem", "$description": "18px" },
31
+ "xl": { "$value": "1.25rem", "$description": "20px" },
32
+ "2xl": { "$value": "1.5rem", "$description": "24px" },
33
+ "3xl": { "$value": "1.875rem", "$description": "30px" },
34
+ "4xl": { "$value": "2.25rem", "$description": "36px" },
35
+ "5xl": { "$value": "3rem", "$description": "48px" },
36
+ "6xl": { "$value": "3.75rem", "$description": "60px" },
37
+ "7xl": { "$value": "4.5rem", "$description": "72px" }
38
+ },
39
+
40
+ "weight": {
41
+ "$type": "fontWeight",
42
+ "thin": { "$value": 100 },
43
+ "extralight": { "$value": 200 },
44
+ "light": { "$value": 300 },
45
+ "normal": { "$value": 400 },
46
+ "medium": { "$value": 500 },
47
+ "semibold": { "$value": 600 },
48
+ "bold": { "$value": 700 },
49
+ "extrabold": { "$value": 800 },
50
+ "black": { "$value": 900 }
51
+ },
52
+
53
+ "line-height": {
54
+ "$type": "number",
55
+ "none": { "$value": 1 },
56
+ "tight": { "$value": 1.25 },
57
+ "snug": { "$value": 1.375 },
58
+ "normal": { "$value": 1.5 },
59
+ "relaxed": { "$value": 1.625 },
60
+ "loose": { "$value": 2 }
61
+ },
62
+
63
+ "letter-spacing": {
64
+ "$type": "dimension",
65
+ "tighter": { "$value": "-0.05em" },
66
+ "tight": { "$value": "-0.025em" },
67
+ "normal": { "$value": "0" },
68
+ "wide": { "$value": "0.025em" },
69
+ "wider": { "$value": "0.05em" },
70
+ "widest": { "$value": "0.1em" }
71
+ }
72
+ },
73
+
74
+ "typography": {
75
+ "$description": "Composite typography tokens",
76
+
77
+ "heading": {
78
+ "1": {
79
+ "$type": "typography",
80
+ "$value": {
81
+ "fontFamily": "{font.family.display}",
82
+ "fontSize": "{font.size.5xl}",
83
+ "fontWeight": "{font.weight.bold}",
84
+ "lineHeight": "{font.line-height.tight}",
85
+ "letterSpacing": "{font.letter-spacing.tight}"
86
+ }
87
+ },
88
+ "2": {
89
+ "$type": "typography",
90
+ "$value": {
91
+ "fontFamily": "{font.family.display}",
92
+ "fontSize": "{font.size.4xl}",
93
+ "fontWeight": "{font.weight.bold}",
94
+ "lineHeight": "{font.line-height.tight}",
95
+ "letterSpacing": "{font.letter-spacing.tight}"
96
+ }
97
+ },
98
+ "3": {
99
+ "$type": "typography",
100
+ "$value": {
101
+ "fontFamily": "{font.family.display}",
102
+ "fontSize": "{font.size.3xl}",
103
+ "fontWeight": "{font.weight.semibold}",
104
+ "lineHeight": "{font.line-height.snug}",
105
+ "letterSpacing": "{font.letter-spacing.normal}"
106
+ }
107
+ },
108
+ "4": {
109
+ "$type": "typography",
110
+ "$value": {
111
+ "fontFamily": "{font.family.display}",
112
+ "fontSize": "{font.size.2xl}",
113
+ "fontWeight": "{font.weight.semibold}",
114
+ "lineHeight": "{font.line-height.snug}",
115
+ "letterSpacing": "{font.letter-spacing.normal}"
116
+ }
117
+ },
118
+ "5": {
119
+ "$type": "typography",
120
+ "$value": {
121
+ "fontFamily": "{font.family.display}",
122
+ "fontSize": "{font.size.xl}",
123
+ "fontWeight": "{font.weight.semibold}",
124
+ "lineHeight": "{font.line-height.normal}",
125
+ "letterSpacing": "{font.letter-spacing.normal}"
126
+ }
127
+ },
128
+ "6": {
129
+ "$type": "typography",
130
+ "$value": {
131
+ "fontFamily": "{font.family.display}",
132
+ "fontSize": "{font.size.lg}",
133
+ "fontWeight": "{font.weight.semibold}",
134
+ "lineHeight": "{font.line-height.normal}",
135
+ "letterSpacing": "{font.letter-spacing.normal}"
136
+ }
137
+ }
138
+ },
139
+
140
+ "body": {
141
+ "lg": {
142
+ "$type": "typography",
143
+ "$value": {
144
+ "fontFamily": "{font.family.sans}",
145
+ "fontSize": "{font.size.lg}",
146
+ "fontWeight": "{font.weight.normal}",
147
+ "lineHeight": "{font.line-height.relaxed}"
148
+ }
149
+ },
150
+ "base": {
151
+ "$type": "typography",
152
+ "$value": {
153
+ "fontFamily": "{font.family.sans}",
154
+ "fontSize": "{font.size.base}",
155
+ "fontWeight": "{font.weight.normal}",
156
+ "lineHeight": "{font.line-height.normal}"
157
+ }
158
+ },
159
+ "sm": {
160
+ "$type": "typography",
161
+ "$value": {
162
+ "fontFamily": "{font.family.sans}",
163
+ "fontSize": "{font.size.sm}",
164
+ "fontWeight": "{font.weight.normal}",
165
+ "lineHeight": "{font.line-height.normal}"
166
+ }
167
+ },
168
+ "xs": {
169
+ "$type": "typography",
170
+ "$value": {
171
+ "fontFamily": "{font.family.sans}",
172
+ "fontSize": "{font.size.xs}",
173
+ "fontWeight": "{font.weight.normal}",
174
+ "lineHeight": "{font.line-height.normal}"
175
+ }
176
+ }
177
+ },
178
+
179
+ "label": {
180
+ "lg": {
181
+ "$type": "typography",
182
+ "$value": {
183
+ "fontFamily": "{font.family.sans}",
184
+ "fontSize": "{font.size.base}",
185
+ "fontWeight": "{font.weight.medium}",
186
+ "lineHeight": "{font.line-height.normal}"
187
+ }
188
+ },
189
+ "base": {
190
+ "$type": "typography",
191
+ "$value": {
192
+ "fontFamily": "{font.family.sans}",
193
+ "fontSize": "{font.size.sm}",
194
+ "fontWeight": "{font.weight.medium}",
195
+ "lineHeight": "{font.line-height.normal}"
196
+ }
197
+ },
198
+ "sm": {
199
+ "$type": "typography",
200
+ "$value": {
201
+ "fontFamily": "{font.family.sans}",
202
+ "fontSize": "{font.size.xs}",
203
+ "fontWeight": "{font.weight.medium}",
204
+ "lineHeight": "{font.line-height.normal}"
205
+ }
206
+ }
207
+ },
208
+
209
+ "code": {
210
+ "$type": "typography",
211
+ "$value": {
212
+ "fontFamily": "{font.family.mono}",
213
+ "fontSize": "{font.size.sm}",
214
+ "fontWeight": "{font.weight.normal}",
215
+ "lineHeight": "{font.line-height.relaxed}"
216
+ }
217
+ }
218
+ }
219
+ }