@causw/tokens 0.0.3 → 0.0.4
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.
- package/dist/{chunk-DKDWC554.mjs → chunk-DPNL4AJ4.mjs} +12 -12
- package/dist/config/index.d.mts +44 -0
- package/dist/config/index.d.ts +44 -0
- package/dist/{tailwind.config.js → config/index.js} +38 -60
- package/dist/config/index.mjs +45 -0
- package/dist/index.d.mts +9 -9
- package/dist/index.d.ts +9 -9
- package/dist/index.js +12 -12
- package/dist/index.mjs +1 -1
- package/package.json +7 -12
- package/dist/chunk-MOGDUGGD.mjs +0 -63
- package/dist/tailwind-preset.d.mts +0 -19
- package/dist/tailwind-preset.d.ts +0 -19
- package/dist/tailwind-preset.js +0 -201
- package/dist/tailwind-preset.mjs +0 -9
- package/dist/tailwind.config.d.mts +0 -23
- package/dist/tailwind.config.d.ts +0 -23
- package/dist/tailwind.config.mjs +0 -16
|
@@ -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,17 +102,17 @@ 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
|
|
|
@@ -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 caswConfig from '@causw/tokens/tailwind.config';
|
|
18
|
+
* export default {
|
|
19
|
+
* ...caswConfig,
|
|
20
|
+
* content: [...caswConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
|
|
21
|
+
* };
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
declare const caswConfig: Config;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```ts
|
|
31
|
+
* // tailwind.config.ts
|
|
32
|
+
* import { caswPreset } from '@causw/design-system/tailwind-preset';
|
|
33
|
+
*
|
|
34
|
+
* export default {
|
|
35
|
+
* presets: [caswPreset],
|
|
36
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
37
|
+
* } satisfies Config;
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
declare const caswPreset: Partial<Config>;
|
|
41
|
+
|
|
42
|
+
declare const tailwindContent: string[];
|
|
43
|
+
|
|
44
|
+
export { caswConfig, caswPreset, caswConfig as default, tailwindContent };
|
|
@@ -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 caswConfig from '@causw/tokens/tailwind.config';
|
|
18
|
+
* export default {
|
|
19
|
+
* ...caswConfig,
|
|
20
|
+
* content: [...caswConfig.content, './src/**\/*.{js,ts,jsx,tsx}'],
|
|
21
|
+
* };
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
declare const caswConfig: Config;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
28
|
+
*
|
|
29
|
+
* @example
|
|
30
|
+
* ```ts
|
|
31
|
+
* // tailwind.config.ts
|
|
32
|
+
* import { caswPreset } from '@causw/design-system/tailwind-preset';
|
|
33
|
+
*
|
|
34
|
+
* export default {
|
|
35
|
+
* presets: [caswPreset],
|
|
36
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
37
|
+
* } satisfies Config;
|
|
38
|
+
* ```
|
|
39
|
+
*/
|
|
40
|
+
declare const caswPreset: Partial<Config>;
|
|
41
|
+
|
|
42
|
+
declare const tailwindContent: string[];
|
|
43
|
+
|
|
44
|
+
export { caswConfig, caswPreset, caswConfig as default, tailwindContent };
|
|
@@ -17,15 +17,17 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
|
|
20
|
-
// src/
|
|
21
|
-
var
|
|
22
|
-
__export(
|
|
20
|
+
// src/config/index.ts
|
|
21
|
+
var config_exports = {};
|
|
22
|
+
__export(config_exports, {
|
|
23
23
|
caswConfig: () => caswConfig,
|
|
24
|
-
|
|
24
|
+
caswPreset: () => caswPreset,
|
|
25
|
+
default: () => tailwind_config_default,
|
|
26
|
+
tailwindContent: () => tailwindContent
|
|
25
27
|
});
|
|
26
|
-
module.exports = __toCommonJS(
|
|
28
|
+
module.exports = __toCommonJS(config_exports);
|
|
27
29
|
|
|
28
|
-
// src/colors.ts
|
|
30
|
+
// src/tokens/colors.ts
|
|
29
31
|
var colors = {
|
|
30
32
|
primary: {
|
|
31
33
|
50: "#e3f2fd",
|
|
@@ -73,7 +75,7 @@ var colors = {
|
|
|
73
75
|
}
|
|
74
76
|
};
|
|
75
77
|
|
|
76
|
-
// src/spacing.ts
|
|
78
|
+
// src/tokens/spacing.ts
|
|
77
79
|
var spacing = {
|
|
78
80
|
0: "0",
|
|
79
81
|
1: "0.25rem",
|
|
@@ -102,7 +104,7 @@ var spacing = {
|
|
|
102
104
|
// 96px
|
|
103
105
|
};
|
|
104
106
|
|
|
105
|
-
// src/typography.ts
|
|
107
|
+
// src/tokens/typography.ts
|
|
106
108
|
var typography = {
|
|
107
109
|
fontFamily: {
|
|
108
110
|
base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
@@ -129,80 +131,56 @@ var typography = {
|
|
|
129
131
|
// 48px
|
|
130
132
|
},
|
|
131
133
|
fontWeight: {
|
|
132
|
-
normal: 400,
|
|
133
|
-
medium: 500,
|
|
134
|
-
semibold: 600,
|
|
135
|
-
bold: 700
|
|
134
|
+
normal: "400",
|
|
135
|
+
medium: "500",
|
|
136
|
+
semibold: "600",
|
|
137
|
+
bold: "700"
|
|
136
138
|
},
|
|
137
139
|
lineHeight: {
|
|
138
|
-
none: 1,
|
|
139
|
-
tight: 1.25,
|
|
140
|
-
normal: 1.5,
|
|
141
|
-
relaxed: 1.75,
|
|
142
|
-
loose: 2
|
|
140
|
+
none: "1",
|
|
141
|
+
tight: "1.25",
|
|
142
|
+
normal: "1.5",
|
|
143
|
+
relaxed: "1.75",
|
|
144
|
+
loose: "2"
|
|
143
145
|
}
|
|
144
146
|
};
|
|
145
147
|
|
|
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
|
-
);
|
|
148
|
+
// src/config/tailwind-config/tailwind-preset.ts
|
|
159
149
|
var caswPreset = {
|
|
160
150
|
theme: {
|
|
161
151
|
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
|
-
},
|
|
152
|
+
colors,
|
|
186
153
|
spacing,
|
|
187
154
|
fontFamily: {
|
|
188
155
|
sans: typography.fontFamily.base,
|
|
189
156
|
mono: typography.fontFamily.mono
|
|
190
157
|
},
|
|
191
158
|
fontSize: typography.fontSize,
|
|
192
|
-
fontWeight,
|
|
193
|
-
lineHeight
|
|
159
|
+
fontWeight: typography.fontWeight,
|
|
160
|
+
lineHeight: typography.lineHeight
|
|
194
161
|
}
|
|
195
162
|
}
|
|
196
163
|
};
|
|
197
164
|
|
|
198
|
-
// src/tailwind.config.ts
|
|
165
|
+
// src/config/tailwind-config/tailwind.config.ts
|
|
199
166
|
var caswConfig = {
|
|
200
|
-
content: [
|
|
201
|
-
|
|
167
|
+
content: [
|
|
168
|
+
// CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
|
|
169
|
+
"./node_modules/@causw/components/dist/**/*.{js,mjs}",
|
|
170
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
171
|
+
],
|
|
202
172
|
presets: [caswPreset]
|
|
203
173
|
};
|
|
204
174
|
var tailwind_config_default = caswConfig;
|
|
175
|
+
|
|
176
|
+
// src/config/tailwind-config/tailwind-content.ts
|
|
177
|
+
var tailwindContent = [
|
|
178
|
+
"./node_modules/@causw/components/dist/**/*.{js,mjs}",
|
|
179
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
180
|
+
];
|
|
205
181
|
// Annotate the CommonJS export names for ESM import in node:
|
|
206
182
|
0 && (module.exports = {
|
|
207
|
-
caswConfig
|
|
183
|
+
caswConfig,
|
|
184
|
+
caswPreset,
|
|
185
|
+
tailwindContent
|
|
208
186
|
});
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import {
|
|
2
|
+
colors,
|
|
3
|
+
spacing,
|
|
4
|
+
typography
|
|
5
|
+
} from "../chunk-DPNL4AJ4.mjs";
|
|
6
|
+
|
|
7
|
+
// src/config/tailwind-config/tailwind-preset.ts
|
|
8
|
+
var caswPreset = {
|
|
9
|
+
theme: {
|
|
10
|
+
extend: {
|
|
11
|
+
colors,
|
|
12
|
+
spacing,
|
|
13
|
+
fontFamily: {
|
|
14
|
+
sans: typography.fontFamily.base,
|
|
15
|
+
mono: typography.fontFamily.mono
|
|
16
|
+
},
|
|
17
|
+
fontSize: typography.fontSize,
|
|
18
|
+
fontWeight: typography.fontWeight,
|
|
19
|
+
lineHeight: typography.lineHeight
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
// src/config/tailwind-config/tailwind.config.ts
|
|
25
|
+
var caswConfig = {
|
|
26
|
+
content: [
|
|
27
|
+
// CAUSW 컴포넌트 패키지의 빌드된 파일 스캔
|
|
28
|
+
"./node_modules/@causw/components/dist/**/*.{js,mjs}",
|
|
29
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
30
|
+
],
|
|
31
|
+
presets: [caswPreset]
|
|
32
|
+
};
|
|
33
|
+
var tailwind_config_default = caswConfig;
|
|
34
|
+
|
|
35
|
+
// src/config/tailwind-config/tailwind-content.ts
|
|
36
|
+
var tailwindContent = [
|
|
37
|
+
"./node_modules/@causw/components/dist/**/*.{js,mjs}",
|
|
38
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
39
|
+
];
|
|
40
|
+
export {
|
|
41
|
+
caswConfig,
|
|
42
|
+
caswPreset,
|
|
43
|
+
tailwind_config_default as default,
|
|
44
|
+
tailwindContent
|
|
45
|
+
};
|
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
|
@@ -26,7 +26,7 @@ __export(index_exports, {
|
|
|
26
26
|
});
|
|
27
27
|
module.exports = __toCommonJS(index_exports);
|
|
28
28
|
|
|
29
|
-
// src/colors.ts
|
|
29
|
+
// src/tokens/colors.ts
|
|
30
30
|
var colors = {
|
|
31
31
|
primary: {
|
|
32
32
|
50: "#e3f2fd",
|
|
@@ -74,7 +74,7 @@ var colors = {
|
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
|
|
77
|
-
// src/spacing.ts
|
|
77
|
+
// src/tokens/spacing.ts
|
|
78
78
|
var spacing = {
|
|
79
79
|
0: "0",
|
|
80
80
|
1: "0.25rem",
|
|
@@ -103,7 +103,7 @@ var spacing = {
|
|
|
103
103
|
// 96px
|
|
104
104
|
};
|
|
105
105
|
|
|
106
|
-
// src/typography.ts
|
|
106
|
+
// src/tokens/typography.ts
|
|
107
107
|
var typography = {
|
|
108
108
|
fontFamily: {
|
|
109
109
|
base: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
@@ -130,17 +130,17 @@ var typography = {
|
|
|
130
130
|
// 48px
|
|
131
131
|
},
|
|
132
132
|
fontWeight: {
|
|
133
|
-
normal: 400,
|
|
134
|
-
medium: 500,
|
|
135
|
-
semibold: 600,
|
|
136
|
-
bold: 700
|
|
133
|
+
normal: "400",
|
|
134
|
+
medium: "500",
|
|
135
|
+
semibold: "600",
|
|
136
|
+
bold: "700"
|
|
137
137
|
},
|
|
138
138
|
lineHeight: {
|
|
139
|
-
none: 1,
|
|
140
|
-
tight: 1.25,
|
|
141
|
-
normal: 1.5,
|
|
142
|
-
relaxed: 1.75,
|
|
143
|
-
loose: 2
|
|
139
|
+
none: "1",
|
|
140
|
+
tight: "1.25",
|
|
141
|
+
normal: "1.5",
|
|
142
|
+
relaxed: "1.75",
|
|
143
|
+
loose: "2"
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
// Annotate the CommonJS export names for ESM import in node:
|
package/dist/index.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@causw/tokens",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
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,15 +11,10 @@
|
|
|
11
11
|
"import": "./dist/index.mjs",
|
|
12
12
|
"require": "./dist/index.js"
|
|
13
13
|
},
|
|
14
|
-
"./
|
|
15
|
-
"types": "./dist/
|
|
16
|
-
"import": "./dist/
|
|
17
|
-
"require": "./dist/
|
|
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": [
|
|
@@ -40,8 +35,8 @@
|
|
|
40
35
|
"provenance": true
|
|
41
36
|
},
|
|
42
37
|
"scripts": {
|
|
43
|
-
"build": "tsup src/index.ts src/
|
|
44
|
-
"dev": "tsup src/index.ts src/
|
|
38
|
+
"build": "tsup src/index.ts src/config/index.ts --format cjs,esm --dts",
|
|
39
|
+
"dev": "tsup src/index.ts src/config/index.ts --format cjs,esm --dts --watch",
|
|
45
40
|
"lint": "eslint src",
|
|
46
41
|
"test": "echo \"No tests yet\""
|
|
47
42
|
}
|
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
|
-
};
|
|
@@ -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 };
|
|
@@ -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,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 };
|
|
@@ -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.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
|
-
};
|