@causw/tokens 0.0.3 → 0.0.5

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 (19) hide show
  1. package/dist/{chunk-DKDWC554.mjs → chunk-DPNL4AJ4.mjs} +13 -17
  2. package/dist/config/index.d.mts +44 -0
  3. package/dist/config/index.d.ts +44 -0
  4. package/dist/config/index.js +156 -0
  5. package/dist/config/index.mjs +36 -0
  6. package/dist/index.d.mts +9 -9
  7. package/dist/index.d.ts +9 -9
  8. package/dist/index.js +17 -45
  9. package/dist/index.mjs +1 -10
  10. package/package.json +8 -17
  11. package/dist/chunk-MOGDUGGD.mjs +0 -63
  12. package/dist/tailwind-preset.d.mts +0 -19
  13. package/dist/tailwind-preset.d.ts +0 -19
  14. package/dist/tailwind-preset.js +0 -201
  15. package/dist/tailwind-preset.mjs +0 -9
  16. package/dist/tailwind.config.d.mts +0 -23
  17. package/dist/tailwind.config.d.ts +0 -23
  18. package/dist/tailwind.config.js +0 -208
  19. package/dist/tailwind.config.mjs +0 -16
package/dist/{chunk-DKDWC554.mjs → chunk-DPNL4AJ4.mjs} RENAMED
@@ -1,4 +1,4 @@
1
- // src/colors.ts
1
+ // src/tokens/colors.ts
2
2
  var colors = {
3
3
  primary: {
4
4
  50: "#e3f2fd",
@@ -46,7 +46,7 @@ var colors = {
46
46
  }
47
47
  };
48
48
 
49
- // src/spacing.ts
49
+ // src/tokens/spacing.ts
50
50
  var spacing = {
51
51
  0: "0",
52
52
  1: "0.25rem",
@@ -75,7 +75,7 @@ var spacing = {
75
75
  // 96px
76
76
  };
77
77
 
78
- // src/typography.ts
78
+ // src/tokens/typography.ts
79
79
  var typography = {
80
80
  fontFamily: {
81
81
  base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
@@ -102,22 +102,18 @@ var typography = {
102
102
  // 48px
103
103
  },
104
104
  fontWeight: {
105
- normal: 400,
106
- medium: 500,
107
- semibold: 600,
108
- bold: 700
105
+ normal: "400",
106
+ medium: "500",
107
+ semibold: "600",
108
+ bold: "700"
109
109
  },
110
110
  lineHeight: {
111
- none: 1,
112
- tight: 1.25,
113
- normal: 1.5,
114
- relaxed: 1.75,
115
- loose: 2
111
+ none: "1",
112
+ tight: "1.25",
113
+ normal: "1.5",
114
+ relaxed: "1.75",
115
+ loose: "2"
116
116
  }
117
117
  };
118
118
 
119
- export {
120
- colors,
121
- spacing,
122
- typography
123
- };
119
+ export { colors, spacing, typography };
package/dist/config/index.d.mts ADDED
@@ -0,0 +1,44 @@
1
+ import { Config } from 'tailwindcss';
2
+
3
+ /**
4
+ * CAUSW Design System Tailwind CSS Configuration
5
+ *
6
+ * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
7
+ *
8
+ * @example CSS에서 사용
9
+ * ```css
10
+ * @import 'tailwindcss';
11
+ * @config '@causw/tokens/tailwind.config';
12
+ * ```
13
+ *
14
+ * @example JS/TS config에서 사용
15
+ * ```ts
16
+ * // tailwind.config.ts
17
+ * import causwConfig from '@causw/tokens/tailwind.config';
18
+ * export default {
19
+ * ...causwConfig,
20
+ * content: [...causwConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
21
+ * };
22
+ * ```
23
+ */
24
+ declare const causwConfig: Config;
25
+
26
+ /**
27
+ * CAUSW Design System Tailwind CSS Preset
28
+ *
29
+ * @example
30
+ * ```ts
31
+ * // tailwind.config.ts
32
+ * import { causwPreset } from '@causw/design-system/tailwind-preset';
33
+ *
34
+ * export default {
35
+ * presets: [causwPreset],
36
+ * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
37
+ * } satisfies Config;
38
+ * ```
39
+ */
40
+ declare const causwPreset: Partial<Config>;
41
+
42
+ declare const causwContent: string[];
43
+
44
+ export { causwConfig, causwContent, causwPreset };
package/dist/config/index.d.ts ADDED
@@ -0,0 +1,44 @@
1
+ import { Config } from 'tailwindcss';
2
+
3
+ /**
4
+ * CAUSW Design System Tailwind CSS Configuration
5
+ *
6
+ * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
7
+ *
8
+ * @example CSS에서 사용
9
+ * ```css
10
+ * @import 'tailwindcss';
11
+ * @config '@causw/tokens/tailwind.config';
12
+ * ```
13
+ *
14
+ * @example JS/TS config에서 사용
15
+ * ```ts
16
+ * // tailwind.config.ts
17
+ * import causwConfig from '@causw/tokens/tailwind.config';
18
+ * export default {
19
+ * ...causwConfig,
20
+ * content: [...causwConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
21
+ * };
22
+ * ```
23
+ */
24
+ declare const causwConfig: Config;
25
+
26
+ /**
27
+ * CAUSW Design System Tailwind CSS Preset
28
+ *
29
+ * @example
30
+ * ```ts
31
+ * // tailwind.config.ts
32
+ * import { causwPreset } from '@causw/design-system/tailwind-preset';
33
+ *
34
+ * export default {
35
+ * presets: [causwPreset],
36
+ * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
37
+ * } satisfies Config;
38
+ * ```
39
+ */
40
+ declare const causwPreset: Partial<Config>;
41
+
42
+ declare const causwContent: string[];
43
+
44
+ export { causwConfig, causwContent, causwPreset };
package/dist/config/index.js ADDED
@@ -0,0 +1,156 @@
1
+ 'use strict';
2
+
3
+ // src/tokens/colors.ts
4
+ var colors = {
5
+ primary: {
6
+ 50: "#e3f2fd",
7
+ 100: "#bbdefb",
8
+ 200: "#90caf9",
9
+ 300: "#64b5f6",
10
+ 400: "#42a5f5",
11
+ 500: "#2196f3",
12
+ 600: "#1e88e5",
13
+ 700: "#1976d2",
14
+ 800: "#1565c0",
15
+ 900: "#0d47a1"
16
+ },
17
+ gray: {
18
+ 50: "#fafafa",
19
+ 100: "#f5f5f5",
20
+ 200: "#eeeeee",
21
+ 300: "#e0e0e0",
22
+ 400: "#bdbdbd",
23
+ 500: "#9e9e9e",
24
+ 600: "#757575",
25
+ 700: "#616161",
26
+ 800: "#424242",
27
+ 900: "#212121"
28
+ },
29
+ success: {
30
+ main: "#4caf50",
31
+ light: "#81c784",
32
+ dark: "#388e3c"
33
+ },
34
+ error: {
35
+ main: "#f44336",
36
+ light: "#e57373",
37
+ dark: "#d32f2f"
38
+ },
39
+ warning: {
40
+ main: "#ff9800",
41
+ light: "#ffb74d",
42
+ dark: "#f57c00"
43
+ },
44
+ info: {
45
+ main: "#2196f3",
46
+ light: "#64b5f6",
47
+ dark: "#1976d2"
48
+ }
49
+ };
50
+
51
+ // src/tokens/spacing.ts
52
+ var spacing = {
53
+ 0: "0",
54
+ 1: "0.25rem",
55
+ // 4px
56
+ 2: "0.5rem",
57
+ // 8px
58
+ 3: "0.75rem",
59
+ // 12px
60
+ 4: "1rem",
61
+ // 16px
62
+ 5: "1.25rem",
63
+ // 20px
64
+ 6: "1.5rem",
65
+ // 24px
66
+ 8: "2rem",
67
+ // 32px
68
+ 10: "2.5rem",
69
+ // 40px
70
+ 12: "3rem",
71
+ // 48px
72
+ 16: "4rem",
73
+ // 64px
74
+ 20: "5rem",
75
+ // 80px
76
+ 24: "6rem"
77
+ // 96px
78
+ };
79
+
80
+ // src/tokens/typography.ts
81
+ var typography = {
82
+ fontFamily: {
83
+ base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
84
+ mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
85
+ },
86
+ fontSize: {
87
+ xs: "0.75rem",
88
+ // 12px
89
+ sm: "0.875rem",
90
+ // 14px
91
+ base: "1rem",
92
+ // 16px
93
+ lg: "1.125rem",
94
+ // 18px
95
+ xl: "1.25rem",
96
+ // 20px
97
+ "2xl": "1.5rem",
98
+ // 24px
99
+ "3xl": "1.875rem",
100
+ // 30px
101
+ "4xl": "2.25rem",
102
+ // 36px
103
+ "5xl": "3rem"
104
+ // 48px
105
+ },
106
+ fontWeight: {
107
+ normal: "400",
108
+ medium: "500",
109
+ semibold: "600",
110
+ bold: "700"
111
+ },
112
+ lineHeight: {
113
+ none: "1",
114
+ tight: "1.25",
115
+ normal: "1.5",
116
+ relaxed: "1.75",
117
+ loose: "2"
118
+ }
119
+ };
120
+
121
+ // src/config/tailwind-config/tailwind-preset.ts
122
+ var causwPreset = {
123
+ theme: {
124
+ extend: {
125
+ colors,
126
+ spacing,
127
+ fontFamily: {
128
+ sans: typography.fontFamily.base,
129
+ mono: typography.fontFamily.mono
130
+ },
131
+ fontSize: typography.fontSize,
132
+ fontWeight: typography.fontWeight,
133
+ lineHeight: typography.lineHeight
134
+ }
135
+ }
136
+ };
137
+
138
+ // src/config/tailwind-config/tailwind.config.ts
139
+ var causwConfig = {
140
+ content: [
141
+ // CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
142
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
143
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
144
+ ],
145
+ presets: [causwPreset]
146
+ };
147
+
148
+ // src/config/tailwind-config/tailwind-content.ts
149
+ var causwContent = [
150
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
151
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
152
+ ];
153
+
154
+ exports.causwConfig = causwConfig;
155
+ exports.causwContent = causwContent;
156
+ exports.causwPreset = causwPreset;
package/dist/config/index.mjs ADDED
@@ -0,0 +1,36 @@
1
+ import { typography, spacing, colors } from '../chunk-DPNL4AJ4.mjs';
2
+
3
+ // src/config/tailwind-config/tailwind-preset.ts
4
+ var causwPreset = {
5
+ theme: {
6
+ extend: {
7
+ colors,
8
+ spacing,
9
+ fontFamily: {
10
+ sans: typography.fontFamily.base,
11
+ mono: typography.fontFamily.mono
12
+ },
13
+ fontSize: typography.fontSize,
14
+ fontWeight: typography.fontWeight,
15
+ lineHeight: typography.lineHeight
16
+ }
17
+ }
18
+ };
19
+
20
+ // src/config/tailwind-config/tailwind.config.ts
21
+ var causwConfig = {
22
+ content: [
23
+ // CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
24
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
25
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
26
+ ],
27
+ presets: [causwPreset]
28
+ };
29
+
30
+ // src/config/tailwind-config/tailwind-content.ts
31
+ var causwContent = [
32
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
33
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
34
+ ];
35
+
36
+ export { causwConfig, causwContent, causwPreset };
package/dist/index.d.mts CHANGED
@@ -78,17 +78,17 @@ declare const typography: {
78
78
  readonly '5xl': "3rem";
79
79
  };
80
80
  readonly fontWeight: {
81
- readonly normal: 400;
82
- readonly medium: 500;
83
- readonly semibold: 600;
84
- readonly bold: 700;
81
+ readonly normal: "400";
82
+ readonly medium: "500";
83
+ readonly semibold: "600";
84
+ readonly bold: "700";
85
85
  };
86
86
  readonly lineHeight: {
87
- readonly none: 1;
88
- readonly tight: 1.25;
89
- readonly normal: 1.5;
90
- readonly relaxed: 1.75;
91
- readonly loose: 2;
87
+ readonly none: "1";
88
+ readonly tight: "1.25";
89
+ readonly normal: "1.5";
90
+ readonly relaxed: "1.75";
91
+ readonly loose: "2";
92
92
  };
93
93
  };
94
94
 
package/dist/index.d.ts CHANGED
@@ -78,17 +78,17 @@ declare const typography: {
78
78
  readonly '5xl': "3rem";
79
79
  };
80
80
  readonly fontWeight: {
81
- readonly normal: 400;
82
- readonly medium: 500;
83
- readonly semibold: 600;
84
- readonly bold: 700;
81
+ readonly normal: "400";
82
+ readonly medium: "500";
83
+ readonly semibold: "600";
84
+ readonly bold: "700";
85
85
  };
86
86
  readonly lineHeight: {
87
- readonly none: 1;
88
- readonly tight: 1.25;
89
- readonly normal: 1.5;
90
- readonly relaxed: 1.75;
91
- readonly loose: 2;
87
+ readonly none: "1";
88
+ readonly tight: "1.25";
89
+ readonly normal: "1.5";
90
+ readonly relaxed: "1.75";
91
+ readonly loose: "2";
92
92
  };
93
93
  };
94
94
 
package/dist/index.js CHANGED
@@ -1,32 +1,6 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
1
+ 'use strict';
19
2
 
20
- // src/index.ts
21
- var index_exports = {};
22
- __export(index_exports, {
23
- colors: () => colors,
24
- spacing: () => spacing,
25
- typography: () => typography
26
- });
27
- module.exports = __toCommonJS(index_exports);
28
-
29
- // src/colors.ts
3
+ // src/tokens/colors.ts
30
4
  var colors = {
31
5
  primary: {
32
6
  50: "#e3f2fd",
@@ -74,7 +48,7 @@ var colors = {
74
48
  }
75
49
  };
76
50
 
77
- // src/spacing.ts
51
+ // src/tokens/spacing.ts
78
52
  var spacing = {
79
53
  0: "0",
80
54
  1: "0.25rem",
@@ -103,7 +77,7 @@ var spacing = {
103
77
  // 96px
104
78
  };
105
79
 
106
- // src/typography.ts
80
+ // src/tokens/typography.ts
107
81
  var typography = {
108
82
  fontFamily: {
109
83
  base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
@@ -130,22 +104,20 @@ var typography = {
130
104
  // 48px
131
105
  },
132
106
  fontWeight: {
133
- normal: 400,
134
- medium: 500,
135
- semibold: 600,
136
- bold: 700
107
+ normal: "400",
108
+ medium: "500",
109
+ semibold: "600",
110
+ bold: "700"
137
111
  },
138
112
  lineHeight: {
139
- none: 1,
140
- tight: 1.25,
141
- normal: 1.5,
142
- relaxed: 1.75,
143
- loose: 2
113
+ none: "1",
114
+ tight: "1.25",
115
+ normal: "1.5",
116
+ relaxed: "1.75",
117
+ loose: "2"
144
118
  }
145
119
  };
146
- // Annotate the CommonJS export names for ESM import in node:
147
- 0 && (module.exports = {
148
- colors,
149
- spacing,
150
- typography
151
- });
120
+
121
+ exports.colors = colors;
122
+ exports.spacing = spacing;
123
+ exports.typography = typography;
package/dist/index.mjs CHANGED
@@ -1,10 +1 @@
1
- import {
2
- colors,
3
- spacing,
4
- typography
5
- } from "./chunk-DKDWC554.mjs";
6
- export {
7
- colors,
8
- spacing,
9
- typography
10
- };
1
+ export { colors, spacing, typography } from './chunk-DPNL4AJ4.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@causw/tokens",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "description": "Design tokens for CAUSW Design System - CAU Software Community Service",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -11,25 +11,15 @@
11
11
  "import": "./dist/index.mjs",
12
12
  "require": "./dist/index.js"
13
13
  },
14
- "./tailwind-preset": {
15
- "types": "./dist/tailwind-preset.d.ts",
16
- "import": "./dist/tailwind-preset.mjs",
17
- "require": "./dist/tailwind-preset.js"
18
- },
19
- "./tailwind.config": {
20
- "types": "./dist/tailwind.config.d.ts",
21
- "import": "./dist/tailwind.config.mjs",
22
- "require": "./dist/tailwind.config.js"
14
+ "./config": {
15
+ "types": "./dist/config/index.d.ts",
16
+ "import": "./dist/config/index.mjs",
17
+ "require": "./dist/config/index.js"
23
18
  }
24
19
  },
25
20
  "files": [
26
21
  "dist"
27
22
  ],
28
- "devDependencies": {
29
- "tailwindcss": "^4.1.17",
30
- "tsup": "^8.0.0",
31
- "typescript": "^5.3.0"
32
- },
33
23
  "repository": {
34
24
  "type": "git",
35
25
  "url": "https://github.com/CAUCSE/CAUSW-frontend-design-system",
@@ -39,9 +29,10 @@
39
29
  "access": "public",
40
30
  "provenance": true
41
31
  },
32
+ "sideEffects": false,
42
33
  "scripts": {
43
- "build": "tsup src/index.ts src/tailwind-preset.ts src/tailwind.config.ts --format cjs,esm --dts",
44
- "dev": "tsup src/index.ts src/tailwind-preset.ts src/tailwind.config.ts --format cjs,esm --dts --watch",
34
+ "build": "tsup src/index.ts src/config/index.ts --format cjs,esm --dts --treeshake",
35
+ "dev": "tsup src/index.ts src/config/index.ts --format cjs,esm --dts --watch",
45
36
  "lint": "eslint src",
46
37
  "test": "echo \"No tests yet\""
47
38
  }
package/dist/chunk-MOGDUGGD.mjs DELETED
@@ -1,63 +0,0 @@
1
- import {
2
- colors,
3
- spacing,
4
- typography
5
- } from "./chunk-DKDWC554.mjs";
6
-
7
- // src/tailwind-preset.ts
8
- var fontWeight = Object.fromEntries(
9
- Object.entries(typography.fontWeight).map(([key, value]) => [
10
- key,
11
- String(value)
12
- ])
13
- );
14
- var lineHeight = Object.fromEntries(
15
- Object.entries(typography.lineHeight).map(([key, value]) => [
16
- key,
17
- String(value)
18
- ])
19
- );
20
- var caswPreset = {
21
- theme: {
22
- extend: {
23
- colors: {
24
- primary: colors.primary,
25
- gray: colors.gray,
26
- success: {
27
- DEFAULT: colors.success.main,
28
- light: colors.success.light,
29
- dark: colors.success.dark
30
- },
31
- error: {
32
- DEFAULT: colors.error.main,
33
- light: colors.error.light,
34
- dark: colors.error.dark
35
- },
36
- warning: {
37
- DEFAULT: colors.warning.main,
38
- light: colors.warning.light,
39
- dark: colors.warning.dark
40
- },
41
- info: {
42
- DEFAULT: colors.info.main,
43
- light: colors.info.light,
44
- dark: colors.info.dark
45
- }
46
- },
47
- spacing,
48
- fontFamily: {
49
- sans: typography.fontFamily.base,
50
- mono: typography.fontFamily.mono
51
- },
52
- fontSize: typography.fontSize,
53
- fontWeight,
54
- lineHeight
55
- }
56
- }
57
- };
58
- var tailwind_preset_default = caswPreset;
59
-
60
- export {
61
- caswPreset,
62
- tailwind_preset_default
63
- };
package/dist/tailwind-preset.d.mts DELETED
@@ -1,19 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- /**
4
- * CAUSW Design System Tailwind CSS Preset
5
- *
6
- * @example
7
- * ```ts
8
- * // tailwind.config.ts
9
- * import { caswPreset } from '@causw/tokens/tailwind-preset';
10
- *
11
- * export default {
12
- * presets: [caswPreset],
13
- * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
14
- * } satisfies Config;
15
- * ```
16
- */
17
- declare const caswPreset: Partial<Config>;
18
-
19
- export { caswPreset, caswPreset as default };
package/dist/tailwind-preset.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- /**
4
- * CAUSW Design System Tailwind CSS Preset
5
- *
6
- * @example
7
- * ```ts
8
- * // tailwind.config.ts
9
- * import { caswPreset } from '@causw/tokens/tailwind-preset';
10
- *
11
- * export default {
12
- * presets: [caswPreset],
13
- * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
14
- * } satisfies Config;
15
- * ```
16
- */
17
- declare const caswPreset: Partial<Config>;
18
-
19
- export { caswPreset, caswPreset as default };
package/dist/tailwind-preset.js DELETED
@@ -1,201 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/tailwind-preset.ts
21
- var tailwind_preset_exports = {};
22
- __export(tailwind_preset_exports, {
23
- caswPreset: () => caswPreset,
24
- default: () => tailwind_preset_default
25
- });
26
- module.exports = __toCommonJS(tailwind_preset_exports);
27
-
28
- // src/colors.ts
29
- var colors = {
30
- primary: {
31
- 50: "#e3f2fd",
32
- 100: "#bbdefb",
33
- 200: "#90caf9",
34
- 300: "#64b5f6",
35
- 400: "#42a5f5",
36
- 500: "#2196f3",
37
- 600: "#1e88e5",
38
- 700: "#1976d2",
39
- 800: "#1565c0",
40
- 900: "#0d47a1"
41
- },
42
- gray: {
43
- 50: "#fafafa",
44
- 100: "#f5f5f5",
45
- 200: "#eeeeee",
46
- 300: "#e0e0e0",
47
- 400: "#bdbdbd",
48
- 500: "#9e9e9e",
49
- 600: "#757575",
50
- 700: "#616161",
51
- 800: "#424242",
52
- 900: "#212121"
53
- },
54
- success: {
55
- main: "#4caf50",
56
- light: "#81c784",
57
- dark: "#388e3c"
58
- },
59
- error: {
60
- main: "#f44336",
61
- light: "#e57373",
62
- dark: "#d32f2f"
63
- },
64
- warning: {
65
- main: "#ff9800",
66
- light: "#ffb74d",
67
- dark: "#f57c00"
68
- },
69
- info: {
70
- main: "#2196f3",
71
- light: "#64b5f6",
72
- dark: "#1976d2"
73
- }
74
- };
75
-
76
- // src/spacing.ts
77
- var spacing = {
78
- 0: "0",
79
- 1: "0.25rem",
80
- // 4px
81
- 2: "0.5rem",
82
- // 8px
83
- 3: "0.75rem",
84
- // 12px
85
- 4: "1rem",
86
- // 16px
87
- 5: "1.25rem",
88
- // 20px
89
- 6: "1.5rem",
90
- // 24px
91
- 8: "2rem",
92
- // 32px
93
- 10: "2.5rem",
94
- // 40px
95
- 12: "3rem",
96
- // 48px
97
- 16: "4rem",
98
- // 64px
99
- 20: "5rem",
100
- // 80px
101
- 24: "6rem"
102
- // 96px
103
- };
104
-
105
- // src/typography.ts
106
- var typography = {
107
- fontFamily: {
108
- base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
109
- mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
110
- },
111
- fontSize: {
112
- xs: "0.75rem",
113
- // 12px
114
- sm: "0.875rem",
115
- // 14px
116
- base: "1rem",
117
- // 16px
118
- lg: "1.125rem",
119
- // 18px
120
- xl: "1.25rem",
121
- // 20px
122
- "2xl": "1.5rem",
123
- // 24px
124
- "3xl": "1.875rem",
125
- // 30px
126
- "4xl": "2.25rem",
127
- // 36px
128
- "5xl": "3rem"
129
- // 48px
130
- },
131
- fontWeight: {
132
- normal: 400,
133
- medium: 500,
134
- semibold: 600,
135
- bold: 700
136
- },
137
- lineHeight: {
138
- none: 1,
139
- tight: 1.25,
140
- normal: 1.5,
141
- relaxed: 1.75,
142
- loose: 2
143
- }
144
- };
145
-
146
- // src/tailwind-preset.ts
147
- var fontWeight = Object.fromEntries(
148
- Object.entries(typography.fontWeight).map(([key, value]) => [
149
- key,
150
- String(value)
151
- ])
152
- );
153
- var lineHeight = Object.fromEntries(
154
- Object.entries(typography.lineHeight).map(([key, value]) => [
155
- key,
156
- String(value)
157
- ])
158
- );
159
- var caswPreset = {
160
- theme: {
161
- extend: {
162
- colors: {
163
- primary: colors.primary,
164
- gray: colors.gray,
165
- success: {
166
- DEFAULT: colors.success.main,
167
- light: colors.success.light,
168
- dark: colors.success.dark
169
- },
170
- error: {
171
- DEFAULT: colors.error.main,
172
- light: colors.error.light,
173
- dark: colors.error.dark
174
- },
175
- warning: {
176
- DEFAULT: colors.warning.main,
177
- light: colors.warning.light,
178
- dark: colors.warning.dark
179
- },
180
- info: {
181
- DEFAULT: colors.info.main,
182
- light: colors.info.light,
183
- dark: colors.info.dark
184
- }
185
- },
186
- spacing,
187
- fontFamily: {
188
- sans: typography.fontFamily.base,
189
- mono: typography.fontFamily.mono
190
- },
191
- fontSize: typography.fontSize,
192
- fontWeight,
193
- lineHeight
194
- }
195
- }
196
- };
197
- var tailwind_preset_default = caswPreset;
198
- // Annotate the CommonJS export names for ESM import in node:
199
- 0 && (module.exports = {
200
- caswPreset
201
- });
package/dist/tailwind-preset.mjs DELETED
@@ -1,9 +0,0 @@
1
- import {
2
- caswPreset,
3
- tailwind_preset_default
4
- } from "./chunk-MOGDUGGD.mjs";
5
- import "./chunk-DKDWC554.mjs";
6
- export {
7
- caswPreset,
8
- tailwind_preset_default as default
9
- };
package/dist/tailwind.config.d.mts DELETED
@@ -1,23 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- /**
4
- * CAUSW Design System Tailwind CSS Configuration
5
- *
6
- * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
7
- *
8
- * @example CSS에서 사용
9
- * ```css
10
- * @import 'tailwindcss';
11
- * @config '@causw/tokens/tailwind.config';
12
- * ```
13
- *
14
- * @example JS/TS config에서 사용
15
- * ```ts
16
- * // tailwind.config.ts
17
- * import caswConfig from '@causw/tokens/tailwind.config';
18
- * export default caswConfig;
19
- * ```
20
- */
21
- declare const caswConfig: Config;
22
-
23
- export { caswConfig, caswConfig as default };
package/dist/tailwind.config.d.ts DELETED
@@ -1,23 +0,0 @@
1
- import { Config } from 'tailwindcss';
2
-
3
- /**
4
- * CAUSW Design System Tailwind CSS Configuration
5
- *
6
- * 이 파일은 `@config` 지시자와 함께 사용할 수 있는 완전한 Tailwind config입니다.
7
- *
8
- * @example CSS에서 사용
9
- * ```css
10
- * @import 'tailwindcss';
11
- * @config '@causw/tokens/tailwind.config';
12
- * ```
13
- *
14
- * @example JS/TS config에서 사용
15
- * ```ts
16
- * // tailwind.config.ts
17
- * import caswConfig from '@causw/tokens/tailwind.config';
18
- * export default caswConfig;
19
- * ```
20
- */
21
- declare const caswConfig: Config;
22
-
23
- export { caswConfig, caswConfig as default };
package/dist/tailwind.config.js DELETED
@@ -1,208 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __export = (target, all) => {
7
- for (var name in all)
8
- __defProp(target, name, { get: all[name], enumerable: true });
9
- };
10
- var __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from === "object" || typeof from === "function") {
12
- for (let key of __getOwnPropNames(from))
13
- if (!__hasOwnProp.call(to, key) && key !== except)
14
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
- }
16
- return to;
17
- };
18
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
-
20
- // src/tailwind.config.ts
21
- var tailwind_config_exports = {};
22
- __export(tailwind_config_exports, {
23
- caswConfig: () => caswConfig,
24
- default: () => tailwind_config_default
25
- });
26
- module.exports = __toCommonJS(tailwind_config_exports);
27
-
28
- // src/colors.ts
29
- var colors = {
30
- primary: {
31
- 50: "#e3f2fd",
32
- 100: "#bbdefb",
33
- 200: "#90caf9",
34
- 300: "#64b5f6",
35
- 400: "#42a5f5",
36
- 500: "#2196f3",
37
- 600: "#1e88e5",
38
- 700: "#1976d2",
39
- 800: "#1565c0",
40
- 900: "#0d47a1"
41
- },
42
- gray: {
43
- 50: "#fafafa",
44
- 100: "#f5f5f5",
45
- 200: "#eeeeee",
46
- 300: "#e0e0e0",
47
- 400: "#bdbdbd",
48
- 500: "#9e9e9e",
49
- 600: "#757575",
50
- 700: "#616161",
51
- 800: "#424242",
52
- 900: "#212121"
53
- },
54
- success: {
55
- main: "#4caf50",
56
- light: "#81c784",
57
- dark: "#388e3c"
58
- },
59
- error: {
60
- main: "#f44336",
61
- light: "#e57373",
62
- dark: "#d32f2f"
63
- },
64
- warning: {
65
- main: "#ff9800",
66
- light: "#ffb74d",
67
- dark: "#f57c00"
68
- },
69
- info: {
70
- main: "#2196f3",
71
- light: "#64b5f6",
72
- dark: "#1976d2"
73
- }
74
- };
75
-
76
- // src/spacing.ts
77
- var spacing = {
78
- 0: "0",
79
- 1: "0.25rem",
80
- // 4px
81
- 2: "0.5rem",
82
- // 8px
83
- 3: "0.75rem",
84
- // 12px
85
- 4: "1rem",
86
- // 16px
87
- 5: "1.25rem",
88
- // 20px
89
- 6: "1.5rem",
90
- // 24px
91
- 8: "2rem",
92
- // 32px
93
- 10: "2.5rem",
94
- // 40px
95
- 12: "3rem",
96
- // 48px
97
- 16: "4rem",
98
- // 64px
99
- 20: "5rem",
100
- // 80px
101
- 24: "6rem"
102
- // 96px
103
- };
104
-
105
- // src/typography.ts
106
- var typography = {
107
- fontFamily: {
108
- base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
109
- mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
110
- },
111
- fontSize: {
112
- xs: "0.75rem",
113
- // 12px
114
- sm: "0.875rem",
115
- // 14px
116
- base: "1rem",
117
- // 16px
118
- lg: "1.125rem",
119
- // 18px
120
- xl: "1.25rem",
121
- // 20px
122
- "2xl": "1.5rem",
123
- // 24px
124
- "3xl": "1.875rem",
125
- // 30px
126
- "4xl": "2.25rem",
127
- // 36px
128
- "5xl": "3rem"
129
- // 48px
130
- },
131
- fontWeight: {
132
- normal: 400,
133
- medium: 500,
134
- semibold: 600,
135
- bold: 700
136
- },
137
- lineHeight: {
138
- none: 1,
139
- tight: 1.25,
140
- normal: 1.5,
141
- relaxed: 1.75,
142
- loose: 2
143
- }
144
- };
145
-
146
- // src/tailwind-preset.ts
147
- var fontWeight = Object.fromEntries(
148
- Object.entries(typography.fontWeight).map(([key, value]) => [
149
- key,
150
- String(value)
151
- ])
152
- );
153
- var lineHeight = Object.fromEntries(
154
- Object.entries(typography.lineHeight).map(([key, value]) => [
155
- key,
156
- String(value)
157
- ])
158
- );
159
- var caswPreset = {
160
- theme: {
161
- extend: {
162
- colors: {
163
- primary: colors.primary,
164
- gray: colors.gray,
165
- success: {
166
- DEFAULT: colors.success.main,
167
- light: colors.success.light,
168
- dark: colors.success.dark
169
- },
170
- error: {
171
- DEFAULT: colors.error.main,
172
- light: colors.error.light,
173
- dark: colors.error.dark
174
- },
175
- warning: {
176
- DEFAULT: colors.warning.main,
177
- light: colors.warning.light,
178
- dark: colors.warning.dark
179
- },
180
- info: {
181
- DEFAULT: colors.info.main,
182
- light: colors.info.light,
183
- dark: colors.info.dark
184
- }
185
- },
186
- spacing,
187
- fontFamily: {
188
- sans: typography.fontFamily.base,
189
- mono: typography.fontFamily.mono
190
- },
191
- fontSize: typography.fontSize,
192
- fontWeight,
193
- lineHeight
194
- }
195
- }
196
- };
197
-
198
- // src/tailwind.config.ts
199
- var caswConfig = {
200
- content: [],
201
- // 사용처에서 오버라이드 필요
202
- presets: [caswPreset]
203
- };
204
- var tailwind_config_default = caswConfig;
205
- // Annotate the CommonJS export names for ESM import in node:
206
- 0 && (module.exports = {
207
- caswConfig
208
- });
package/dist/tailwind.config.mjs DELETED
@@ -1,16 +0,0 @@
1
- import {
2
- caswPreset
3
- } from "./chunk-MOGDUGGD.mjs";
4
- import "./chunk-DKDWC554.mjs";
5
-
6
- // src/tailwind.config.ts
7
- var caswConfig = {
8
- content: [],
9
- // 사용처에서 오버라이드 필요
10
- presets: [caswPreset]
11
- };
12
- var tailwind_config_default = caswConfig;
13
- export {
14
- caswConfig,
15
- tailwind_config_default as default
16
- };