@removify/tailwind-preset 0.2.6 → 0.2.7
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-LLEP4RXE.js → chunk-SB3R3MI5.js} +2 -0
- package/dist/cli/index.cjs +0 -174
- package/dist/cli/index.js +1 -1
- package/dist/index.cjs +4 -1
- package/dist/index.d.cts +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.js +3 -2
- package/package.json +3 -2
|
@@ -316,6 +316,7 @@ var screensNumber = {
|
|
|
316
316
|
"xl": 1280,
|
|
317
317
|
"2xl": 1536,
|
|
318
318
|
"tablet": 640,
|
|
319
|
+
"tablet-lg": 960,
|
|
319
320
|
"laptop": 1024,
|
|
320
321
|
"desktop": 1280
|
|
321
322
|
};
|
|
@@ -327,6 +328,7 @@ var screens = {
|
|
|
327
328
|
"xl": `${screensNumber.xl}px`,
|
|
328
329
|
"2xl": `${screensNumber["2xl"]}px`,
|
|
329
330
|
"tablet": `${screensNumber.tablet}px`,
|
|
331
|
+
"tablet-lg": `${screensNumber["tablet-lg"]}px`,
|
|
330
332
|
"laptop": `${screensNumber.laptop}px`,
|
|
331
333
|
"desktop": `${screensNumber.desktop}px`
|
|
332
334
|
};
|
package/dist/cli/index.cjs
CHANGED
|
@@ -27,60 +27,6 @@ var import_node_process = __toESM(require("process"), 1);
|
|
|
27
27
|
var import_yargs = __toESM(require("yargs"), 1);
|
|
28
28
|
var import_helpers = require("yargs/helpers");
|
|
29
29
|
|
|
30
|
-
// src/theme/animation.ts
|
|
31
|
-
var uiAnimation = {
|
|
32
|
-
"radix-accordion-down": "radix-accordion-down 0.1s ease-out",
|
|
33
|
-
"radix-accordion-up": "radix-accordion-up 0.1s ease-out",
|
|
34
|
-
"radix-collapsible-down": "radix-collapsible-down 0.1s ease-in-out",
|
|
35
|
-
"radix-collapsible-up": "radix-collapsible-up 0.1s ease-in-out",
|
|
36
|
-
// V2 aka reka animation
|
|
37
|
-
"reka-accordion-down": "reka-accordion-down 0.1s ease-out",
|
|
38
|
-
"reka-accordion-up": "reka-accordion-up 0.1s ease-out",
|
|
39
|
-
"reka-collapsible-down": "reka-collapsible-down 0.1s ease-in-out",
|
|
40
|
-
"reka-collapsible-up": "reka-collapsible-up 0.1s 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
|
-
};
|
|
83
|
-
|
|
84
30
|
// src/theme/colors.ts
|
|
85
31
|
var mainColors = {
|
|
86
32
|
inherit: "inherit",
|
|
@@ -240,126 +186,6 @@ var colors = {
|
|
|
240
186
|
secondary: mainColors.pompelmo
|
|
241
187
|
};
|
|
242
188
|
|
|
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
|
-
|
|
257
|
-
// src/util/font.ts
|
|
258
|
-
var import_string_ts = require("string-ts");
|
|
259
|
-
|
|
260
|
-
// src/types/fontSize.ts
|
|
261
|
-
function isDetailFont(value) {
|
|
262
|
-
return Array.isArray(value) && typeof value[1] === "object";
|
|
263
|
-
}
|
|
264
|
-
|
|
265
|
-
// src/util/font.ts
|
|
266
|
-
var entries = Object.entries;
|
|
267
|
-
function fontConfigKeysKebabCase(fontConfig) {
|
|
268
|
-
const result = {};
|
|
269
|
-
for (const [key, value] of entries(fontConfig)) {
|
|
270
|
-
if (value) {
|
|
271
|
-
if (isDetailFont(value)) {
|
|
272
|
-
const [size, detail] = value;
|
|
273
|
-
const kebabDetail = (0, import_string_ts.kebabKeys)(detail);
|
|
274
|
-
result[key] = [size, kebabDetail];
|
|
275
|
-
} else {
|
|
276
|
-
result[key] = value;
|
|
277
|
-
}
|
|
278
|
-
}
|
|
279
|
-
}
|
|
280
|
-
return result;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
// src/theme/fontSize.ts
|
|
284
|
-
var fontSize = {
|
|
285
|
-
"2xs": ["0.6875rem", "1rem"],
|
|
286
|
-
"xs": ["0.75rem", "1rem"],
|
|
287
|
-
"sm": ["0.875rem", "1.25rem"],
|
|
288
|
-
"base": ["1rem", "1.5rem"],
|
|
289
|
-
"md": ["1.125rem", "1.5rem"],
|
|
290
|
-
"lg": ["1.25rem", "1.625rem"],
|
|
291
|
-
"display1": ["3.75rem", {
|
|
292
|
-
fontWeight: 700,
|
|
293
|
-
lineHeight: "5rem",
|
|
294
|
-
letterSpacing: "-0.0625rem"
|
|
295
|
-
}],
|
|
296
|
-
"display2": ["3.25rem", {
|
|
297
|
-
fontWeight: 700,
|
|
298
|
-
lineHeight: "4.25rem",
|
|
299
|
-
letterSpacing: "-0.05rem"
|
|
300
|
-
}],
|
|
301
|
-
"display3": ["2.75rem", {
|
|
302
|
-
fontWeight: 700,
|
|
303
|
-
lineHeight: "3.625rem",
|
|
304
|
-
letterSpacing: "-0.0375rem"
|
|
305
|
-
}],
|
|
306
|
-
"h1": ["3rem", {
|
|
307
|
-
fontWeight: 700,
|
|
308
|
-
lineHeight: "3.75rem",
|
|
309
|
-
letterSpacing: "-0.0125rem"
|
|
310
|
-
}],
|
|
311
|
-
"h2": ["2.5rem", {
|
|
312
|
-
fontWeight: 700,
|
|
313
|
-
lineHeight: "3.25rem",
|
|
314
|
-
letterSpacing: "-0.0125rem"
|
|
315
|
-
}],
|
|
316
|
-
"h3": ["2.25rem", {
|
|
317
|
-
fontWeight: 700,
|
|
318
|
-
lineHeight: "3rem",
|
|
319
|
-
letterSpacing: "-0.0125rem"
|
|
320
|
-
}],
|
|
321
|
-
"h4": ["2rem", {
|
|
322
|
-
fontWeight: 700,
|
|
323
|
-
lineHeight: "2.625rem",
|
|
324
|
-
letterSpacing: "-0.0125rem"
|
|
325
|
-
}],
|
|
326
|
-
"h5": ["1.5rem", {
|
|
327
|
-
fontWeight: 700,
|
|
328
|
-
lineHeight: "2rem",
|
|
329
|
-
letterSpacing: "-0.0125rem"
|
|
330
|
-
}],
|
|
331
|
-
"h6": ["1.25rem", {
|
|
332
|
-
fontWeight: 700,
|
|
333
|
-
lineHeight: "1.625rem",
|
|
334
|
-
letterSpacing: "-0.0125rem"
|
|
335
|
-
}]
|
|
336
|
-
};
|
|
337
|
-
var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
|
|
338
|
-
|
|
339
|
-
// src/theme/screen.ts
|
|
340
|
-
var screensNumber = {
|
|
341
|
-
"xs": 480,
|
|
342
|
-
"sm": 640,
|
|
343
|
-
"md": 768,
|
|
344
|
-
"lg": 1024,
|
|
345
|
-
"xl": 1280,
|
|
346
|
-
"2xl": 1536,
|
|
347
|
-
"tablet": 640,
|
|
348
|
-
"laptop": 1024,
|
|
349
|
-
"desktop": 1280
|
|
350
|
-
};
|
|
351
|
-
var screens = {
|
|
352
|
-
"xs": `${screensNumber.xs}px`,
|
|
353
|
-
"sm": `${screensNumber.sm}px`,
|
|
354
|
-
"md": `${screensNumber.md}px`,
|
|
355
|
-
"lg": `${screensNumber.lg}px`,
|
|
356
|
-
"xl": `${screensNumber.xl}px`,
|
|
357
|
-
"2xl": `${screensNumber["2xl"]}px`,
|
|
358
|
-
"tablet": `${screensNumber.tablet}px`,
|
|
359
|
-
"laptop": `${screensNumber.laptop}px`,
|
|
360
|
-
"desktop": `${screensNumber.desktop}px`
|
|
361
|
-
};
|
|
362
|
-
|
|
363
189
|
// src/cli/src/theme/color.ts
|
|
364
190
|
var css = String.raw;
|
|
365
191
|
function generateColorVariables(filetype) {
|
package/dist/cli/index.js
CHANGED
package/dist/index.cjs
CHANGED
|
@@ -370,6 +370,7 @@ var screensNumber = {
|
|
|
370
370
|
"xl": 1280,
|
|
371
371
|
"2xl": 1536,
|
|
372
372
|
"tablet": 640,
|
|
373
|
+
"tablet-lg": 960,
|
|
373
374
|
"laptop": 1024,
|
|
374
375
|
"desktop": 1280
|
|
375
376
|
};
|
|
@@ -381,6 +382,7 @@ var screens = {
|
|
|
381
382
|
"xl": `${screensNumber.xl}px`,
|
|
382
383
|
"2xl": `${screensNumber["2xl"]}px`,
|
|
383
384
|
"tablet": `${screensNumber.tablet}px`,
|
|
385
|
+
"tablet-lg": `${screensNumber["tablet-lg"]}px`,
|
|
384
386
|
"laptop": `${screensNumber.laptop}px`,
|
|
385
387
|
"desktop": `${screensNumber.desktop}px`
|
|
386
388
|
};
|
|
@@ -504,7 +506,8 @@ function buildPreset(extend = true, buildOptions = {}) {
|
|
|
504
506
|
plugins
|
|
505
507
|
};
|
|
506
508
|
}
|
|
507
|
-
var
|
|
509
|
+
var preset = buildPreset();
|
|
510
|
+
var index_default = preset;
|
|
508
511
|
// Annotate the CommonJS export names for ESM import in node:
|
|
509
512
|
0 && (module.exports = {
|
|
510
513
|
animation,
|
package/dist/index.d.cts
CHANGED
|
@@ -81,7 +81,7 @@ type UnocssFontSizes = {
|
|
|
81
81
|
[K in FontSizeKeys]?: UnocssFontSize;
|
|
82
82
|
};
|
|
83
83
|
|
|
84
|
-
declare const screenSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
|
|
84
|
+
declare const screenSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "tablet", "tablet-lg", "laptop", "desktop"];
|
|
85
85
|
type Screens = Record<typeof screenSizes[number], `${number}px`>;
|
|
86
86
|
type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
|
|
87
87
|
type ScreensNumber = {
|
|
@@ -420,6 +420,7 @@ declare const screensNumber: {
|
|
|
420
420
|
xl: number;
|
|
421
421
|
'2xl': number;
|
|
422
422
|
tablet: number;
|
|
423
|
+
'tablet-lg': number;
|
|
423
424
|
laptop: number;
|
|
424
425
|
desktop: number;
|
|
425
426
|
};
|
|
@@ -431,6 +432,7 @@ declare const screens: {
|
|
|
431
432
|
xl: `${number}px`;
|
|
432
433
|
'2xl': `${number}px`;
|
|
433
434
|
tablet: `${number}px`;
|
|
435
|
+
'tablet-lg': `${number}px`;
|
|
434
436
|
laptop: `${number}px`;
|
|
435
437
|
desktop: `${number}px`;
|
|
436
438
|
};
|
|
@@ -642,6 +644,6 @@ declare const unocssTheme: {
|
|
|
642
644
|
};
|
|
643
645
|
|
|
644
646
|
declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
|
|
645
|
-
declare const
|
|
647
|
+
declare const preset: Partial<tailwindcss_types_config.Config>;
|
|
646
648
|
|
|
647
|
-
export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes,
|
|
649
|
+
export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, preset as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -81,7 +81,7 @@ type UnocssFontSizes = {
|
|
|
81
81
|
[K in FontSizeKeys]?: UnocssFontSize;
|
|
82
82
|
};
|
|
83
83
|
|
|
84
|
-
declare const screenSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
|
|
84
|
+
declare const screenSizes: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "tablet", "tablet-lg", "laptop", "desktop"];
|
|
85
85
|
type Screens = Record<typeof screenSizes[number], `${number}px`>;
|
|
86
86
|
type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
|
|
87
87
|
type ScreensNumber = {
|
|
@@ -420,6 +420,7 @@ declare const screensNumber: {
|
|
|
420
420
|
xl: number;
|
|
421
421
|
'2xl': number;
|
|
422
422
|
tablet: number;
|
|
423
|
+
'tablet-lg': number;
|
|
423
424
|
laptop: number;
|
|
424
425
|
desktop: number;
|
|
425
426
|
};
|
|
@@ -431,6 +432,7 @@ declare const screens: {
|
|
|
431
432
|
xl: `${number}px`;
|
|
432
433
|
'2xl': `${number}px`;
|
|
433
434
|
tablet: `${number}px`;
|
|
435
|
+
'tablet-lg': `${number}px`;
|
|
434
436
|
laptop: `${number}px`;
|
|
435
437
|
desktop: `${number}px`;
|
|
436
438
|
};
|
|
@@ -642,6 +644,6 @@ declare const unocssTheme: {
|
|
|
642
644
|
};
|
|
643
645
|
|
|
644
646
|
declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
|
|
645
|
-
declare const
|
|
647
|
+
declare const preset: Partial<tailwindcss_types_config.Config>;
|
|
646
648
|
|
|
647
|
-
export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes,
|
|
649
|
+
export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, preset as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
|
package/dist/index.js
CHANGED
|
@@ -11,7 +11,7 @@ import {
|
|
|
11
11
|
screens,
|
|
12
12
|
screensNumber,
|
|
13
13
|
unocssTheme
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-SB3R3MI5.js";
|
|
15
15
|
|
|
16
16
|
// src/plugins/index.ts
|
|
17
17
|
import animation2 from "tailwindcss-animate";
|
|
@@ -48,7 +48,8 @@ function buildPreset(extend = true, buildOptions = {}) {
|
|
|
48
48
|
plugins
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
-
var
|
|
51
|
+
var preset = buildPreset();
|
|
52
|
+
var index_default = preset;
|
|
52
53
|
export {
|
|
53
54
|
animation,
|
|
54
55
|
boxShadow,
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@removify/tailwind-preset",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.2.
|
|
4
|
+
"version": "0.2.7",
|
|
5
5
|
"description": "Tailwind CSS preset for Removify",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"tailwind"
|
|
8
8
|
],
|
|
9
|
+
"sideEffects": false,
|
|
9
10
|
"exports": {
|
|
10
11
|
".": {
|
|
11
12
|
"import": "./dist/index.js",
|
|
@@ -47,7 +48,7 @@
|
|
|
47
48
|
"tsx": "^4.19.2",
|
|
48
49
|
"typescript": "^5.7.2",
|
|
49
50
|
"vitest": "^2.1.8",
|
|
50
|
-
"@removify/tailwind-preset": "0.2.
|
|
51
|
+
"@removify/tailwind-preset": "0.2.7"
|
|
51
52
|
},
|
|
52
53
|
"lint-staged": {
|
|
53
54
|
"**/*.{js,ts,vue,html}": [
|