@removify/tailwind-preset 0.0.9 → 0.1.1

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.
package/dist/index.cjs CHANGED
@@ -32,7 +32,7 @@ __export(src_exports, {
32
32
  module.exports = __toCommonJS(src_exports);
33
33
 
34
34
  // src/theme/colors.ts
35
- var colors = {
35
+ var mainColors = {
36
36
  inherit: "inherit",
37
37
  current: "currentColor",
38
38
  transparent: "transparent",
@@ -43,127 +43,142 @@ var colors = {
43
43
  special: "#686DF4",
44
44
  black: "#000000",
45
45
  white: "#FFFFFF",
46
- primary: {
47
- 50: "#E8F1F6",
48
- 100: "#BED9E6",
49
- 200: "#95C0D5",
50
- 300: "#6CA7C3",
51
- 400: "#448DB1",
46
+ bateau: {
47
+ 50: "#F2F5F7",
48
+ 100: "#E7ECF0",
49
+ 200: "#CCD7E1",
50
+ 300: "#ADC0D0",
51
+ 400: "#6390B0",
52
52
  500: "#1C749F",
53
- 600: "#166085",
54
- 700: "#104C6A",
55
- 800: "#0B384E",
56
- 900: "#062432"
53
+ 600: "#1B6F98",
54
+ 700: "#186388",
55
+ 800: "#155675",
56
+ 900: "#114660",
57
+ 950: "#0C3144"
57
58
  },
58
- secondary: {
59
- 50: "#FFEFEF",
60
- 100: "#FFD3D2",
61
- 200: "#FFB7B5",
62
- 300: "#FF9B99",
63
- 400: "#FF807E",
59
+ pompelmo: {
60
+ 50: "#FFF4F4",
61
+ 100: "#FFEBEA",
62
+ 200: "#FFD4D4",
63
+ 300: "#FFBCBB",
64
+ 400: "#FF9F9E",
64
65
  500: "#FF6663",
65
- 600: "#D25350",
66
- 700: "#A6403E",
67
- 800: "#792E2C",
68
- 900: "#4D1C1B"
69
- },
70
- green: {
71
- 50: "#E7F7F1",
72
- 100: "#BCE7D7",
73
- 200: "#91D7BD",
74
- 300: "#67C7A3",
75
- 400: "#3EB688",
76
- 500: "#15A46E",
77
- 600: "#10895B",
78
- 700: "#0B6D48",
79
- 800: "#075035",
80
- 900: "#043322"
81
- },
82
- fuchsia: {
83
- 50: "#FAEBFD",
84
- 100: "#F0C7FA",
85
- 200: "#E6A3F6",
86
- 300: "#DB81F2",
87
- 400: "#D05FED",
88
- 500: "#C53DE7",
89
- 600: "#A431C0",
90
- 700: "#822599",
91
- 800: "#5F1A71",
92
- 900: "#3D1048"
93
- },
94
- indigo: {
95
- 50: "#EFF0FF",
96
- 100: "#D3D5FE",
97
- 200: "#B8BAFC",
98
- 300: "#9DA0FA",
99
- 400: "#8286F7",
100
- 500: "#686DF4",
101
- 600: "#5459CB",
102
- 700: "#4145A1",
103
- 800: "#2F3276",
104
- 900: "#1D1F4B"
66
+ 600: "#F3615E",
67
+ 700: "#DA5754",
68
+ 800: "#BC4B49",
69
+ 900: "#9A3E3C",
70
+ 950: "#6D2C2A"
105
71
  },
106
72
  neutral: {
107
- 50: "#F1F2F5",
108
- 100: "#EAEDF2",
109
- 200: "#E1E5EA",
110
- 300: "#D5DBE2",
111
- 400: "#CAD1D9",
73
+ 50: "#F9FAFB",
74
+ 100: "#F4F6F7",
75
+ 200: "#E9ECEF",
76
+ 300: "#DEE2E7",
77
+ 400: "#D2D8DE",
112
78
  500: "#BEC7D1",
113
- 600: "#9DA4AD",
114
- 700: "#7B8188",
115
- 800: "#5A5F64",
116
- 900: "#393C3F"
79
+ 600: "#B5BEC7",
80
+ 700: "#A2AAB2",
81
+ 800: "#8C939A",
82
+ 900: "#73787E",
83
+ 950: "#515559"
117
84
  },
118
85
  orange: {
119
- 50: "#FFF6EA",
120
- 100: "#FFE5C5",
121
- 200: "#FFD3A0",
122
- 300: "#FFC27C",
123
- 400: "#FFB159",
124
- 500: "#FFA037",
125
- 600: "#D2842B",
126
- 700: "#A66821",
127
- 800: "#794C17",
128
- 900: "#4D300E"
86
+ 50: "#FEF5F2",
87
+ 100: "#FEECE7",
88
+ 200: "#FDD7CC",
89
+ 300: "#FCC0AD",
90
+ 400: "#FBA586",
91
+ 500: "#F97316",
92
+ 600: "#EE6E15",
93
+ 700: "#D46213",
94
+ 800: "#B85510",
95
+ 900: "#96450D",
96
+ 950: "#6A3109"
97
+ },
98
+ amber: {
99
+ 50: "#FFF9F2",
100
+ 100: "#FEF5E7",
101
+ 200: "#FEEACD",
102
+ 300: "#FDDEAE",
103
+ 400: "#FCD288",
104
+ 500: "#FBBF24",
105
+ 600: "#EFB622",
106
+ 700: "#D6A31F",
107
+ 800: "#B98D1B",
108
+ 900: "#977316",
109
+ 950: "#6B510F"
110
+ },
111
+ indigo: {
112
+ 50: "#F4F4FE",
113
+ 100: "#EBEBFD",
114
+ 200: "#D5D6FB",
115
+ 300: "#BCBEF9",
116
+ 400: "#A0A2F7",
117
+ 500: "#686DF4",
118
+ 600: "#6368E9",
119
+ 700: "#595DD0",
120
+ 800: "#4D51B4",
121
+ 900: "#3F4293",
122
+ 950: "#2C2F68"
129
123
  },
130
124
  seafoam: {
131
- 50: "#EBFAFA",
132
- 100: "#C7EFF1",
133
- 200: "#A4E5E8",
134
- 300: "#82DADE",
135
- 400: "#60CED4",
125
+ 50: "#F3FAFA",
126
+ 100: "#E8F5F6",
127
+ 200: "#CFEBED",
128
+ 300: "#B2E0E3",
129
+ 400: "#8FD4D9",
136
130
  500: "#3EC2C9",
137
- 600: "#32A1A7",
138
- 700: "#268085",
139
- 800: "#1B5E62",
140
- 900: "#113C3E"
131
+ 600: "#3BB9C0",
132
+ 700: "#35A6AB",
133
+ 800: "#2E8F95",
134
+ 900: "#257579",
135
+ 950: "#1A5356"
136
+ },
137
+ green: {
138
+ 50: "#F2F7F4",
139
+ 100: "#E7F1EB",
140
+ 200: "#CCE2D6",
141
+ 300: "#ADD2BE",
142
+ 400: "#86C1A3",
143
+ 500: "#15A46E",
144
+ 600: "#149C69",
145
+ 700: "#128C5E",
146
+ 800: "#107951",
147
+ 900: "#0D6342",
148
+ 950: "#09462F"
149
+ },
150
+ fuchsia: {
151
+ 50: "#FAF3FD",
152
+ 100: "#F5E8FB",
153
+ 200: "#ECCFF7",
154
+ 300: "#E1B2F2",
155
+ 400: "#D68FEE",
156
+ 500: "#C53DE7",
157
+ 600: "#BC3ADC",
158
+ 700: "#A834C5",
159
+ 800: "#922DAB",
160
+ 900: "#77258B",
161
+ 950: "#541A63"
141
162
  },
142
163
  red: {
143
- 50: "#FEEAE9",
144
- 100: "#FBC5C1",
145
- 200: "#F8A09A",
146
- 300: "#F47C74",
147
- 400: "#EF584E",
164
+ 50: "#FDF2F2",
165
+ 100: "#FBE8E7",
166
+ 200: "#F8CECD",
167
+ 300: "#F4B0AE",
168
+ 400: "#F08C8A",
148
169
  500: "#EA3529",
149
- 600: "#C32A20",
150
- 700: "#9B2018",
151
- 800: "#731610",
152
- 900: "#490D09"
153
- },
154
- amber: {
155
- 50: "#FFF9E8",
156
- 100: "#FFEEBF",
157
- 200: "#FFE397",
158
- 300: "#FFD770",
159
- 400: "#FECB4A",
160
- 500: "#FBBF24",
161
- 600: "#D19F1C",
162
- 700: "#A67E14",
163
- 800: "#795C0D",
164
- 900: "#4D3B08"
170
+ 600: "#DF3327",
171
+ 700: "#C82D23",
172
+ 800: "#AD271E",
173
+ 900: "#8D2019",
174
+ 950: "#641711"
165
175
  }
166
176
  };
177
+ var colors = {
178
+ ...mainColors,
179
+ primary: mainColors.bateau,
180
+ secondary: mainColors.pompelmo
181
+ };
167
182
 
168
183
  // src/util/font.ts
169
184
  var import_string_ts = require("string-ts");
@@ -257,9 +272,17 @@ var shadows = {
257
272
  };
258
273
 
259
274
  // src/theme/fontFamily.ts
260
- var import_defaultTheme = require("tailwindcss/defaultTheme");
275
+ var fontFamilySans = [
276
+ "ui-sans-serif",
277
+ "system-ui",
278
+ "sans-serif",
279
+ '"Apple Color Emoji"',
280
+ '"Segoe UI Emoji"',
281
+ '"Segoe UI Symbol"',
282
+ '"Noto Color Emoji"'
283
+ ];
261
284
  var customFontFamily = {
262
- sans: ["DM Sans", ...import_defaultTheme.fontFamily.sans]
285
+ sans: ["DM Sans", ...fontFamilySans]
263
286
  };
264
287
 
265
288
  // src/theme/index.ts
package/dist/index.d.cts CHANGED
@@ -48,6 +48,32 @@ type UnocssFontSizes = {
48
48
  };
49
49
 
50
50
  declare const colors: {
51
+ primary: {
52
+ 50: string;
53
+ 100: string;
54
+ 200: string;
55
+ 300: string;
56
+ 400: string;
57
+ 500: string;
58
+ 600: string;
59
+ 700: string;
60
+ 800: string;
61
+ 900: string;
62
+ 950: string;
63
+ };
64
+ secondary: {
65
+ 50: string;
66
+ 100: string;
67
+ 200: string;
68
+ 300: string;
69
+ 400: string;
70
+ 500: string;
71
+ 600: string;
72
+ 700: string;
73
+ 800: string;
74
+ 900: string;
75
+ 950: string;
76
+ };
51
77
  inherit: "inherit";
52
78
  current: "currentColor";
53
79
  transparent: "transparent";
@@ -58,7 +84,7 @@ declare const colors: {
58
84
  special: string;
59
85
  black: string;
60
86
  white: string;
61
- primary: {
87
+ bateau: {
62
88
  50: string;
63
89
  100: string;
64
90
  200: string;
@@ -69,8 +95,9 @@ declare const colors: {
69
95
  700: string;
70
96
  800: string;
71
97
  900: string;
98
+ 950: string;
72
99
  };
73
- secondary: {
100
+ pompelmo: {
74
101
  50: string;
75
102
  100: string;
76
103
  200: string;
@@ -81,8 +108,9 @@ declare const colors: {
81
108
  700: string;
82
109
  800: string;
83
110
  900: string;
111
+ 950: string;
84
112
  };
85
- green: {
113
+ neutral: {
86
114
  50: string;
87
115
  100: string;
88
116
  200: string;
@@ -93,8 +121,9 @@ declare const colors: {
93
121
  700: string;
94
122
  800: string;
95
123
  900: string;
124
+ 950: string;
96
125
  };
97
- fuchsia: {
126
+ orange: {
98
127
  50: string;
99
128
  100: string;
100
129
  200: string;
@@ -105,8 +134,9 @@ declare const colors: {
105
134
  700: string;
106
135
  800: string;
107
136
  900: string;
137
+ 950: string;
108
138
  };
109
- indigo: {
139
+ amber: {
110
140
  50: string;
111
141
  100: string;
112
142
  200: string;
@@ -117,8 +147,9 @@ declare const colors: {
117
147
  700: string;
118
148
  800: string;
119
149
  900: string;
150
+ 950: string;
120
151
  };
121
- neutral: {
152
+ indigo: {
122
153
  50: string;
123
154
  100: string;
124
155
  200: string;
@@ -129,8 +160,9 @@ declare const colors: {
129
160
  700: string;
130
161
  800: string;
131
162
  900: string;
163
+ 950: string;
132
164
  };
133
- orange: {
165
+ seafoam: {
134
166
  50: string;
135
167
  100: string;
136
168
  200: string;
@@ -141,8 +173,9 @@ declare const colors: {
141
173
  700: string;
142
174
  800: string;
143
175
  900: string;
176
+ 950: string;
144
177
  };
145
- seafoam: {
178
+ green: {
146
179
  50: string;
147
180
  100: string;
148
181
  200: string;
@@ -153,8 +186,9 @@ declare const colors: {
153
186
  700: string;
154
187
  800: string;
155
188
  900: string;
189
+ 950: string;
156
190
  };
157
- red: {
191
+ fuchsia: {
158
192
  50: string;
159
193
  100: string;
160
194
  200: string;
@@ -165,8 +199,9 @@ declare const colors: {
165
199
  700: string;
166
200
  800: string;
167
201
  900: string;
202
+ 950: string;
168
203
  };
169
- amber: {
204
+ red: {
170
205
  50: string;
171
206
  100: string;
172
207
  200: string;
@@ -177,6 +212,7 @@ declare const colors: {
177
212
  700: string;
178
213
  800: string;
179
214
  900: string;
215
+ 950: string;
180
216
  };
181
217
  };
182
218
 
@@ -249,6 +285,32 @@ declare const customFontFamily: {
249
285
  declare const theme: Config['theme'];
250
286
  declare const unocssTheme: {
251
287
  colors: {
288
+ primary: {
289
+ 50: string;
290
+ 100: string;
291
+ 200: string;
292
+ 300: string;
293
+ 400: string;
294
+ 500: string;
295
+ 600: string;
296
+ 700: string;
297
+ 800: string;
298
+ 900: string;
299
+ 950: string;
300
+ };
301
+ secondary: {
302
+ 50: string;
303
+ 100: string;
304
+ 200: string;
305
+ 300: string;
306
+ 400: string;
307
+ 500: string;
308
+ 600: string;
309
+ 700: string;
310
+ 800: string;
311
+ 900: string;
312
+ 950: string;
313
+ };
252
314
  inherit: "inherit";
253
315
  current: "currentColor";
254
316
  transparent: "transparent";
@@ -259,7 +321,7 @@ declare const unocssTheme: {
259
321
  special: string;
260
322
  black: string;
261
323
  white: string;
262
- primary: {
324
+ bateau: {
263
325
  50: string;
264
326
  100: string;
265
327
  200: string;
@@ -270,8 +332,9 @@ declare const unocssTheme: {
270
332
  700: string;
271
333
  800: string;
272
334
  900: string;
335
+ 950: string;
273
336
  };
274
- secondary: {
337
+ pompelmo: {
275
338
  50: string;
276
339
  100: string;
277
340
  200: string;
@@ -282,8 +345,9 @@ declare const unocssTheme: {
282
345
  700: string;
283
346
  800: string;
284
347
  900: string;
348
+ 950: string;
285
349
  };
286
- green: {
350
+ neutral: {
287
351
  50: string;
288
352
  100: string;
289
353
  200: string;
@@ -294,8 +358,9 @@ declare const unocssTheme: {
294
358
  700: string;
295
359
  800: string;
296
360
  900: string;
361
+ 950: string;
297
362
  };
298
- fuchsia: {
363
+ orange: {
299
364
  50: string;
300
365
  100: string;
301
366
  200: string;
@@ -306,8 +371,9 @@ declare const unocssTheme: {
306
371
  700: string;
307
372
  800: string;
308
373
  900: string;
374
+ 950: string;
309
375
  };
310
- indigo: {
376
+ amber: {
311
377
  50: string;
312
378
  100: string;
313
379
  200: string;
@@ -318,8 +384,9 @@ declare const unocssTheme: {
318
384
  700: string;
319
385
  800: string;
320
386
  900: string;
387
+ 950: string;
321
388
  };
322
- neutral: {
389
+ indigo: {
323
390
  50: string;
324
391
  100: string;
325
392
  200: string;
@@ -330,8 +397,9 @@ declare const unocssTheme: {
330
397
  700: string;
331
398
  800: string;
332
399
  900: string;
400
+ 950: string;
333
401
  };
334
- orange: {
402
+ seafoam: {
335
403
  50: string;
336
404
  100: string;
337
405
  200: string;
@@ -342,8 +410,9 @@ declare const unocssTheme: {
342
410
  700: string;
343
411
  800: string;
344
412
  900: string;
413
+ 950: string;
345
414
  };
346
- seafoam: {
415
+ green: {
347
416
  50: string;
348
417
  100: string;
349
418
  200: string;
@@ -354,8 +423,9 @@ declare const unocssTheme: {
354
423
  700: string;
355
424
  800: string;
356
425
  900: string;
426
+ 950: string;
357
427
  };
358
- red: {
428
+ fuchsia: {
359
429
  50: string;
360
430
  100: string;
361
431
  200: string;
@@ -366,8 +436,9 @@ declare const unocssTheme: {
366
436
  700: string;
367
437
  800: string;
368
438
  900: string;
439
+ 950: string;
369
440
  };
370
- amber: {
441
+ red: {
371
442
  50: string;
372
443
  100: string;
373
444
  200: string;
@@ -378,6 +449,7 @@ declare const unocssTheme: {
378
449
  700: string;
379
450
  800: string;
380
451
  900: string;
452
+ 950: string;
381
453
  };
382
454
  };
383
455
  boxShadow: {
@@ -391,8 +463,8 @@ declare const unocssTheme: {
391
463
  fontSize: UnocssFontSizes;
392
464
  };
393
465
 
394
- type ColorsNames = 'primary' | 'secondary' | 'green' | 'fuchsia' | 'indigo' | 'neutral' | 'orange' | 'red' | 'amber' | 'seafoam';
395
- type ColorsVariations = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
466
+ type ColorsNames = 'primary' | 'bateau' | 'secondary' | 'pompelmo' | 'green' | 'fuchsia' | 'indigo' | 'neutral' | 'orange' | 'red' | 'amber' | 'seafoam';
467
+ type ColorsVariations = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
396
468
  interface MainColors {
397
469
  black: string;
398
470
  white: string;