@grida/tailwindcss-colors 4.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 (17) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +273 -0
  3. package/css/hex.css +244 -0
  4. package/css/oklch.css +244 -0
  5. package/css/rgb.css +244 -0
  6. package/css/rgba.css +244 -0
  7. package/json/hex.json +288 -0
  8. package/json/hex.json.d.ts +53 -0
  9. package/json/oklch.json +288 -0
  10. package/json/oklch.json.d.ts +65 -0
  11. package/json/rgb.json +288 -0
  12. package/json/rgb.json.d.ts +62 -0
  13. package/json/rgba.json +288 -0
  14. package/json/rgba.json.d.ts +65 -0
  15. package/json/rgbf.json +288 -0
  16. package/json/rgbf.json.d.ts +63 -0
  17. package/package.json +36 -0
package/css/rgba.css ADDED
@@ -0,0 +1,244 @@
1
+ :root {
2
+ --amber-50: rgba(255, 251, 235, 1);
3
+ --amber-100: rgba(254, 243, 198, 1);
4
+ --amber-200: rgba(254, 230, 133, 1);
5
+ --amber-300: rgba(255, 210, 48, 1);
6
+ --amber-400: rgba(255, 185, 0, 1);
7
+ --amber-500: rgba(254, 154, 0, 1);
8
+ --amber-600: rgba(225, 113, 0, 1);
9
+ --amber-700: rgba(187, 77, 0, 1);
10
+ --amber-800: rgba(151, 60, 0, 1);
11
+ --amber-900: rgba(123, 51, 6, 1);
12
+ --amber-950: rgba(70, 25, 1, 1);
13
+ --blue-50: rgba(239, 246, 255, 1);
14
+ --blue-100: rgba(219, 234, 254, 1);
15
+ --blue-200: rgba(190, 219, 255, 1);
16
+ --blue-300: rgba(142, 197, 255, 1);
17
+ --blue-400: rgba(81, 162, 255, 1);
18
+ --blue-500: rgba(43, 127, 255, 1);
19
+ --blue-600: rgba(21, 93, 252, 1);
20
+ --blue-700: rgba(20, 71, 230, 1);
21
+ --blue-800: rgba(25, 60, 184, 1);
22
+ --blue-900: rgba(28, 57, 142, 1);
23
+ --blue-950: rgba(22, 36, 86, 1);
24
+ --cyan-50: rgba(236, 254, 255, 1);
25
+ --cyan-100: rgba(206, 250, 254, 1);
26
+ --cyan-200: rgba(162, 244, 253, 1);
27
+ --cyan-300: rgba(83, 234, 253, 1);
28
+ --cyan-400: rgba(0, 211, 242, 1);
29
+ --cyan-500: rgba(0, 184, 219, 1);
30
+ --cyan-600: rgba(0, 146, 184, 1);
31
+ --cyan-700: rgba(0, 117, 149, 1);
32
+ --cyan-800: rgba(0, 95, 120, 1);
33
+ --cyan-900: rgba(16, 78, 100, 1);
34
+ --cyan-950: rgba(5, 51, 69, 1);
35
+ --emerald-50: rgba(236, 253, 245, 1);
36
+ --emerald-100: rgba(208, 250, 229, 1);
37
+ --emerald-200: rgba(164, 244, 207, 1);
38
+ --emerald-300: rgba(94, 233, 181, 1);
39
+ --emerald-400: rgba(0, 212, 146, 1);
40
+ --emerald-500: rgba(0, 188, 125, 1);
41
+ --emerald-600: rgba(0, 153, 102, 1);
42
+ --emerald-700: rgba(0, 122, 85, 1);
43
+ --emerald-800: rgba(0, 96, 69, 1);
44
+ --emerald-900: rgba(0, 79, 59, 1);
45
+ --emerald-950: rgba(0, 44, 34, 1);
46
+ --fuchsia-50: rgba(253, 244, 255, 1);
47
+ --fuchsia-100: rgba(250, 232, 255, 1);
48
+ --fuchsia-200: rgba(246, 207, 255, 1);
49
+ --fuchsia-300: rgba(244, 168, 255, 1);
50
+ --fuchsia-400: rgba(237, 106, 255, 1);
51
+ --fuchsia-500: rgba(225, 42, 251, 1);
52
+ --fuchsia-600: rgba(200, 0, 222, 1);
53
+ --fuchsia-700: rgba(168, 0, 183, 1);
54
+ --fuchsia-800: rgba(138, 1, 148, 1);
55
+ --fuchsia-900: rgba(114, 19, 120, 1);
56
+ --fuchsia-950: rgba(75, 0, 79, 1);
57
+ --gray-50: rgba(249, 250, 251, 1);
58
+ --gray-100: rgba(243, 244, 246, 1);
59
+ --gray-200: rgba(229, 231, 235, 1);
60
+ --gray-300: rgba(209, 213, 220, 1);
61
+ --gray-400: rgba(153, 161, 175, 1);
62
+ --gray-500: rgba(106, 114, 130, 1);
63
+ --gray-600: rgba(74, 85, 101, 1);
64
+ --gray-700: rgba(54, 65, 83, 1);
65
+ --gray-800: rgba(30, 41, 57, 1);
66
+ --gray-900: rgba(16, 24, 40, 1);
67
+ --gray-950: rgba(3, 7, 18, 1);
68
+ --green-50: rgba(240, 253, 244, 1);
69
+ --green-100: rgba(220, 252, 231, 1);
70
+ --green-200: rgba(185, 248, 207, 1);
71
+ --green-300: rgba(123, 241, 168, 1);
72
+ --green-400: rgba(5, 223, 114, 1);
73
+ --green-500: rgba(0, 201, 80, 1);
74
+ --green-600: rgba(0, 166, 62, 1);
75
+ --green-700: rgba(0, 130, 54, 1);
76
+ --green-800: rgba(1, 102, 48, 1);
77
+ --green-900: rgba(13, 84, 43, 1);
78
+ --green-950: rgba(3, 46, 21, 1);
79
+ --indigo-50: rgba(238, 242, 255, 1);
80
+ --indigo-100: rgba(224, 231, 255, 1);
81
+ --indigo-200: rgba(198, 210, 255, 1);
82
+ --indigo-300: rgba(163, 179, 255, 1);
83
+ --indigo-400: rgba(124, 134, 255, 1);
84
+ --indigo-500: rgba(97, 95, 255, 1);
85
+ --indigo-600: rgba(79, 57, 246, 1);
86
+ --indigo-700: rgba(67, 45, 215, 1);
87
+ --indigo-800: rgba(55, 42, 172, 1);
88
+ --indigo-900: rgba(49, 44, 133, 1);
89
+ --indigo-950: rgba(30, 26, 77, 1);
90
+ --lime-50: rgba(247, 254, 231, 1);
91
+ --lime-100: rgba(236, 252, 202, 1);
92
+ --lime-200: rgba(216, 249, 153, 1);
93
+ --lime-300: rgba(187, 244, 81, 1);
94
+ --lime-400: rgba(154, 230, 0, 1);
95
+ --lime-500: rgba(124, 207, 0, 1);
96
+ --lime-600: rgba(94, 165, 0, 1);
97
+ --lime-700: rgba(73, 125, 0, 1);
98
+ --lime-800: rgba(60, 99, 0, 1);
99
+ --lime-900: rgba(53, 83, 14, 1);
100
+ --lime-950: rgba(25, 46, 3, 1);
101
+ --neutral-50: rgba(250, 250, 250, 1);
102
+ --neutral-100: rgba(245, 245, 245, 1);
103
+ --neutral-200: rgba(229, 229, 229, 1);
104
+ --neutral-300: rgba(212, 212, 212, 1);
105
+ --neutral-400: rgba(161, 161, 161, 1);
106
+ --neutral-500: rgba(115, 115, 115, 1);
107
+ --neutral-600: rgba(82, 82, 82, 1);
108
+ --neutral-700: rgba(64, 64, 64, 1);
109
+ --neutral-800: rgba(38, 38, 38, 1);
110
+ --neutral-900: rgba(23, 23, 23, 1);
111
+ --neutral-950: rgba(10, 10, 10, 1);
112
+ --orange-50: rgba(255, 247, 237, 1);
113
+ --orange-100: rgba(255, 237, 212, 1);
114
+ --orange-200: rgba(255, 214, 167, 1);
115
+ --orange-300: rgba(255, 184, 106, 1);
116
+ --orange-400: rgba(255, 137, 4, 1);
117
+ --orange-500: rgba(255, 105, 0, 1);
118
+ --orange-600: rgba(245, 73, 0, 1);
119
+ --orange-700: rgba(202, 53, 0, 1);
120
+ --orange-800: rgba(159, 45, 0, 1);
121
+ --orange-900: rgba(126, 42, 12, 1);
122
+ --orange-950: rgba(68, 19, 6, 1);
123
+ --pink-50: rgba(253, 242, 248, 1);
124
+ --pink-100: rgba(252, 231, 243, 1);
125
+ --pink-200: rgba(252, 206, 232, 1);
126
+ --pink-300: rgba(253, 165, 213, 1);
127
+ --pink-400: rgba(251, 100, 182, 1);
128
+ --pink-500: rgba(246, 51, 154, 1);
129
+ --pink-600: rgba(230, 0, 118, 1);
130
+ --pink-700: rgba(198, 0, 92, 1);
131
+ --pink-800: rgba(163, 0, 76, 1);
132
+ --pink-900: rgba(134, 16, 67, 1);
133
+ --pink-950: rgba(81, 4, 36, 1);
134
+ --purple-50: rgba(250, 245, 255, 1);
135
+ --purple-100: rgba(243, 232, 255, 1);
136
+ --purple-200: rgba(233, 212, 255, 1);
137
+ --purple-300: rgba(218, 178, 255, 1);
138
+ --purple-400: rgba(194, 122, 255, 1);
139
+ --purple-500: rgba(173, 70, 255, 1);
140
+ --purple-600: rgba(152, 16, 250, 1);
141
+ --purple-700: rgba(130, 0, 219, 1);
142
+ --purple-800: rgba(110, 17, 176, 1);
143
+ --purple-900: rgba(89, 22, 139, 1);
144
+ --purple-950: rgba(60, 3, 102, 1);
145
+ --red-50: rgba(254, 242, 242, 1);
146
+ --red-100: rgba(255, 226, 226, 1);
147
+ --red-200: rgba(255, 201, 201, 1);
148
+ --red-300: rgba(255, 162, 162, 1);
149
+ --red-400: rgba(255, 100, 103, 1);
150
+ --red-500: rgba(251, 44, 54, 1);
151
+ --red-600: rgba(231, 0, 11, 1);
152
+ --red-700: rgba(193, 0, 7, 1);
153
+ --red-800: rgba(159, 7, 18, 1);
154
+ --red-900: rgba(130, 24, 26, 1);
155
+ --red-950: rgba(70, 8, 9, 1);
156
+ --rose-50: rgba(255, 241, 242, 1);
157
+ --rose-100: rgba(255, 228, 230, 1);
158
+ --rose-200: rgba(255, 204, 211, 1);
159
+ --rose-300: rgba(255, 161, 173, 1);
160
+ --rose-400: rgba(255, 99, 126, 1);
161
+ --rose-500: rgba(255, 32, 86, 1);
162
+ --rose-600: rgba(236, 0, 63, 1);
163
+ --rose-700: rgba(199, 0, 54, 1);
164
+ --rose-800: rgba(165, 0, 54, 1);
165
+ --rose-900: rgba(139, 8, 54, 1);
166
+ --rose-950: rgba(77, 2, 24, 1);
167
+ --sky-50: rgba(240, 249, 255, 1);
168
+ --sky-100: rgba(223, 242, 254, 1);
169
+ --sky-200: rgba(184, 230, 254, 1);
170
+ --sky-300: rgba(116, 212, 255, 1);
171
+ --sky-400: rgba(0, 188, 255, 1);
172
+ --sky-500: rgba(0, 166, 244, 1);
173
+ --sky-600: rgba(0, 132, 209, 1);
174
+ --sky-700: rgba(0, 105, 168, 1);
175
+ --sky-800: rgba(0, 89, 138, 1);
176
+ --sky-900: rgba(2, 74, 112, 1);
177
+ --sky-950: rgba(5, 47, 74, 1);
178
+ --slate-50: rgba(248, 250, 252, 1);
179
+ --slate-100: rgba(241, 245, 249, 1);
180
+ --slate-200: rgba(226, 232, 240, 1);
181
+ --slate-300: rgba(202, 213, 226, 1);
182
+ --slate-400: rgba(144, 161, 185, 1);
183
+ --slate-500: rgba(98, 116, 142, 1);
184
+ --slate-600: rgba(69, 85, 108, 1);
185
+ --slate-700: rgba(49, 65, 88, 1);
186
+ --slate-800: rgba(29, 41, 61, 1);
187
+ --slate-900: rgba(15, 23, 43, 1);
188
+ --slate-950: rgba(2, 6, 24, 1);
189
+ --stone-50: rgba(250, 250, 249, 1);
190
+ --stone-100: rgba(245, 245, 244, 1);
191
+ --stone-200: rgba(231, 229, 228, 1);
192
+ --stone-300: rgba(214, 211, 209, 1);
193
+ --stone-400: rgba(166, 160, 155, 1);
194
+ --stone-500: rgba(121, 113, 107, 1);
195
+ --stone-600: rgba(87, 83, 77, 1);
196
+ --stone-700: rgba(68, 64, 59, 1);
197
+ --stone-800: rgba(41, 37, 36, 1);
198
+ --stone-900: rgba(28, 25, 23, 1);
199
+ --stone-950: rgba(12, 10, 9, 1);
200
+ --teal-50: rgba(240, 253, 250, 1);
201
+ --teal-100: rgba(203, 251, 241, 1);
202
+ --teal-200: rgba(150, 247, 228, 1);
203
+ --teal-300: rgba(70, 236, 213, 1);
204
+ --teal-400: rgba(0, 213, 190, 1);
205
+ --teal-500: rgba(0, 187, 167, 1);
206
+ --teal-600: rgba(0, 150, 137, 1);
207
+ --teal-700: rgba(0, 120, 111, 1);
208
+ --teal-800: rgba(0, 95, 90, 1);
209
+ --teal-900: rgba(11, 79, 74, 1);
210
+ --teal-950: rgba(2, 47, 46, 1);
211
+ --violet-50: rgba(245, 243, 255, 1);
212
+ --violet-100: rgba(237, 233, 254, 1);
213
+ --violet-200: rgba(221, 214, 255, 1);
214
+ --violet-300: rgba(196, 180, 255, 1);
215
+ --violet-400: rgba(166, 132, 255, 1);
216
+ --violet-500: rgba(142, 81, 255, 1);
217
+ --violet-600: rgba(127, 34, 254, 1);
218
+ --violet-700: rgba(112, 8, 231, 1);
219
+ --violet-800: rgba(93, 14, 192, 1);
220
+ --violet-900: rgba(77, 23, 154, 1);
221
+ --violet-950: rgba(47, 13, 104, 1);
222
+ --yellow-50: rgba(254, 252, 232, 1);
223
+ --yellow-100: rgba(254, 249, 194, 1);
224
+ --yellow-200: rgba(255, 240, 133, 1);
225
+ --yellow-300: rgba(255, 223, 32, 1);
226
+ --yellow-400: rgba(253, 199, 0, 1);
227
+ --yellow-500: rgba(240, 177, 0, 1);
228
+ --yellow-600: rgba(208, 135, 0, 1);
229
+ --yellow-700: rgba(166, 95, 0, 1);
230
+ --yellow-800: rgba(137, 75, 0, 1);
231
+ --yellow-900: rgba(115, 62, 10, 1);
232
+ --yellow-950: rgba(67, 32, 4, 1);
233
+ --zinc-50: rgba(250, 250, 250, 1);
234
+ --zinc-100: rgba(244, 244, 245, 1);
235
+ --zinc-200: rgba(228, 228, 231, 1);
236
+ --zinc-300: rgba(212, 212, 216, 1);
237
+ --zinc-400: rgba(159, 159, 169, 1);
238
+ --zinc-500: rgba(113, 113, 123, 1);
239
+ --zinc-600: rgba(82, 82, 92, 1);
240
+ --zinc-700: rgba(63, 63, 70, 1);
241
+ --zinc-800: rgba(39, 39, 42, 1);
242
+ --zinc-900: rgba(24, 24, 27, 1);
243
+ --zinc-950: rgba(9, 9, 11, 1);
244
+ }
package/json/hex.json ADDED
@@ -0,0 +1,288 @@
1
+ {
2
+ "amber": {
3
+ "50": "#fffbeb",
4
+ "100": "#fef3c6",
5
+ "200": "#fee685",
6
+ "300": "#ffd230",
7
+ "400": "#ffba00",
8
+ "500": "#fd9a00",
9
+ "600": "#e17100",
10
+ "700": "#bb4d00",
11
+ "800": "#973c00",
12
+ "900": "#7b3306",
13
+ "950": "#461901"
14
+ },
15
+ "blue": {
16
+ "50": "#eff6ff",
17
+ "100": "#dbeafe",
18
+ "200": "#bedbff",
19
+ "300": "#8ec5ff",
20
+ "400": "#51a2ff",
21
+ "500": "#2b7fff",
22
+ "600": "#155dfc",
23
+ "700": "#1447e6",
24
+ "800": "#193cb8",
25
+ "900": "#1c398e",
26
+ "950": "#162456"
27
+ },
28
+ "cyan": {
29
+ "50": "#ecfeff",
30
+ "100": "#cefafe",
31
+ "200": "#a2f4fd",
32
+ "300": "#53eafd",
33
+ "400": "#00d3f2",
34
+ "500": "#00b8db",
35
+ "600": "#0092b8",
36
+ "700": "#007595",
37
+ "800": "#005f78",
38
+ "900": "#104e64",
39
+ "950": "#053345"
40
+ },
41
+ "emerald": {
42
+ "50": "#ecfdf5",
43
+ "100": "#d0fae5",
44
+ "200": "#a4f4cf",
45
+ "300": "#5ee9b5",
46
+ "400": "#00d492",
47
+ "500": "#00bc7d",
48
+ "600": "#096",
49
+ "700": "#007a55",
50
+ "800": "#006045",
51
+ "900": "#004f3b",
52
+ "950": "#002c22"
53
+ },
54
+ "fuchsia": {
55
+ "50": "#fdf4ff",
56
+ "100": "#fae8ff",
57
+ "200": "#f6cfff",
58
+ "300": "#f4a8ff",
59
+ "400": "#ed6aff",
60
+ "500": "#e12afb",
61
+ "600": "#c800de",
62
+ "700": "#a800b7",
63
+ "800": "#8a0194",
64
+ "900": "#721378",
65
+ "950": "#4b004f"
66
+ },
67
+ "gray": {
68
+ "50": "#f9fafb",
69
+ "100": "#f3f4f6",
70
+ "200": "#e5e7eb",
71
+ "300": "#d1d5dc",
72
+ "400": "#99a1af",
73
+ "500": "#6a7282",
74
+ "600": "#4a5565",
75
+ "700": "#364153",
76
+ "800": "#1e2939",
77
+ "900": "#101828",
78
+ "950": "#030712"
79
+ },
80
+ "green": {
81
+ "50": "#f0fdf4",
82
+ "100": "#dcfce7",
83
+ "200": "#b9f8cf",
84
+ "300": "#7bf1a8",
85
+ "400": "#05df72",
86
+ "500": "#00c950",
87
+ "600": "#00a63e",
88
+ "700": "#008236",
89
+ "800": "#016630",
90
+ "900": "#0d542b",
91
+ "950": "#032e15"
92
+ },
93
+ "indigo": {
94
+ "50": "#eef2ff",
95
+ "100": "#e0e7ff",
96
+ "200": "#c6d2ff",
97
+ "300": "#a3b3ff",
98
+ "400": "#7c86ff",
99
+ "500": "#615fff",
100
+ "600": "#4f39f6",
101
+ "700": "#432dd7",
102
+ "800": "#372aac",
103
+ "900": "#312c85",
104
+ "950": "#1e1a4d"
105
+ },
106
+ "lime": {
107
+ "50": "#f7fee7",
108
+ "100": "#ecfcca",
109
+ "200": "#d8f999",
110
+ "300": "#bbf451",
111
+ "400": "#9ae600",
112
+ "500": "#7ccf00",
113
+ "600": "#5ea500",
114
+ "700": "#497d00",
115
+ "800": "#3c6300",
116
+ "900": "#35530e",
117
+ "950": "#192e03"
118
+ },
119
+ "neutral": {
120
+ "50": "#fafafa",
121
+ "100": "#f5f5f5",
122
+ "200": "#e5e5e5",
123
+ "300": "#d4d4d4",
124
+ "400": "#a1a1a1",
125
+ "500": "#737373",
126
+ "600": "#525252",
127
+ "700": "#404040",
128
+ "800": "#262626",
129
+ "900": "#171717",
130
+ "950": "#0a0a0a"
131
+ },
132
+ "orange": {
133
+ "50": "#fff7ed",
134
+ "100": "#ffedd4",
135
+ "200": "#ffd6a7",
136
+ "300": "#ffb86a",
137
+ "400": "#ff8904",
138
+ "500": "#ff6900",
139
+ "600": "#f54900",
140
+ "700": "#ca3500",
141
+ "800": "#9f2d00",
142
+ "900": "#7e2a0c",
143
+ "950": "#441306"
144
+ },
145
+ "pink": {
146
+ "50": "#fdf2f8",
147
+ "100": "#fce7f3",
148
+ "200": "#fccee8",
149
+ "300": "#fda5d5",
150
+ "400": "#fb64b6",
151
+ "500": "#f6339a",
152
+ "600": "#e60076",
153
+ "700": "#c6005c",
154
+ "800": "#a3004c",
155
+ "900": "#861043",
156
+ "950": "#510424"
157
+ },
158
+ "purple": {
159
+ "50": "#faf5ff",
160
+ "100": "#f3e8ff",
161
+ "200": "#e9d4ff",
162
+ "300": "#dab2ff",
163
+ "400": "#c27aff",
164
+ "500": "#ad46ff",
165
+ "600": "#9810fa",
166
+ "700": "#8200db",
167
+ "800": "#6e11b0",
168
+ "900": "#59168b",
169
+ "950": "#3c0366"
170
+ },
171
+ "red": {
172
+ "50": "#fef2f2",
173
+ "100": "#ffe2e2",
174
+ "200": "#ffc9c9",
175
+ "300": "#ffa2a2",
176
+ "400": "#ff6467",
177
+ "500": "#fb2c36",
178
+ "600": "#e7000b",
179
+ "700": "#c10007",
180
+ "800": "#9f0712",
181
+ "900": "#82181a",
182
+ "950": "#460809"
183
+ },
184
+ "rose": {
185
+ "50": "#fff1f2",
186
+ "100": "#ffe4e6",
187
+ "200": "#ffccd3",
188
+ "300": "#ffa1ad",
189
+ "400": "#ff637e",
190
+ "500": "#ff2056",
191
+ "600": "#ec003f",
192
+ "700": "#c70036",
193
+ "800": "#a50036",
194
+ "900": "#8b0836",
195
+ "950": "#4d0218"
196
+ },
197
+ "sky": {
198
+ "50": "#f0f9ff",
199
+ "100": "#dff2fe",
200
+ "200": "#b8e6fe",
201
+ "300": "#74d4ff",
202
+ "400": "#00bcff",
203
+ "500": "#00a6f4",
204
+ "600": "#0084d1",
205
+ "700": "#0069a8",
206
+ "800": "#00598a",
207
+ "900": "#024a70",
208
+ "950": "#052f4a"
209
+ },
210
+ "slate": {
211
+ "50": "#f8fafc",
212
+ "100": "#f1f5f9",
213
+ "200": "#e2e8f0",
214
+ "300": "#cad5e2",
215
+ "400": "#90a1b9",
216
+ "500": "#62748e",
217
+ "600": "#45556c",
218
+ "700": "#314158",
219
+ "800": "#1d293d",
220
+ "900": "#0f172b",
221
+ "950": "#020618"
222
+ },
223
+ "stone": {
224
+ "50": "#fafaf9",
225
+ "100": "#f5f5f4",
226
+ "200": "#e7e5e4",
227
+ "300": "#d6d3d1",
228
+ "400": "#a6a09b",
229
+ "500": "#79716b",
230
+ "600": "#57534d",
231
+ "700": "#44403b",
232
+ "800": "#292524",
233
+ "900": "#1c1917",
234
+ "950": "#0c0a09"
235
+ },
236
+ "teal": {
237
+ "50": "#f0fdfa",
238
+ "100": "#cbfbf1",
239
+ "200": "#96f7e4",
240
+ "300": "#46ecd5",
241
+ "400": "#00d5be",
242
+ "500": "#00bba7",
243
+ "600": "#009689",
244
+ "700": "#00786f",
245
+ "800": "#005f5a",
246
+ "900": "#0b4f4a",
247
+ "950": "#022f2e"
248
+ },
249
+ "violet": {
250
+ "50": "#f5f3ff",
251
+ "100": "#ede9fe",
252
+ "200": "#ddd6ff",
253
+ "300": "#c4b4ff",
254
+ "400": "#a684ff",
255
+ "500": "#8e51ff",
256
+ "600": "#7f22fe",
257
+ "700": "#7008e7",
258
+ "800": "#5d0ec0",
259
+ "900": "#4d179a",
260
+ "950": "#2f0d68"
261
+ },
262
+ "yellow": {
263
+ "50": "#fefce8",
264
+ "100": "#fef9c2",
265
+ "200": "#fff085",
266
+ "300": "#ffdf20",
267
+ "400": "#fcc800",
268
+ "500": "#efb100",
269
+ "600": "#d08700",
270
+ "700": "#a65f00",
271
+ "800": "#894b00",
272
+ "900": "#733e0a",
273
+ "950": "#432004"
274
+ },
275
+ "zinc": {
276
+ "50": "#fafafa",
277
+ "100": "#f4f4f5",
278
+ "200": "#e4e4e7",
279
+ "300": "#d4d4d8",
280
+ "400": "#9f9fa9",
281
+ "500": "#71717b",
282
+ "600": "#52525c",
283
+ "700": "#3f3f46",
284
+ "800": "#27272a",
285
+ "900": "#18181b",
286
+ "950": "#09090b"
287
+ }
288
+ }
package/json/hex.json.d.ts ADDED
@@ -0,0 +1,53 @@
1
+ /**
2
+ * Tailwind CSS color shade identifier.
3
+ *
4
+ * @spec Valid shades: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950
5
+ */
6
+ type ColorShade =
7
+ | "50"
8
+ | "100"
9
+ | "200"
10
+ | "300"
11
+ | "400"
12
+ | "500"
13
+ | "600"
14
+ | "700"
15
+ | "800"
16
+ | "900"
17
+ | "950";
18
+
19
+ /**
20
+ * Tailwind CSS v4 color palette in hexadecimal format.
21
+ *
22
+ * @unit Hex string
23
+ * @spec Hexadecimal color strings in lowercase format (#rrggbb)
24
+ * @format { [colorFamily]: { [shade]: "#rrggbb" } }
25
+ * @example colors.slate["500"] // "#64748e"
26
+ * @useCase Web development, CSS, human-readable color strings
27
+ */
28
+ declare const colors: {
29
+ amber: Record<ColorShade, string>;
30
+ blue: Record<ColorShade, string>;
31
+ cyan: Record<ColorShade, string>;
32
+ emerald: Record<ColorShade, string>;
33
+ fuchsia: Record<ColorShade, string>;
34
+ gray: Record<ColorShade, string>;
35
+ green: Record<ColorShade, string>;
36
+ indigo: Record<ColorShade, string>;
37
+ lime: Record<ColorShade, string>;
38
+ neutral: Record<ColorShade, string>;
39
+ orange: Record<ColorShade, string>;
40
+ pink: Record<ColorShade, string>;
41
+ purple: Record<ColorShade, string>;
42
+ red: Record<ColorShade, string>;
43
+ rose: Record<ColorShade, string>;
44
+ sky: Record<ColorShade, string>;
45
+ slate: Record<ColorShade, string>;
46
+ stone: Record<ColorShade, string>;
47
+ teal: Record<ColorShade, string>;
48
+ violet: Record<ColorShade, string>;
49
+ yellow: Record<ColorShade, string>;
50
+ zinc: Record<ColorShade, string>;
51
+ };
52
+
53
+ export default colors;