npm - @removify/tailwind-preset - Versions diffs - 0.0.5 → 0.0.6 - Mend

@removify/tailwind-preset 0.0.5 → 0.0.6

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.

Files changed (9) hide show

package/bin/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ #!/usr/bin/env node
2	+ import '../dist/cli.js';

package/dist/chunk-W4S5IMYJ.js ADDED Viewed

@@ -0,0 +1,133 @@
+// src/index.ts
+var colors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  overlay: "#00000080",
+  primary: {
+    50: "#E8F1F6",
+    100: "#BED9E6",
+    200: "#95C0D5",
+    300: "#6CA7C3",
+    400: "#448DB1",
+    500: "#1C749F",
+    600: "#166085",
+    700: "#104C6A",
+    800: "#0B384E",
+    900: "#062432"
+  },
+  secondary: {
+    50: "#FFEFEF",
+    100: "#FFD3D2",
+    200: "#FFB7B5",
+    300: "#FF9B99",
+    400: "#FF807E",
+    500: "#FF6663",
+    600: "#D25350",
+    700: "#A6403E",
+    800: "#792E2C",
+    900: "#4D1C1B"
+  },
+  green: {
+    50: "#E7F7F1",
+    100: "#BCE7D7",
+    200: "#91D7BD",
+    300: "#67C7A3",
+    400: "#3EB688",
+    500: "#15A46E",
+    600: "#10895B",
+    700: "#0B6D48",
+    800: "#075035",
+    900: "#043322"
+  },
+  fuchsia: {
+    50: "#FAEBFD",
+    100: "#F0C7FA",
+    200: "#E6A3F6",
+    300: "#DB81F2",
+    400: "#D05FED",
+    500: "#C53DE7",
+    600: "#A431C0",
+    700: "#822599",
+    800: "#5F1A71",
+    900: "#3D1048"
+  },
+  indigo: {
+    50: "#EFF0FF",
+    100: "#D3D5FE",
+    200: "#B8BAFC",
+    300: "#9DA0FA",
+    400: "#8286F7",
+    500: "#686DF4",
+    600: "#5459CB",
+    700: "#4145A1",
+    800: "#2F3276",
+    900: "#1D1F4B"
+  },
+  neutral: {
+    50: "#F1F2F5",
+    100: "#EAEDF2",
+    200: "#E1E5EA",
+    300: "#D5DBE2",
+    400: "#CAD1D9",
+    500: "#BEC7D1",
+    600: "#9DA4AD",
+    700: "#7B8188",
+    800: "#5A5F64",
+    900: "#393C3F"
+  },
+  orange: {
+    50: "#FFF6EA",
+    100: "#FFE5C5",
+    200: "#FFD3A0",
+    300: "#FFC27C",
+    400: "#FFB159",
+    500: "#FFA037",
+    600: "#D2842B",
+    700: "#A66821",
+    800: "#794C17",
+    900: "#4D300E"
+  },
+  seafoam: {
+    50: "#EBFAFA",
+    100: "#C7EFF1",
+    200: "#A4E5E8",
+    300: "#82DADE",
+    400: "#60CED4",
+    500: "#3EC2C9",
+    600: "#32A1A7",
+    700: "#268085",
+    800: "#1B5E62",
+    900: "#113C3E"
+  }
+};
+function config(extend = false) {
+  if (extend) {
+    return {
+      theme: {
+        extend: {
+          colors
+        }
+      }
+    };
+  }
+  return {
+    theme: {
+      colors
+    }
+  };
+}
+var src_default = config();
+export {
+  colors,
+  config,
+  src_default
+};

package/dist/cli.cjs ADDED Viewed

@@ -0,0 +1,180 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+// src/cli.ts
+var import_helpers = require("yargs/helpers");
+var import_yargs = __toESM(require("yargs"), 1);
+var import_node_process = __toESM(require("process"), 1);
+// src/index.ts
+var colors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  overlay: "#00000080",
+  primary: {
+    50: "#E8F1F6",
+    100: "#BED9E6",
+    200: "#95C0D5",
+    300: "#6CA7C3",
+    400: "#448DB1",
+    500: "#1C749F",
+    600: "#166085",
+    700: "#104C6A",
+    800: "#0B384E",
+    900: "#062432"
+  },
+  secondary: {
+    50: "#FFEFEF",
+    100: "#FFD3D2",
+    200: "#FFB7B5",
+    300: "#FF9B99",
+    400: "#FF807E",
+    500: "#FF6663",
+    600: "#D25350",
+    700: "#A6403E",
+    800: "#792E2C",
+    900: "#4D1C1B"
+  },
+  green: {
+    50: "#E7F7F1",
+    100: "#BCE7D7",
+    200: "#91D7BD",
+    300: "#67C7A3",
+    400: "#3EB688",
+    500: "#15A46E",
+    600: "#10895B",
+    700: "#0B6D48",
+    800: "#075035",
+    900: "#043322"
+  },
+  fuchsia: {
+    50: "#FAEBFD",
+    100: "#F0C7FA",
+    200: "#E6A3F6",
+    300: "#DB81F2",
+    400: "#D05FED",
+    500: "#C53DE7",
+    600: "#A431C0",
+    700: "#822599",
+    800: "#5F1A71",
+    900: "#3D1048"
+  },
+  indigo: {
+    50: "#EFF0FF",
+    100: "#D3D5FE",
+    200: "#B8BAFC",
+    300: "#9DA0FA",
+    400: "#8286F7",
+    500: "#686DF4",
+    600: "#5459CB",
+    700: "#4145A1",
+    800: "#2F3276",
+    900: "#1D1F4B"
+  },
+  neutral: {
+    50: "#F1F2F5",
+    100: "#EAEDF2",
+    200: "#E1E5EA",
+    300: "#D5DBE2",
+    400: "#CAD1D9",
+    500: "#BEC7D1",
+    600: "#9DA4AD",
+    700: "#7B8188",
+    800: "#5A5F64",
+    900: "#393C3F"
+  },
+  orange: {
+    50: "#FFF6EA",
+    100: "#FFE5C5",
+    200: "#FFD3A0",
+    300: "#FFC27C",
+    400: "#FFB159",
+    500: "#FFA037",
+    600: "#D2842B",
+    700: "#A66821",
+    800: "#794C17",
+    900: "#4D300E"
+  },
+  seafoam: {
+    50: "#EBFAFA",
+    100: "#C7EFF1",
+    200: "#A4E5E8",
+    300: "#82DADE",
+    400: "#60CED4",
+    500: "#3EC2C9",
+    600: "#32A1A7",
+    700: "#268085",
+    800: "#1B5E62",
+    900: "#113C3E"
+  }
+};
+function config(extend = false) {
+  if (extend) {
+    return {
+      theme: {
+        extend: {
+          colors
+        }
+      }
+    };
+  }
+  return {
+    theme: {
+      colors
+    }
+  };
+}
+var src_default = config();
+// src/cli.ts
+var css = String.raw;
+var argv = (0, import_yargs.default)((0, import_helpers.hideBin)(import_node_process.default.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ override: { type: "boolean", default: false, alias: "o" } }).parseSync();
+var theme = css`@import "tailwindcss";
+@theme {
+`;
+if (argv.override) {
+  theme += css`  --color-*: initial;
+`;
+}
+for (const [key, value] of Object.entries(colors)) {
+  if (typeof value === "object") {
+    for (const [subKey, subValue] of Object.entries(value)) {
+      theme += css`  --color-${key}-${subKey}: ${subValue};
+`;
+    }
+  } else {
+    theme += css`  --color-${key}: ${value};
+`;
+  }
+}
+theme += css`}`;
+console.log(theme);

package/dist/cli.d.cts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ export { }

package/dist/cli.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+
2	+ export { }

package/dist/cli.js ADDED Viewed

@@ -0,0 +1,30 @@
+import {
+  colors
+} from "./chunk-W4S5IMYJ.js";
+// src/cli.ts
+import { hideBin } from "yargs/helpers";
+import yargs from "yargs";
+import process from "process";
+var css = String.raw;
+var argv = yargs(hideBin(process.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ override: { type: "boolean", default: false, alias: "o" } }).parseSync();
+var theme = css`@import "tailwindcss";
+@theme {
+`;
+if (argv.override) {
+  theme += css`  --color-*: initial;
+`;
+}
+for (const [key, value] of Object.entries(colors)) {
+  if (typeof value === "object") {
+    for (const [subKey, subValue] of Object.entries(value)) {
+      theme += css`  --color-${key}-${subKey}: ${subValue};
+`;
+    }
+  } else {
+    theme += css`  --color-${key}: ${value};
+`;
+  }
+}
+theme += css`}`;
+console.log(theme);

package/dist/index.js CHANGED Viewed

@@ -1,130 +1,8 @@
-// src/index.ts
-var colors = {
-  inherit: "inherit",
-  current: "currentColor",
-  transparent: "transparent",
-  danger: "#EA3529",
-  warning: "#FFA037",
-  success: "#15A46E",
-  info: "#3EC2C9",
-  special: "#686DF4",
-  black: "#000000",
-  white: "#FFFFFF",
-  overlay: "#00000080",
-  primary: {
-    50: "#E8F1F6",
-    100: "#BED9E6",
-    200: "#95C0D5",
-    300: "#6CA7C3",
-    400: "#448DB1",
-    500: "#1C749F",
-    600: "#166085",
-    700: "#104C6A",
-    800: "#0B384E",
-    900: "#062432"
-  },
-  secondary: {
-    50: "#FFEFEF",
-    100: "#FFD3D2",
-    200: "#FFB7B5",
-    300: "#FF9B99",
-    400: "#FF807E",
-    500: "#FF6663",
-    600: "#D25350",
-    700: "#A6403E",
-    800: "#792E2C",
-    900: "#4D1C1B"
-  },
-  green: {
-    50: "#E7F7F1",
-    100: "#BCE7D7",
-    200: "#91D7BD",
-    300: "#67C7A3",
-    400: "#3EB688",
-    500: "#15A46E",
-    600: "#10895B",
-    700: "#0B6D48",
-    800: "#075035",
-    900: "#043322"
-  },
-  fuchsia: {
-    50: "#FAEBFD",
-    100: "#F0C7FA",
-    200: "#E6A3F6",
-    300: "#DB81F2",
-    400: "#D05FED",
-    500: "#C53DE7",
-    600: "#A431C0",
-    700: "#822599",
-    800: "#5F1A71",
-    900: "#3D1048"
-  },
-  indigo: {
-    50: "#EFF0FF",
-    100: "#D3D5FE",
-    200: "#B8BAFC",
-    300: "#9DA0FA",
-    400: "#8286F7",
-    500: "#686DF4",
-    600: "#5459CB",
-    700: "#4145A1",
-    800: "#2F3276",
-    900: "#1D1F4B"
-  },
-  neutral: {
-    50: "#F1F2F5",
-    100: "#EAEDF2",
-    200: "#E1E5EA",
-    300: "#D5DBE2",
-    400: "#CAD1D9",
-    500: "#BEC7D1",
-    600: "#9DA4AD",
-    700: "#7B8188",
-    800: "#5A5F64",
-    900: "#393C3F"
-  },
-  orange: {
-    50: "#FFF6EA",
-    100: "#FFE5C5",
-    200: "#FFD3A0",
-    300: "#FFC27C",
-    400: "#FFB159",
-    500: "#FFA037",
-    600: "#D2842B",
-    700: "#A66821",
-    800: "#794C17",
-    900: "#4D300E"
-  },
-  seafoam: {
-    50: "#EBFAFA",
-    100: "#C7EFF1",
-    200: "#A4E5E8",
-    300: "#82DADE",
-    400: "#60CED4",
-    500: "#3EC2C9",
-    600: "#32A1A7",
-    700: "#268085",
-    800: "#1B5E62",
-    900: "#113C3E"
-  }
-};
-function config(extend = false) {
-  if (extend) {
-    return {
-      theme: {
-        extend: {
-          colors
-        }
-      }
-    };
-  }
-  return {
-    theme: {
-      colors
-    }
-  };
-}
-var src_default = config();
+import {
+  colors,
+  config,
+  src_default
+} from "./chunk-W4S5IMYJ.js";
 export {
   colors,
   config,

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -14,16 +14,25 @@
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "bin": "./bin/index.js",
   "files": [
+    "bin",
     "dist"
   ],
   "engines": {
     "node": ">=18"
   },
+  "peerDependencies": {
+    "tailwindcss": "^3.0.0"
+  },
+  "dependencies": {
+    "yargs": "17.7.2"
+  },
   "devDependencies": {
     "@commitlint/cli": "^18.6.0",
     "@commitlint/config-conventional": "^18.6.0",
     "@types/node": "^20.11.10",
+    "@types/yargs": "^17.0.32",
     "bumpp": "^9.3.0",
     "eslint": "^8.56.0",
     "eslint-config-removify": "^1.2.11",
@@ -35,7 +44,7 @@
     "tsx": "^4.7.0",
     "typescript": "^5.3.3",
     "vitest": "^1.2.2",
-    "removify-tailwind-preset": "npm:@removify/tailwind-preset@0.0.5"
+    "@removify/tailwind-preset": "0.0.6"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [
@@ -44,7 +53,7 @@
   },
   "scripts": {
     "start": "tsx ./src/index.ts",
-    "build": "tsup src/index.ts --format esm,cjs --clean --dts",
+    "build": "tsup src/index.ts src/cli.ts --format esm,cjs --clean --dts",
     "watch": "tsup --format esm,cjs --watch",
     "dev": "tsx watch ./src/index.ts",
     "test": "vitest",

package/readme.md CHANGED Viewed

@@ -12,6 +12,14 @@ yarn add -D removify-tailwind-preset
 pnpm add -D removify-tailwind-preset
 ```
+### Use cli to generate tailwind v4 theme
+**Note:** Tailwind v4 is in alpha stage, therefor the cli is subjected to change in the future.
+```bash
+npx @removify/tailwind-preset > src/style.css
+```
 ```ts
 // tailwind.config.{t,j}s
 import removify from 'removify-tailwind-preset';