@removify/tailwind-preset 0.0.7 → 0.0.9

package/bin/index.js

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

package/dist/chunk-A4JTRVFS.js

@@ -0,0 +1,252 @@
+// src/theme/colors.ts
+var colors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  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"
+  },
+  red: {
+    50: "#FEEAE9",
+    100: "#FBC5C1",
+    200: "#F8A09A",
+    300: "#F47C74",
+    400: "#EF584E",
+    500: "#EA3529",
+    600: "#C32A20",
+    700: "#9B2018",
+    800: "#731610",
+    900: "#490D09"
+  },
+  amber: {
+    50: "#FFF9E8",
+    100: "#FFEEBF",
+    200: "#FFE397",
+    300: "#FFD770",
+    400: "#FECB4A",
+    500: "#FBBF24",
+    600: "#D19F1C",
+    700: "#A67E14",
+    800: "#795C0D",
+    900: "#4D3B08"
+  }
+};
+
+// src/util/font.ts
+import { kebabKeys } from "string-ts";
+
+// src/types/fontSize.ts
+function isDetailFont(value) {
+  return Array.isArray(value) && typeof value[1] === "object";
+}
+
+// src/util/font.ts
+var entries = Object.entries;
+function fontConfigKeysKebabCase(fontConfig) {
+  const result = {};
+  for (const [key, value] of entries(fontConfig)) {
+    if (value) {
+      if (isDetailFont(value)) {
+        const [size, detail] = value;
+        const kebabDetail = kebabKeys(detail);
+        result[key] = [size, kebabDetail];
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/theme/fontSize.ts
+var fontSizes = {
+  "2xs": ["0.6875rem", "1rem"],
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.25rem", "1.625rem"],
+  "display1": ["3.75rem", {
+    fontWeight: 700,
+    lineHeight: "5rem",
+    letterSpacing: "-0.0625rem"
+  }],
+  "display2": ["3.25rem", {
+    fontWeight: 700,
+    lineHeight: "4.25rem",
+    letterSpacing: "-0.05rem"
+  }],
+  "display3": ["2.75rem", {
+    fontWeight: 700,
+    lineHeight: "3.625rem",
+    letterSpacing: "-0.0375rem"
+  }],
+  "h1": ["3rem", {
+    fontWeight: 700,
+    lineHeight: "3.75rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h2": ["2.5rem", {
+    fontWeight: 700,
+    lineHeight: "3.25rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h3": ["2.25rem", {
+    fontWeight: 700,
+    lineHeight: "3rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h4": ["2rem", {
+    fontWeight: 700,
+    lineHeight: "2.625rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h5": ["1.5rem", {
+    fontWeight: 700,
+    lineHeight: "2rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h6": ["1.25rem", {
+    fontWeight: 700,
+    lineHeight: "1.625rem",
+    letterSpacing: "-0.0125rem"
+  }]
+};
+var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+
+// src/theme/shadows.ts
+var shadows = {
+  "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
+  "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
+};
+
+// src/theme/fontFamily.ts
+import { fontFamily } from "tailwindcss/defaultTheme";
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamily.sans]
+};
+
+// src/theme/index.ts
+var theme = {
+  colors,
+  boxShadow: shadows,
+  fontSize: fontSizes,
+  fontFamily: customFontFamily
+};
+var unocssTheme = {
+  colors,
+  boxShadow: shadows,
+  fontSize: unocssFontSizes
+};
+
+export {
+  colors,
+  fontSizes,
+  shadows,
+  customFontFamily,
+  theme,
+  unocssTheme
+};

package/dist/cli/index.cjs

@@ -0,0 +1,329 @@
+"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/index.ts
+var import_helpers = require("yargs/helpers");
+var import_yargs = __toESM(require("yargs"), 1);
+var import_node_process = __toESM(require("process"), 1);
+
+// src/theme/colors.ts
+var colors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  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"
+  },
+  red: {
+    50: "#FEEAE9",
+    100: "#FBC5C1",
+    200: "#F8A09A",
+    300: "#F47C74",
+    400: "#EF584E",
+    500: "#EA3529",
+    600: "#C32A20",
+    700: "#9B2018",
+    800: "#731610",
+    900: "#490D09"
+  },
+  amber: {
+    50: "#FFF9E8",
+    100: "#FFEEBF",
+    200: "#FFE397",
+    300: "#FFD770",
+    400: "#FECB4A",
+    500: "#FBBF24",
+    600: "#D19F1C",
+    700: "#A67E14",
+    800: "#795C0D",
+    900: "#4D3B08"
+  }
+};
+
+// src/util/font.ts
+var import_string_ts = require("string-ts");
+
+// src/types/fontSize.ts
+function isDetailFont(value) {
+  return Array.isArray(value) && typeof value[1] === "object";
+}
+
+// src/util/font.ts
+var entries = Object.entries;
+function fontConfigKeysKebabCase(fontConfig) {
+  const result = {};
+  for (const [key, value] of entries(fontConfig)) {
+    if (value) {
+      if (isDetailFont(value)) {
+        const [size, detail] = value;
+        const kebabDetail = (0, import_string_ts.kebabKeys)(detail);
+        result[key] = [size, kebabDetail];
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/theme/fontSize.ts
+var fontSizes = {
+  "2xs": ["0.6875rem", "1rem"],
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.25rem", "1.625rem"],
+  "display1": ["3.75rem", {
+    fontWeight: 700,
+    lineHeight: "5rem",
+    letterSpacing: "-0.0625rem"
+  }],
+  "display2": ["3.25rem", {
+    fontWeight: 700,
+    lineHeight: "4.25rem",
+    letterSpacing: "-0.05rem"
+  }],
+  "display3": ["2.75rem", {
+    fontWeight: 700,
+    lineHeight: "3.625rem",
+    letterSpacing: "-0.0375rem"
+  }],
+  "h1": ["3rem", {
+    fontWeight: 700,
+    lineHeight: "3.75rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h2": ["2.5rem", {
+    fontWeight: 700,
+    lineHeight: "3.25rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h3": ["2.25rem", {
+    fontWeight: 700,
+    lineHeight: "3rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h4": ["2rem", {
+    fontWeight: 700,
+    lineHeight: "2.625rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h5": ["1.5rem", {
+    fontWeight: 700,
+    lineHeight: "2rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h6": ["1.25rem", {
+    fontWeight: 700,
+    lineHeight: "1.625rem",
+    letterSpacing: "-0.0125rem"
+  }]
+};
+var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+
+// src/theme/fontFamily.ts
+var import_defaultTheme = require("tailwindcss/defaultTheme");
+var customFontFamily = {
+  sans: ["DM Sans", ...import_defaultTheme.fontFamily.sans]
+};
+
+// src/cli/src/theme/color.ts
+var css = String.raw;
+function generateColorVariables(filetype) {
+  let theme = css``;
+  for (const [key, value] of Object.entries(colors)) {
+    if (typeof value === "object") {
+      for (const [subKey, subValue] of Object.entries(value)) {
+        if (filetype === "tailwind" || filetype === "css") {
+          theme += css`  --color-${key}-${subKey}: ${subValue};
+`;
+        } else if (filetype === "scss") {
+          theme += css`$color-${key}-${subKey}: ${subValue};
+`;
+        }
+      }
+    } else {
+      if (filetype === "tailwind" || filetype === "css") {
+        theme += css`  --color-${key}: ${value};
+`;
+      } else if (filetype === "scss") {
+        theme += css`$color-${key}: ${value};
+`;
+      }
+    }
+  }
+  return theme;
+}
+
+// src/cli/src/css.ts
+var css2 = String.raw;
+function generateCssTheme() {
+  let theme = css2`*, *::before, *::after {
+`;
+  theme += generateColorVariables("css");
+  return theme += css2`}`;
+}
+
+// src/cli/src/scss.ts
+var css3 = String.raw;
+function generateScssTheme() {
+  let theme = css3``;
+  theme += generateColorVariables("scss");
+  return theme;
+}
+
+// src/cli/src/tailwind.ts
+var css4 = String.raw;
+function generateTailwindTheme(extend) {
+  let theme = css4`@import "tailwindcss";
+@theme {
+`;
+  if (!extend) {
+    theme += css4`  --color-*: initial;
+`;
+  }
+  theme += generateColorVariables("tailwind");
+  return theme += css4`}`;
+}
+
+// src/cli/src/utils/log.ts
+function log(...args) {
+  console.log(...args);
+}
+
+// src/cli/index.ts
+var filetypes = ["tailwind", "css", "scss"];
+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({ extend: { type: "boolean", default: true, alias: "e" } }).options({ filetype: { choices: filetypes, default: "css", alias: "f" } }).parseSync();
+if (argv.filetype === "tailwind") {
+  const theme = generateTailwindTheme(argv.extend);
+  log(theme);
+}
+if (argv.filetype === "css") {
+  const theme = generateCssTheme();
+  log(theme);
+}
+if (argv.filetype === "scss") {
+  const theme = generateScssTheme();
+  log(theme);
+}

package/dist/cli/index.js

@@ -0,0 +1,88 @@
+import {
+  colors
+} from "../chunk-A4JTRVFS.js";
+
+// src/cli/index.ts
+import { hideBin } from "yargs/helpers";
+import yargs from "yargs";
+import process from "process";
+
+// src/cli/src/theme/color.ts
+var css = String.raw;
+function generateColorVariables(filetype) {
+  let theme = css``;
+  for (const [key, value] of Object.entries(colors)) {
+    if (typeof value === "object") {
+      for (const [subKey, subValue] of Object.entries(value)) {
+        if (filetype === "tailwind" || filetype === "css") {
+          theme += css`  --color-${key}-${subKey}: ${subValue};
+`;
+        } else if (filetype === "scss") {
+          theme += css`$color-${key}-${subKey}: ${subValue};
+`;
+        }
+      }
+    } else {
+      if (filetype === "tailwind" || filetype === "css") {
+        theme += css`  --color-${key}: ${value};
+`;
+      } else if (filetype === "scss") {
+        theme += css`$color-${key}: ${value};
+`;
+      }
+    }
+  }
+  return theme;
+}
+
+// src/cli/src/css.ts
+var css2 = String.raw;
+function generateCssTheme() {
+  let theme = css2`*, *::before, *::after {
+`;
+  theme += generateColorVariables("css");
+  return theme += css2`}`;
+}
+
+// src/cli/src/scss.ts
+var css3 = String.raw;
+function generateScssTheme() {
+  let theme = css3``;
+  theme += generateColorVariables("scss");
+  return theme;
+}
+
+// src/cli/src/tailwind.ts
+var css4 = String.raw;
+function generateTailwindTheme(extend) {
+  let theme = css4`@import "tailwindcss";
+@theme {
+`;
+  if (!extend) {
+    theme += css4`  --color-*: initial;
+`;
+  }
+  theme += generateColorVariables("tailwind");
+  return theme += css4`}`;
+}
+
+// src/cli/src/utils/log.ts
+function log(...args) {
+  console.log(...args);
+}
+
+// src/cli/index.ts
+var filetypes = ["tailwind", "css", "scss"];
+var argv = yargs(hideBin(process.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ extend: { type: "boolean", default: true, alias: "e" } }).options({ filetype: { choices: filetypes, default: "css", alias: "f" } }).parseSync();
+if (argv.filetype === "tailwind") {
+  const theme = generateTailwindTheme(argv.extend);
+  log(theme);
+}
+if (argv.filetype === "css") {
+  const theme = generateCssTheme();
+  log(theme);
+}
+if (argv.filetype === "scss") {
+  const theme = generateScssTheme();
+  log(theme);
+}