@causw/tokens 0.0.2 → 0.0.4

package/dist/chunk-DPNL4AJ4.mjs

@@ -0,0 +1,123 @@
+// src/tokens/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/tokens/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/tokens/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/config/index.d.mts

@@ -0,0 +1,44 @@
+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,
+ *   content: [...caswConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
+ * };
+ * ```
+ */
+declare const caswConfig: Config;
+
+/**
+ * CAUSW Design System Tailwind CSS Preset
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { caswPreset } from '@causw/design-system/tailwind-preset';
+ *
+ * export default {
+ *   presets: [caswPreset],
+ *   content: ['./src/**\/*.{js,ts,jsx,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const caswPreset: Partial<Config>;
+
+declare const tailwindContent: string[];
+
+export { caswConfig, caswPreset, caswConfig as default, tailwindContent };

package/dist/config/index.d.ts

@@ -0,0 +1,44 @@
+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,
+ *   content: [...caswConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
+ * };
+ * ```
+ */
+declare const caswConfig: Config;
+
+/**
+ * CAUSW Design System Tailwind CSS Preset
+ *
+ * @example
+ * ```ts
+ * // tailwind.config.ts
+ * import { caswPreset } from '@causw/design-system/tailwind-preset';
+ *
+ * export default {
+ *   presets: [caswPreset],
+ *   content: ['./src/**\/*.{js,ts,jsx,tsx}'],
+ * } satisfies Config;
+ * ```
+ */
+declare const caswPreset: Partial<Config>;
+
+declare const tailwindContent: string[];
+
+export { caswConfig, caswPreset, caswConfig as default, tailwindContent };

package/dist/config/index.js

@@ -0,0 +1,186 @@
+"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/config/index.ts
+var config_exports = {};
+__export(config_exports, {
+  caswConfig: () => caswConfig,
+  caswPreset: () => caswPreset,
+  default: () => tailwind_config_default,
+  tailwindContent: () => tailwindContent
+});
+module.exports = __toCommonJS(config_exports);
+
+// src/tokens/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/tokens/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/tokens/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/config/tailwind-config/tailwind-preset.ts
+var caswPreset = {
+  theme: {
+    extend: {
+      colors,
+      spacing,
+      fontFamily: {
+        sans: typography.fontFamily.base,
+        mono: typography.fontFamily.mono
+      },
+      fontSize: typography.fontSize,
+      fontWeight: typography.fontWeight,
+      lineHeight: typography.lineHeight
+    }
+  }
+};
+
+// src/config/tailwind-config/tailwind.config.ts
+var caswConfig = {
+  content: [
+    // CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
+    "./node_modules/@causw/components/dist/**/*.{js,mjs}",
+    "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
+  ],
+  presets: [caswPreset]
+};
+var tailwind_config_default = caswConfig;
+
+// src/config/tailwind-config/tailwind-content.ts
+var tailwindContent = [
+  "./node_modules/@causw/components/dist/**/*.{js,mjs}",
+  "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
+];
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  caswConfig,
+  caswPreset,
+  tailwindContent
+});

package/dist/config/index.mjs

@@ -0,0 +1,45 @@
+import {
+  colors,
+  spacing,
+  typography
+} from "../chunk-DPNL4AJ4.mjs";
+
+// src/config/tailwind-config/tailwind-preset.ts
+var caswPreset = {
+  theme: {
+    extend: {
+      colors,
+      spacing,
+      fontFamily: {
+        sans: typography.fontFamily.base,
+        mono: typography.fontFamily.mono
+      },
+      fontSize: typography.fontSize,
+      fontWeight: typography.fontWeight,
+      lineHeight: typography.lineHeight
+    }
+  }
+};
+
+// src/config/tailwind-config/tailwind.config.ts
+var caswConfig = {
+  content: [
+    // CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
+    "./node_modules/@causw/components/dist/**/*.{js,mjs}",
+    "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
+  ],
+  presets: [caswPreset]
+};
+var tailwind_config_default = caswConfig;
+
+// src/config/tailwind-config/tailwind-content.ts
+var tailwindContent = [
+  "./node_modules/@causw/components/dist/**/*.{js,mjs}",
+  "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
+];
+export {
+  caswConfig,
+  caswPreset,
+  tailwind_config_default as default,
+  tailwindContent
+};

package/dist/index.d.mts

@@ -78,17 +78,17 @@ declare const typography: {
         readonly '5xl': "3rem";
     };
     readonly fontWeight: {
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
     };
     readonly lineHeight: {
-        readonly none: 1;
-        readonly tight: 1.25;
-        readonly normal: 1.5;
-        readonly relaxed: 1.75;
-        readonly loose: 2;
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly normal: "1.5";
+        readonly relaxed: "1.75";
+        readonly loose: "2";
     };
 };
 

package/dist/index.d.ts

@@ -78,17 +78,17 @@ declare const typography: {
         readonly '5xl': "3rem";
     };
     readonly fontWeight: {
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
+        readonly normal: "400";
+        readonly medium: "500";
+        readonly semibold: "600";
+        readonly bold: "700";
     };
     readonly lineHeight: {
-        readonly none: 1;
-        readonly tight: 1.25;
-        readonly normal: 1.5;
-        readonly relaxed: 1.75;
-        readonly loose: 2;
+        readonly none: "1";
+        readonly tight: "1.25";
+        readonly normal: "1.5";
+        readonly relaxed: "1.75";
+        readonly loose: "2";
     };
 };
 

package/dist/index.js

@@ -26,7 +26,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/colors.ts
+// src/tokens/colors.ts
 var colors = {
   primary: {
     50: "#e3f2fd",
@@ -74,7 +74,7 @@ var colors = {
   }
 };
 
-// src/spacing.ts
+// src/tokens/spacing.ts
 var spacing = {
   0: "0",
   1: "0.25rem",
@@ -103,7 +103,7 @@ var spacing = {
   // 96px
 };
 
-// src/typography.ts
+// src/tokens/typography.ts
 var typography = {
   fontFamily: {
     base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
@@ -130,17 +130,17 @@ var typography = {
     // 48px
   },
   fontWeight: {
-    normal: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
   },
   lineHeight: {
-    none: 1,
-    tight: 1.25,
-    normal: 1.5,
-    relaxed: 1.75,
-    loose: 2
+    none: "1",
+    tight: "1.25",
+    normal: "1.5",
+    relaxed: "1.75",
+    loose: "2"
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

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-DPNL4AJ4.mjs";
 export {
   colors,
   spacing,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@causw/tokens",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Design tokens for CAUSW Design System - CAU Software Community Service",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -10,12 +10,18 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
+    },
+    "./config": {
+      "types": "./dist/config/index.d.ts",
+      "import": "./dist/config/index.mjs",
+      "require": "./dist/config/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "devDependencies": {
+    "tailwindcss": "^4.1.17",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0"
   },
@@ -29,9 +35,9 @@
     "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/config/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts src/config/index.ts --format cjs,esm --dts --watch",
+    "lint": "eslint src",
     "test": "echo \"No tests yet\""
   }
 }