@causw/tokens 0.0.6 → 0.0.8

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 (10) hide show
  1. package/dist/index.d.mts +21 -1
  2. package/dist/index.d.ts +21 -1
  3. package/dist/index.js +25 -0
  4. package/dist/index.mjs +142 -1
  5. package/package.json +3 -8
  6. package/dist/chunk-DPNL4AJ4.mjs +0 -119
  7. package/dist/config/index.d.mts +0 -44
  8. package/dist/config/index.d.ts +0 -44
  9. package/dist/config/index.js +0 -156
  10. package/dist/config/index.mjs +0 -36
package/dist/index.d.mts CHANGED
@@ -1,3 +1,5 @@
1
+ import { Config } from 'tailwindcss';
2
+
1
3
  declare const colors: {
2
4
  readonly primary: {
3
5
  readonly 50: "#e3f2fd";
@@ -92,4 +94,22 @@ declare const typography: {
92
94
  };
93
95
  };
94
96
 
95
- export { colors, spacing, typography };
97
+ declare const causwContent: string[];
98
+
99
+ /**
100
+ * CAUSW Design System Tailwind CSS Preset
101
+ *
102
+ * @example
103
+ * ```ts
104
+ * // tailwind.config.ts
105
+ * import { causwPreset } from '@causw/design-system/tailwind-preset';
106
+ *
107
+ * export default {
108
+ * presets: [causwPreset],
109
+ * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
110
+ * } satisfies Config;
111
+ * ```
112
+ */
113
+ declare const causwPreset: Partial<Config>;
114
+
115
+ export { causwContent, causwPreset, colors, spacing, typography };
package/dist/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { Config } from 'tailwindcss';
2
+
1
3
  declare const colors: {
2
4
  readonly primary: {
3
5
  readonly 50: "#e3f2fd";
@@ -92,4 +94,22 @@ declare const typography: {
92
94
  };
93
95
  };
94
96
 
95
- export { colors, spacing, typography };
97
+ declare const causwContent: string[];
98
+
99
+ /**
100
+ * CAUSW Design System Tailwind CSS Preset
101
+ *
102
+ * @example
103
+ * ```ts
104
+ * // tailwind.config.ts
105
+ * import { causwPreset } from '@causw/design-system/tailwind-preset';
106
+ *
107
+ * export default {
108
+ * presets: [causwPreset],
109
+ * content: ['./src/**\/*.{js,ts,jsx,tsx}'],
110
+ * } satisfies Config;
111
+ * ```
112
+ */
113
+ declare const causwPreset: Partial<Config>;
114
+
115
+ export { causwContent, causwPreset, colors, spacing, typography };
package/dist/index.js CHANGED
@@ -118,6 +118,31 @@ var typography = {
118
118
  }
119
119
  };
120
120
 
121
+ // src/config/tailwind-content/tailwind-content.ts
122
+ var causwContent = [
123
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
124
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
125
+ ];
126
+
127
+ // src/config/tailwind-preset/tailwind-preset.ts
128
+ var causwPreset = {
129
+ theme: {
130
+ extend: {
131
+ colors,
132
+ spacing,
133
+ fontFamily: {
134
+ sans: typography.fontFamily.base,
135
+ mono: typography.fontFamily.mono
136
+ },
137
+ fontSize: typography.fontSize,
138
+ fontWeight: typography.fontWeight,
139
+ lineHeight: typography.lineHeight
140
+ }
141
+ }
142
+ };
143
+
144
+ exports.causwContent = causwContent;
145
+ exports.causwPreset = causwPreset;
121
146
  exports.colors = colors;
122
147
  exports.spacing = spacing;
123
148
  exports.typography = typography;
package/dist/index.mjs CHANGED
@@ -1 +1,142 @@
1
- export { colors, spacing, typography } from './chunk-DPNL4AJ4.mjs';
1
+ // src/tokens/colors.ts
2
+ var colors = {
3
+ primary: {
4
+ 50: "#e3f2fd",
5
+ 100: "#bbdefb",
6
+ 200: "#90caf9",
7
+ 300: "#64b5f6",
8
+ 400: "#42a5f5",
9
+ 500: "#2196f3",
10
+ 600: "#1e88e5",
11
+ 700: "#1976d2",
12
+ 800: "#1565c0",
13
+ 900: "#0d47a1"
14
+ },
15
+ gray: {
16
+ 50: "#fafafa",
17
+ 100: "#f5f5f5",
18
+ 200: "#eeeeee",
19
+ 300: "#e0e0e0",
20
+ 400: "#bdbdbd",
21
+ 500: "#9e9e9e",
22
+ 600: "#757575",
23
+ 700: "#616161",
24
+ 800: "#424242",
25
+ 900: "#212121"
26
+ },
27
+ success: {
28
+ main: "#4caf50",
29
+ light: "#81c784",
30
+ dark: "#388e3c"
31
+ },
32
+ error: {
33
+ main: "#f44336",
34
+ light: "#e57373",
35
+ dark: "#d32f2f"
36
+ },
37
+ warning: {
38
+ main: "#ff9800",
39
+ light: "#ffb74d",
40
+ dark: "#f57c00"
41
+ },
42
+ info: {
43
+ main: "#2196f3",
44
+ light: "#64b5f6",
45
+ dark: "#1976d2"
46
+ }
47
+ };
48
+
49
+ // src/tokens/spacing.ts
50
+ var spacing = {
51
+ 0: "0",
52
+ 1: "0.25rem",
53
+ // 4px
54
+ 2: "0.5rem",
55
+ // 8px
56
+ 3: "0.75rem",
57
+ // 12px
58
+ 4: "1rem",
59
+ // 16px
60
+ 5: "1.25rem",
61
+ // 20px
62
+ 6: "1.5rem",
63
+ // 24px
64
+ 8: "2rem",
65
+ // 32px
66
+ 10: "2.5rem",
67
+ // 40px
68
+ 12: "3rem",
69
+ // 48px
70
+ 16: "4rem",
71
+ // 64px
72
+ 20: "5rem",
73
+ // 80px
74
+ 24: "6rem"
75
+ // 96px
76
+ };
77
+
78
+ // src/tokens/typography.ts
79
+ var typography = {
80
+ fontFamily: {
81
+ base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
82
+ mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
83
+ },
84
+ fontSize: {
85
+ xs: "0.75rem",
86
+ // 12px
87
+ sm: "0.875rem",
88
+ // 14px
89
+ base: "1rem",
90
+ // 16px
91
+ lg: "1.125rem",
92
+ // 18px
93
+ xl: "1.25rem",
94
+ // 20px
95
+ "2xl": "1.5rem",
96
+ // 24px
97
+ "3xl": "1.875rem",
98
+ // 30px
99
+ "4xl": "2.25rem",
100
+ // 36px
101
+ "5xl": "3rem"
102
+ // 48px
103
+ },
104
+ fontWeight: {
105
+ normal: "400",
106
+ medium: "500",
107
+ semibold: "600",
108
+ bold: "700"
109
+ },
110
+ lineHeight: {
111
+ none: "1",
112
+ tight: "1.25",
113
+ normal: "1.5",
114
+ relaxed: "1.75",
115
+ loose: "2"
116
+ }
117
+ };
118
+
119
+ // src/config/tailwind-content/tailwind-content.ts
120
+ var causwContent = [
121
+ "./node_modules/@causw/components/dist/**/*.{js,mjs}",
122
+ "./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
123
+ ];
124
+
125
+ // src/config/tailwind-preset/tailwind-preset.ts
126
+ var causwPreset = {
127
+ theme: {
128
+ extend: {
129
+ colors,
130
+ spacing,
131
+ fontFamily: {
132
+ sans: typography.fontFamily.base,
133
+ mono: typography.fontFamily.mono
134
+ },
135
+ fontSize: typography.fontSize,
136
+ fontWeight: typography.fontWeight,
137
+ lineHeight: typography.lineHeight
138
+ }
139
+ }
140
+ };
141
+
142
+ export { causwContent, causwPreset, colors, spacing, typography };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@causw/tokens",
3
- "version": "0.0.6",
3
+ "version": "0.0.8",
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",
@@ -10,11 +10,6 @@
10
10
  "types": "./dist/index.d.ts",
11
11
  "import": "./dist/index.mjs",
12
12
  "require": "./dist/index.js"
13
- },
14
- "./config": {
15
- "types": "./dist/config/index.d.ts",
16
- "import": "./dist/config/index.mjs",
17
- "require": "./dist/config/index.js"
18
13
  }
19
14
  },
20
15
  "files": [
@@ -31,8 +26,8 @@
31
26
  },
32
27
  "sideEffects": false,
33
28
  "scripts": {
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",
29
+ "build": "tsup src/index.ts --format cjs,esm --dts --treeshake",
30
+ "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
36
31
  "lint": "eslint src",
37
32
  "test": "echo \"No tests yet\""
38
33
  }
package/dist/chunk-DPNL4AJ4.mjs DELETED
@@ -1,119 +0,0 @@
1
- // src/tokens/colors.ts
2
- var colors = {
3
- primary: {
4
- 50: "#e3f2fd",
5
- 100: "#bbdefb",
6
- 200: "#90caf9",
7
- 300: "#64b5f6",
8
- 400: "#42a5f5",
9
- 500: "#2196f3",
10
- 600: "#1e88e5",
11
- 700: "#1976d2",
12
- 800: "#1565c0",
13
- 900: "#0d47a1"
14
- },
15
- gray: {
16
- 50: "#fafafa",
17
- 100: "#f5f5f5",
18
- 200: "#eeeeee",
19
- 300: "#e0e0e0",
20
- 400: "#bdbdbd",
21
- 500: "#9e9e9e",
22
- 600: "#757575",
23
- 700: "#616161",
24
- 800: "#424242",
25
- 900: "#212121"
26
- },
27
- success: {
28
- main: "#4caf50",
29
- light: "#81c784",
30
- dark: "#388e3c"
31
- },
32
- error: {
33
- main: "#f44336",
34
- light: "#e57373",
35
- dark: "#d32f2f"
36
- },
37
- warning: {
38
- main: "#ff9800",
39
- light: "#ffb74d",
40
- dark: "#f57c00"
41
- },
42
- info: {
43
- main: "#2196f3",
44
- light: "#64b5f6",
45
- dark: "#1976d2"
46
- }
47
- };
48
-
49
- // src/tokens/spacing.ts
50
- var spacing = {
51
- 0: "0",
52
- 1: "0.25rem",
53
- // 4px
54
- 2: "0.5rem",
55
- // 8px
56
- 3: "0.75rem",
57
- // 12px
58
- 4: "1rem",
59
- // 16px
60
- 5: "1.25rem",
61
- // 20px
62
- 6: "1.5rem",
63
- // 24px
64
- 8: "2rem",
65
- // 32px
66
- 10: "2.5rem",
67
- // 40px
68
- 12: "3rem",
69
- // 48px
70
- 16: "4rem",
71
- // 64px
72
- 20: "5rem",
73
- // 80px
74
- 24: "6rem"
75
- // 96px
76
- };
77
-
78
- // src/tokens/typography.ts
79
- var typography = {
80
- fontFamily: {
81
- base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
82
- mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
83
- },
84
- fontSize: {
85
- xs: "0.75rem",
86
- // 12px
87
- sm: "0.875rem",
88
- // 14px
89
- base: "1rem",
90
- // 16px
91
- lg: "1.125rem",
92
- // 18px
93
- xl: "1.25rem",
94
- // 20px
95
- "2xl": "1.5rem",
96
- // 24px
97
- "3xl": "1.875rem",
98
- // 30px
99
- "4xl": "2.25rem",
100
- // 36px
101
- "5xl": "3rem"
102
- // 48px
103
- },
104
- fontWeight: {
105
- normal: "400",
106
- medium: "500",
107
- semibold: "600",
108
- bold: "700"
109
- },
110
- lineHeight: {
111
- none: "1",
112
- tight: "1.25",
113
- normal: "1.5",
114
- relaxed: "1.75",
115
- loose: "2"
116
- }
117
- };
118
-
119
- export { colors, spacing, typography };
package/dist/config/index.d.mts DELETED
@@ -1,44 +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 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 DELETED
@@ -1,44 +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 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 DELETED
@@ -1,156 +0,0 @@
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 DELETED
@@ -1,36 +0,0 @@
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 };