1 | /**
|
2 | * [[include:src/colors/README.md]]
|
3 | *
|
4 | * @packageDocumentation
|
5 | * @module twind/colors
|
6 | */
|
7 | declare const black = "#000";
|
8 | declare const white = "#fff";
|
9 | declare const rose: {
|
10 | readonly 50: "#fff1f2";
|
11 | readonly 100: "#ffe4e6";
|
12 | readonly 200: "#fecdd3";
|
13 | readonly 300: "#fda4af";
|
14 | readonly 400: "#fb7185";
|
15 | readonly 500: "#f43f5e";
|
16 | readonly 600: "#e11d48";
|
17 | readonly 700: "#be123c";
|
18 | readonly 800: "#9f1239";
|
19 | readonly 900: "#881337";
|
20 | };
|
21 | declare const pink: {
|
22 | readonly 50: "#fdf2f8";
|
23 | readonly 100: "#fce7f3";
|
24 | readonly 200: "#fbcfe8";
|
25 | readonly 300: "#f9a8d4";
|
26 | readonly 400: "#f472b6";
|
27 | readonly 500: "#ec4899";
|
28 | readonly 600: "#db2777";
|
29 | readonly 700: "#be185d";
|
30 | readonly 800: "#9d174d";
|
31 | readonly 900: "#831843";
|
32 | };
|
33 | declare const fuchsia: {
|
34 | readonly 50: "#fdf4ff";
|
35 | readonly 100: "#fae8ff";
|
36 | readonly 200: "#f5d0fe";
|
37 | readonly 300: "#f0abfc";
|
38 | readonly 400: "#e879f9";
|
39 | readonly 500: "#d946ef";
|
40 | readonly 600: "#c026d3";
|
41 | readonly 700: "#a21caf";
|
42 | readonly 800: "#86198f";
|
43 | readonly 900: "#701a75";
|
44 | };
|
45 | declare const purple: {
|
46 | readonly 50: "#faf5ff";
|
47 | readonly 100: "#f3e8ff";
|
48 | readonly 200: "#e9d5ff";
|
49 | readonly 300: "#d8b4fe";
|
50 | readonly 400: "#c084fc";
|
51 | readonly 500: "#a855f7";
|
52 | readonly 600: "#9333ea";
|
53 | readonly 700: "#7e22ce";
|
54 | readonly 800: "#6b21a8";
|
55 | readonly 900: "#581c87";
|
56 | };
|
57 | declare const violet: {
|
58 | readonly 50: "#f5f3ff";
|
59 | readonly 100: "#ede9fe";
|
60 | readonly 200: "#ddd6fe";
|
61 | readonly 300: "#c4b5fd";
|
62 | readonly 400: "#a78bfa";
|
63 | readonly 500: "#8b5cf6";
|
64 | readonly 600: "#7c3aed";
|
65 | readonly 700: "#6d28d9";
|
66 | readonly 800: "#5b21b6";
|
67 | readonly 900: "#4c1d95";
|
68 | };
|
69 | declare const indigo: {
|
70 | readonly 50: "#eef2ff";
|
71 | readonly 100: "#e0e7ff";
|
72 | readonly 200: "#c7d2fe";
|
73 | readonly 300: "#a5b4fc";
|
74 | readonly 400: "#818cf8";
|
75 | readonly 500: "#6366f1";
|
76 | readonly 600: "#4f46e5";
|
77 | readonly 700: "#4338ca";
|
78 | readonly 800: "#3730a3";
|
79 | readonly 900: "#312e81";
|
80 | };
|
81 | declare const blue: {
|
82 | readonly 50: "#eff6ff";
|
83 | readonly 100: "#dbeafe";
|
84 | readonly 200: "#bfdbfe";
|
85 | readonly 300: "#93c5fd";
|
86 | readonly 400: "#60a5fa";
|
87 | readonly 500: "#3b82f6";
|
88 | readonly 600: "#2563eb";
|
89 | readonly 700: "#1d4ed8";
|
90 | readonly 800: "#1e40af";
|
91 | readonly 900: "#1e3a8a";
|
92 | };
|
93 | declare const lightBlue: {
|
94 | readonly 50: "#f0f9ff";
|
95 | readonly 100: "#e0f2fe";
|
96 | readonly 200: "#bae6fd";
|
97 | readonly 300: "#7dd3fc";
|
98 | readonly 400: "#38bdf8";
|
99 | readonly 500: "#0ea5e9";
|
100 | readonly 600: "#0284c7";
|
101 | readonly 700: "#0369a1";
|
102 | readonly 800: "#075985";
|
103 | readonly 900: "#0c4a6e";
|
104 | };
|
105 | declare const cyan: {
|
106 | readonly 50: "#ecfeff";
|
107 | readonly 100: "#cffafe";
|
108 | readonly 200: "#a5f3fc";
|
109 | readonly 300: "#67e8f9";
|
110 | readonly 400: "#22d3ee";
|
111 | readonly 500: "#06b6d4";
|
112 | readonly 600: "#0891b2";
|
113 | readonly 700: "#0e7490";
|
114 | readonly 800: "#155e75";
|
115 | readonly 900: "#164e63";
|
116 | };
|
117 | declare const sky: {
|
118 | readonly 50: "#f0f9ff";
|
119 | readonly 100: "#e0f2fe";
|
120 | readonly 200: "#bae6fd";
|
121 | readonly 300: "#7dd3fc";
|
122 | readonly 400: "#38bdf8";
|
123 | readonly 500: "#0ea5e9";
|
124 | readonly 600: "#0284c7";
|
125 | readonly 700: "#0369a1";
|
126 | readonly 800: "#075985";
|
127 | readonly 900: "#0c4a6e";
|
128 | };
|
129 | declare const teal: {
|
130 | readonly 50: "#f0fdfa";
|
131 | readonly 100: "#ccfbf1";
|
132 | readonly 200: "#99f6e4";
|
133 | readonly 300: "#5eead4";
|
134 | readonly 400: "#2dd4bf";
|
135 | readonly 500: "#14b8a6";
|
136 | readonly 600: "#0d9488";
|
137 | readonly 700: "#0f766e";
|
138 | readonly 800: "#115e59";
|
139 | readonly 900: "#134e4a";
|
140 | };
|
141 | declare const emerald: {
|
142 | readonly 50: "#ecfdf5";
|
143 | readonly 100: "#d1fae5";
|
144 | readonly 200: "#a7f3d0";
|
145 | readonly 300: "#6ee7b7";
|
146 | readonly 400: "#34d399";
|
147 | readonly 500: "#10b981";
|
148 | readonly 600: "#059669";
|
149 | readonly 700: "#047857";
|
150 | readonly 800: "#065f46";
|
151 | readonly 900: "#064e3b";
|
152 | };
|
153 | declare const green: {
|
154 | readonly 50: "#f0fdf4";
|
155 | readonly 100: "#dcfce7";
|
156 | readonly 200: "#bbf7d0";
|
157 | readonly 300: "#86efac";
|
158 | readonly 400: "#4ade80";
|
159 | readonly 500: "#22c55e";
|
160 | readonly 600: "#16a34a";
|
161 | readonly 700: "#15803d";
|
162 | readonly 800: "#166534";
|
163 | readonly 900: "#14532d";
|
164 | };
|
165 | declare const lime: {
|
166 | readonly 50: "#f7fee7";
|
167 | readonly 100: "#ecfccb";
|
168 | readonly 200: "#d9f99d";
|
169 | readonly 300: "#bef264";
|
170 | readonly 400: "#a3e635";
|
171 | readonly 500: "#84cc16";
|
172 | readonly 600: "#65a30d";
|
173 | readonly 700: "#4d7c0f";
|
174 | readonly 800: "#3f6212";
|
175 | readonly 900: "#365314";
|
176 | };
|
177 | declare const yellow: {
|
178 | readonly 50: "#fefce8";
|
179 | readonly 100: "#fef9c3";
|
180 | readonly 200: "#fef08a";
|
181 | readonly 300: "#fde047";
|
182 | readonly 400: "#facc15";
|
183 | readonly 500: "#eab308";
|
184 | readonly 600: "#ca8a04";
|
185 | readonly 700: "#a16207";
|
186 | readonly 800: "#854d0e";
|
187 | readonly 900: "#713f12";
|
188 | };
|
189 | declare const amber: {
|
190 | readonly 50: "#fffbeb";
|
191 | readonly 100: "#fef3c7";
|
192 | readonly 200: "#fde68a";
|
193 | readonly 300: "#fcd34d";
|
194 | readonly 400: "#fbbf24";
|
195 | readonly 500: "#f59e0b";
|
196 | readonly 600: "#d97706";
|
197 | readonly 700: "#b45309";
|
198 | readonly 800: "#92400e";
|
199 | readonly 900: "#78350f";
|
200 | };
|
201 | declare const orange: {
|
202 | readonly 50: "#fff7ed";
|
203 | readonly 100: "#ffedd5";
|
204 | readonly 200: "#fed7aa";
|
205 | readonly 300: "#fdba74";
|
206 | readonly 400: "#fb923c";
|
207 | readonly 500: "#f97316";
|
208 | readonly 600: "#ea580c";
|
209 | readonly 700: "#c2410c";
|
210 | readonly 800: "#9a3412";
|
211 | readonly 900: "#7c2d12";
|
212 | };
|
213 | declare const red: {
|
214 | readonly 50: "#fef2f2";
|
215 | readonly 100: "#fee2e2";
|
216 | readonly 200: "#fecaca";
|
217 | readonly 300: "#fca5a5";
|
218 | readonly 400: "#f87171";
|
219 | readonly 500: "#ef4444";
|
220 | readonly 600: "#dc2626";
|
221 | readonly 700: "#b91c1c";
|
222 | readonly 800: "#991b1b";
|
223 | readonly 900: "#7f1d1d";
|
224 | };
|
225 | declare const warmGray: {
|
226 | readonly 50: "#fafaf9";
|
227 | readonly 100: "#f5f5f4";
|
228 | readonly 200: "#e7e5e4";
|
229 | readonly 300: "#d6d3d1";
|
230 | readonly 400: "#a8a29e";
|
231 | readonly 500: "#78716c";
|
232 | readonly 600: "#57534e";
|
233 | readonly 700: "#44403c";
|
234 | readonly 800: "#292524";
|
235 | readonly 900: "#1c1917";
|
236 | };
|
237 | declare const trueGray: {
|
238 | readonly 50: "#fafafa";
|
239 | readonly 100: "#f5f5f5";
|
240 | readonly 200: "#e5e5e5";
|
241 | readonly 300: "#d4d4d4";
|
242 | readonly 400: "#a3a3a3";
|
243 | readonly 500: "#737373";
|
244 | readonly 600: "#525252";
|
245 | readonly 700: "#404040";
|
246 | readonly 800: "#262626";
|
247 | readonly 900: "#171717";
|
248 | };
|
249 | declare const gray: {
|
250 | readonly 50: "#fafafa";
|
251 | readonly 100: "#f4f4f5";
|
252 | readonly 200: "#e4e4e7";
|
253 | readonly 300: "#d4d4d8";
|
254 | readonly 400: "#a1a1aa";
|
255 | readonly 500: "#71717a";
|
256 | readonly 600: "#52525b";
|
257 | readonly 700: "#3f3f46";
|
258 | readonly 800: "#27272a";
|
259 | readonly 900: "#18181b";
|
260 | };
|
261 | declare const coolGray: {
|
262 | readonly 50: "#f9fafb";
|
263 | readonly 100: "#f3f4f6";
|
264 | readonly 200: "#e5e7eb";
|
265 | readonly 300: "#d1d5db";
|
266 | readonly 400: "#9ca3af";
|
267 | readonly 500: "#6b7280";
|
268 | readonly 600: "#4b5563";
|
269 | readonly 700: "#374151";
|
270 | readonly 800: "#1f2937";
|
271 | readonly 900: "#111827";
|
272 | };
|
273 | declare const blueGray: {
|
274 | readonly 50: "#f8fafc";
|
275 | readonly 100: "#f1f5f9";
|
276 | readonly 200: "#e2e8f0";
|
277 | readonly 300: "#cbd5e1";
|
278 | readonly 400: "#94a3b8";
|
279 | readonly 500: "#64748b";
|
280 | readonly 600: "#475569";
|
281 | readonly 700: "#334155";
|
282 | readonly 800: "#1e293b";
|
283 | readonly 900: "#0f172a";
|
284 | };
|
285 |
|
286 | export { amber, black, blue, blueGray, coolGray, cyan, emerald, fuchsia, gray, green, indigo, lightBlue, lime, orange, pink, purple, red, rose, sky, teal, trueGray, violet, warmGray, white, yellow };
|
287 | //# sourceMappingURL=colors.d.ts.map
|