@soli92/solids 1.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 (11) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/LICENSE +0 -0
  3. package/README.md +231 -0
  4. package/dist/css/base.css +56 -0
  5. package/dist/css/index.css +6 -0
  6. package/dist/css/shadcn.css +167 -0
  7. package/dist/css/themes.css +101 -0
  8. package/dist/css/utilities.css +260 -0
  9. package/dist/css/variables.css +305 -0
  10. package/dist/tokens/tokens.json +421 -0
  11. package/package.json +68 -0
package/dist/tokens/tokens.json ADDED
@@ -0,0 +1,421 @@
1
+ {
2
+ "$schema": "https://solids.design/tokens.schema.json",
3
+ "base": {
4
+ "color": {
5
+ "gray": {
6
+ "0": "#FFFFFF",
7
+ "50": "#F9FAFB",
8
+ "100": "#F3F4F6",
9
+ "200": "#E5E7EB",
10
+ "300": "#D1D5DB",
11
+ "400": "#9CA3AF",
12
+ "500": "#6B7280",
13
+ "600": "#4B5563",
14
+ "700": "#374151",
15
+ "800": "#1F2937",
16
+ "900": "#111827",
17
+ "950": "#030712"
18
+ },
19
+ "blue": {
20
+ "50": "#EFF6FF",
21
+ "100": "#DBEAFE",
22
+ "200": "#BFDBFE",
23
+ "300": "#93C5FD",
24
+ "400": "#60A5FA",
25
+ "500": "#3B82F6",
26
+ "600": "#2563EB",
27
+ "700": "#1D4ED8",
28
+ "800": "#1E40AF",
29
+ "900": "#1E3A8A"
30
+ },
31
+ "green": {
32
+ "50": "#F0FDF4",
33
+ "100": "#DCFCE7",
34
+ "400": "#4ADE80",
35
+ "500": "#22C55E",
36
+ "600": "#16A34A",
37
+ "700": "#15803D",
38
+ "900": "#14532D"
39
+ },
40
+ "amber": {
41
+ "50": "#FFFBEB",
42
+ "100": "#FEF3C7",
43
+ "400": "#FBBF24",
44
+ "500": "#F59E0B",
45
+ "600": "#D97706",
46
+ "700": "#B45309",
47
+ "900": "#78350F"
48
+ },
49
+ "red": {
50
+ "50": "#FEF2F2",
51
+ "100": "#FEE2E2",
52
+ "400": "#F87171",
53
+ "500": "#EF4444",
54
+ "600": "#DC2626",
55
+ "700": "#B91C1C",
56
+ "900": "#7F1D1D"
57
+ },
58
+ "violet": {
59
+ "50": "#F5F3FF",
60
+ "100": "#EDE9FE",
61
+ "400": "#A78BFA",
62
+ "500": "#8B5CF6",
63
+ "600": "#7C3AED",
64
+ "700": "#6D28D9",
65
+ "900": "#4C1D95"
66
+ },
67
+ "white": "#FFFFFF",
68
+ "black": "#000000",
69
+ "transparent": "transparent"
70
+ },
71
+ "space": {
72
+ "0": "0px",
73
+ "1": "4px",
74
+ "2": "8px",
75
+ "3": "12px",
76
+ "4": "16px",
77
+ "5": "20px",
78
+ "6": "24px",
79
+ "7": "28px",
80
+ "8": "32px",
81
+ "9": "36px",
82
+ "10": "40px",
83
+ "12": "48px",
84
+ "14": "56px",
85
+ "16": "64px",
86
+ "20": "80px",
87
+ "24": "96px",
88
+ "32": "128px",
89
+ "40": "160px",
90
+ "48": "192px",
91
+ "64": "256px",
92
+ "px": "1px",
93
+ "0.5": "2px",
94
+ "1.5": "6px",
95
+ "2.5": "10px",
96
+ "3.5": "14px"
97
+ },
98
+ "radius": {
99
+ "none": "0px",
100
+ "sm": "4px",
101
+ "md": "8px",
102
+ "lg": "12px",
103
+ "xl": "16px",
104
+ "2xl": "20px",
105
+ "3xl": "24px",
106
+ "full": "9999px"
107
+ },
108
+ "font": {
109
+ "family": {
110
+ "sans": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
111
+ "serif": "ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif",
112
+ "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
113
+ },
114
+ "size": {
115
+ "xs": "0.75rem",
116
+ "sm": "0.875rem",
117
+ "base": "1rem",
118
+ "lg": "1.125rem",
119
+ "xl": "1.25rem",
120
+ "2xl": "1.5rem",
121
+ "3xl": "1.875rem",
122
+ "4xl": "2.25rem",
123
+ "5xl": "3rem",
124
+ "6xl": "3.75rem"
125
+ },
126
+ "weight": {
127
+ "light": "300",
128
+ "regular": "400",
129
+ "medium": "500",
130
+ "semibold": "600",
131
+ "bold": "700",
132
+ "extrabold": "800"
133
+ },
134
+ "leading": {
135
+ "none": "1",
136
+ "tight": "1.25",
137
+ "snug": "1.375",
138
+ "normal": "1.5",
139
+ "relaxed": "1.625",
140
+ "loose": "2"
141
+ },
142
+ "tracking": {
143
+ "tight": "-0.05em",
144
+ "normal": "0em",
145
+ "wide": "0.025em",
146
+ "wider": "0.05em",
147
+ "widest": "0.1em"
148
+ }
149
+ },
150
+ "shadow": {
151
+ "none": "none",
152
+ "xs": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
153
+ "sm": "0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10)",
154
+ "md": "0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)",
155
+ "lg": "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)",
156
+ "xl": "0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10)",
157
+ "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
158
+ "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
159
+ },
160
+ "duration": {
161
+ "instant": "0ms",
162
+ "fast": "100ms",
163
+ "normal": "200ms",
164
+ "slow": "300ms",
165
+ "slower": "500ms"
166
+ },
167
+ "easing": {
168
+ "linear": "linear",
169
+ "ease": "ease",
170
+ "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
171
+ "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
172
+ "ease-inout": "cubic-bezier(0.4, 0, 0.2, 1)"
173
+ },
174
+ "z": {
175
+ "hide": "-1",
176
+ "base": "0",
177
+ "raised": "1",
178
+ "dropdown": "10",
179
+ "sticky": "100",
180
+ "overlay": "200",
181
+ "modal": "300",
182
+ "toast": "400",
183
+ "tooltip": "500"
184
+ }
185
+ },
186
+ "semantic": {
187
+ "_comment": "Semantic tokens reference base values. These are overridden per-theme in themes/light.json and themes/dark.json. Default = light.",
188
+ "color": {
189
+ "text": {
190
+ "primary": "#111827",
191
+ "secondary": "#4B5563",
192
+ "tertiary": "#6B7280",
193
+ "disabled": "#9CA3AF",
194
+ "inverse": "#FFFFFF",
195
+ "link": "#2563EB",
196
+ "link-hover": "#1D4ED8"
197
+ },
198
+ "bg": {
199
+ "canvas": "#FFFFFF",
200
+ "surface": "#F9FAFB",
201
+ "elevated": "#FFFFFF",
202
+ "overlay": "rgba(0,0,0,0.5)",
203
+ "hover": "#F3F4F6",
204
+ "active": "#E5E7EB",
205
+ "disabled": "#F3F4F6"
206
+ },
207
+ "border": {
208
+ "default": "#E5E7EB",
209
+ "muted": "#F3F4F6",
210
+ "strong": "#9CA3AF",
211
+ "focus": "#3B82F6",
212
+ "disabled": "#E5E7EB"
213
+ },
214
+ "intent": {
215
+ "success": "#16A34A",
216
+ "success-bg": "#F0FDF4",
217
+ "success-border": "#4ADE80",
218
+ "warning": "#D97706",
219
+ "warning-bg": "#FFFBEB",
220
+ "warning-border": "#FBBF24",
221
+ "danger": "#DC2626",
222
+ "danger-bg": "#FEF2F2",
223
+ "danger-border": "#F87171",
224
+ "info": "#2563EB",
225
+ "info-bg": "#EFF6FF",
226
+ "info-border": "#93C5FD"
227
+ },
228
+ "primary": {
229
+ "default": "#2563EB",
230
+ "hover": "#1D4ED8",
231
+ "active": "#1E40AF",
232
+ "subtle": "#EFF6FF",
233
+ "foreground": "#FFFFFF"
234
+ },
235
+ "secondary": {
236
+ "default": "#F3F4F6",
237
+ "hover": "#E5E7EB",
238
+ "active": "#D1D5DB",
239
+ "foreground": "#111827"
240
+ },
241
+ "muted": {
242
+ "default": "#F3F4F6",
243
+ "foreground": "#6B7280"
244
+ },
245
+ "accent": {
246
+ "default": "#F3F4F6",
247
+ "foreground": "#111827"
248
+ },
249
+ "destructive": {
250
+ "default": "#DC2626",
251
+ "foreground": "#FFFFFF"
252
+ }
253
+ },
254
+ "space": {
255
+ "xs": "4px",
256
+ "sm": "8px",
257
+ "md": "16px",
258
+ "lg": "24px",
259
+ "xl": "32px",
260
+ "2xl": "48px",
261
+ "3xl": "64px"
262
+ },
263
+ "radius": {
264
+ "sm": "4px",
265
+ "md": "8px",
266
+ "lg": "12px",
267
+ "xl": "16px",
268
+ "full": "9999px"
269
+ },
270
+ "font": {
271
+ "body": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
272
+ "heading": "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
273
+ "mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace"
274
+ },
275
+ "shadow": {
276
+ "sm": "0 1px 3px 0 rgb(0 0 0 / 0.10), 0 1px 2px -1px rgb(0 0 0 / 0.10)",
277
+ "md": "0 4px 6px -1px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.10)",
278
+ "lg": "0 10px 15px -3px rgb(0 0 0 / 0.10), 0 4px 6px -4px rgb(0 0 0 / 0.10)",
279
+ "xl": "0 20px 25px -5px rgb(0 0 0 / 0.10), 0 8px 10px -6px rgb(0 0 0 / 0.10)"
280
+ }
281
+ },
282
+ "themes": {
283
+ "light": {
284
+ "_comment": "Light theme overrides. All values here override the semantic defaults for [data-theme='light'] or :root.",
285
+ "color": {
286
+ "text": {
287
+ "primary": "#111827",
288
+ "secondary": "#4B5563",
289
+ "tertiary": "#6B7280",
290
+ "disabled": "#9CA3AF",
291
+ "inverse": "#FFFFFF",
292
+ "link": "#2563EB",
293
+ "link-hover": "#1D4ED8"
294
+ },
295
+ "bg": {
296
+ "canvas": "#FFFFFF",
297
+ "surface": "#F9FAFB",
298
+ "elevated": "#FFFFFF",
299
+ "hover": "#F3F4F6",
300
+ "active": "#E5E7EB",
301
+ "disabled": "#F3F4F6"
302
+ },
303
+ "border": {
304
+ "default": "#E5E7EB",
305
+ "muted": "#F3F4F6",
306
+ "strong": "#9CA3AF",
307
+ "focus": "#3B82F6",
308
+ "disabled": "#E5E7EB"
309
+ },
310
+ "intent": {
311
+ "success": "#16A34A",
312
+ "success-bg": "#F0FDF4",
313
+ "success-border": "#4ADE80",
314
+ "warning": "#D97706",
315
+ "warning-bg": "#FFFBEB",
316
+ "warning-border": "#FBBF24",
317
+ "danger": "#DC2626",
318
+ "danger-bg": "#FEF2F2",
319
+ "danger-border": "#F87171",
320
+ "info": "#2563EB",
321
+ "info-bg": "#EFF6FF",
322
+ "info-border": "#93C5FD"
323
+ },
324
+ "primary": {
325
+ "default": "#2563EB",
326
+ "hover": "#1D4ED8",
327
+ "active": "#1E40AF",
328
+ "subtle": "#EFF6FF",
329
+ "foreground": "#FFFFFF"
330
+ },
331
+ "secondary": {
332
+ "default": "#F3F4F6",
333
+ "hover": "#E5E7EB",
334
+ "active": "#D1D5DB",
335
+ "foreground": "#111827"
336
+ },
337
+ "muted": {
338
+ "default": "#F3F4F6",
339
+ "foreground": "#6B7280"
340
+ },
341
+ "accent": {
342
+ "default": "#F3F4F6",
343
+ "foreground": "#111827"
344
+ },
345
+ "destructive": {
346
+ "default": "#DC2626",
347
+ "foreground": "#FFFFFF"
348
+ }
349
+ }
350
+ },
351
+ "dark": {
352
+ "_comment": "Dark theme overrides. All values here override the semantic defaults for [data-theme='dark'] or @media (prefers-color-scheme: dark).",
353
+ "color": {
354
+ "text": {
355
+ "primary": "#F9FAFB",
356
+ "secondary": "#D1D5DB",
357
+ "tertiary": "#9CA3AF",
358
+ "disabled": "#6B7280",
359
+ "inverse": "#111827",
360
+ "link": "#60A5FA",
361
+ "link-hover": "#93C5FD"
362
+ },
363
+ "bg": {
364
+ "canvas": "#0B1120",
365
+ "surface": "#111827",
366
+ "elevated": "#1F2937",
367
+ "overlay": "rgba(0,0,0,0.7)",
368
+ "hover": "#1F2937",
369
+ "active": "#374151",
370
+ "disabled": "#1F2937"
371
+ },
372
+ "border": {
373
+ "default": "#374151",
374
+ "muted": "#1F2937",
375
+ "strong": "#4B5563",
376
+ "focus": "#60A5FA",
377
+ "disabled": "#374151"
378
+ },
379
+ "intent": {
380
+ "success": "#4ADE80",
381
+ "success-bg": "#052e16",
382
+ "success-border": "#166534",
383
+ "warning": "#FBBF24",
384
+ "warning-bg": "#1c1004",
385
+ "warning-border": "#92400e",
386
+ "danger": "#F87171",
387
+ "danger-bg": "#1c0404",
388
+ "danger-border": "#991b1b",
389
+ "info": "#60A5FA",
390
+ "info-bg": "#0c1a3a",
391
+ "info-border": "#1e3a8a"
392
+ },
393
+ "primary": {
394
+ "default": "#3B82F6",
395
+ "hover": "#60A5FA",
396
+ "active": "#93C5FD",
397
+ "subtle": "#0c1a3a",
398
+ "foreground": "#FFFFFF"
399
+ },
400
+ "secondary": {
401
+ "default": "#1F2937",
402
+ "hover": "#374151",
403
+ "active": "#4B5563",
404
+ "foreground": "#F9FAFB"
405
+ },
406
+ "muted": {
407
+ "default": "#1F2937",
408
+ "foreground": "#9CA3AF"
409
+ },
410
+ "accent": {
411
+ "default": "#1F2937",
412
+ "foreground": "#F9FAFB"
413
+ },
414
+ "destructive": {
415
+ "default": "#DC2626",
416
+ "foreground": "#FFFFFF"
417
+ }
418
+ }
419
+ }
420
+ }
421
+ }
package/package.json ADDED
@@ -0,0 +1,68 @@
1
+ {
2
+ "name": "@soli92/solids",
3
+ "version": "1.0.0",
4
+ "description": "SoliDS – agnostic design system foundations (tokens + CSS) with shadcn/ui compatibility.",
5
+ "license": "MIT",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git+https://github.com/Soli92/solids.git"
9
+ },
10
+ "homepage": "https://github.com/Soli92/solids#readme",
11
+ "bugs": {
12
+ "url": "https://github.com/Soli92/solids/issues"
13
+ },
14
+ "keywords": [
15
+ "design-system",
16
+ "tokens",
17
+ "css-variables",
18
+ "shadcn",
19
+ "shadcn-ui",
20
+ "tailwind",
21
+ "solids"
22
+ ],
23
+ "sideEffects": false,
24
+ "type": "module",
25
+ "files": [
26
+ "dist/",
27
+ "README.md",
28
+ "LICENSE",
29
+ "CHANGELOG.md"
30
+ ],
31
+ "exports": {
32
+ ".": {
33
+ "default": "./dist/tokens/tokens.json"
34
+ },
35
+ "./tokens": "./dist/tokens/tokens.json",
36
+ "./css/index.css": "./dist/css/index.css",
37
+ "./css/variables.css": "./dist/css/variables.css",
38
+ "./css/themes.css": "./dist/css/themes.css",
39
+ "./css/shadcn.css": "./dist/css/shadcn.css",
40
+ "./css/base.css": "./dist/css/base.css",
41
+ "./css/utilities.css": "./dist/css/utilities.css"
42
+ },
43
+ "publishConfig": {
44
+ "access": "public"
45
+ },
46
+ "scripts": {
47
+ "build": "node ./scripts/build.mjs",
48
+ "clean": "node -e \"import('node:fs').then(({rmSync})=>rmSync('dist',{recursive:true,force:true}))\"",
49
+ "prepublishOnly": "npm run build",
50
+ "release": "semantic-release",
51
+ "storybook": "storybook dev -p 6006 --docs",
52
+ "build-storybook": "storybook build"
53
+ },
54
+ "devDependencies": {
55
+ "@semantic-release/changelog": "^6.0.0",
56
+ "@semantic-release/commit-analyzer": "^13.0.0",
57
+ "@semantic-release/git": "^10.0.0",
58
+ "@semantic-release/github": "^10.0.0",
59
+ "@semantic-release/npm": "^12.0.2",
60
+ "@semantic-release/release-notes-generator": "^14.0.0",
61
+ "@storybook/addon-docs": "^8.6.14",
62
+ "@storybook/addon-essentials": "^8.6.14",
63
+ "@storybook/blocks": "^8.6.14",
64
+ "@storybook/react-vite": "^8.6.14",
65
+ "semantic-release": "^25.0.0",
66
+ "storybook": "^8.6.14"
67
+ }
68
+ }