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