@removify/tailwind-preset 0.1.8 → 0.1.10

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 (9) hide show
  1. package/dist/{chunk-VLLWGCCP.js → chunk-J5XGEDSE.js} +93 -60
  2. package/dist/cli/index.cjs +80 -47
  3. package/dist/cli/index.js +2 -2
  4. package/dist/index.cjs +95 -62
  5. package/dist/index.d.cts +126 -65
  6. package/dist/index.d.ts +126 -65
  7. package/dist/index.js +1 -1
  8. package/package.json +16 -16
  9. package/readme.md +1 -0
package/dist/{chunk-VLLWGCCP.js → chunk-J5XGEDSE.js} RENAMED
@@ -1,3 +1,57 @@
1
+ // src/theme/animation.ts
2
+ var uiAnimation = {
3
+ "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
4
+ "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
5
+ "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
6
+ "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out",
7
+ // V2 aka reka animation
8
+ "reka-accordion-down": "reka-accordion-down 0.2s ease-out",
9
+ "reka-accordion-up": "reka-accordion-up 0.2s ease-out",
10
+ "reka-collapsible-down": "reka-collapsible-down 0.2s ease-in-out",
11
+ "reka-collapsible-up": "reka-collapsible-up 0.2s ease-in-out"
12
+ };
13
+ var uiKeyframes = {
14
+ "radix-accordion-down": {
15
+ from: { height: "0" },
16
+ to: { height: "var(--radix-accordion-content-height)" }
17
+ },
18
+ "radix-accordion-up": {
19
+ from: { height: "var(--radix-accordion-content-height)" },
20
+ to: { height: "0" }
21
+ },
22
+ "radix-collapsible-down": {
23
+ from: { height: "0" },
24
+ to: { height: "var(--radix-collapsible-content-height)" }
25
+ },
26
+ "radix-collapsible-up": {
27
+ from: { height: "var(--radix-collapsible-content-height)" },
28
+ to: { height: "0" }
29
+ },
30
+ // V2 aka reka animation
31
+ "reka-accordion-down": {
32
+ from: { height: "0" },
33
+ to: { height: "var(--reka-accordion-content-height)" }
34
+ },
35
+ "reka-accordion-up": {
36
+ from: { height: "var(--reka-accordion-content-height)" },
37
+ to: { height: "0" }
38
+ },
39
+ "reka-collapsible-down": {
40
+ from: { height: "0" },
41
+ to: { height: "var(--reka-collapsible-content-height)" }
42
+ },
43
+ "reka-collapsible-up": {
44
+ from: { height: "var(--reka-collapsible-content-height)" },
45
+ to: { height: "0" }
46
+ }
47
+ };
48
+ var animation = {
49
+ ...uiAnimation
50
+ };
51
+ var keyframes = {
52
+ ...uiKeyframes
53
+ };
54
+
1
55
  // src/theme/colors.ts
2
56
  var mainColors = {
3
57
  inherit: "inherit",
@@ -11,6 +65,7 @@ var mainColors = {
11
65
  black: "#000000",
12
66
  white: "#FFFFFF",
13
67
  bateau: {
68
+ DEFAULT: "#1C749F",
14
69
  50: "#F2F5F7",
15
70
  100: "#E7ECF0",
16
71
  200: "#CCD7E1",
@@ -24,6 +79,7 @@ var mainColors = {
24
79
  950: "#0C3144"
25
80
  },
26
81
  pompelmo: {
82
+ DEFAULT: "#FF6663",
27
83
  50: "#FFF4F4",
28
84
  100: "#FFEBEA",
29
85
  200: "#FFD4D4",
@@ -37,6 +93,7 @@ var mainColors = {
37
93
  950: "#6D2C2A"
38
94
  },
39
95
  neutral: {
96
+ DEFAULT: "#BEC7D1",
40
97
  50: "#F9FAFB",
41
98
  100: "#F4F6F7",
42
99
  200: "#E9ECEF",
@@ -50,6 +107,7 @@ var mainColors = {
50
107
  950: "#515559"
51
108
  },
52
109
  orange: {
110
+ DEFAULT: "#F97316",
53
111
  50: "#FEF5F2",
54
112
  100: "#FEECE7",
55
113
  200: "#FDD7CC",
@@ -63,6 +121,7 @@ var mainColors = {
63
121
  950: "#6A3109"
64
122
  },
65
123
  amber: {
124
+ DEFAULT: "#FBBF24",
66
125
  50: "#FFF9F2",
67
126
  100: "#FEF5E7",
68
127
  200: "#FEEACD",
@@ -76,6 +135,7 @@ var mainColors = {
76
135
  950: "#6B510F"
77
136
  },
78
137
  indigo: {
138
+ DEFAULT: "#686DF4",
79
139
  50: "#F4F4FE",
80
140
  100: "#EBEBFD",
81
141
  200: "#D5D6FB",
@@ -89,6 +149,7 @@ var mainColors = {
89
149
  950: "#2C2F68"
90
150
  },
91
151
  seafoam: {
152
+ DEFAULT: "#3EC2C9",
92
153
  50: "#F3FAFA",
93
154
  100: "#E8F5F6",
94
155
  200: "#CFEBED",
@@ -102,6 +163,7 @@ var mainColors = {
102
163
  950: "#1A5356"
103
164
  },
104
165
  green: {
166
+ DEFAULT: "#15A46E",
105
167
  50: "#F2F7F4",
106
168
  100: "#E7F1EB",
107
169
  200: "#CCE2D6",
@@ -115,6 +177,7 @@ var mainColors = {
115
177
  950: "#09462F"
116
178
  },
117
179
  fuchsia: {
180
+ DEFAULT: "#C53DE7",
118
181
  50: "#FAF3FD",
119
182
  100: "#F5E8FB",
120
183
  200: "#ECCFF7",
@@ -128,6 +191,7 @@ var mainColors = {
128
191
  950: "#541A63"
129
192
  },
130
193
  red: {
194
+ DEFAULT: "#EA3529",
131
195
  50: "#FDF2F2",
132
196
  100: "#FBE8E7",
133
197
  200: "#F8CECD",
@@ -147,6 +211,20 @@ var colors = {
147
211
  secondary: mainColors.pompelmo
148
212
  };
149
213
 
214
+ // src/theme/fontFamily.ts
215
+ var fontFamilySans = [
216
+ "ui-sans-serif",
217
+ "system-ui",
218
+ "sans-serif",
219
+ '"Apple Color Emoji"',
220
+ '"Segoe UI Emoji"',
221
+ '"Segoe UI Symbol"',
222
+ '"Noto Color Emoji"'
223
+ ];
224
+ var customFontFamily = {
225
+ sans: ["DM Sans", ...fontFamilySans]
226
+ };
227
+
150
228
  // src/util/font.ts
151
229
  import { kebabKeys } from "string-ts";
152
230
 
@@ -179,6 +257,7 @@ var fontSizes = {
179
257
  "xs": ["0.75rem", "1rem"],
180
258
  "sm": ["0.875rem", "1.25rem"],
181
259
  "base": ["1rem", "1.5rem"],
260
+ "md": ["1.125rem", "1.5rem"],
182
261
  "lg": ["1.25rem", "1.625rem"],
183
262
  "display1": ["3.75rem", {
184
263
  fontWeight: 700,
@@ -228,62 +307,6 @@ var fontSizes = {
228
307
  };
229
308
  var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
230
309
 
231
- // src/theme/shadows.ts
232
- var shadows = {
233
- "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
234
- "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
235
- "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
236
- "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
237
- "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
238
- "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
239
- };
240
-
241
- // src/theme/fontFamily.ts
242
- var fontFamilySans = [
243
- "ui-sans-serif",
244
- "system-ui",
245
- "sans-serif",
246
- '"Apple Color Emoji"',
247
- '"Segoe UI Emoji"',
248
- '"Segoe UI Symbol"',
249
- '"Noto Color Emoji"'
250
- ];
251
- var customFontFamily = {
252
- sans: ["DM Sans", ...fontFamilySans]
253
- };
254
-
255
- // src/theme/animation.ts
256
- var radixAnimation = {
257
- "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
258
- "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
259
- "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
260
- "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
261
- };
262
- var radixKeyframes = {
263
- "radix-accordion-down": {
264
- from: { height: "0" },
265
- to: { height: "var(--radix-accordion-content-height)" }
266
- },
267
- "radix-accordion-up": {
268
- from: { height: "var(--radix-accordion-content-height)" },
269
- to: { height: "0" }
270
- },
271
- "radix-collapsible-down": {
272
- from: { height: "0" },
273
- to: { height: "var(--radix-collapsible-content-height)" }
274
- },
275
- "radix-collapsible-up": {
276
- from: { height: "var(--radix-collapsible-content-height)" },
277
- to: { height: "0" }
278
- }
279
- };
280
- var animation = {
281
- ...radixAnimation
282
- };
283
- var keyframes = {
284
- ...radixKeyframes
285
- };
286
-
287
310
  // src/theme/screen.ts
288
311
  var screensNumber = {
289
312
  "sm": 640,
@@ -306,6 +329,16 @@ var screens = {
306
329
  "desktop": `${screensNumber.desktop}px`
307
330
  };
308
331
 
332
+ // src/theme/shadows.ts
333
+ var shadows = {
334
+ "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
335
+ "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
336
+ "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
337
+ "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
338
+ "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
339
+ "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
340
+ };
341
+
309
342
  // src/theme/index.ts
310
343
  var theme = {
311
344
  colors,
@@ -323,14 +356,14 @@ var unocssTheme = {
323
356
  };
324
357
 
325
358
  export {
326
- colors,
327
- fontSizes,
328
- shadows,
329
- customFontFamily,
330
359
  animation,
331
360
  keyframes,
361
+ colors,
362
+ customFontFamily,
363
+ fontSizes,
332
364
  screensNumber,
333
365
  screens,
366
+ shadows,
334
367
  theme,
335
368
  unocssTheme
336
369
  };
package/dist/cli/index.cjs CHANGED
@@ -24,8 +24,62 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
24
24
 
25
25
  // src/cli/index.ts
26
26
  var import_node_process = __toESM(require("process"), 1);
27
- var import_helpers = require("yargs/helpers");
28
27
  var import_yargs = __toESM(require("yargs"), 1);
28
+ var import_helpers = require("yargs/helpers");
29
+
30
+ // src/theme/animation.ts
31
+ var uiAnimation = {
32
+ "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
33
+ "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
34
+ "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
35
+ "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out",
36
+ // V2 aka reka animation
37
+ "reka-accordion-down": "reka-accordion-down 0.2s ease-out",
38
+ "reka-accordion-up": "reka-accordion-up 0.2s ease-out",
39
+ "reka-collapsible-down": "reka-collapsible-down 0.2s ease-in-out",
40
+ "reka-collapsible-up": "reka-collapsible-up 0.2s ease-in-out"
41
+ };
42
+ var uiKeyframes = {
43
+ "radix-accordion-down": {
44
+ from: { height: "0" },
45
+ to: { height: "var(--radix-accordion-content-height)" }
46
+ },
47
+ "radix-accordion-up": {
48
+ from: { height: "var(--radix-accordion-content-height)" },
49
+ to: { height: "0" }
50
+ },
51
+ "radix-collapsible-down": {
52
+ from: { height: "0" },
53
+ to: { height: "var(--radix-collapsible-content-height)" }
54
+ },
55
+ "radix-collapsible-up": {
56
+ from: { height: "var(--radix-collapsible-content-height)" },
57
+ to: { height: "0" }
58
+ },
59
+ // V2 aka reka animation
60
+ "reka-accordion-down": {
61
+ from: { height: "0" },
62
+ to: { height: "var(--reka-accordion-content-height)" }
63
+ },
64
+ "reka-accordion-up": {
65
+ from: { height: "var(--reka-accordion-content-height)" },
66
+ to: { height: "0" }
67
+ },
68
+ "reka-collapsible-down": {
69
+ from: { height: "0" },
70
+ to: { height: "var(--reka-collapsible-content-height)" }
71
+ },
72
+ "reka-collapsible-up": {
73
+ from: { height: "var(--reka-collapsible-content-height)" },
74
+ to: { height: "0" }
75
+ }
76
+ };
77
+ var animation = {
78
+ ...uiAnimation
79
+ };
80
+ var keyframes = {
81
+ ...uiKeyframes
82
+ };
29
83
 
30
84
  // src/theme/colors.ts
31
85
  var mainColors = {
@@ -40,6 +94,7 @@ var mainColors = {
40
94
  black: "#000000",
41
95
  white: "#FFFFFF",
42
96
  bateau: {
97
+ DEFAULT: "#1C749F",
43
98
  50: "#F2F5F7",
44
99
  100: "#E7ECF0",
45
100
  200: "#CCD7E1",
@@ -53,6 +108,7 @@ var mainColors = {
53
108
  950: "#0C3144"
54
109
  },
55
110
  pompelmo: {
111
+ DEFAULT: "#FF6663",
56
112
  50: "#FFF4F4",
57
113
  100: "#FFEBEA",
58
114
  200: "#FFD4D4",
@@ -66,6 +122,7 @@ var mainColors = {
66
122
  950: "#6D2C2A"
67
123
  },
68
124
  neutral: {
125
+ DEFAULT: "#BEC7D1",
69
126
  50: "#F9FAFB",
70
127
  100: "#F4F6F7",
71
128
  200: "#E9ECEF",
@@ -79,6 +136,7 @@ var mainColors = {
79
136
  950: "#515559"
80
137
  },
81
138
  orange: {
139
+ DEFAULT: "#F97316",
82
140
  50: "#FEF5F2",
83
141
  100: "#FEECE7",
84
142
  200: "#FDD7CC",
@@ -92,6 +150,7 @@ var mainColors = {
92
150
  950: "#6A3109"
93
151
  },
94
152
  amber: {
153
+ DEFAULT: "#FBBF24",
95
154
  50: "#FFF9F2",
96
155
  100: "#FEF5E7",
97
156
  200: "#FEEACD",
@@ -105,6 +164,7 @@ var mainColors = {
105
164
  950: "#6B510F"
106
165
  },
107
166
  indigo: {
167
+ DEFAULT: "#686DF4",
108
168
  50: "#F4F4FE",
109
169
  100: "#EBEBFD",
110
170
  200: "#D5D6FB",
@@ -118,6 +178,7 @@ var mainColors = {
118
178
  950: "#2C2F68"
119
179
  },
120
180
  seafoam: {
181
+ DEFAULT: "#3EC2C9",
121
182
  50: "#F3FAFA",
122
183
  100: "#E8F5F6",
123
184
  200: "#CFEBED",
@@ -131,6 +192,7 @@ var mainColors = {
131
192
  950: "#1A5356"
132
193
  },
133
194
  green: {
195
+ DEFAULT: "#15A46E",
134
196
  50: "#F2F7F4",
135
197
  100: "#E7F1EB",
136
198
  200: "#CCE2D6",
@@ -144,6 +206,7 @@ var mainColors = {
144
206
  950: "#09462F"
145
207
  },
146
208
  fuchsia: {
209
+ DEFAULT: "#C53DE7",
147
210
  50: "#FAF3FD",
148
211
  100: "#F5E8FB",
149
212
  200: "#ECCFF7",
@@ -157,6 +220,7 @@ var mainColors = {
157
220
  950: "#541A63"
158
221
  },
159
222
  red: {
223
+ DEFAULT: "#EA3529",
160
224
  50: "#FDF2F2",
161
225
  100: "#FBE8E7",
162
226
  200: "#F8CECD",
@@ -176,6 +240,20 @@ var colors = {
176
240
  secondary: mainColors.pompelmo
177
241
  };
178
242
 
243
+ // src/theme/fontFamily.ts
244
+ var fontFamilySans = [
245
+ "ui-sans-serif",
246
+ "system-ui",
247
+ "sans-serif",
248
+ '"Apple Color Emoji"',
249
+ '"Segoe UI Emoji"',
250
+ '"Segoe UI Symbol"',
251
+ '"Noto Color Emoji"'
252
+ ];
253
+ var customFontFamily = {
254
+ sans: ["DM Sans", ...fontFamilySans]
255
+ };
256
+
179
257
  // src/util/font.ts
180
258
  var import_string_ts = require("string-ts");
181
259
 
@@ -208,6 +286,7 @@ var fontSizes = {
208
286
  "xs": ["0.75rem", "1rem"],
209
287
  "sm": ["0.875rem", "1.25rem"],
210
288
  "base": ["1rem", "1.5rem"],
289
+ "md": ["1.125rem", "1.5rem"],
211
290
  "lg": ["1.25rem", "1.625rem"],
212
291
  "display1": ["3.75rem", {
213
292
  fontWeight: 700,
@@ -257,52 +336,6 @@ var fontSizes = {
257
336
  };
258
337
  var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
259
338
 
260
- // src/theme/fontFamily.ts
261
- var fontFamilySans = [
262
- "ui-sans-serif",
263
- "system-ui",
264
- "sans-serif",
265
- '"Apple Color Emoji"',
266
- '"Segoe UI Emoji"',
267
- '"Segoe UI Symbol"',
268
- '"Noto Color Emoji"'
269
- ];
270
- var customFontFamily = {
271
- sans: ["DM Sans", ...fontFamilySans]
272
- };
273
-
274
- // src/theme/animation.ts
275
- var radixAnimation = {
276
- "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
277
- "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
278
- "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
279
- "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
280
- };
281
- var radixKeyframes = {
282
- "radix-accordion-down": {
283
- from: { height: "0" },
284
- to: { height: "var(--radix-accordion-content-height)" }
285
- },
286
- "radix-accordion-up": {
287
- from: { height: "var(--radix-accordion-content-height)" },
288
- to: { height: "0" }
289
- },
290
- "radix-collapsible-down": {
291
- from: { height: "0" },
292
- to: { height: "var(--radix-collapsible-content-height)" }
293
- },
294
- "radix-collapsible-up": {
295
- from: { height: "var(--radix-collapsible-content-height)" },
296
- to: { height: "0" }
297
- }
298
- };
299
- var animation = {
300
- ...radixAnimation
301
- };
302
- var keyframes = {
303
- ...radixKeyframes
304
- };
305
-
306
339
  // src/theme/screen.ts
307
340
  var screensNumber = {
308
341
  "sm": 640,
package/dist/cli/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-VLLWGCCP.js";
3
+ } from "../chunk-J5XGEDSE.js";
4
4
 
5
5
  // src/cli/index.ts
6
6
  import process from "process";
7
- import { hideBin } from "yargs/helpers";
8
7
  import yargs from "yargs";
8
+ import { hideBin } from "yargs/helpers";
9
9
 
10
10
  // src/cli/src/theme/color.ts
11
11
  var css = String.raw;