@causw/tokens 0.0.9 → 0.0.11
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-6XXGXQS3.mjs +159 -0
- package/dist/config/index.d.mts +15 -0
- package/dist/config/index.d.ts +15 -0
- package/dist/config/index.js +165 -0
- package/dist/config/index.mjs +1 -0
- package/dist/index.d.mts +18 -35
- package/dist/index.d.ts +18 -35
- package/dist/index.js +62 -16
- package/dist/index.mjs +1 -106
- package/dist/tailwind-preset-Bz71olkK.d.mts +21 -0
- package/dist/tailwind-preset-Bz71olkK.d.ts +21 -0
- package/package.json +3 -3
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
// src/config/tailwind-content/tailwind-content.ts
|
|
2
|
+
var causwContent = [
|
|
3
|
+
"./node_modules/@causw/core/dist/**/*.{js,mjs}",
|
|
4
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
5
|
+
];
|
|
6
|
+
|
|
7
|
+
// src/foundations/borderRadius.ts
|
|
8
|
+
var borderRadius = {
|
|
9
|
+
xs: "0.25rem",
|
|
10
|
+
// 4px
|
|
11
|
+
sm: "0.5rem",
|
|
12
|
+
// 8px
|
|
13
|
+
md: "0.75rem",
|
|
14
|
+
// 12px
|
|
15
|
+
lg: "1rem",
|
|
16
|
+
// 16px
|
|
17
|
+
xl: "1.25rem",
|
|
18
|
+
// 20px
|
|
19
|
+
"2xl": "1.5rem",
|
|
20
|
+
// 24px
|
|
21
|
+
"3xl": "2rem"
|
|
22
|
+
// 32px
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
// src/foundations/colors.ts
|
|
26
|
+
var colors = {
|
|
27
|
+
blue: {
|
|
28
|
+
100: "#EEF4FF",
|
|
29
|
+
500: "#4F98FF",
|
|
30
|
+
700: "#237EFF"
|
|
31
|
+
},
|
|
32
|
+
gray: {
|
|
33
|
+
50: "#F9FAFB",
|
|
34
|
+
100: "#F5F6F8",
|
|
35
|
+
200: "#E9ECF2",
|
|
36
|
+
300: "#CACED5",
|
|
37
|
+
400: "#99A1AF",
|
|
38
|
+
500: "#6A7282",
|
|
39
|
+
600: "#4A5565",
|
|
40
|
+
700: "#364153",
|
|
41
|
+
800: "#1E2939",
|
|
42
|
+
900: "#101828"
|
|
43
|
+
},
|
|
44
|
+
red: {
|
|
45
|
+
100: "#FFEFEF",
|
|
46
|
+
400: "#FD5C5F"
|
|
47
|
+
},
|
|
48
|
+
white: {
|
|
49
|
+
main: "#FFEFEF"
|
|
50
|
+
},
|
|
51
|
+
black: {
|
|
52
|
+
main: "#000000"
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
// src/foundations/typography.ts
|
|
57
|
+
var typography = {
|
|
58
|
+
fontFamily: {
|
|
59
|
+
sans: [
|
|
60
|
+
"Pretendard",
|
|
61
|
+
"Pretendard Variable",
|
|
62
|
+
"-apple-system",
|
|
63
|
+
"BlinkMacSystemFont",
|
|
64
|
+
"system-ui",
|
|
65
|
+
"Roboto",
|
|
66
|
+
"Helvetica Neue",
|
|
67
|
+
"Segoe UI",
|
|
68
|
+
"Apple SD Gothic Neo",
|
|
69
|
+
"Noto Sans KR",
|
|
70
|
+
"Malgun Gothic",
|
|
71
|
+
"Apple Color Emoji",
|
|
72
|
+
"Segoe UI Emoji",
|
|
73
|
+
"Segoe UI Symbol",
|
|
74
|
+
"sans-serif"
|
|
75
|
+
],
|
|
76
|
+
mono: [
|
|
77
|
+
"Pretendard",
|
|
78
|
+
"Pretendard Variable",
|
|
79
|
+
"ui-monospace",
|
|
80
|
+
"SFMono-Regular",
|
|
81
|
+
"SF Mono",
|
|
82
|
+
"Menlo",
|
|
83
|
+
"Consolas",
|
|
84
|
+
"Liberation Mono",
|
|
85
|
+
"monospace"
|
|
86
|
+
],
|
|
87
|
+
serif: [
|
|
88
|
+
"Pretendard",
|
|
89
|
+
"Pretendard Variable",
|
|
90
|
+
"ui-serif",
|
|
91
|
+
"Georgia",
|
|
92
|
+
"Cambria",
|
|
93
|
+
"Times New Roman",
|
|
94
|
+
"Times",
|
|
95
|
+
"serif"
|
|
96
|
+
]
|
|
97
|
+
},
|
|
98
|
+
fontSize: {
|
|
99
|
+
"2xs": "0.75rem",
|
|
100
|
+
// 12px
|
|
101
|
+
xs: "0.875rem",
|
|
102
|
+
// 14px
|
|
103
|
+
sm: "0.9375rem",
|
|
104
|
+
// 15px
|
|
105
|
+
base: "1rem",
|
|
106
|
+
// 16px
|
|
107
|
+
lg: "1.125rem",
|
|
108
|
+
// 18px
|
|
109
|
+
xl: "1.25rem",
|
|
110
|
+
// 20px
|
|
111
|
+
"2xl": "1.375rem",
|
|
112
|
+
// 22px
|
|
113
|
+
"3xl": "1.5rem",
|
|
114
|
+
// 24px
|
|
115
|
+
"4xl": "1.875rem",
|
|
116
|
+
// 30px
|
|
117
|
+
"5xl": "2rem",
|
|
118
|
+
// 32px
|
|
119
|
+
"6xl": "3rem"
|
|
120
|
+
// 48px
|
|
121
|
+
},
|
|
122
|
+
fontWeight: {
|
|
123
|
+
regular: "400",
|
|
124
|
+
medium: "500",
|
|
125
|
+
semibold: "600",
|
|
126
|
+
bold: "700"
|
|
127
|
+
},
|
|
128
|
+
lineHeight: {
|
|
129
|
+
tight: "1.5",
|
|
130
|
+
normal: "1.6"
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
|
|
134
|
+
// src/config/tailwind-preset/tailwind-preset.ts
|
|
135
|
+
var causwPreset = {
|
|
136
|
+
theme: {
|
|
137
|
+
extend: {
|
|
138
|
+
borderRadius,
|
|
139
|
+
colors,
|
|
140
|
+
fontFamily: {
|
|
141
|
+
sans: typography.fontFamily.sans,
|
|
142
|
+
mono: typography.fontFamily.mono,
|
|
143
|
+
serif: typography.fontFamily.serif
|
|
144
|
+
},
|
|
145
|
+
fontSize: typography.fontSize,
|
|
146
|
+
fontWeight: typography.fontWeight,
|
|
147
|
+
lineHeight: typography.lineHeight
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
|
|
152
|
+
// src/config/index.ts
|
|
153
|
+
var causwConfig = {
|
|
154
|
+
content: causwContent,
|
|
155
|
+
presets: [causwPreset]
|
|
156
|
+
};
|
|
157
|
+
var config_default = causwConfig;
|
|
158
|
+
|
|
159
|
+
export { borderRadius, causwContent, causwPreset, colors, config_default, typography };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Config } from 'tailwindcss';
|
|
2
|
+
export { c as causwContent, a as causwPreset } from '../tailwind-preset-Bz71olkK.mjs';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Tailwind CSS 4 config for use with @config directive
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```css
|
|
9
|
+
* @import 'tailwindcss';
|
|
10
|
+
* @config '@causw/tokens/config';
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
declare const causwConfig: Config;
|
|
14
|
+
|
|
15
|
+
export { causwConfig as default };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Config } from 'tailwindcss';
|
|
2
|
+
export { c as causwContent, a as causwPreset } from '../tailwind-preset-Bz71olkK.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Tailwind CSS 4 config for use with @config directive
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```css
|
|
9
|
+
* @import 'tailwindcss';
|
|
10
|
+
* @config '@causw/tokens/config';
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
declare const causwConfig: Config;
|
|
14
|
+
|
|
15
|
+
export { causwConfig as default };
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
// src/config/tailwind-content/tailwind-content.ts
|
|
6
|
+
var causwContent = [
|
|
7
|
+
"./node_modules/@causw/core/dist/**/*.{js,mjs}",
|
|
8
|
+
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
9
|
+
];
|
|
10
|
+
|
|
11
|
+
// src/foundations/borderRadius.ts
|
|
12
|
+
var borderRadius = {
|
|
13
|
+
xs: "0.25rem",
|
|
14
|
+
// 4px
|
|
15
|
+
sm: "0.5rem",
|
|
16
|
+
// 8px
|
|
17
|
+
md: "0.75rem",
|
|
18
|
+
// 12px
|
|
19
|
+
lg: "1rem",
|
|
20
|
+
// 16px
|
|
21
|
+
xl: "1.25rem",
|
|
22
|
+
// 20px
|
|
23
|
+
"2xl": "1.5rem",
|
|
24
|
+
// 24px
|
|
25
|
+
"3xl": "2rem"
|
|
26
|
+
// 32px
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
// src/foundations/colors.ts
|
|
30
|
+
var colors = {
|
|
31
|
+
blue: {
|
|
32
|
+
100: "#EEF4FF",
|
|
33
|
+
500: "#4F98FF",
|
|
34
|
+
700: "#237EFF"
|
|
35
|
+
},
|
|
36
|
+
gray: {
|
|
37
|
+
50: "#F9FAFB",
|
|
38
|
+
100: "#F5F6F8",
|
|
39
|
+
200: "#E9ECF2",
|
|
40
|
+
300: "#CACED5",
|
|
41
|
+
400: "#99A1AF",
|
|
42
|
+
500: "#6A7282",
|
|
43
|
+
600: "#4A5565",
|
|
44
|
+
700: "#364153",
|
|
45
|
+
800: "#1E2939",
|
|
46
|
+
900: "#101828"
|
|
47
|
+
},
|
|
48
|
+
red: {
|
|
49
|
+
100: "#FFEFEF",
|
|
50
|
+
400: "#FD5C5F"
|
|
51
|
+
},
|
|
52
|
+
white: {
|
|
53
|
+
main: "#FFEFEF"
|
|
54
|
+
},
|
|
55
|
+
black: {
|
|
56
|
+
main: "#000000"
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// src/foundations/typography.ts
|
|
61
|
+
var typography = {
|
|
62
|
+
fontFamily: {
|
|
63
|
+
sans: [
|
|
64
|
+
"Pretendard",
|
|
65
|
+
"Pretendard Variable",
|
|
66
|
+
"-apple-system",
|
|
67
|
+
"BlinkMacSystemFont",
|
|
68
|
+
"system-ui",
|
|
69
|
+
"Roboto",
|
|
70
|
+
"Helvetica Neue",
|
|
71
|
+
"Segoe UI",
|
|
72
|
+
"Apple SD Gothic Neo",
|
|
73
|
+
"Noto Sans KR",
|
|
74
|
+
"Malgun Gothic",
|
|
75
|
+
"Apple Color Emoji",
|
|
76
|
+
"Segoe UI Emoji",
|
|
77
|
+
"Segoe UI Symbol",
|
|
78
|
+
"sans-serif"
|
|
79
|
+
],
|
|
80
|
+
mono: [
|
|
81
|
+
"Pretendard",
|
|
82
|
+
"Pretendard Variable",
|
|
83
|
+
"ui-monospace",
|
|
84
|
+
"SFMono-Regular",
|
|
85
|
+
"SF Mono",
|
|
86
|
+
"Menlo",
|
|
87
|
+
"Consolas",
|
|
88
|
+
"Liberation Mono",
|
|
89
|
+
"monospace"
|
|
90
|
+
],
|
|
91
|
+
serif: [
|
|
92
|
+
"Pretendard",
|
|
93
|
+
"Pretendard Variable",
|
|
94
|
+
"ui-serif",
|
|
95
|
+
"Georgia",
|
|
96
|
+
"Cambria",
|
|
97
|
+
"Times New Roman",
|
|
98
|
+
"Times",
|
|
99
|
+
"serif"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
fontSize: {
|
|
103
|
+
"2xs": "0.75rem",
|
|
104
|
+
// 12px
|
|
105
|
+
xs: "0.875rem",
|
|
106
|
+
// 14px
|
|
107
|
+
sm: "0.9375rem",
|
|
108
|
+
// 15px
|
|
109
|
+
base: "1rem",
|
|
110
|
+
// 16px
|
|
111
|
+
lg: "1.125rem",
|
|
112
|
+
// 18px
|
|
113
|
+
xl: "1.25rem",
|
|
114
|
+
// 20px
|
|
115
|
+
"2xl": "1.375rem",
|
|
116
|
+
// 22px
|
|
117
|
+
"3xl": "1.5rem",
|
|
118
|
+
// 24px
|
|
119
|
+
"4xl": "1.875rem",
|
|
120
|
+
// 30px
|
|
121
|
+
"5xl": "2rem",
|
|
122
|
+
// 32px
|
|
123
|
+
"6xl": "3rem"
|
|
124
|
+
// 48px
|
|
125
|
+
},
|
|
126
|
+
fontWeight: {
|
|
127
|
+
regular: "400",
|
|
128
|
+
medium: "500",
|
|
129
|
+
semibold: "600",
|
|
130
|
+
bold: "700"
|
|
131
|
+
},
|
|
132
|
+
lineHeight: {
|
|
133
|
+
tight: "1.5",
|
|
134
|
+
normal: "1.6"
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
|
|
138
|
+
// src/config/tailwind-preset/tailwind-preset.ts
|
|
139
|
+
var causwPreset = {
|
|
140
|
+
theme: {
|
|
141
|
+
extend: {
|
|
142
|
+
borderRadius,
|
|
143
|
+
colors,
|
|
144
|
+
fontFamily: {
|
|
145
|
+
sans: typography.fontFamily.sans,
|
|
146
|
+
mono: typography.fontFamily.mono,
|
|
147
|
+
serif: typography.fontFamily.serif
|
|
148
|
+
},
|
|
149
|
+
fontSize: typography.fontSize,
|
|
150
|
+
fontWeight: typography.fontWeight,
|
|
151
|
+
lineHeight: typography.lineHeight
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
// src/config/index.ts
|
|
157
|
+
var causwConfig = {
|
|
158
|
+
content: causwContent,
|
|
159
|
+
presets: [causwPreset]
|
|
160
|
+
};
|
|
161
|
+
var config_default = causwConfig;
|
|
162
|
+
|
|
163
|
+
exports.causwContent = causwContent;
|
|
164
|
+
exports.causwPreset = causwPreset;
|
|
165
|
+
exports.default = config_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { causwContent, causwPreset, config_default as default } from '../chunk-6XXGXQS3.mjs';
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
export { c as causwContent, a as causwPreset } from './tailwind-preset-Bz71olkK.mjs';
|
|
2
|
+
import 'tailwindcss';
|
|
2
3
|
|
|
3
4
|
declare const borderRadius: {
|
|
4
5
|
readonly xs: "0.25rem";
|
|
@@ -12,7 +13,7 @@ declare const borderRadius: {
|
|
|
12
13
|
|
|
13
14
|
declare const colors: {
|
|
14
15
|
readonly blue: {
|
|
15
|
-
readonly
|
|
16
|
+
readonly 100: "#EEF4FF";
|
|
16
17
|
readonly 500: "#4F98FF";
|
|
17
18
|
readonly 700: "#237EFF";
|
|
18
19
|
};
|
|
@@ -42,22 +43,22 @@ declare const colors: {
|
|
|
42
43
|
|
|
43
44
|
declare const typography: {
|
|
44
45
|
readonly fontFamily: {
|
|
45
|
-
readonly sans: "Pretendard,
|
|
46
|
-
readonly mono: "Pretendard,
|
|
47
|
-
readonly serif: "Pretendard,
|
|
46
|
+
readonly sans: readonly ["Pretendard", "Pretendard Variable", "-apple-system", "BlinkMacSystemFont", "system-ui", "Roboto", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "sans-serif"];
|
|
47
|
+
readonly mono: readonly ["Pretendard", "Pretendard Variable", "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"];
|
|
48
|
+
readonly serif: readonly ["Pretendard", "Pretendard Variable", "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
|
|
48
49
|
};
|
|
49
50
|
readonly fontSize: {
|
|
50
|
-
readonly
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
readonly
|
|
59
|
-
readonly
|
|
60
|
-
readonly
|
|
51
|
+
readonly '2xs': "0.75rem";
|
|
52
|
+
readonly xs: "0.875rem";
|
|
53
|
+
readonly sm: "0.9375rem";
|
|
54
|
+
readonly base: "1rem";
|
|
55
|
+
readonly lg: "1.125rem";
|
|
56
|
+
readonly xl: "1.25rem";
|
|
57
|
+
readonly '2xl': "1.375rem";
|
|
58
|
+
readonly '3xl': "1.5rem";
|
|
59
|
+
readonly '4xl': "1.875rem";
|
|
60
|
+
readonly '5xl': "2rem";
|
|
61
|
+
readonly '6xl': "3rem";
|
|
61
62
|
};
|
|
62
63
|
readonly fontWeight: {
|
|
63
64
|
readonly regular: "400";
|
|
@@ -71,22 +72,4 @@ declare const typography: {
|
|
|
71
72
|
};
|
|
72
73
|
};
|
|
73
74
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* CAUSW Design System Tailwind CSS Preset
|
|
78
|
-
*
|
|
79
|
-
* @example
|
|
80
|
-
* ```ts
|
|
81
|
-
* // tailwind.config.ts
|
|
82
|
-
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
83
|
-
*
|
|
84
|
-
* export default {
|
|
85
|
-
* presets: [causwPreset],
|
|
86
|
-
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
87
|
-
* } satisfies Config;
|
|
88
|
-
* ```
|
|
89
|
-
*/
|
|
90
|
-
declare const causwPreset: Partial<Config>;
|
|
91
|
-
|
|
92
|
-
export { borderRadius, causwContent, causwPreset, colors, typography };
|
|
75
|
+
export { borderRadius, colors, typography };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
export { c as causwContent, a as causwPreset } from './tailwind-preset-Bz71olkK.js';
|
|
2
|
+
import 'tailwindcss';
|
|
2
3
|
|
|
3
4
|
declare const borderRadius: {
|
|
4
5
|
readonly xs: "0.25rem";
|
|
@@ -12,7 +13,7 @@ declare const borderRadius: {
|
|
|
12
13
|
|
|
13
14
|
declare const colors: {
|
|
14
15
|
readonly blue: {
|
|
15
|
-
readonly
|
|
16
|
+
readonly 100: "#EEF4FF";
|
|
16
17
|
readonly 500: "#4F98FF";
|
|
17
18
|
readonly 700: "#237EFF";
|
|
18
19
|
};
|
|
@@ -42,22 +43,22 @@ declare const colors: {
|
|
|
42
43
|
|
|
43
44
|
declare const typography: {
|
|
44
45
|
readonly fontFamily: {
|
|
45
|
-
readonly sans: "Pretendard,
|
|
46
|
-
readonly mono: "Pretendard,
|
|
47
|
-
readonly serif: "Pretendard,
|
|
46
|
+
readonly sans: readonly ["Pretendard", "Pretendard Variable", "-apple-system", "BlinkMacSystemFont", "system-ui", "Roboto", "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "sans-serif"];
|
|
47
|
+
readonly mono: readonly ["Pretendard", "Pretendard Variable", "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas", "Liberation Mono", "monospace"];
|
|
48
|
+
readonly serif: readonly ["Pretendard", "Pretendard Variable", "ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"];
|
|
48
49
|
};
|
|
49
50
|
readonly fontSize: {
|
|
50
|
-
readonly
|
|
51
|
-
readonly
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
56
|
-
readonly
|
|
57
|
-
readonly
|
|
58
|
-
readonly
|
|
59
|
-
readonly
|
|
60
|
-
readonly
|
|
51
|
+
readonly '2xs': "0.75rem";
|
|
52
|
+
readonly xs: "0.875rem";
|
|
53
|
+
readonly sm: "0.9375rem";
|
|
54
|
+
readonly base: "1rem";
|
|
55
|
+
readonly lg: "1.125rem";
|
|
56
|
+
readonly xl: "1.25rem";
|
|
57
|
+
readonly '2xl': "1.375rem";
|
|
58
|
+
readonly '3xl': "1.5rem";
|
|
59
|
+
readonly '4xl': "1.875rem";
|
|
60
|
+
readonly '5xl': "2rem";
|
|
61
|
+
readonly '6xl': "3rem";
|
|
61
62
|
};
|
|
62
63
|
readonly fontWeight: {
|
|
63
64
|
readonly regular: "400";
|
|
@@ -71,22 +72,4 @@ declare const typography: {
|
|
|
71
72
|
};
|
|
72
73
|
};
|
|
73
74
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* CAUSW Design System Tailwind CSS Preset
|
|
78
|
-
*
|
|
79
|
-
* @example
|
|
80
|
-
* ```ts
|
|
81
|
-
* // tailwind.config.ts
|
|
82
|
-
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
83
|
-
*
|
|
84
|
-
* export default {
|
|
85
|
-
* presets: [causwPreset],
|
|
86
|
-
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
87
|
-
* } satisfies Config;
|
|
88
|
-
* ```
|
|
89
|
-
*/
|
|
90
|
-
declare const causwPreset: Partial<Config>;
|
|
91
|
-
|
|
92
|
-
export { borderRadius, causwContent, causwPreset, colors, typography };
|
|
75
|
+
export { borderRadius, colors, typography };
|
package/dist/index.js
CHANGED
|
@@ -21,7 +21,7 @@ var borderRadius = {
|
|
|
21
21
|
// src/foundations/colors.ts
|
|
22
22
|
var colors = {
|
|
23
23
|
blue: {
|
|
24
|
-
|
|
24
|
+
100: "#EEF4FF",
|
|
25
25
|
500: "#4F98FF",
|
|
26
26
|
700: "#237EFF"
|
|
27
27
|
},
|
|
@@ -52,22 +52,68 @@ var colors = {
|
|
|
52
52
|
// src/foundations/typography.ts
|
|
53
53
|
var typography = {
|
|
54
54
|
fontFamily: {
|
|
55
|
-
sans:
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
sans: [
|
|
56
|
+
"Pretendard",
|
|
57
|
+
"Pretendard Variable",
|
|
58
|
+
"-apple-system",
|
|
59
|
+
"BlinkMacSystemFont",
|
|
60
|
+
"system-ui",
|
|
61
|
+
"Roboto",
|
|
62
|
+
"Helvetica Neue",
|
|
63
|
+
"Segoe UI",
|
|
64
|
+
"Apple SD Gothic Neo",
|
|
65
|
+
"Noto Sans KR",
|
|
66
|
+
"Malgun Gothic",
|
|
67
|
+
"Apple Color Emoji",
|
|
68
|
+
"Segoe UI Emoji",
|
|
69
|
+
"Segoe UI Symbol",
|
|
70
|
+
"sans-serif"
|
|
71
|
+
],
|
|
72
|
+
mono: [
|
|
73
|
+
"Pretendard",
|
|
74
|
+
"Pretendard Variable",
|
|
75
|
+
"ui-monospace",
|
|
76
|
+
"SFMono-Regular",
|
|
77
|
+
"SF Mono",
|
|
78
|
+
"Menlo",
|
|
79
|
+
"Consolas",
|
|
80
|
+
"Liberation Mono",
|
|
81
|
+
"monospace"
|
|
82
|
+
],
|
|
83
|
+
serif: [
|
|
84
|
+
"Pretendard",
|
|
85
|
+
"Pretendard Variable",
|
|
86
|
+
"ui-serif",
|
|
87
|
+
"Georgia",
|
|
88
|
+
"Cambria",
|
|
89
|
+
"Times New Roman",
|
|
90
|
+
"Times",
|
|
91
|
+
"serif"
|
|
92
|
+
]
|
|
58
93
|
},
|
|
59
94
|
fontSize: {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
95
|
+
"2xs": "0.75rem",
|
|
96
|
+
// 12px
|
|
97
|
+
xs: "0.875rem",
|
|
98
|
+
// 14px
|
|
99
|
+
sm: "0.9375rem",
|
|
100
|
+
// 15px
|
|
101
|
+
base: "1rem",
|
|
102
|
+
// 16px
|
|
103
|
+
lg: "1.125rem",
|
|
104
|
+
// 18px
|
|
105
|
+
xl: "1.25rem",
|
|
106
|
+
// 20px
|
|
107
|
+
"2xl": "1.375rem",
|
|
108
|
+
// 22px
|
|
109
|
+
"3xl": "1.5rem",
|
|
110
|
+
// 24px
|
|
111
|
+
"4xl": "1.875rem",
|
|
112
|
+
// 30px
|
|
113
|
+
"5xl": "2rem",
|
|
114
|
+
// 32px
|
|
115
|
+
"6xl": "3rem"
|
|
116
|
+
// 48px
|
|
71
117
|
},
|
|
72
118
|
fontWeight: {
|
|
73
119
|
regular: "400",
|
|
@@ -83,7 +129,7 @@ var typography = {
|
|
|
83
129
|
|
|
84
130
|
// src/config/tailwind-content/tailwind-content.ts
|
|
85
131
|
var causwContent = [
|
|
86
|
-
"./node_modules/@causw/
|
|
132
|
+
"./node_modules/@causw/core/dist/**/*.{js,mjs}",
|
|
87
133
|
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
88
134
|
];
|
|
89
135
|
|
package/dist/index.mjs
CHANGED
|
@@ -1,106 +1 @@
|
|
|
1
|
-
|
|
2
|
-
var borderRadius = {
|
|
3
|
-
xs: "0.25rem",
|
|
4
|
-
// 4px
|
|
5
|
-
sm: "0.5rem",
|
|
6
|
-
// 8px
|
|
7
|
-
md: "0.75rem",
|
|
8
|
-
// 12px
|
|
9
|
-
lg: "1rem",
|
|
10
|
-
// 16px
|
|
11
|
-
xl: "1.25rem",
|
|
12
|
-
// 20px
|
|
13
|
-
"2xl": "1.5rem",
|
|
14
|
-
// 24px
|
|
15
|
-
"3xl": "2rem"
|
|
16
|
-
// 32px
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
// src/foundations/colors.ts
|
|
20
|
-
var colors = {
|
|
21
|
-
blue: {
|
|
22
|
-
50: "#EEF4FF",
|
|
23
|
-
500: "#4F98FF",
|
|
24
|
-
700: "#237EFF"
|
|
25
|
-
},
|
|
26
|
-
gray: {
|
|
27
|
-
50: "#F9FAFB",
|
|
28
|
-
100: "#F5F6F8",
|
|
29
|
-
200: "#E9ECF2",
|
|
30
|
-
300: "#CACED5",
|
|
31
|
-
400: "#99A1AF",
|
|
32
|
-
500: "#6A7282",
|
|
33
|
-
600: "#4A5565",
|
|
34
|
-
700: "#364153",
|
|
35
|
-
800: "#1E2939",
|
|
36
|
-
900: "#101828"
|
|
37
|
-
},
|
|
38
|
-
red: {
|
|
39
|
-
100: "#FFEFEF",
|
|
40
|
-
400: "#FD5C5F"
|
|
41
|
-
},
|
|
42
|
-
white: {
|
|
43
|
-
main: "#FFEFEF"
|
|
44
|
-
},
|
|
45
|
-
black: {
|
|
46
|
-
main: "#000000"
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
|
|
50
|
-
// src/foundations/typography.ts
|
|
51
|
-
var typography = {
|
|
52
|
-
fontFamily: {
|
|
53
|
-
sans: 'Pretendard, "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif',
|
|
54
|
-
mono: 'Pretendard, "Pretendard Variable", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace',
|
|
55
|
-
serif: 'Pretendard, "Pretendard Variable", ui-serif, Georgia, Cambria, "Times New Roman", Times, serif'
|
|
56
|
-
},
|
|
57
|
-
fontSize: {
|
|
58
|
-
12: "0.75rem",
|
|
59
|
-
14: "0.875rem",
|
|
60
|
-
15: "0.9375rem",
|
|
61
|
-
16: "1rem",
|
|
62
|
-
18: "1.125rem",
|
|
63
|
-
20: "1.25rem",
|
|
64
|
-
22: "1.375rem",
|
|
65
|
-
24: "1.5rem",
|
|
66
|
-
30: "1.875rem",
|
|
67
|
-
32: "2rem",
|
|
68
|
-
48: "3rem"
|
|
69
|
-
},
|
|
70
|
-
fontWeight: {
|
|
71
|
-
regular: "400",
|
|
72
|
-
medium: "500",
|
|
73
|
-
semibold: "600",
|
|
74
|
-
bold: "700"
|
|
75
|
-
},
|
|
76
|
-
lineHeight: {
|
|
77
|
-
tight: "1.5",
|
|
78
|
-
normal: "1.6"
|
|
79
|
-
}
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
// src/config/tailwind-content/tailwind-content.ts
|
|
83
|
-
var causwContent = [
|
|
84
|
-
"./node_modules/@causw/components/dist/**/*.{js,mjs}",
|
|
85
|
-
"./node_modules/@causw/tokens/dist/**/*.{js,mjs}"
|
|
86
|
-
];
|
|
87
|
-
|
|
88
|
-
// src/config/tailwind-preset/tailwind-preset.ts
|
|
89
|
-
var causwPreset = {
|
|
90
|
-
theme: {
|
|
91
|
-
extend: {
|
|
92
|
-
borderRadius,
|
|
93
|
-
colors,
|
|
94
|
-
fontFamily: {
|
|
95
|
-
sans: typography.fontFamily.sans,
|
|
96
|
-
mono: typography.fontFamily.mono,
|
|
97
|
-
serif: typography.fontFamily.serif
|
|
98
|
-
},
|
|
99
|
-
fontSize: typography.fontSize,
|
|
100
|
-
fontWeight: typography.fontWeight,
|
|
101
|
-
lineHeight: typography.lineHeight
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
export { borderRadius, causwContent, causwPreset, colors, typography };
|
|
1
|
+
export { borderRadius, causwContent, causwPreset, colors, typography } from './chunk-6XXGXQS3.mjs';
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Config } from 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
declare const causwContent: string[];
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```ts
|
|
10
|
+
* // tailwind.config.ts
|
|
11
|
+
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
12
|
+
*
|
|
13
|
+
* export default {
|
|
14
|
+
* presets: [causwPreset],
|
|
15
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
16
|
+
* } satisfies Config;
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const causwPreset: Partial<Config>;
|
|
20
|
+
|
|
21
|
+
export { causwPreset as a, causwContent as c };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Config } from 'tailwindcss';
|
|
2
|
+
|
|
3
|
+
declare const causwContent: string[];
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* CAUSW Design System Tailwind CSS Preset
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```ts
|
|
10
|
+
* // tailwind.config.ts
|
|
11
|
+
* import { causwPreset } from '@causw/design-system/tailwind-preset';
|
|
12
|
+
*
|
|
13
|
+
* export default {
|
|
14
|
+
* presets: [causwPreset],
|
|
15
|
+
* content: ['./src/**\/*.{js,ts,jsx,tsx}'],
|
|
16
|
+
* } satisfies Config;
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const causwPreset: Partial<Config>;
|
|
20
|
+
|
|
21
|
+
export { causwPreset as a, causwContent as c };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@causw/tokens",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.11",
|
|
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",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"sideEffects": false,
|
|
33
33
|
"scripts": {
|
|
34
|
-
"build": "tsup src/index.ts --format cjs,esm --dts --treeshake",
|
|
35
|
-
"dev": "tsup src/index.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",
|
|
36
36
|
"lint": "eslint src",
|
|
37
37
|
"test": "echo \"No tests yet\""
|
|
38
38
|
}
|