@removify/tailwind-preset 0.2.8 → 0.2.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.
@@ -203,6 +203,11 @@ var mainColors = {
203
203
  800: "#AD271E",
204
204
  900: "#8D2019",
205
205
  950: "#641711"
206
+ },
207
+ rating: {
208
+ high: "#15A46E",
209
+ medium: "#EC5818",
210
+ low: "#8D2019"
206
211
  }
207
212
  };
208
213
  var colors = {
@@ -225,15 +230,13 @@ var customFontFamily = {
225
230
  sans: ["DM Sans", ...fontFamilySans]
226
231
  };
227
232
 
228
- // src/util/font.ts
229
- import { kebabKeys } from "string-ts";
230
-
231
233
  // src/types/fontSize.ts
232
234
  function isDetailFont(value) {
233
235
  return Array.isArray(value) && typeof value[1] === "object";
234
236
  }
235
237
 
236
238
  // src/util/font.ts
239
+ import { kebabKeys } from "string-ts";
237
240
  var entries = Object.entries;
238
241
  function fontConfigKeysKebabCase(fontConfig) {
239
242
  const result = {};
@@ -426,6 +429,7 @@ export {
426
429
  keyframes,
427
430
  colors,
428
431
  customFontFamily,
432
+ isDetailFont,
429
433
  fontSize,
430
434
  screensNumber,
431
435
  screens,
@@ -178,6 +178,11 @@ var mainColors = {
178
178
  800: "#AD271E",
179
179
  900: "#8D2019",
180
180
  950: "#641711"
181
+ },
182
+ rating: {
183
+ high: "#15A46E",
184
+ medium: "#EC5818",
185
+ low: "#8D2019"
181
186
  }
182
187
  };
183
188
  var colors = {
package/dist/cli/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  colors
3
- } from "../chunk-SB3R3MI5.js";
3
+ } from "../chunk-ZH7BDNIX.js";
4
4
 
5
5
  // src/cli/index.ts
6
- import process from "node:process";
6
+ import process from "process";
7
7
  import yargs from "yargs";
8
8
  import { hideBin } from "yargs/helpers";
9
9
 
package/dist/index.cjs CHANGED
@@ -36,11 +36,14 @@ __export(index_exports, {
36
36
  buildTheme: () => buildTheme,
37
37
  colors: () => colors,
38
38
  colorsNames: () => colorsNames,
39
+ configuredThemes: () => configuredThemes,
39
40
  defaultTheme: () => defaultTheme,
40
41
  factory: () => factory,
41
42
  fontFamily: () => customFontFamily,
42
43
  fontSize: () => fontSize,
44
+ isDetailFont: () => isDetailFont,
43
45
  keyframes: () => keyframes,
46
+ screenSizes: () => screenSizes,
44
47
  screens: () => screens,
45
48
  screensNumber: () => screensNumber,
46
49
  unocssTheme: () => unocssTheme
@@ -256,6 +259,11 @@ var mainColors = {
256
259
  800: "#AD271E",
257
260
  900: "#8D2019",
258
261
  950: "#641711"
262
+ },
263
+ rating: {
264
+ high: "#15A46E",
265
+ medium: "#EC5818",
266
+ low: "#8D2019"
259
267
  }
260
268
  };
261
269
  var colors = {
@@ -490,6 +498,31 @@ var colorsNames = [
490
498
  "seafoam"
491
499
  ];
492
500
 
501
+ // src/types/factory.ts
502
+ var configuredThemes = [
503
+ "colors",
504
+ "boxShadow",
505
+ "fontSize",
506
+ "fontFamily",
507
+ "animation",
508
+ "keyframes",
509
+ "screens"
510
+ ];
511
+
512
+ // src/types/screen.ts
513
+ var screenSizes = [
514
+ "xs",
515
+ "sm",
516
+ "md",
517
+ "lg",
518
+ "xl",
519
+ "2xl",
520
+ "tablet",
521
+ "tablet-lg",
522
+ "laptop",
523
+ "desktop"
524
+ ];
525
+
493
526
  // src/index.ts
494
527
  function buildPreset(extend = true, buildOptions = {}) {
495
528
  if (extend === false) {
@@ -513,11 +546,14 @@ function buildPreset(extend = true, buildOptions = {}) {
513
546
  buildTheme,
514
547
  colors,
515
548
  colorsNames,
549
+ configuredThemes,
516
550
  defaultTheme,
517
551
  factory,
518
552
  fontFamily,
519
553
  fontSize,
554
+ isDetailFont,
520
555
  keyframes,
556
+ screenSizes,
521
557
  screens,
522
558
  screensNumber,
523
559
  unocssTheme
package/dist/index.d.cts CHANGED
@@ -3,6 +3,7 @@ import { Config } from 'tailwindcss';
3
3
  declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
4
4
 
5
5
  type ColorsNames = typeof colorsNames[number];
6
+ type RatingVariations = 'low' | 'high' | 'medium';
6
7
  type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
7
8
  interface MainColors {
8
9
  black: string;
@@ -18,9 +19,9 @@ interface DefaultColors {
18
19
  info: string;
19
20
  special: string;
20
21
  }
21
- type Colors = DefaultColors & MainColors & Record<ColorsNames, {
22
- [K in ColorsVariations]: string;
23
- }>;
22
+ type Colors = DefaultColors & MainColors & Record<ColorsNames, Record<ColorsVariations, string>> & {
23
+ rating: Record<RatingVariations, string>;
24
+ };
24
25
  type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
25
26
 
26
27
  declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
@@ -95,60 +96,6 @@ type Shadows = {
95
96
  [K in ShadowSize as `elevation-${K}`]?: Shadow;
96
97
  };
97
98
 
98
- declare const fontSize: {
99
- '2xs': ["0.6875rem", "1rem"];
100
- xs: ["0.75rem", "1rem"];
101
- sm: ["0.875rem", "1.25rem"];
102
- base: ["1rem", "1.5rem"];
103
- md: ["1.125rem", "1.5rem"];
104
- lg: ["1.25rem", "1.625rem"];
105
- display1: ["3.75rem", {
106
- fontWeight: number;
107
- lineHeight: string;
108
- letterSpacing: string;
109
- }];
110
- display2: ["3.25rem", {
111
- fontWeight: number;
112
- lineHeight: string;
113
- letterSpacing: string;
114
- }];
115
- display3: ["2.75rem", {
116
- fontWeight: number;
117
- lineHeight: string;
118
- letterSpacing: string;
119
- }];
120
- h1: ["3rem", {
121
- fontWeight: number;
122
- lineHeight: string;
123
- letterSpacing: string;
124
- }];
125
- h2: ["2.5rem", {
126
- fontWeight: number;
127
- lineHeight: string;
128
- letterSpacing: string;
129
- }];
130
- h3: ["2.25rem", {
131
- fontWeight: number;
132
- lineHeight: string;
133
- letterSpacing: string;
134
- }];
135
- h4: ["2rem", {
136
- fontWeight: number;
137
- lineHeight: string;
138
- letterSpacing: string;
139
- }];
140
- h5: ["1.5rem", {
141
- fontWeight: number;
142
- lineHeight: string;
143
- letterSpacing: string;
144
- }];
145
- h6: ["1.25rem", {
146
- fontWeight: number;
147
- lineHeight: string;
148
- letterSpacing: string;
149
- }];
150
- };
151
-
152
99
  declare const animation: {
153
100
  'radix-accordion-down': string;
154
101
  'radix-accordion-up': string;
@@ -405,12 +352,71 @@ declare const colors: {
405
352
  900: string;
406
353
  950: string;
407
354
  };
355
+ rating: {
356
+ high: string;
357
+ medium: string;
358
+ low: string;
359
+ };
408
360
  };
409
361
 
410
362
  declare const customFontFamily: {
411
363
  sans: string[];
412
364
  };
413
365
 
366
+ declare const fontSize: {
367
+ '2xs': ["0.6875rem", "1rem"];
368
+ xs: ["0.75rem", "1rem"];
369
+ sm: ["0.875rem", "1.25rem"];
370
+ base: ["1rem", "1.5rem"];
371
+ md: ["1.125rem", "1.5rem"];
372
+ lg: ["1.25rem", "1.625rem"];
373
+ display1: ["3.75rem", {
374
+ fontWeight: number;
375
+ lineHeight: string;
376
+ letterSpacing: string;
377
+ }];
378
+ display2: ["3.25rem", {
379
+ fontWeight: number;
380
+ lineHeight: string;
381
+ letterSpacing: string;
382
+ }];
383
+ display3: ["2.75rem", {
384
+ fontWeight: number;
385
+ lineHeight: string;
386
+ letterSpacing: string;
387
+ }];
388
+ h1: ["3rem", {
389
+ fontWeight: number;
390
+ lineHeight: string;
391
+ letterSpacing: string;
392
+ }];
393
+ h2: ["2.5rem", {
394
+ fontWeight: number;
395
+ lineHeight: string;
396
+ letterSpacing: string;
397
+ }];
398
+ h3: ["2.25rem", {
399
+ fontWeight: number;
400
+ lineHeight: string;
401
+ letterSpacing: string;
402
+ }];
403
+ h4: ["2rem", {
404
+ fontWeight: number;
405
+ lineHeight: string;
406
+ letterSpacing: string;
407
+ }];
408
+ h5: ["1.5rem", {
409
+ fontWeight: number;
410
+ lineHeight: string;
411
+ letterSpacing: string;
412
+ }];
413
+ h6: ["1.25rem", {
414
+ fontWeight: number;
415
+ lineHeight: string;
416
+ letterSpacing: string;
417
+ }];
418
+ };
419
+
414
420
  declare const screensNumber: {
415
421
  xs: number;
416
422
  sm: number;
@@ -630,6 +636,11 @@ declare const unocssTheme: {
630
636
  900: string;
631
637
  950: string;
632
638
  };
639
+ rating: {
640
+ high: string;
641
+ medium: string;
642
+ low: string;
643
+ };
633
644
  };
634
645
  boxShadow: {
635
646
  'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
package/dist/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import { Config } from 'tailwindcss';
3
3
  declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
4
4
 
5
5
  type ColorsNames = typeof colorsNames[number];
6
+ type RatingVariations = 'low' | 'high' | 'medium';
6
7
  type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
7
8
  interface MainColors {
8
9
  black: string;
@@ -18,9 +19,9 @@ interface DefaultColors {
18
19
  info: string;
19
20
  special: string;
20
21
  }
21
- type Colors = DefaultColors & MainColors & Record<ColorsNames, {
22
- [K in ColorsVariations]: string;
23
- }>;
22
+ type Colors = DefaultColors & MainColors & Record<ColorsNames, Record<ColorsVariations, string>> & {
23
+ rating: Record<RatingVariations, string>;
24
+ };
24
25
  type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
25
26
 
26
27
  declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
@@ -95,60 +96,6 @@ type Shadows = {
95
96
  [K in ShadowSize as `elevation-${K}`]?: Shadow;
96
97
  };
97
98
 
98
- declare const fontSize: {
99
- '2xs': ["0.6875rem", "1rem"];
100
- xs: ["0.75rem", "1rem"];
101
- sm: ["0.875rem", "1.25rem"];
102
- base: ["1rem", "1.5rem"];
103
- md: ["1.125rem", "1.5rem"];
104
- lg: ["1.25rem", "1.625rem"];
105
- display1: ["3.75rem", {
106
- fontWeight: number;
107
- lineHeight: string;
108
- letterSpacing: string;
109
- }];
110
- display2: ["3.25rem", {
111
- fontWeight: number;
112
- lineHeight: string;
113
- letterSpacing: string;
114
- }];
115
- display3: ["2.75rem", {
116
- fontWeight: number;
117
- lineHeight: string;
118
- letterSpacing: string;
119
- }];
120
- h1: ["3rem", {
121
- fontWeight: number;
122
- lineHeight: string;
123
- letterSpacing: string;
124
- }];
125
- h2: ["2.5rem", {
126
- fontWeight: number;
127
- lineHeight: string;
128
- letterSpacing: string;
129
- }];
130
- h3: ["2.25rem", {
131
- fontWeight: number;
132
- lineHeight: string;
133
- letterSpacing: string;
134
- }];
135
- h4: ["2rem", {
136
- fontWeight: number;
137
- lineHeight: string;
138
- letterSpacing: string;
139
- }];
140
- h5: ["1.5rem", {
141
- fontWeight: number;
142
- lineHeight: string;
143
- letterSpacing: string;
144
- }];
145
- h6: ["1.25rem", {
146
- fontWeight: number;
147
- lineHeight: string;
148
- letterSpacing: string;
149
- }];
150
- };
151
-
152
99
  declare const animation: {
153
100
  'radix-accordion-down': string;
154
101
  'radix-accordion-up': string;
@@ -405,12 +352,71 @@ declare const colors: {
405
352
  900: string;
406
353
  950: string;
407
354
  };
355
+ rating: {
356
+ high: string;
357
+ medium: string;
358
+ low: string;
359
+ };
408
360
  };
409
361
 
410
362
  declare const customFontFamily: {
411
363
  sans: string[];
412
364
  };
413
365
 
366
+ declare const fontSize: {
367
+ '2xs': ["0.6875rem", "1rem"];
368
+ xs: ["0.75rem", "1rem"];
369
+ sm: ["0.875rem", "1.25rem"];
370
+ base: ["1rem", "1.5rem"];
371
+ md: ["1.125rem", "1.5rem"];
372
+ lg: ["1.25rem", "1.625rem"];
373
+ display1: ["3.75rem", {
374
+ fontWeight: number;
375
+ lineHeight: string;
376
+ letterSpacing: string;
377
+ }];
378
+ display2: ["3.25rem", {
379
+ fontWeight: number;
380
+ lineHeight: string;
381
+ letterSpacing: string;
382
+ }];
383
+ display3: ["2.75rem", {
384
+ fontWeight: number;
385
+ lineHeight: string;
386
+ letterSpacing: string;
387
+ }];
388
+ h1: ["3rem", {
389
+ fontWeight: number;
390
+ lineHeight: string;
391
+ letterSpacing: string;
392
+ }];
393
+ h2: ["2.5rem", {
394
+ fontWeight: number;
395
+ lineHeight: string;
396
+ letterSpacing: string;
397
+ }];
398
+ h3: ["2.25rem", {
399
+ fontWeight: number;
400
+ lineHeight: string;
401
+ letterSpacing: string;
402
+ }];
403
+ h4: ["2rem", {
404
+ fontWeight: number;
405
+ lineHeight: string;
406
+ letterSpacing: string;
407
+ }];
408
+ h5: ["1.5rem", {
409
+ fontWeight: number;
410
+ lineHeight: string;
411
+ letterSpacing: string;
412
+ }];
413
+ h6: ["1.25rem", {
414
+ fontWeight: number;
415
+ lineHeight: string;
416
+ letterSpacing: string;
417
+ }];
418
+ };
419
+
414
420
  declare const screensNumber: {
415
421
  xs: number;
416
422
  sm: number;
@@ -630,6 +636,11 @@ declare const unocssTheme: {
630
636
  900: string;
631
637
  950: string;
632
638
  };
639
+ rating: {
640
+ high: string;
641
+ medium: string;
642
+ low: string;
643
+ };
633
644
  };
634
645
  boxShadow: {
635
646
  'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
package/dist/index.js CHANGED
@@ -7,11 +7,12 @@ import {
7
7
  defaultTheme,
8
8
  factory,
9
9
  fontSize,
10
+ isDetailFont,
10
11
  keyframes,
11
12
  screens,
12
13
  screensNumber,
13
14
  unocssTheme
14
- } from "./chunk-SB3R3MI5.js";
15
+ } from "./chunk-ZH7BDNIX.js";
15
16
 
16
17
  // src/plugins/index.ts
17
18
  import animation2 from "tailwindcss-animate";
@@ -33,6 +34,31 @@ var colorsNames = [
33
34
  "seafoam"
34
35
  ];
35
36
 
37
+ // src/types/factory.ts
38
+ var configuredThemes = [
39
+ "colors",
40
+ "boxShadow",
41
+ "fontSize",
42
+ "fontFamily",
43
+ "animation",
44
+ "keyframes",
45
+ "screens"
46
+ ];
47
+
48
+ // src/types/screen.ts
49
+ var screenSizes = [
50
+ "xs",
51
+ "sm",
52
+ "md",
53
+ "lg",
54
+ "xl",
55
+ "2xl",
56
+ "tablet",
57
+ "tablet-lg",
58
+ "laptop",
59
+ "desktop"
60
+ ];
61
+
36
62
  // src/index.ts
37
63
  function buildPreset(extend = true, buildOptions = {}) {
38
64
  if (extend === false) {
@@ -55,11 +81,14 @@ export {
55
81
  buildTheme,
56
82
  colors,
57
83
  colorsNames,
84
+ configuredThemes,
58
85
  defaultTheme,
59
86
  factory,
60
87
  customFontFamily as fontFamily,
61
88
  fontSize,
89
+ isDetailFont,
62
90
  keyframes,
91
+ screenSizes,
63
92
  screens,
64
93
  screensNumber,
65
94
  unocssTheme
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@removify/tailwind-preset",
3
3
  "type": "module",
4
- "version": "0.2.8",
4
+ "version": "0.2.10",
5
5
  "description": "Tailwind CSS preset for Removify",
6
6
  "keywords": [
7
7
  "tailwind"
@@ -27,28 +27,28 @@
27
27
  "tailwindcss": "^3.0.0"
28
28
  },
29
29
  "dependencies": {
30
- "string-ts": "^2.2.0",
30
+ "string-ts": "^2.2.1",
31
31
  "tailwindcss-animate": "^1.0.7",
32
32
  "yargs": "17.7.2"
33
33
  },
34
34
  "devDependencies": {
35
- "@commitlint/cli": "^19.6.1",
36
- "@commitlint/config-conventional": "^19.6.0",
37
- "@removify/eslint-config": "^1.9.3",
38
- "@types/node": "^22.10.3",
35
+ "@commitlint/cli": "^19.8.1",
36
+ "@commitlint/config-conventional": "^19.8.1",
37
+ "@removify/eslint-config": "^3.1.2",
38
+ "@types/node": "^22.16.5",
39
39
  "@types/yargs": "^17.0.33",
40
- "bumpp": "^9.9.2",
41
- "eslint": "^9.17.0",
40
+ "bumpp": "^10.2.0",
41
+ "eslint": "^9.31.0",
42
42
  "husky": "^9.1.7",
43
- "lint-staged": "^15.3.0",
43
+ "lint-staged": "^16.1.2",
44
44
  "rimraf": "^6.0.1",
45
45
  "tailwind-config-viewer": "^2.0.4",
46
46
  "tailwindcss": "^3.4.17",
47
- "tsup": "^8.3.5",
48
- "tsx": "^4.19.2",
49
- "typescript": "^5.7.2",
50
- "vitest": "^2.1.8",
51
- "@removify/tailwind-preset": "0.2.8"
47
+ "tsup": "^8.5.0",
48
+ "tsx": "^4.20.3",
49
+ "typescript": "^5.8.3",
50
+ "vitest": "^3.2.4",
51
+ "@removify/tailwind-preset": "0.2.10"
52
52
  },
53
53
  "lint-staged": {
54
54
  "**/*.{js,ts,vue,html}": [
@@ -58,6 +58,7 @@
58
58
  "scripts": {
59
59
  "start": "tsx ./src/index.ts",
60
60
  "build": "rimraf dist && tsup src/index.ts src/cli/index.ts --format esm,cjs --clean --dts",
61
+ "typecheck": "tsc --noEmit",
61
62
  "watch": "tsup --format esm,cjs --watch",
62
63
  "dev": "tsx watch ./src/index.ts",
63
64
  "dev:cli": "tsx watch ./src/cli/index.ts",