@causw/tokens 0.0.1 → 0.0.3

package/dist/chunk-DKDWC554.mjs

@@ -0,0 +1,123 @@
+// src/colors.ts
+var colors = {
+  primary: {
+    50: "#e3f2fd",
+    100: "#bbdefb",
+    200: "#90caf9",
+    300: "#64b5f6",
+    400: "#42a5f5",
+    500: "#2196f3",
+    600: "#1e88e5",
+    700: "#1976d2",
+    800: "#1565c0",
+    900: "#0d47a1"
+  },
+  gray: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#eeeeee",
+    300: "#e0e0e0",
+    400: "#bdbdbd",
+    500: "#9e9e9e",
+    600: "#757575",
+    700: "#616161",
+    800: "#424242",
+    900: "#212121"
+  },
+  success: {
+    main: "#4caf50",
+    light: "#81c784",
+    dark: "#388e3c"
+  },
+  error: {
+    main: "#f44336",
+    light: "#e57373",
+    dark: "#d32f2f"
+  },
+  warning: {
+    main: "#ff9800",
+    light: "#ffb74d",
+    dark: "#f57c00"
+  },
+  info: {
+    main: "#2196f3",
+    light: "#64b5f6",
+    dark: "#1976d2"
+  }
+};
+
+// src/spacing.ts
+var spacing = {
+  0: "0",
+  1: "0.25rem",
+  // 4px
+  2: "0.5rem",
+  // 8px
+  3: "0.75rem",
+  // 12px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  8: "2rem",
+  // 32px
+  10: "2.5rem",
+  // 40px
+  12: "3rem",
+  // 48px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem"
+  // 96px
+};
+
+// src/typography.ts
+var typography = {
+  fontFamily: {
+    base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+  },
+  fontSize: {
+    xs: "0.75rem",
+    // 12px
+    sm: "0.875rem",
+    // 14px
+    base: "1rem",
+    // 16px
+    lg: "1.125rem",
+    // 18px
+    xl: "1.25rem",
+    // 20px
+    "2xl": "1.5rem",
+    // 24px
+    "3xl": "1.875rem",
+    // 30px
+    "4xl": "2.25rem",
+    // 36px
+    "5xl": "3rem"
+    // 48px
+  },
+  fontWeight: {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  lineHeight: {
+    none: 1,
+    tight: 1.25,
+    normal: 1.5,
+    relaxed: 1.75,
+    loose: 2
+  }
+};
+
+export {
+  colors,
+  spacing,
+  typography
+};

package/dist/chunk-MOGDUGGD.mjs

@@ -0,0 +1,63 @@
+import {
+  colors,
+  spacing,
+  typography
+} from "./chunk-DKDWC554.mjs";
+
+// src/tailwind-preset.ts
+var fontWeight = Object.fromEntries(
+  Object.entries(typography.fontWeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var lineHeight = Object.fromEntries(
+  Object.entries(typography.lineHeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var caswPreset = {
+  theme: {
+    extend: {
+      colors: {
+        primary: colors.primary,
+        gray: colors.gray,
+        success: {
+          DEFAULT: colors.success.main,
+          light: colors.success.light,
+          dark: colors.success.dark
+        },
+        error: {
+          DEFAULT: colors.error.main,
+          light: colors.error.light,
+          dark: colors.error.dark
+        },
+        warning: {
+          DEFAULT: colors.warning.main,
+          light: colors.warning.light,
+          dark: colors.warning.dark
+        },
+        info: {
+          DEFAULT: colors.info.main,
+          light: colors.info.light,
+          dark: colors.info.dark
+        }
+      },
+      spacing,
+      fontFamily: {
+        sans: typography.fontFamily.base,
+        mono: typography.fontFamily.mono
+      },
+      fontSize: typography.fontSize,
+      fontWeight,
+      lineHeight
+    }
+  }
+};
+var tailwind_preset_default = caswPreset;
+
+export {
+  caswPreset,
+  tailwind_preset_default
+};

package/dist/index.mjs

@@ -1,120 +1,8 @@
-// src/colors.ts
-var colors = {
-  primary: {
-    50: "#e3f2fd",
-    100: "#bbdefb",
-    200: "#90caf9",
-    300: "#64b5f6",
-    400: "#42a5f5",
-    500: "#2196f3",
-    600: "#1e88e5",
-    700: "#1976d2",
-    800: "#1565c0",
-    900: "#0d47a1"
-  },
-  gray: {
-    50: "#fafafa",
-    100: "#f5f5f5",
-    200: "#eeeeee",
-    300: "#e0e0e0",
-    400: "#bdbdbd",
-    500: "#9e9e9e",
-    600: "#757575",
-    700: "#616161",
-    800: "#424242",
-    900: "#212121"
-  },
-  success: {
-    main: "#4caf50",
-    light: "#81c784",
-    dark: "#388e3c"
-  },
-  error: {
-    main: "#f44336",
-    light: "#e57373",
-    dark: "#d32f2f"
-  },
-  warning: {
-    main: "#ff9800",
-    light: "#ffb74d",
-    dark: "#f57c00"
-  },
-  info: {
-    main: "#2196f3",
-    light: "#64b5f6",
-    dark: "#1976d2"
-  }
-};
-
-// src/spacing.ts
-var spacing = {
-  0: "0",
-  1: "0.25rem",
-  // 4px
-  2: "0.5rem",
-  // 8px
-  3: "0.75rem",
-  // 12px
-  4: "1rem",
-  // 16px
-  5: "1.25rem",
-  // 20px
-  6: "1.5rem",
-  // 24px
-  8: "2rem",
-  // 32px
-  10: "2.5rem",
-  // 40px
-  12: "3rem",
-  // 48px
-  16: "4rem",
-  // 64px
-  20: "5rem",
-  // 80px
-  24: "6rem"
-  // 96px
-};
-
-// src/typography.ts
-var typography = {
-  fontFamily: {
-    base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
-    mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
-  },
-  fontSize: {
-    xs: "0.75rem",
-    // 12px
-    sm: "0.875rem",
-    // 14px
-    base: "1rem",
-    // 16px
-    lg: "1.125rem",
-    // 18px
-    xl: "1.25rem",
-    // 20px
-    "2xl": "1.5rem",
-    // 24px
-    "3xl": "1.875rem",
-    // 30px
-    "4xl": "2.25rem",
-    // 36px
-    "5xl": "3rem"
-    // 48px
-  },
-  fontWeight: {
-    normal: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
-  },
-  lineHeight: {
-    none: 1,
-    tight: 1.25,
-    normal: 1.5,
-    relaxed: 1.75,
-    loose: 2
-  }
-};
+import {
+  colors,
+  spacing,
+  typography
+} from "./chunk-DKDWC554.mjs";
 export {
   colors,
   spacing,

package/dist/tailwind-preset.d.mts

@@ -0,0 +1,19 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * CAUSW Design System Tailwind CSS Preset
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { caswPreset } from '@causw/tokens/tailwind-preset';
+ *
+ * export default {
+ *   presets: [caswPreset],
+ *   content: ['./src/**\/*.{js,ts,jsx,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const caswPreset: Partial<Config>;
+
+export { caswPreset, caswPreset as default };

package/dist/tailwind-preset.d.ts

@@ -0,0 +1,19 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * CAUSW Design System Tailwind CSS Preset
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { caswPreset } from '@causw/tokens/tailwind-preset';
+ *
+ * export default {
+ *   presets: [caswPreset],
+ *   content: ['./src/**\/*.{js,ts,jsx,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const caswPreset: Partial<Config>;
+
+export { caswPreset, caswPreset as default };

package/dist/tailwind-preset.js

@@ -0,0 +1,201 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind-preset.ts
+var tailwind_preset_exports = {};
+__export(tailwind_preset_exports, {
+  caswPreset: () => caswPreset,
+  default: () => tailwind_preset_default
+});
+module.exports = __toCommonJS(tailwind_preset_exports);
+
+// src/colors.ts
+var colors = {
+  primary: {
+    50: "#e3f2fd",
+    100: "#bbdefb",
+    200: "#90caf9",
+    300: "#64b5f6",
+    400: "#42a5f5",
+    500: "#2196f3",
+    600: "#1e88e5",
+    700: "#1976d2",
+    800: "#1565c0",
+    900: "#0d47a1"
+  },
+  gray: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#eeeeee",
+    300: "#e0e0e0",
+    400: "#bdbdbd",
+    500: "#9e9e9e",
+    600: "#757575",
+    700: "#616161",
+    800: "#424242",
+    900: "#212121"
+  },
+  success: {
+    main: "#4caf50",
+    light: "#81c784",
+    dark: "#388e3c"
+  },
+  error: {
+    main: "#f44336",
+    light: "#e57373",
+    dark: "#d32f2f"
+  },
+  warning: {
+    main: "#ff9800",
+    light: "#ffb74d",
+    dark: "#f57c00"
+  },
+  info: {
+    main: "#2196f3",
+    light: "#64b5f6",
+    dark: "#1976d2"
+  }
+};
+
+// src/spacing.ts
+var spacing = {
+  0: "0",
+  1: "0.25rem",
+  // 4px
+  2: "0.5rem",
+  // 8px
+  3: "0.75rem",
+  // 12px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  8: "2rem",
+  // 32px
+  10: "2.5rem",
+  // 40px
+  12: "3rem",
+  // 48px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem"
+  // 96px
+};
+
+// src/typography.ts
+var typography = {
+  fontFamily: {
+    base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+  },
+  fontSize: {
+    xs: "0.75rem",
+    // 12px
+    sm: "0.875rem",
+    // 14px
+    base: "1rem",
+    // 16px
+    lg: "1.125rem",
+    // 18px
+    xl: "1.25rem",
+    // 20px
+    "2xl": "1.5rem",
+    // 24px
+    "3xl": "1.875rem",
+    // 30px
+    "4xl": "2.25rem",
+    // 36px
+    "5xl": "3rem"
+    // 48px
+  },
+  fontWeight: {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  lineHeight: {
+    none: 1,
+    tight: 1.25,
+    normal: 1.5,
+    relaxed: 1.75,
+    loose: 2
+  }
+};
+
+// src/tailwind-preset.ts
+var fontWeight = Object.fromEntries(
+  Object.entries(typography.fontWeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var lineHeight = Object.fromEntries(
+  Object.entries(typography.lineHeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var caswPreset = {
+  theme: {
+    extend: {
+      colors: {
+        primary: colors.primary,
+        gray: colors.gray,
+        success: {
+          DEFAULT: colors.success.main,
+          light: colors.success.light,
+          dark: colors.success.dark
+        },
+        error: {
+          DEFAULT: colors.error.main,
+          light: colors.error.light,
+          dark: colors.error.dark
+        },
+        warning: {
+          DEFAULT: colors.warning.main,
+          light: colors.warning.light,
+          dark: colors.warning.dark
+        },
+        info: {
+          DEFAULT: colors.info.main,
+          light: colors.info.light,
+          dark: colors.info.dark
+        }
+      },
+      spacing,
+      fontFamily: {
+        sans: typography.fontFamily.base,
+        mono: typography.fontFamily.mono
+      },
+      fontSize: typography.fontSize,
+      fontWeight,
+      lineHeight
+    }
+  }
+};
+var tailwind_preset_default = caswPreset;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  caswPreset
+});

package/dist/tailwind-preset.mjs

@@ -0,0 +1,9 @@
+import {
+  caswPreset,
+  tailwind_preset_default
+} from "./chunk-MOGDUGGD.mjs";
+import "./chunk-DKDWC554.mjs";
+export {
+  caswPreset,
+  tailwind_preset_default as default
+};

package/dist/tailwind.config.d.mts

@@ -0,0 +1,23 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * CAUSW Design System Tailwind CSS Configuration
+ *
+ * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
+ *
+ * @example CSS에서 사용
+ * ```css
+ * @import 'tailwindcss';
+ * @config '@causw/tokens/tailwind.config';
+ * ```
+ *
+ * @example JS/TS config에서 사용
+ * ```ts
+ * // tailwind.config.ts
+ * import caswConfig from '@causw/tokens/tailwind.config';
+ * export default caswConfig;
+ * ```
+ */
+declare const caswConfig: Config;
+
+export { caswConfig, caswConfig as default };

package/dist/tailwind.config.d.ts

@@ -0,0 +1,23 @@
+import { Config } from 'tailwindcss';
+
+/**
+ * CAUSW Design System Tailwind CSS Configuration
+ *
+ * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
+ *
+ * @example CSS에서 사용
+ * ```css
+ * @import 'tailwindcss';
+ * @config '@causw/tokens/tailwind.config';
+ * ```
+ *
+ * @example JS/TS config에서 사용
+ * ```ts
+ * // tailwind.config.ts
+ * import caswConfig from '@causw/tokens/tailwind.config';
+ * export default caswConfig;
+ * ```
+ */
+declare const caswConfig: Config;
+
+export { caswConfig, caswConfig as default };

package/dist/tailwind.config.js

@@ -0,0 +1,208 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tailwind.config.ts
+var tailwind_config_exports = {};
+__export(tailwind_config_exports, {
+  caswConfig: () => caswConfig,
+  default: () => tailwind_config_default
+});
+module.exports = __toCommonJS(tailwind_config_exports);
+
+// src/colors.ts
+var colors = {
+  primary: {
+    50: "#e3f2fd",
+    100: "#bbdefb",
+    200: "#90caf9",
+    300: "#64b5f6",
+    400: "#42a5f5",
+    500: "#2196f3",
+    600: "#1e88e5",
+    700: "#1976d2",
+    800: "#1565c0",
+    900: "#0d47a1"
+  },
+  gray: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#eeeeee",
+    300: "#e0e0e0",
+    400: "#bdbdbd",
+    500: "#9e9e9e",
+    600: "#757575",
+    700: "#616161",
+    800: "#424242",
+    900: "#212121"
+  },
+  success: {
+    main: "#4caf50",
+    light: "#81c784",
+    dark: "#388e3c"
+  },
+  error: {
+    main: "#f44336",
+    light: "#e57373",
+    dark: "#d32f2f"
+  },
+  warning: {
+    main: "#ff9800",
+    light: "#ffb74d",
+    dark: "#f57c00"
+  },
+  info: {
+    main: "#2196f3",
+    light: "#64b5f6",
+    dark: "#1976d2"
+  }
+};
+
+// src/spacing.ts
+var spacing = {
+  0: "0",
+  1: "0.25rem",
+  // 4px
+  2: "0.5rem",
+  // 8px
+  3: "0.75rem",
+  // 12px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  8: "2rem",
+  // 32px
+  10: "2.5rem",
+  // 40px
+  12: "3rem",
+  // 48px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem"
+  // 96px
+};
+
+// src/typography.ts
+var typography = {
+  fontFamily: {
+    base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
+  },
+  fontSize: {
+    xs: "0.75rem",
+    // 12px
+    sm: "0.875rem",
+    // 14px
+    base: "1rem",
+    // 16px
+    lg: "1.125rem",
+    // 18px
+    xl: "1.25rem",
+    // 20px
+    "2xl": "1.5rem",
+    // 24px
+    "3xl": "1.875rem",
+    // 30px
+    "4xl": "2.25rem",
+    // 36px
+    "5xl": "3rem"
+    // 48px
+  },
+  fontWeight: {
+    normal: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700
+  },
+  lineHeight: {
+    none: 1,
+    tight: 1.25,
+    normal: 1.5,
+    relaxed: 1.75,
+    loose: 2
+  }
+};
+
+// src/tailwind-preset.ts
+var fontWeight = Object.fromEntries(
+  Object.entries(typography.fontWeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var lineHeight = Object.fromEntries(
+  Object.entries(typography.lineHeight).map(([key, value]) => [
+    key,
+    String(value)
+  ])
+);
+var caswPreset = {
+  theme: {
+    extend: {
+      colors: {
+        primary: colors.primary,
+        gray: colors.gray,
+        success: {
+          DEFAULT: colors.success.main,
+          light: colors.success.light,
+          dark: colors.success.dark
+        },
+        error: {
+          DEFAULT: colors.error.main,
+          light: colors.error.light,
+          dark: colors.error.dark
+        },
+        warning: {
+          DEFAULT: colors.warning.main,
+          light: colors.warning.light,
+          dark: colors.warning.dark
+        },
+        info: {
+          DEFAULT: colors.info.main,
+          light: colors.info.light,
+          dark: colors.info.dark
+        }
+      },
+      spacing,
+      fontFamily: {
+        sans: typography.fontFamily.base,
+        mono: typography.fontFamily.mono
+      },
+      fontSize: typography.fontSize,
+      fontWeight,
+      lineHeight
+    }
+  }
+};
+
+// src/tailwind.config.ts
+var caswConfig = {
+  content: [],
+  // 사용처에서 오버라이드 필요
+  presets: [caswPreset]
+};
+var tailwind_config_default = caswConfig;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  caswConfig
+});

package/dist/tailwind.config.mjs

@@ -0,0 +1,16 @@
+import {
+  caswPreset
+} from "./chunk-MOGDUGGD.mjs";
+import "./chunk-DKDWC554.mjs";
+
+// src/tailwind.config.ts
+var caswConfig = {
+  content: [],
+  // 사용처에서 오버라이드 필요
+  presets: [caswPreset]
+};
+var tailwind_config_default = caswConfig;
+export {
+  caswConfig,
+  tailwind_config_default as default
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@causw/tokens",
-  "version": "0.0.1",
-  "description": "Design tokens for CAUSW Design System",
+  "version": "0.0.3",
+  "description": "Design tokens for CAUSW Design System - CAU Software Community Service",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -10,22 +10,39 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./tailwind-preset": {
+      "types": "./dist/tailwind-preset.d.ts",
+      "import": "./dist/tailwind-preset.mjs",
+      "require": "./dist/tailwind-preset.js"
+    },
+    "./tailwind.config": {
+      "types": "./dist/tailwind.config.d.ts",
+      "import": "./dist/tailwind.config.mjs",
+      "require": "./dist/tailwind.config.js"
     }
   },
   "files": [
     "dist"
   ],
   "devDependencies": {
+    "tailwindcss": "^4.1.17",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/CAUCSE/CAUSW-frontend-design-system",
+    "directory": "packages/tokens"
+  },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
-    "lint": "eslint src --ext .ts",
+    "build": "tsup src/index.ts src/tailwind-preset.ts src/tailwind.config.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts src/tailwind-preset.ts src/tailwind.config.ts --format cjs,esm --dts --watch",
+    "lint": "eslint src",
     "test": "echo \"No tests yet\""
   }
 }