@removify/tailwind-preset 0.1.3 → 0.1.5
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/{chunk-IUSDLEUF.js → chunk-XZXQ5L3D.js} +37 -1
- package/dist/cli/index.cjs +32 -0
- package/dist/cli/index.js +1 -1
- package/dist/index.cjs +75 -3
- package/dist/index.d.cts +43 -1
- package/dist/index.d.ts +43 -1
- package/dist/index.js +30 -3
- package/package.json +12 -11
|
@@ -252,12 +252,46 @@ var customFontFamily = {
|
|
|
252
252
|
sans: ["DM Sans", ...fontFamilySans]
|
|
253
253
|
};
|
|
254
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
|
+
|
|
255
287
|
// src/theme/index.ts
|
|
256
288
|
var theme = {
|
|
257
289
|
colors,
|
|
258
290
|
boxShadow: shadows,
|
|
259
291
|
fontSize: fontSizes,
|
|
260
|
-
fontFamily: customFontFamily
|
|
292
|
+
fontFamily: customFontFamily,
|
|
293
|
+
animation,
|
|
294
|
+
keyframes
|
|
261
295
|
};
|
|
262
296
|
var unocssTheme = {
|
|
263
297
|
colors,
|
|
@@ -270,6 +304,8 @@ export {
|
|
|
270
304
|
fontSizes,
|
|
271
305
|
shadows,
|
|
272
306
|
customFontFamily,
|
|
307
|
+
animation,
|
|
308
|
+
keyframes,
|
|
273
309
|
theme,
|
|
274
310
|
unocssTheme
|
|
275
311
|
};
|
package/dist/cli/index.cjs
CHANGED
|
@@ -271,6 +271,38 @@ var customFontFamily = {
|
|
|
271
271
|
sans: ["DM Sans", ...fontFamilySans]
|
|
272
272
|
};
|
|
273
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
|
+
|
|
274
306
|
// src/cli/src/theme/color.ts
|
|
275
307
|
var css = String.raw;
|
|
276
308
|
function generateColorVariables(filetype) {
|
package/dist/cli/index.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
8
|
var __export = (target, all) => {
|
|
7
9
|
for (var name in all)
|
|
@@ -15,16 +17,27 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
17
|
}
|
|
16
18
|
return to;
|
|
17
19
|
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
18
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
29
|
|
|
20
30
|
// src/index.ts
|
|
21
31
|
var src_exports = {};
|
|
22
32
|
__export(src_exports, {
|
|
33
|
+
animation: () => animation,
|
|
23
34
|
colors: () => colors,
|
|
35
|
+
colorsNames: () => colorsNames,
|
|
24
36
|
config: () => config,
|
|
25
37
|
default: () => src_default,
|
|
26
38
|
fontFamily: () => customFontFamily,
|
|
27
39
|
fontSizes: () => fontSizes,
|
|
40
|
+
keyframes: () => keyframes,
|
|
28
41
|
shadows: () => shadows,
|
|
29
42
|
theme: () => theme,
|
|
30
43
|
unocssTheme: () => unocssTheme
|
|
@@ -285,12 +298,46 @@ var customFontFamily = {
|
|
|
285
298
|
sans: ["DM Sans", ...fontFamilySans]
|
|
286
299
|
};
|
|
287
300
|
|
|
301
|
+
// src/theme/animation.ts
|
|
302
|
+
var radixAnimation = {
|
|
303
|
+
"radix-accordion-down": "radix-accordion-down 0.2s ease-out",
|
|
304
|
+
"radix-accordion-up": "radix-accordion-up 0.2s ease-out",
|
|
305
|
+
"radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
|
|
306
|
+
"radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
|
|
307
|
+
};
|
|
308
|
+
var radixKeyframes = {
|
|
309
|
+
"radix-accordion-down": {
|
|
310
|
+
from: { height: "0" },
|
|
311
|
+
to: { height: "var(--radix-accordion-content-height)" }
|
|
312
|
+
},
|
|
313
|
+
"radix-accordion-up": {
|
|
314
|
+
from: { height: "var(--radix-accordion-content-height)" },
|
|
315
|
+
to: { height: "0" }
|
|
316
|
+
},
|
|
317
|
+
"radix-collapsible-down": {
|
|
318
|
+
from: { height: "0" },
|
|
319
|
+
to: { height: "var(--radix-collapsible-content-height)" }
|
|
320
|
+
},
|
|
321
|
+
"radix-collapsible-up": {
|
|
322
|
+
from: { height: "var(--radix-collapsible-content-height)" },
|
|
323
|
+
to: { height: "0" }
|
|
324
|
+
}
|
|
325
|
+
};
|
|
326
|
+
var animation = {
|
|
327
|
+
...radixAnimation
|
|
328
|
+
};
|
|
329
|
+
var keyframes = {
|
|
330
|
+
...radixKeyframes
|
|
331
|
+
};
|
|
332
|
+
|
|
288
333
|
// src/theme/index.ts
|
|
289
334
|
var theme = {
|
|
290
335
|
colors,
|
|
291
336
|
boxShadow: shadows,
|
|
292
337
|
fontSize: fontSizes,
|
|
293
|
-
fontFamily: customFontFamily
|
|
338
|
+
fontFamily: customFontFamily,
|
|
339
|
+
animation,
|
|
340
|
+
keyframes
|
|
294
341
|
};
|
|
295
342
|
var unocssTheme = {
|
|
296
343
|
colors,
|
|
@@ -298,26 +345,51 @@ var unocssTheme = {
|
|
|
298
345
|
fontSize: unocssFontSizes
|
|
299
346
|
};
|
|
300
347
|
|
|
348
|
+
// src/plugins/index.ts
|
|
349
|
+
var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"), 1);
|
|
350
|
+
var plugins = [import_tailwindcss_animate.default];
|
|
351
|
+
|
|
352
|
+
// src/constant/index.ts
|
|
353
|
+
var colorsNames = [
|
|
354
|
+
"primary",
|
|
355
|
+
"bateau",
|
|
356
|
+
"secondary",
|
|
357
|
+
"pompelmo",
|
|
358
|
+
"green",
|
|
359
|
+
"fuchsia",
|
|
360
|
+
"indigo",
|
|
361
|
+
"neutral",
|
|
362
|
+
"orange",
|
|
363
|
+
"red",
|
|
364
|
+
"amber",
|
|
365
|
+
"seafoam"
|
|
366
|
+
];
|
|
367
|
+
|
|
301
368
|
// src/index.ts
|
|
302
369
|
function config(extend = true) {
|
|
303
370
|
if (extend === false) {
|
|
304
371
|
return {
|
|
305
|
-
theme
|
|
372
|
+
theme,
|
|
373
|
+
plugins
|
|
306
374
|
};
|
|
307
375
|
}
|
|
308
376
|
return {
|
|
309
377
|
theme: {
|
|
310
378
|
extend: theme
|
|
311
|
-
}
|
|
379
|
+
},
|
|
380
|
+
plugins
|
|
312
381
|
};
|
|
313
382
|
}
|
|
314
383
|
var src_default = config();
|
|
315
384
|
// Annotate the CommonJS export names for ESM import in node:
|
|
316
385
|
0 && (module.exports = {
|
|
386
|
+
animation,
|
|
317
387
|
colors,
|
|
388
|
+
colorsNames,
|
|
318
389
|
config,
|
|
319
390
|
fontFamily,
|
|
320
391
|
fontSizes,
|
|
392
|
+
keyframes,
|
|
321
393
|
shadows,
|
|
322
394
|
theme,
|
|
323
395
|
unocssTheme
|
package/dist/index.d.cts
CHANGED
|
@@ -283,6 +283,47 @@ declare const customFontFamily: {
|
|
|
283
283
|
sans: string[];
|
|
284
284
|
};
|
|
285
285
|
|
|
286
|
+
declare const animation: {
|
|
287
|
+
'radix-accordion-down': string;
|
|
288
|
+
'radix-accordion-up': string;
|
|
289
|
+
'radix-collapsible-down': string;
|
|
290
|
+
'radix-collapsible-up': string;
|
|
291
|
+
};
|
|
292
|
+
declare const keyframes: {
|
|
293
|
+
'radix-accordion-down': {
|
|
294
|
+
from: {
|
|
295
|
+
height: string;
|
|
296
|
+
};
|
|
297
|
+
to: {
|
|
298
|
+
height: string;
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
'radix-accordion-up': {
|
|
302
|
+
from: {
|
|
303
|
+
height: string;
|
|
304
|
+
};
|
|
305
|
+
to: {
|
|
306
|
+
height: string;
|
|
307
|
+
};
|
|
308
|
+
};
|
|
309
|
+
'radix-collapsible-down': {
|
|
310
|
+
from: {
|
|
311
|
+
height: string;
|
|
312
|
+
};
|
|
313
|
+
to: {
|
|
314
|
+
height: string;
|
|
315
|
+
};
|
|
316
|
+
};
|
|
317
|
+
'radix-collapsible-up': {
|
|
318
|
+
from: {
|
|
319
|
+
height: string;
|
|
320
|
+
};
|
|
321
|
+
to: {
|
|
322
|
+
height: string;
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
};
|
|
326
|
+
|
|
286
327
|
declare const theme: Config['theme'];
|
|
287
328
|
declare const unocssTheme: {
|
|
288
329
|
colors: {
|
|
@@ -465,6 +506,7 @@ declare const unocssTheme: {
|
|
|
465
506
|
};
|
|
466
507
|
|
|
467
508
|
declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
|
|
509
|
+
|
|
468
510
|
type ColorsNames = typeof colorsNames[number];
|
|
469
511
|
type ColorsVariations = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
470
512
|
interface MainColors {
|
|
@@ -497,4 +539,4 @@ type Shadows = {
|
|
|
497
539
|
declare function config(extend?: boolean): Partial<Config>;
|
|
498
540
|
declare const _default: Partial<tailwindcss_types_config.Config>;
|
|
499
541
|
|
|
500
|
-
export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, shadows, theme, unocssTheme };
|
|
542
|
+
export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, shadows, theme, unocssTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -283,6 +283,47 @@ declare const customFontFamily: {
|
|
|
283
283
|
sans: string[];
|
|
284
284
|
};
|
|
285
285
|
|
|
286
|
+
declare const animation: {
|
|
287
|
+
'radix-accordion-down': string;
|
|
288
|
+
'radix-accordion-up': string;
|
|
289
|
+
'radix-collapsible-down': string;
|
|
290
|
+
'radix-collapsible-up': string;
|
|
291
|
+
};
|
|
292
|
+
declare const keyframes: {
|
|
293
|
+
'radix-accordion-down': {
|
|
294
|
+
from: {
|
|
295
|
+
height: string;
|
|
296
|
+
};
|
|
297
|
+
to: {
|
|
298
|
+
height: string;
|
|
299
|
+
};
|
|
300
|
+
};
|
|
301
|
+
'radix-accordion-up': {
|
|
302
|
+
from: {
|
|
303
|
+
height: string;
|
|
304
|
+
};
|
|
305
|
+
to: {
|
|
306
|
+
height: string;
|
|
307
|
+
};
|
|
308
|
+
};
|
|
309
|
+
'radix-collapsible-down': {
|
|
310
|
+
from: {
|
|
311
|
+
height: string;
|
|
312
|
+
};
|
|
313
|
+
to: {
|
|
314
|
+
height: string;
|
|
315
|
+
};
|
|
316
|
+
};
|
|
317
|
+
'radix-collapsible-up': {
|
|
318
|
+
from: {
|
|
319
|
+
height: string;
|
|
320
|
+
};
|
|
321
|
+
to: {
|
|
322
|
+
height: string;
|
|
323
|
+
};
|
|
324
|
+
};
|
|
325
|
+
};
|
|
326
|
+
|
|
286
327
|
declare const theme: Config['theme'];
|
|
287
328
|
declare const unocssTheme: {
|
|
288
329
|
colors: {
|
|
@@ -465,6 +506,7 @@ declare const unocssTheme: {
|
|
|
465
506
|
};
|
|
466
507
|
|
|
467
508
|
declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
|
|
509
|
+
|
|
468
510
|
type ColorsNames = typeof colorsNames[number];
|
|
469
511
|
type ColorsVariations = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
|
|
470
512
|
interface MainColors {
|
|
@@ -497,4 +539,4 @@ type Shadows = {
|
|
|
497
539
|
declare function config(extend?: boolean): Partial<Config>;
|
|
498
540
|
declare const _default: Partial<tailwindcss_types_config.Config>;
|
|
499
541
|
|
|
500
|
-
export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, shadows, theme, unocssTheme };
|
|
542
|
+
export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, shadows, theme, unocssTheme };
|
package/dist/index.js
CHANGED
|
@@ -1,32 +1,59 @@
|
|
|
1
1
|
import {
|
|
2
|
+
animation,
|
|
2
3
|
colors,
|
|
3
4
|
customFontFamily,
|
|
4
5
|
fontSizes,
|
|
6
|
+
keyframes,
|
|
5
7
|
shadows,
|
|
6
8
|
theme,
|
|
7
9
|
unocssTheme
|
|
8
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-XZXQ5L3D.js";
|
|
11
|
+
|
|
12
|
+
// src/plugins/index.ts
|
|
13
|
+
import animation2 from "tailwindcss-animate";
|
|
14
|
+
var plugins = [animation2];
|
|
15
|
+
|
|
16
|
+
// src/constant/index.ts
|
|
17
|
+
var colorsNames = [
|
|
18
|
+
"primary",
|
|
19
|
+
"bateau",
|
|
20
|
+
"secondary",
|
|
21
|
+
"pompelmo",
|
|
22
|
+
"green",
|
|
23
|
+
"fuchsia",
|
|
24
|
+
"indigo",
|
|
25
|
+
"neutral",
|
|
26
|
+
"orange",
|
|
27
|
+
"red",
|
|
28
|
+
"amber",
|
|
29
|
+
"seafoam"
|
|
30
|
+
];
|
|
9
31
|
|
|
10
32
|
// src/index.ts
|
|
11
33
|
function config(extend = true) {
|
|
12
34
|
if (extend === false) {
|
|
13
35
|
return {
|
|
14
|
-
theme
|
|
36
|
+
theme,
|
|
37
|
+
plugins
|
|
15
38
|
};
|
|
16
39
|
}
|
|
17
40
|
return {
|
|
18
41
|
theme: {
|
|
19
42
|
extend: theme
|
|
20
|
-
}
|
|
43
|
+
},
|
|
44
|
+
plugins
|
|
21
45
|
};
|
|
22
46
|
}
|
|
23
47
|
var src_default = config();
|
|
24
48
|
export {
|
|
49
|
+
animation,
|
|
25
50
|
colors,
|
|
51
|
+
colorsNames,
|
|
26
52
|
config,
|
|
27
53
|
src_default as default,
|
|
28
54
|
customFontFamily as fontFamily,
|
|
29
55
|
fontSizes,
|
|
56
|
+
keyframes,
|
|
30
57
|
shadows,
|
|
31
58
|
theme,
|
|
32
59
|
unocssTheme
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@removify/tailwind-preset",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.5",
|
|
5
5
|
"description": "Tailwind CSS preset for Removify",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"tailwind"
|
|
@@ -27,26 +27,27 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"string-ts": "^2.1.1",
|
|
30
|
+
"tailwindcss-animate": "^1.0.7",
|
|
30
31
|
"yargs": "17.7.2"
|
|
31
32
|
},
|
|
32
33
|
"devDependencies": {
|
|
33
34
|
"@commitlint/cli": "^19.3.0",
|
|
34
35
|
"@commitlint/config-conventional": "^19.2.2",
|
|
35
|
-
"@removify/eslint-config": "^1.3.
|
|
36
|
-
"@types/node": "^20.
|
|
36
|
+
"@removify/eslint-config": "^1.3.9",
|
|
37
|
+
"@types/node": "^20.14.2",
|
|
37
38
|
"@types/yargs": "^17.0.32",
|
|
38
39
|
"bumpp": "^9.4.1",
|
|
39
|
-
"eslint": "^9.
|
|
40
|
+
"eslint": "^9.4.0",
|
|
40
41
|
"husky": "^9.0.11",
|
|
41
|
-
"lint-staged": "^15.2.
|
|
42
|
-
"rimraf": "^5.0.
|
|
42
|
+
"lint-staged": "^15.2.6",
|
|
43
|
+
"rimraf": "^5.0.7",
|
|
43
44
|
"tailwind-config-viewer": "^2.0.2",
|
|
44
|
-
"tailwindcss": "^3.4.
|
|
45
|
-
"tsup": "^8.0
|
|
46
|
-
"tsx": "^4.
|
|
45
|
+
"tailwindcss": "^3.4.4",
|
|
46
|
+
"tsup": "^8.1.0",
|
|
47
|
+
"tsx": "^4.15.2",
|
|
47
48
|
"typescript": "^5.4.5",
|
|
48
|
-
"vitest": "^1.
|
|
49
|
-
"@removify/tailwind-preset": "0.1.
|
|
49
|
+
"vitest": "^1.6.0",
|
|
50
|
+
"@removify/tailwind-preset": "0.1.5"
|
|
50
51
|
},
|
|
51
52
|
"lint-staged": {
|
|
52
53
|
"**/*.{js,ts,vue,html}": [
|