@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.
@@ -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
  };
@@ -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
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-LLEP4RXE.js";
3
+ } from "../chunk-SB3R3MI5.js";
4
4
 
5
5
  // src/cli/index.ts
6
6
  import process from "node:process";
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 index_default = buildPreset();
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 _default: Partial<tailwindcss_types_config.Config>;
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, _default as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
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 _default: Partial<tailwindcss_types_config.Config>;
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, _default as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
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-LLEP4RXE.js";
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 index_default = buildPreset();
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.6",
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.6"
51
+ "@removify/tailwind-preset": "0.2.7"
51
52
  },
52
53
  "lint-staged": {
53
54
  "**/*.{js,ts,vue,html}": [