@rainersoft/design-tokens 1.0.6 → 2.3.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 (28) hide show
  1. package/README.md +167 -519
  2. package/dist/index.d.mts +8485 -0
  3. package/dist/index.d.ts +1052 -31
  4. package/dist/index.js +44 -0
  5. package/dist/index.js.map +1 -0
  6. package/dist/index.mjs +16 -2
  7. package/dist/index.mjs.map +1 -1
  8. package/formats/tokens.json +7 -4
  9. package/package.json +37 -85
  10. package/themes/dark.ts +0 -89
  11. package/themes/index.ts +0 -99
  12. package/themes/light.ts +0 -88
  13. package/tokens/accessibility.ts +0 -280
  14. package/tokens/animations.json +0 -142
  15. package/tokens/breakpoints.json +0 -30
  16. package/tokens/colors/dark.json +0 -296
  17. package/tokens/colors/light.json +0 -272
  18. package/tokens/components/celestial-background.json +0 -106
  19. package/tokens/effects.json +0 -125
  20. package/tokens/hero.json +0 -69
  21. package/tokens/index.ts +0 -443
  22. package/tokens/motion.json +0 -33
  23. package/tokens/radius.json +0 -16
  24. package/tokens/shadows.json +0 -33
  25. package/tokens/spacing.json +0 -42
  26. package/tokens/typography.json +0 -264
  27. package/tokens/utilities.ts +0 -594
  28. package/tokens/z-index.json +0 -27
package/tokens/shadows.json DELETED
@@ -1,33 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/theme.json",
3
- "$description": "Shadow tokens - Elevation and depth",
4
- "shadows": {
5
- "light": {
6
- "xs": "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
7
- "sm": "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
8
- "base": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
9
- "md": "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
10
- "lg": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
11
- "xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
12
- "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
13
- "inner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)"
14
- },
15
- "dark": {
16
- "xs": "0 1px 2px 0 rgba(0, 0, 0, 0.5)",
17
- "sm": "0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5)",
18
- "base": "0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -2px rgba(0, 0, 0, 0.5)",
19
- "md": "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.5)",
20
- "lg": "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5)",
21
- "xl": "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
22
- "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.75)",
23
- "inner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.5)",
24
- "glow": {
25
- "cyan": "0 0 20px rgba(0, 230, 255, 0.5), 0 0 40px rgba(0, 230, 255, 0.3)",
26
- "pink": "0 0 20px rgba(255, 0, 255, 0.5), 0 0 40px rgba(255, 0, 255, 0.3)",
27
- "purple": "0 0 20px rgba(125, 0, 255, 0.5), 0 0 40px rgba(125, 0, 255, 0.3)",
28
- "green": "0 0 20px rgba(0, 255, 0, 0.5), 0 0 40px rgba(0, 255, 0, 0.3)"
29
- }
30
- }
31
- }
32
- }
33
-
package/tokens/spacing.json DELETED
@@ -1,42 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/theme.json",
3
- "$description": "Spacing tokens - Consistent spacing scale based on 8pt grid",
4
- "spacing": {
5
- "0": "0px",
6
- "px": "1px",
7
- "0.5": "0.125rem",
8
- "1": "0.25rem",
9
- "1.5": "0.375rem",
10
- "2": "0.5rem",
11
- "2.5": "0.625rem",
12
- "3": "0.75rem",
13
- "3.5": "0.875rem",
14
- "4": "1rem",
15
- "5": "1.25rem",
16
- "6": "1.5rem",
17
- "7": "1.75rem",
18
- "8": "2rem",
19
- "9": "2.25rem",
20
- "10": "2.5rem",
21
- "11": "2.75rem",
22
- "12": "3rem",
23
- "14": "3.5rem",
24
- "16": "4rem",
25
- "20": "5rem",
26
- "24": "6rem",
27
- "28": "7rem",
28
- "32": "8rem",
29
- "36": "9rem",
30
- "40": "10rem",
31
- "44": "11rem",
32
- "48": "12rem",
33
- "52": "13rem",
34
- "56": "14rem",
35
- "60": "15rem",
36
- "64": "16rem",
37
- "72": "18rem",
38
- "80": "20rem",
39
- "96": "24rem"
40
- }
41
- }
42
-
package/tokens/typography.json DELETED
@@ -1,264 +0,0 @@
1
- {
2
- "$schema": "https://json.schemastore.org/theme.json",
3
- "$description": "Typography tokens - Complete typographic scale with semantic hierarchy (H1-H6, subtitles, body, captions)",
4
- "typography": {
5
- "fontFamily": {
6
- "sans": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
7
- "serif": "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
8
- "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
9
- "display": "var(--font-orbitron, ui-sans-serif)",
10
- "body": "var(--font-inter, ui-sans-serif)",
11
- "code": "var(--font-rajdhani, ui-monospace)"
12
- },
13
- "fontSize": {
14
- "xs": "0.75rem",
15
- "sm": "0.875rem",
16
- "base": "1rem",
17
- "lg": "1.125rem",
18
- "xl": "1.25rem",
19
- "2xl": "1.5rem",
20
- "3xl": "1.875rem",
21
- "4xl": "2.25rem",
22
- "5xl": "3rem",
23
- "6xl": "3.75rem",
24
- "7xl": "4.5rem",
25
- "8xl": "6rem",
26
- "9xl": "8rem"
27
- },
28
- "fontWeight": {
29
- "thin": "100",
30
- "extralight": "200",
31
- "light": "300",
32
- "normal": "400",
33
- "medium": "500",
34
- "semibold": "600",
35
- "bold": "700",
36
- "extrabold": "800",
37
- "black": "900"
38
- },
39
- "lineHeight": {
40
- "none": "1",
41
- "tight": "1.25",
42
- "snug": "1.375",
43
- "normal": "1.5",
44
- "relaxed": "1.625",
45
- "loose": "2"
46
- },
47
- "letterSpacing": {
48
- "tighter": "-0.05em",
49
- "tight": "-0.025em",
50
- "normal": "0em",
51
- "wide": "0.025em",
52
- "wider": "0.05em",
53
- "widest": "0.1em"
54
- },
55
- "headings": {
56
- "h1": {
57
- "fontFamily": "var(--font-display, ui-sans-serif)",
58
- "fontSize": "clamp(2.25rem, 5vw + 1rem, 4.5rem)",
59
- "fontSizeMobile": "2.25rem",
60
- "fontSizeTablet": "3rem",
61
- "fontSizeDesktop": "4.5rem",
62
- "fontWeight": "900",
63
- "lineHeight": "1.1",
64
- "letterSpacing": "-0.02em",
65
- "marginBottom": "1rem"
66
- },
67
- "h2": {
68
- "fontFamily": "var(--font-display, ui-sans-serif)",
69
- "fontSize": "clamp(1.875rem, 4vw + 0.75rem, 3.75rem)",
70
- "fontSizeMobile": "1.875rem",
71
- "fontSizeTablet": "2.5rem",
72
- "fontSizeDesktop": "3.75rem",
73
- "fontWeight": "800",
74
- "lineHeight": "1.15",
75
- "letterSpacing": "-0.015em",
76
- "marginBottom": "0.875rem"
77
- },
78
- "h3": {
79
- "fontFamily": "var(--font-display, ui-sans-serif)",
80
- "fontSize": "clamp(1.5rem, 3vw + 0.5rem, 3rem)",
81
- "fontSizeMobile": "1.5rem",
82
- "fontSizeTablet": "2rem",
83
- "fontSizeDesktop": "3rem",
84
- "fontWeight": "700",
85
- "lineHeight": "1.2",
86
- "letterSpacing": "-0.01em",
87
- "marginBottom": "0.75rem"
88
- },
89
- "h4": {
90
- "fontFamily": "var(--font-body, ui-sans-serif)",
91
- "fontSize": "clamp(1.25rem, 2.5vw + 0.5rem, 2.25rem)",
92
- "fontSizeMobile": "1.25rem",
93
- "fontSizeTablet": "1.75rem",
94
- "fontSizeDesktop": "2.25rem",
95
- "fontWeight": "700",
96
- "lineHeight": "1.25",
97
- "letterSpacing": "0em",
98
- "marginBottom": "0.625rem"
99
- },
100
- "h5": {
101
- "fontFamily": "var(--font-body, ui-sans-serif)",
102
- "fontSize": "clamp(1.125rem, 2vw + 0.25rem, 1.875rem)",
103
- "fontSizeMobile": "1.125rem",
104
- "fontSizeTablet": "1.5rem",
105
- "fontSizeDesktop": "1.875rem",
106
- "fontWeight": "600",
107
- "lineHeight": "1.3",
108
- "letterSpacing": "0em",
109
- "marginBottom": "0.5rem"
110
- },
111
- "h6": {
112
- "fontFamily": "var(--font-body, ui-sans-serif)",
113
- "fontSize": "clamp(1rem, 1.5vw + 0.25rem, 1.5rem)",
114
- "fontSizeMobile": "1rem",
115
- "fontSizeTablet": "1.25rem",
116
- "fontSizeDesktop": "1.5rem",
117
- "fontWeight": "600",
118
- "lineHeight": "1.35",
119
- "letterSpacing": "0.01em",
120
- "marginBottom": "0.5rem"
121
- }
122
- },
123
- "subtitle": {
124
- "large": {
125
- "fontFamily": "var(--font-body, ui-sans-serif)",
126
- "fontSize": "clamp(1.25rem, 2vw + 0.5rem, 2rem)",
127
- "fontSizeMobile": "1.25rem",
128
- "fontSizeTablet": "1.5rem",
129
- "fontSizeDesktop": "2rem",
130
- "fontWeight": "500",
131
- "lineHeight": "1.4",
132
- "letterSpacing": "0em",
133
- "marginBottom": "0.5rem"
134
- },
135
- "medium": {
136
- "fontFamily": "var(--font-body, ui-sans-serif)",
137
- "fontSize": "clamp(1.125rem, 1.5vw + 0.25rem, 1.5rem)",
138
- "fontSizeMobile": "1.125rem",
139
- "fontSizeTablet": "1.25rem",
140
- "fontSizeDesktop": "1.5rem",
141
- "fontWeight": "500",
142
- "lineHeight": "1.4",
143
- "letterSpacing": "0em",
144
- "marginBottom": "0.5rem"
145
- },
146
- "small": {
147
- "fontFamily": "var(--font-body, ui-sans-serif)",
148
- "fontSize": "1rem",
149
- "fontWeight": "500",
150
- "lineHeight": "1.4",
151
- "letterSpacing": "0em",
152
- "marginBottom": "0.375rem"
153
- }
154
- },
155
- "body": {
156
- "large": {
157
- "fontFamily": "var(--font-body, ui-sans-serif)",
158
- "fontSize": "1.125rem",
159
- "fontWeight": "400",
160
- "lineHeight": "1.625",
161
- "letterSpacing": "0em"
162
- },
163
- "medium": {
164
- "fontFamily": "var(--font-body, ui-sans-serif)",
165
- "fontSize": "1rem",
166
- "fontWeight": "400",
167
- "lineHeight": "1.5",
168
- "letterSpacing": "0em"
169
- },
170
- "small": {
171
- "fontFamily": "var(--font-body, ui-sans-serif)",
172
- "fontSize": "0.875rem",
173
- "fontWeight": "400",
174
- "lineHeight": "1.5",
175
- "letterSpacing": "0em"
176
- }
177
- },
178
- "caption": {
179
- "large": {
180
- "fontFamily": "var(--font-body, ui-sans-serif)",
181
- "fontSize": "0.875rem",
182
- "fontWeight": "400",
183
- "lineHeight": "1.4",
184
- "letterSpacing": "0.01em"
185
- },
186
- "medium": {
187
- "fontFamily": "var(--font-body, ui-sans-serif)",
188
- "fontSize": "0.75rem",
189
- "fontWeight": "400",
190
- "lineHeight": "1.4",
191
- "letterSpacing": "0.01em"
192
- },
193
- "small": {
194
- "fontFamily": "var(--font-body, ui-sans-serif)",
195
- "fontSize": "0.625rem",
196
- "fontWeight": "400",
197
- "lineHeight": "1.3",
198
- "letterSpacing": "0.02em"
199
- }
200
- },
201
- "button": {
202
- "large": {
203
- "fontFamily": "var(--font-body, ui-sans-serif)",
204
- "fontSize": "1.125rem",
205
- "fontWeight": "600",
206
- "lineHeight": "1.5",
207
- "letterSpacing": "0.01em"
208
- },
209
- "medium": {
210
- "fontFamily": "var(--font-body, ui-sans-serif)",
211
- "fontSize": "1rem",
212
- "fontWeight": "600",
213
- "lineHeight": "1.5",
214
- "letterSpacing": "0.01em"
215
- },
216
- "small": {
217
- "fontFamily": "var(--font-body, ui-sans-serif)",
218
- "fontSize": "0.875rem",
219
- "fontWeight": "600",
220
- "lineHeight": "1.4",
221
- "letterSpacing": "0.01em"
222
- }
223
- },
224
- "label": {
225
- "large": {
226
- "fontFamily": "var(--font-body, ui-sans-serif)",
227
- "fontSize": "0.875rem",
228
- "fontWeight": "600",
229
- "lineHeight": "1.4",
230
- "letterSpacing": "0.01em"
231
- },
232
- "medium": {
233
- "fontFamily": "var(--font-body, ui-sans-serif)",
234
- "fontSize": "0.75rem",
235
- "fontWeight": "600",
236
- "lineHeight": "1.4",
237
- "letterSpacing": "0.01em"
238
- },
239
- "small": {
240
- "fontFamily": "var(--font-body, ui-sans-serif)",
241
- "fontSize": "0.625rem",
242
- "fontWeight": "600",
243
- "lineHeight": "1.3",
244
- "letterSpacing": "0.02em"
245
- }
246
- },
247
- "code": {
248
- "inline": {
249
- "fontFamily": "var(--font-code, ui-monospace)",
250
- "fontSize": "0.875em",
251
- "fontWeight": "400",
252
- "lineHeight": "1.5",
253
- "letterSpacing": "0em"
254
- },
255
- "block": {
256
- "fontFamily": "var(--font-code, ui-monospace)",
257
- "fontSize": "0.875rem",
258
- "fontWeight": "400",
259
- "lineHeight": "1.6",
260
- "letterSpacing": "0em"
261
- }
262
- }
263
- }
264
- }