@removify/tailwind-preset 1.0.5 → 1.0.7

package/dist/index.cjs

@@ -47,6 +47,7 @@ __export(index_exports, {
   screenSizes: () => screenSizes,
   screens: () => screens,
   screensNumber: () => screensNumber,
+  shadowVariations: () => shadowVariations,
   unocssTheme: () => unocssTheme
 });
 module.exports = __toCommonJS(index_exports);
@@ -289,6 +290,9 @@ var mainColors = {
     "high-star": "#86C1A3",
     "medium-star": "#FCD288",
     "low-star": "#F08C8A"
+  },
+  table: {
+    border: "#e8e9ed"
   }
 };
 var colors = {
@@ -558,6 +562,16 @@ var screenSizes = [
   "desktop"
 ];
 
+// src/types/shadow.ts
+var shadowVariations = [
+  "elevation-0",
+  "elevation-1",
+  "elevation-2",
+  "elevation-3",
+  "elevation-4",
+  "elevation-5"
+];
+
 // src/index.ts
 function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
@@ -592,5 +606,6 @@ function buildPreset(extend = true, buildOptions = {}) {
   screenSizes,
   screens,
   screensNumber,
+  shadowVariations,
   unocssTheme
 });

package/dist/index.d.cts

@@ -5,6 +5,8 @@ declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo
 type ColorsNames = typeof colorsNames[number];
 type RatingVariations = `${'low' | 'high' | 'medium'}${'' | '-star'}`;
 declare const ratingColorVariations: RatingVariations[];
+type CustomColors = 'rating' | 'table';
+type TableVariations = 'border';
 type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 interface MainColors {
     black: string;
@@ -21,9 +23,11 @@ interface DefaultColors {
     special: string;
 }
 type Colors = DefaultColors & MainColors & Record<ColorsNames, Record<ColorsVariations, string>> & {
-    rating: Record<RatingVariations, string>;
+    [K in Extract<CustomColors, 'rating'>]: Record<RatingVariations, string>;
+} & {
+    [K in Extract<CustomColors, 'table'>]: Record<TableVariations, string>;
 };
-type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
+type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors | CustomColors;
 
 declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
 type ConfiguredThemes = typeof configuredThemes[number];
@@ -93,9 +97,9 @@ type BorderSize = 0 | `${number}px`;
 type RgbValue = number;
 type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
 type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
-type Shadows = {
-    [K in ShadowSize as `elevation-${K}`]?: Shadow;
-};
+type ShadowKeys = `elevation-${ShadowSize}`;
+declare const shadowVariations: ShadowKeys[];
+type Shadows = Record<ShadowKeys, Shadow>;
 
 declare const animation: {
     'radix-accordion-down': string;
@@ -397,6 +401,9 @@ declare const colors: {
         'medium-star': string;
         'low-star': string;
     };
+    table: {
+        border: string;
+    };
 };
 
 declare const customFontFamily: {
@@ -684,6 +691,9 @@ declare const unocssTheme: {
             'medium-star': string;
             'low-star': string;
         };
+        table: {
+            border: string;
+        };
     };
     boxShadow: {
         'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
@@ -698,4 +708,4 @@ declare const unocssTheme: {
 
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 
-export { type BorderSize, type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ColorsVariations, type ConfiguredThemes, type DefaultColors, type DetailFont, type DisplayKeys, type ExtractNumber, type FontAndLineHeight, type FontSize, type FontSizeDetail, type FontSizeKeys, type FontSizes, type FontValue, type HeadingKeys, type MainColors, type RatingVariations, type RgbValue, type Screens, type ScreensNumber, type Shadow, type ShadowSize, type Shadows, type SizeKeys, type ThemeOptions, type UnocssDetailFont, type UnocssFontSize, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, ratingColorVariations, screenSizes, screens, screensNumber, unocssTheme };
+export { type BorderSize, type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ColorsVariations, type ConfiguredThemes, type CustomColors, type DefaultColors, type DetailFont, type DisplayKeys, type ExtractNumber, type FontAndLineHeight, type FontSize, type FontSizeDetail, type FontSizeKeys, type FontSizes, type FontValue, type HeadingKeys, type MainColors, type RatingVariations, type RgbValue, type Screens, type ScreensNumber, type Shadow, type ShadowKeys, type ShadowSize, type Shadows, type SizeKeys, type TableVariations, type ThemeOptions, type UnocssDetailFont, type UnocssFontSize, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, ratingColorVariations, screenSizes, screens, screensNumber, shadowVariations, unocssTheme };

package/dist/index.d.ts

@@ -5,6 +5,8 @@ declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo
 type ColorsNames = typeof colorsNames[number];
 type RatingVariations = `${'low' | 'high' | 'medium'}${'' | '-star'}`;
 declare const ratingColorVariations: RatingVariations[];
+type CustomColors = 'rating' | 'table';
+type TableVariations = 'border';
 type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
 interface MainColors {
     black: string;
@@ -21,9 +23,11 @@ interface DefaultColors {
     special: string;
 }
 type Colors = DefaultColors & MainColors & Record<ColorsNames, Record<ColorsVariations, string>> & {
-    rating: Record<RatingVariations, string>;
+    [K in Extract<CustomColors, 'rating'>]: Record<RatingVariations, string>;
+} & {
+    [K in Extract<CustomColors, 'table'>]: Record<TableVariations, string>;
 };
-type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
+type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors | CustomColors;
 
 declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
 type ConfiguredThemes = typeof configuredThemes[number];
@@ -93,9 +97,9 @@ type BorderSize = 0 | `${number}px`;
 type RgbValue = number;
 type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
 type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
-type Shadows = {
-    [K in ShadowSize as `elevation-${K}`]?: Shadow;
-};
+type ShadowKeys = `elevation-${ShadowSize}`;
+declare const shadowVariations: ShadowKeys[];
+type Shadows = Record<ShadowKeys, Shadow>;
 
 declare const animation: {
     'radix-accordion-down': string;
@@ -397,6 +401,9 @@ declare const colors: {
         'medium-star': string;
         'low-star': string;
     };
+    table: {
+        border: string;
+    };
 };
 
 declare const customFontFamily: {
@@ -684,6 +691,9 @@ declare const unocssTheme: {
             'medium-star': string;
             'low-star': string;
         };
+        table: {
+            border: string;
+        };
     };
     boxShadow: {
         'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
@@ -698,4 +708,4 @@ declare const unocssTheme: {
 
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 
-export { type BorderSize, type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ColorsVariations, type ConfiguredThemes, type DefaultColors, type DetailFont, type DisplayKeys, type ExtractNumber, type FontAndLineHeight, type FontSize, type FontSizeDetail, type FontSizeKeys, type FontSizes, type FontValue, type HeadingKeys, type MainColors, type RatingVariations, type RgbValue, type Screens, type ScreensNumber, type Shadow, type ShadowSize, type Shadows, type SizeKeys, type ThemeOptions, type UnocssDetailFont, type UnocssFontSize, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, ratingColorVariations, screenSizes, screens, screensNumber, unocssTheme };
+export { type BorderSize, type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ColorsVariations, type ConfiguredThemes, type CustomColors, type DefaultColors, type DetailFont, type DisplayKeys, type ExtractNumber, type FontAndLineHeight, type FontSize, type FontSizeDetail, type FontSizeKeys, type FontSizes, type FontValue, type HeadingKeys, type MainColors, type RatingVariations, type RgbValue, type Screens, type ScreensNumber, type Shadow, type ShadowKeys, type ShadowSize, type Shadows, type SizeKeys, type TableVariations, type ThemeOptions, type UnocssDetailFont, type UnocssFontSize, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, ratingColorVariations, screenSizes, screens, screensNumber, shadowVariations, unocssTheme };

package/dist/index.js

@@ -236,6 +236,9 @@ var mainColors = {
     "high-star": "#86C1A3",
     "medium-star": "#FCD288",
     "low-star": "#F08C8A"
+  },
+  table: {
+    border: "#e8e9ed"
   }
 };
 var colors = {
@@ -505,6 +508,16 @@ var screenSizes = [
   "desktop"
 ];
 
+// src/types/shadow.ts
+var shadowVariations = [
+  "elevation-0",
+  "elevation-1",
+  "elevation-2",
+  "elevation-3",
+  "elevation-4",
+  "elevation-5"
+];
+
 // src/index.ts
 function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
@@ -538,5 +551,6 @@ export {
   screenSizes,
   screens,
   screensNumber,
+  shadowVariations,
   unocssTheme
 };

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "1.0.5",
+  "version": "1.0.7",
+  "packageManager": "pnpm@10.13.1",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -31,6 +32,24 @@
   "engines": {
     "node": ">=22"
   },
+  "scripts": {
+    "start": "pnpm exec tsx ./src/index.ts",
+    "build": "rimraf dist && tsup src/index.ts --format esm,cjs --clean --dts && pnpm generate:tailwind-v4",
+    "generate:tailwind-v4": "tsx ./scripts/generate-tailwind-v4.ts",
+    "update-animation:v4": "curl https://raw.githubusercontent.com/Wombosvideo/tw-animate-css/refs/heads/main/src/tw-animate.css > ./tailwind-dist/tailwindcss-animate.css",
+    "typecheck": "tsc --noEmit",
+    "prepack": "pnpm build",
+    "watch": "tsup --format esm,cjs --watch",
+    "dev": "tsx watch ./src/index.ts",
+    "dev:playground": "pnpm --filter playground dev",
+    "test": "vitest",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "husky:install": "husky",
+    "release": "bumpp && pnpm publish --access=public",
+    "tailwind-config-viewer": "tailwind-config-viewer -o -c tailwind.config.js",
+    "tailwind-config-viewer:build": "pnpm build && tailwind-config-viewer export tailwind-dist -c tailwind.config.js"
+  },
   "peerDependencies": {
     "tailwindcss": "^3.0.0 || ^4.0.0"
   },
@@ -42,6 +61,7 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@removify/eslint-config": "^3.1.2",
+    "@removify/tailwind-preset": "workspace:*",
     "@types/node": "^22.16.5",
     "bumpp": "^10.2.0",
     "eslint": "^9.31.0",
@@ -53,29 +73,16 @@
     "tsup": "^8.5.0",
     "tsx": "^4.20.3",
     "typescript": "^5.8.3",
-    "vitest": "^3.2.4",
-    "@removify/tailwind-preset": "1.0.5"
+    "vitest": "^3.2.4"
+  },
+  "pnpm": {
+    "overrides": {
+      "koa": ">=3.0.1"
+    }
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [
       "pnpm lint:fix"
     ]
-  },
-  "scripts": {
-    "start": "pnpm exec tsx ./src/index.ts",
-    "build": "rimraf dist && tsup src/index.ts --format esm,cjs --clean --dts && pnpm generate:tailwind-v4",
-    "generate:tailwind-v4": "tsx ./scripts/generate-tailwind-v4.ts",
-    "update-animation:v4": "curl https://raw.githubusercontent.com/Wombosvideo/tw-animate-css/refs/heads/main/src/tw-animate.css > ./tailwind-dist/tailwindcss-animate.css",
-    "typecheck": "tsc --noEmit",
-    "watch": "tsup --format esm,cjs --watch",
-    "dev": "tsx watch ./src/index.ts",
-    "dev:playground": "pnpm --filter playground dev",
-    "test": "vitest",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
-    "husky:install": "husky",
-    "release": "bumpp && pnpm publish --access=public",
-    "tailwind-config-viewer": "tailwind-config-viewer -o -c tailwind.config.js",
-    "tailwind-config-viewer:build": "pnpm build && tailwind-config-viewer export tailwind-dist -c tailwind.config.js"
   }
-}
+}

package/tailwind-dist/index.css

@@ -133,6 +133,7 @@
   --color-rating-high-star: #86C1A3;
   --color-rating-medium-star: #FCD288;
   --color-rating-low-star: #F08C8A;
+  --color-table-border: #e8e9ed;
   --color-primary-50: #F2F5F7;
   --color-primary-100: #E7ECF0;
   --color-primary-200: #CCD7E1;