shru-design-system 0.0.8 → 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.
@@ -1,294 +0,0 @@
1
- {
2
- "palette": {
3
- "white": "#ffffff",
4
- "black": "#000000",
5
- "transparent": "transparent",
6
- "neutral": {
7
- "50": "#fafafa",
8
- "100": "#f5f5f5",
9
- "200": "#e5e5e5",
10
- "300": "#d4d4d4",
11
- "400": "#a3a3a3",
12
- "500": "#737373",
13
- "600": "#525252",
14
- "700": "#404040",
15
- "800": "#262626",
16
- "900": "#171717",
17
- "950": "#0a0a0a"
18
- },
19
- "gray": {
20
- "50": "#f9fafb",
21
- "100": "#f3f4f6",
22
- "200": "#e5e7eb",
23
- "300": "#d1d5db",
24
- "400": "#9ca3af",
25
- "500": "#6b7280",
26
- "600": "#4b5563",
27
- "700": "#374151",
28
- "800": "#1f2937",
29
- "900": "#111827",
30
- "950": "#030712"
31
- },
32
- "slate": {
33
- "50": "#f8fafc",
34
- "100": "#f1f5f9",
35
- "200": "#e2e8f0",
36
- "300": "#cbd5e1",
37
- "400": "#94a3b8",
38
- "500": "#64748b",
39
- "600": "#475569",
40
- "700": "#334155",
41
- "800": "#1e293b",
42
- "900": "#0f172a",
43
- "950": "#020617"
44
- },
45
- "zinc": {
46
- "50": "#fafafa",
47
- "100": "#f4f4f5",
48
- "200": "#e4e4e7",
49
- "300": "#d4d4d8",
50
- "400": "#a1a1aa",
51
- "500": "#71717a",
52
- "600": "#52525b",
53
- "700": "#3f3f46",
54
- "800": "#27272a",
55
- "900": "#18181b",
56
- "950": "#09090b"
57
- },
58
- "stone": {
59
- "50": "#fafaf9",
60
- "100": "#f5f5f4",
61
- "200": "#e7e5e4",
62
- "300": "#d6d3d1",
63
- "400": "#a8a29e",
64
- "500": "#78716c",
65
- "600": "#57534e",
66
- "700": "#44403c",
67
- "800": "#292524",
68
- "900": "#1c1917",
69
- "950": "#0c0a09"
70
- },
71
- "red": {
72
- "50": "#fef2f2",
73
- "100": "#fee2e2",
74
- "200": "#fecaca",
75
- "300": "#fca5a5",
76
- "400": "#f87171",
77
- "500": "#ef4444",
78
- "600": "#dc2626",
79
- "700": "#b91c1c",
80
- "800": "#991b1b",
81
- "900": "#7f1d1d",
82
- "950": "#450a0a"
83
- },
84
- "orange": {
85
- "50": "#fff7ed",
86
- "100": "#ffedd5",
87
- "200": "#fed7aa",
88
- "300": "#fdba74",
89
- "400": "#fb923c",
90
- "500": "#f97316",
91
- "600": "#ea580c",
92
- "700": "#c2410c",
93
- "800": "#9a3412",
94
- "900": "#7c2d12",
95
- "950": "#431407"
96
- },
97
- "amber": {
98
- "50": "#fffbeb",
99
- "100": "#fef3c7",
100
- "200": "#fde68a",
101
- "300": "#fcd34d",
102
- "400": "#fbbf24",
103
- "500": "#f59e0b",
104
- "600": "#d97706",
105
- "700": "#b45309",
106
- "800": "#92400e",
107
- "900": "#78350f",
108
- "950": "#451a03"
109
- },
110
- "yellow": {
111
- "50": "#fefce8",
112
- "100": "#fef9c3",
113
- "200": "#fef08a",
114
- "300": "#fde047",
115
- "400": "#facc15",
116
- "500": "#eab308",
117
- "600": "#ca8a04",
118
- "700": "#a16207",
119
- "800": "#854d0e",
120
- "900": "#713f12",
121
- "950": "#422006"
122
- },
123
- "lime": {
124
- "50": "#f7fee7",
125
- "100": "#ecfccb",
126
- "200": "#d9f99d",
127
- "300": "#bef264",
128
- "400": "#a3e635",
129
- "500": "#84cc16",
130
- "600": "#65a30d",
131
- "700": "#4d7c0f",
132
- "800": "#365314",
133
- "900": "#365314",
134
- "950": "#1a2e05"
135
- },
136
- "green": {
137
- "50": "#f0fdf4",
138
- "100": "#dcfce7",
139
- "200": "#bbf7d0",
140
- "300": "#86efac",
141
- "400": "#4ade80",
142
- "500": "#22c55e",
143
- "600": "#16a34a",
144
- "700": "#15803d",
145
- "800": "#166534",
146
- "900": "#14532d",
147
- "950": "#052e16"
148
- },
149
- "emerald": {
150
- "50": "#ecfdf5",
151
- "100": "#d1fae5",
152
- "200": "#a7f3d0",
153
- "300": "#6ee7b7",
154
- "400": "#34d399",
155
- "500": "#10b981",
156
- "600": "#059669",
157
- "700": "#047857",
158
- "800": "#065f46",
159
- "900": "#064e3b",
160
- "950": "#022c22"
161
- },
162
- "teal": {
163
- "50": "#f0fdfa",
164
- "100": "#ccfbf1",
165
- "200": "#99f6e4",
166
- "300": "#5eead4",
167
- "400": "#2dd4bf",
168
- "500": "#14b8a6",
169
- "600": "#0d9488",
170
- "700": "#0f766e",
171
- "800": "#115e59",
172
- "900": "#134e4a",
173
- "950": "#042f2e"
174
- },
175
- "cyan": {
176
- "50": "#ecfeff",
177
- "100": "#cffafe",
178
- "200": "#a5f3fc",
179
- "300": "#67e8f9",
180
- "400": "#22d3ee",
181
- "500": "#06b6d4",
182
- "600": "#0891b2",
183
- "700": "#0e7490",
184
- "800": "#155e75",
185
- "900": "#164e63",
186
- "950": "#083344"
187
- },
188
- "sky": {
189
- "50": "#f0f9ff",
190
- "100": "#e0f2fe",
191
- "200": "#bae6fd",
192
- "300": "#7dd3fc",
193
- "400": "#38bdf8",
194
- "500": "#0ea5e9",
195
- "600": "#0284c7",
196
- "700": "#0369a1",
197
- "800": "#075985",
198
- "900": "#0c4a6e",
199
- "950": "#082f49"
200
- },
201
- "blue": {
202
- "50": "#eff6ff",
203
- "100": "#dbeafe",
204
- "200": "#bfdbfe",
205
- "300": "#93c5fd",
206
- "400": "#60a5fa",
207
- "500": "#3b82f6",
208
- "600": "#2563eb",
209
- "700": "#1d4ed8",
210
- "800": "#1e40af",
211
- "900": "#1e3a8a",
212
- "950": "#172554"
213
- },
214
- "indigo": {
215
- "50": "#eef2ff",
216
- "100": "#e0e7ff",
217
- "200": "#c7d2fe",
218
- "300": "#a5b4fc",
219
- "400": "#818cf8",
220
- "500": "#6366f1",
221
- "600": "#4f46e5",
222
- "700": "#4338ca",
223
- "800": "#3730a3",
224
- "900": "#312e81",
225
- "950": "#1e1b4b"
226
- },
227
- "violet": {
228
- "50": "#f5f3ff",
229
- "100": "#ede9fe",
230
- "200": "#ddd6fe",
231
- "300": "#c4b5fd",
232
- "400": "#a78bfa",
233
- "500": "#8b5cf6",
234
- "600": "#7c3aed",
235
- "700": "#6d28d9",
236
- "800": "#5b21b6",
237
- "900": "#4c1d95",
238
- "950": "#2e1065"
239
- },
240
- "purple": {
241
- "50": "#faf5ff",
242
- "100": "#f3e8ff",
243
- "200": "#e9d5ff",
244
- "300": "#d8b4fe",
245
- "400": "#c084fc",
246
- "500": "#a855f7",
247
- "600": "#9333ea",
248
- "700": "#7e22ce",
249
- "800": "#6b21a8",
250
- "900": "#581c87",
251
- "950": "#3b0764"
252
- },
253
- "fuchsia": {
254
- "50": "#fdf4ff",
255
- "100": "#fae8ff",
256
- "200": "#f5d0fe",
257
- "300": "#f0abfc",
258
- "400": "#e879f9",
259
- "500": "#d946ef",
260
- "600": "#c026d3",
261
- "700": "#a21caf",
262
- "800": "#86198f",
263
- "900": "#701a75",
264
- "950": "#4a044e"
265
- },
266
- "pink": {
267
- "50": "#fdf2f8",
268
- "100": "#fce7f3",
269
- "200": "#fbcfe8",
270
- "300": "#f9a8d4",
271
- "400": "#f472b6",
272
- "500": "#ec4899",
273
- "600": "#db2777",
274
- "700": "#be185d",
275
- "800": "#9f1859",
276
- "900": "#831843",
277
- "950": "#500724"
278
- },
279
- "rose": {
280
- "50": "#fff1f2",
281
- "100": "#ffe4e6",
282
- "200": "#fecdd3",
283
- "300": "#fda4af",
284
- "400": "#fb7185",
285
- "500": "#f43f5e",
286
- "600": "#e11d48",
287
- "700": "#be123c",
288
- "800": "#9f1239",
289
- "900": "#881337",
290
- "950": "#4c0519"
291
- }
292
- }
293
- }
294
-
@@ -1,14 +0,0 @@
1
- {
2
- "duration": {
3
- "fast": "100ms",
4
- "normal": "200ms",
5
- "slow": "300ms"
6
- },
7
- "easing": {
8
- "default": "ease-out",
9
- "in": "ease-in",
10
- "out": "ease-out",
11
- "in-out": "ease-in-out"
12
- }
13
- }
14
-
@@ -1,14 +0,0 @@
1
- {
2
- "duration": {
3
- "fast": "150ms",
4
- "normal": "300ms",
5
- "slow": "500ms"
6
- },
7
- "easing": {
8
- "default": "ease-in-out",
9
- "in": "ease-in",
10
- "out": "ease-out",
11
- "in-out": "ease-in-out"
12
- }
13
- }
14
-
@@ -1,38 +0,0 @@
1
- {
2
- "color": {
3
- "primary": "{palette.blue.400}",
4
- "primary-foreground": "{palette.gray.900}",
5
- "background": "{palette.gray.900}",
6
- "foreground": "{palette.gray.50}",
7
- "card": "{palette.gray.800}",
8
- "card-foreground": "{palette.gray.50}",
9
- "popover": "{palette.gray.800}",
10
- "popover-foreground": "{palette.gray.50}",
11
- "secondary": "{palette.gray.800}",
12
- "secondary-foreground": "{palette.gray.50}",
13
- "muted": "{palette.gray.800}",
14
- "muted-foreground": "{palette.gray.400}",
15
- "accent": "{palette.gray.800}",
16
- "accent-foreground": "{palette.gray.50}",
17
- "destructive": "{palette.red.500}",
18
- "destructive-foreground": "{palette.white}",
19
- "border": "{palette.gray.700}",
20
- "input": "{palette.gray.700}",
21
- "ring": "{palette.gray.600}",
22
- "chart-1": "{palette.blue.400}",
23
- "chart-2": "{palette.blue.500}",
24
- "chart-3": "{palette.blue.600}",
25
- "chart-4": "{palette.blue.700}",
26
- "chart-5": "{palette.blue.800}",
27
- "sidebar": "{palette.gray.800}",
28
- "sidebar-foreground": "{palette.gray.50}",
29
- "sidebar-primary": "{palette.blue.500}",
30
- "sidebar-primary-foreground": "{palette.white}",
31
- "sidebar-accent": "{palette.gray.700}",
32
- "sidebar-accent-foreground": "{palette.gray.50}",
33
- "sidebar-border": "{palette.gray.700}",
34
- "sidebar-ring": "{palette.gray.500}",
35
- "skeleton": "{palette.gray.700}"
36
- }
37
- }
38
-
@@ -1,38 +0,0 @@
1
- {
2
- "color": {
3
- "primary": "{palette.blue.500}",
4
- "primary-foreground": "{palette.white}",
5
- "background": "{palette.white}",
6
- "foreground": "{palette.gray.900}",
7
- "card": "{palette.white}",
8
- "card-foreground": "{palette.gray.900}",
9
- "popover": "{palette.white}",
10
- "popover-foreground": "{palette.gray.900}",
11
- "secondary": "{palette.gray.100}",
12
- "secondary-foreground": "{palette.gray.900}",
13
- "muted": "{palette.gray.100}",
14
- "muted-foreground": "{palette.gray.500}",
15
- "accent": "{palette.gray.100}",
16
- "accent-foreground": "{palette.gray.900}",
17
- "destructive": "{palette.red.500}",
18
- "destructive-foreground": "{palette.white}",
19
- "border": "{palette.gray.200}",
20
- "input": "{palette.gray.200}",
21
- "ring": "{palette.gray.400}",
22
- "chart-1": "{palette.blue.300}",
23
- "chart-2": "{palette.blue.500}",
24
- "chart-3": "{palette.blue.600}",
25
- "chart-4": "{palette.blue.700}",
26
- "chart-5": "{palette.blue.800}",
27
- "sidebar": "{palette.white}",
28
- "sidebar-foreground": "{palette.gray.900}",
29
- "sidebar-primary": "{palette.blue.600}",
30
- "sidebar-primary-foreground": "{palette.white}",
31
- "sidebar-accent": "{palette.gray.100}",
32
- "sidebar-accent-foreground": "{palette.gray.900}",
33
- "sidebar-border": "{palette.gray.200}",
34
- "sidebar-ring": "{palette.gray.400}",
35
- "skeleton": "{palette.gray.200}"
36
- }
37
- }
38
-
@@ -1,13 +0,0 @@
1
- {
2
- "color": {
3
- "primary": "{palette.purple.600}",
4
- "primary-foreground": "{palette.white}",
5
- "accent": "{palette.pink.500}",
6
- "accent-foreground": "{palette.white}"
7
- },
8
- "radius": {
9
- "button": "0.5rem",
10
- "card": "0.75rem"
11
- }
12
- }
13
-
@@ -1,16 +0,0 @@
1
- {
2
- "color": {
3
- "primary": "{palette.gray.700}",
4
- "primary-foreground": "{palette.white}",
5
- "background": "{palette.white}",
6
- "foreground": "{palette.gray.900}"
7
- },
8
- "spacing": {
9
- "component": {
10
- "xs": "0.375rem",
11
- "sm": "0.5rem",
12
- "md": "0.75rem"
13
- }
14
- }
15
- }
16
-
@@ -1,19 +0,0 @@
1
- {
2
- "spacing": {
3
- "component": {
4
- "xs": "0.5rem",
5
- "sm": "0.75rem",
6
- "md": "1rem",
7
- "lg": "1.5rem",
8
- "xl": "2rem"
9
- },
10
- "layout": {
11
- "xs": "1rem",
12
- "sm": "1.5rem",
13
- "md": "2rem",
14
- "lg": "3rem",
15
- "xl": "4rem"
16
- }
17
- }
18
- }
19
-
@@ -1,19 +0,0 @@
1
- {
2
- "spacing": {
3
- "component": {
4
- "xs": "0.25rem",
5
- "sm": "0.5rem",
6
- "md": "0.75rem",
7
- "lg": "1rem",
8
- "xl": "1.5rem"
9
- },
10
- "layout": {
11
- "xs": "0.5rem",
12
- "sm": "1rem",
13
- "md": "1.5rem",
14
- "lg": "2rem",
15
- "xl": "3rem"
16
- }
17
- }
18
- }
19
-
@@ -1,11 +0,0 @@
1
- {
2
- "radius": {
3
- "button": "0rem",
4
- "card": "0rem",
5
- "input": "0rem",
6
- "modal": "0rem",
7
- "tooltip": "0rem",
8
- "badge": "0rem"
9
- }
10
- }
11
-
@@ -1,11 +0,0 @@
1
- {
2
- "radius": {
3
- "button": "0.375rem",
4
- "card": "0.5rem",
5
- "input": "0.375rem",
6
- "modal": "0.75rem",
7
- "tooltip": "0.375rem",
8
- "badge": "9999px"
9
- }
10
- }
11
-
@@ -1,25 +0,0 @@
1
- {
2
- "font": {
3
- "body": "var(--font-sans)",
4
- "heading": "var(--font-sans)",
5
- "mono": "var(--font-mono)"
6
- },
7
- "fontWeight": {
8
- "normal": "400",
9
- "medium": "500",
10
- "semibold": "600",
11
- "bold": "700"
12
- },
13
- "fontSize": {
14
- "sm": "0.875rem",
15
- "base": "1rem",
16
- "lg": "1.125rem",
17
- "xl": "1.25rem",
18
- "2xl": "1.5rem"
19
- },
20
- "lineHeight": {
21
- "normal": "1.5",
22
- "relaxed": "1.75"
23
- }
24
- }
25
-
@@ -1,25 +0,0 @@
1
- {
2
- "font": {
3
- "body": "var(--font-serif)",
4
- "heading": "var(--font-serif)",
5
- "mono": "var(--font-mono)"
6
- },
7
- "fontWeight": {
8
- "normal": "400",
9
- "medium": "500",
10
- "semibold": "600",
11
- "bold": "700"
12
- },
13
- "fontSize": {
14
- "sm": "0.875rem",
15
- "base": "1rem",
16
- "lg": "1.125rem",
17
- "xl": "1.25rem",
18
- "2xl": "1.5rem"
19
- },
20
- "lineHeight": {
21
- "normal": "1.5",
22
- "relaxed": "1.75"
23
- }
24
- }
25
-