@sigep/tokens 1.0.0
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 +117 -0
- package/dist/index.d.ts +117 -0
- package/dist/index.js +164 -0
- package/dist/index.mjs +131 -0
- package/package.json +25 -0
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly white: "#FFFFFF";
|
|
3
|
+
readonly black: "#000000";
|
|
4
|
+
readonly gray50: "#F9FAFB";
|
|
5
|
+
readonly gray100: "#F3F4F6";
|
|
6
|
+
readonly gray200: "#E5E7EB";
|
|
7
|
+
readonly gray300: "#D1D5DB";
|
|
8
|
+
readonly gray400: "#9CA3AF";
|
|
9
|
+
readonly gray500: "#6B7280";
|
|
10
|
+
readonly gray600: "#4B5563";
|
|
11
|
+
readonly gray700: "#374151";
|
|
12
|
+
readonly gray800: "#1F2937";
|
|
13
|
+
readonly gray900: "#111827";
|
|
14
|
+
readonly blue50: "#EFF6FF";
|
|
15
|
+
readonly blue100: "#DBEAFE";
|
|
16
|
+
readonly blue200: "#BFDBFE";
|
|
17
|
+
readonly blue300: "#93C5FD";
|
|
18
|
+
readonly blue400: "#60A5FA";
|
|
19
|
+
readonly blue500: "#3B82F6";
|
|
20
|
+
readonly blue600: "#2563EB";
|
|
21
|
+
readonly blue700: "#1D4ED8";
|
|
22
|
+
readonly blue800: "#1E40AF";
|
|
23
|
+
readonly blue900: "#1E3A8A";
|
|
24
|
+
readonly green50: "#F0FDF4";
|
|
25
|
+
readonly green100: "#DCFCE7";
|
|
26
|
+
readonly green200: "#BBF7D0";
|
|
27
|
+
readonly green300: "#86EFAC";
|
|
28
|
+
readonly green400: "#4ADE80";
|
|
29
|
+
readonly green500: "#22C55E";
|
|
30
|
+
readonly green600: "#16A34A";
|
|
31
|
+
readonly green700: "#15803D";
|
|
32
|
+
readonly green800: "#166534";
|
|
33
|
+
readonly green900: "#14532D";
|
|
34
|
+
readonly red50: "#FEF2F2";
|
|
35
|
+
readonly red100: "#FEE2E2";
|
|
36
|
+
readonly red200: "#FECACA";
|
|
37
|
+
readonly red300: "#FCA5A5";
|
|
38
|
+
readonly red400: "#F87171";
|
|
39
|
+
readonly red500: "#EF4444";
|
|
40
|
+
readonly red600: "#DC2626";
|
|
41
|
+
readonly red700: "#B91C1C";
|
|
42
|
+
readonly red800: "#991B1B";
|
|
43
|
+
readonly red900: "#7F1D1D";
|
|
44
|
+
readonly yellow50: "#FEFCE8";
|
|
45
|
+
readonly yellow100: "#FEF9C3";
|
|
46
|
+
readonly yellow200: "#FEF08A";
|
|
47
|
+
readonly yellow300: "#FDE047";
|
|
48
|
+
readonly yellow400: "#FACC15";
|
|
49
|
+
readonly yellow500: "#EAB308";
|
|
50
|
+
readonly yellow600: "#CA8A04";
|
|
51
|
+
readonly yellow700: "#A16207";
|
|
52
|
+
readonly yellow800: "#854D0E";
|
|
53
|
+
readonly yellow900: "#713F12";
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
declare const space: {
|
|
57
|
+
readonly 1: "0.25rem";
|
|
58
|
+
readonly 2: "0.5rem";
|
|
59
|
+
readonly 3: "0.75rem";
|
|
60
|
+
readonly 4: "1rem";
|
|
61
|
+
readonly 5: "1.25rem";
|
|
62
|
+
readonly 6: "1.5rem";
|
|
63
|
+
readonly 7: "1.75rem";
|
|
64
|
+
readonly 8: "2rem";
|
|
65
|
+
readonly 10: "2.5rem";
|
|
66
|
+
readonly 12: "3rem";
|
|
67
|
+
readonly 16: "4rem";
|
|
68
|
+
readonly 20: "5rem";
|
|
69
|
+
readonly 40: "10rem";
|
|
70
|
+
readonly 64: "16rem";
|
|
71
|
+
readonly 80: "20rem";
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
declare const fonts: {
|
|
75
|
+
readonly default: "Inter, sans-serif";
|
|
76
|
+
readonly mono: "JetBrains Mono, monospace";
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
declare const fontSizes: {
|
|
80
|
+
readonly xxs: "0.625rem";
|
|
81
|
+
readonly xs: "0.75rem";
|
|
82
|
+
readonly sm: "0.875rem";
|
|
83
|
+
readonly md: "1rem";
|
|
84
|
+
readonly lg: "1.125rem";
|
|
85
|
+
readonly xl: "1.25rem";
|
|
86
|
+
readonly '2xl': "1.5rem";
|
|
87
|
+
readonly '3xl': "1.875rem";
|
|
88
|
+
readonly '4xl': "2.25rem";
|
|
89
|
+
readonly '5xl': "3rem";
|
|
90
|
+
readonly '6xl': "3.75rem";
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
declare const fontWeights: {
|
|
94
|
+
readonly regular: "400";
|
|
95
|
+
readonly medium: "500";
|
|
96
|
+
readonly semibold: "600";
|
|
97
|
+
readonly bold: "700";
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
declare const lineHeights: {
|
|
101
|
+
readonly shorter: "125%";
|
|
102
|
+
readonly short: "140%";
|
|
103
|
+
readonly base: "160%";
|
|
104
|
+
readonly tall: "180%";
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
declare const radii: {
|
|
108
|
+
readonly px: "1px";
|
|
109
|
+
readonly xs: "4px";
|
|
110
|
+
readonly sm: "6px";
|
|
111
|
+
readonly md: "8px";
|
|
112
|
+
readonly lg: "12px";
|
|
113
|
+
readonly xl: "16px";
|
|
114
|
+
readonly full: "9999px";
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
export { colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
declare const colors: {
|
|
2
|
+
readonly white: "#FFFFFF";
|
|
3
|
+
readonly black: "#000000";
|
|
4
|
+
readonly gray50: "#F9FAFB";
|
|
5
|
+
readonly gray100: "#F3F4F6";
|
|
6
|
+
readonly gray200: "#E5E7EB";
|
|
7
|
+
readonly gray300: "#D1D5DB";
|
|
8
|
+
readonly gray400: "#9CA3AF";
|
|
9
|
+
readonly gray500: "#6B7280";
|
|
10
|
+
readonly gray600: "#4B5563";
|
|
11
|
+
readonly gray700: "#374151";
|
|
12
|
+
readonly gray800: "#1F2937";
|
|
13
|
+
readonly gray900: "#111827";
|
|
14
|
+
readonly blue50: "#EFF6FF";
|
|
15
|
+
readonly blue100: "#DBEAFE";
|
|
16
|
+
readonly blue200: "#BFDBFE";
|
|
17
|
+
readonly blue300: "#93C5FD";
|
|
18
|
+
readonly blue400: "#60A5FA";
|
|
19
|
+
readonly blue500: "#3B82F6";
|
|
20
|
+
readonly blue600: "#2563EB";
|
|
21
|
+
readonly blue700: "#1D4ED8";
|
|
22
|
+
readonly blue800: "#1E40AF";
|
|
23
|
+
readonly blue900: "#1E3A8A";
|
|
24
|
+
readonly green50: "#F0FDF4";
|
|
25
|
+
readonly green100: "#DCFCE7";
|
|
26
|
+
readonly green200: "#BBF7D0";
|
|
27
|
+
readonly green300: "#86EFAC";
|
|
28
|
+
readonly green400: "#4ADE80";
|
|
29
|
+
readonly green500: "#22C55E";
|
|
30
|
+
readonly green600: "#16A34A";
|
|
31
|
+
readonly green700: "#15803D";
|
|
32
|
+
readonly green800: "#166534";
|
|
33
|
+
readonly green900: "#14532D";
|
|
34
|
+
readonly red50: "#FEF2F2";
|
|
35
|
+
readonly red100: "#FEE2E2";
|
|
36
|
+
readonly red200: "#FECACA";
|
|
37
|
+
readonly red300: "#FCA5A5";
|
|
38
|
+
readonly red400: "#F87171";
|
|
39
|
+
readonly red500: "#EF4444";
|
|
40
|
+
readonly red600: "#DC2626";
|
|
41
|
+
readonly red700: "#B91C1C";
|
|
42
|
+
readonly red800: "#991B1B";
|
|
43
|
+
readonly red900: "#7F1D1D";
|
|
44
|
+
readonly yellow50: "#FEFCE8";
|
|
45
|
+
readonly yellow100: "#FEF9C3";
|
|
46
|
+
readonly yellow200: "#FEF08A";
|
|
47
|
+
readonly yellow300: "#FDE047";
|
|
48
|
+
readonly yellow400: "#FACC15";
|
|
49
|
+
readonly yellow500: "#EAB308";
|
|
50
|
+
readonly yellow600: "#CA8A04";
|
|
51
|
+
readonly yellow700: "#A16207";
|
|
52
|
+
readonly yellow800: "#854D0E";
|
|
53
|
+
readonly yellow900: "#713F12";
|
|
54
|
+
};
|
|
55
|
+
|
|
56
|
+
declare const space: {
|
|
57
|
+
readonly 1: "0.25rem";
|
|
58
|
+
readonly 2: "0.5rem";
|
|
59
|
+
readonly 3: "0.75rem";
|
|
60
|
+
readonly 4: "1rem";
|
|
61
|
+
readonly 5: "1.25rem";
|
|
62
|
+
readonly 6: "1.5rem";
|
|
63
|
+
readonly 7: "1.75rem";
|
|
64
|
+
readonly 8: "2rem";
|
|
65
|
+
readonly 10: "2.5rem";
|
|
66
|
+
readonly 12: "3rem";
|
|
67
|
+
readonly 16: "4rem";
|
|
68
|
+
readonly 20: "5rem";
|
|
69
|
+
readonly 40: "10rem";
|
|
70
|
+
readonly 64: "16rem";
|
|
71
|
+
readonly 80: "20rem";
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
declare const fonts: {
|
|
75
|
+
readonly default: "Inter, sans-serif";
|
|
76
|
+
readonly mono: "JetBrains Mono, monospace";
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
declare const fontSizes: {
|
|
80
|
+
readonly xxs: "0.625rem";
|
|
81
|
+
readonly xs: "0.75rem";
|
|
82
|
+
readonly sm: "0.875rem";
|
|
83
|
+
readonly md: "1rem";
|
|
84
|
+
readonly lg: "1.125rem";
|
|
85
|
+
readonly xl: "1.25rem";
|
|
86
|
+
readonly '2xl': "1.5rem";
|
|
87
|
+
readonly '3xl': "1.875rem";
|
|
88
|
+
readonly '4xl': "2.25rem";
|
|
89
|
+
readonly '5xl': "3rem";
|
|
90
|
+
readonly '6xl': "3.75rem";
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
declare const fontWeights: {
|
|
94
|
+
readonly regular: "400";
|
|
95
|
+
readonly medium: "500";
|
|
96
|
+
readonly semibold: "600";
|
|
97
|
+
readonly bold: "700";
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
declare const lineHeights: {
|
|
101
|
+
readonly shorter: "125%";
|
|
102
|
+
readonly short: "140%";
|
|
103
|
+
readonly base: "160%";
|
|
104
|
+
readonly tall: "180%";
|
|
105
|
+
};
|
|
106
|
+
|
|
107
|
+
declare const radii: {
|
|
108
|
+
readonly px: "1px";
|
|
109
|
+
readonly xs: "4px";
|
|
110
|
+
readonly sm: "6px";
|
|
111
|
+
readonly md: "8px";
|
|
112
|
+
readonly lg: "12px";
|
|
113
|
+
readonly xl: "16px";
|
|
114
|
+
readonly full: "9999px";
|
|
115
|
+
};
|
|
116
|
+
|
|
117
|
+
export { colors, fontSizes, fontWeights, fonts, lineHeights, radii, space };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,164 @@
|
|
|
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
|
+
fontSizes: () => fontSizes,
|
|
25
|
+
fontWeights: () => fontWeights,
|
|
26
|
+
fonts: () => fonts,
|
|
27
|
+
lineHeights: () => lineHeights,
|
|
28
|
+
radii: () => radii,
|
|
29
|
+
space: () => space
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(index_exports);
|
|
32
|
+
|
|
33
|
+
// src/colors.ts
|
|
34
|
+
var colors = {
|
|
35
|
+
white: "#FFFFFF",
|
|
36
|
+
black: "#000000",
|
|
37
|
+
gray50: "#F9FAFB",
|
|
38
|
+
gray100: "#F3F4F6",
|
|
39
|
+
gray200: "#E5E7EB",
|
|
40
|
+
gray300: "#D1D5DB",
|
|
41
|
+
gray400: "#9CA3AF",
|
|
42
|
+
gray500: "#6B7280",
|
|
43
|
+
gray600: "#4B5563",
|
|
44
|
+
gray700: "#374151",
|
|
45
|
+
gray800: "#1F2937",
|
|
46
|
+
gray900: "#111827",
|
|
47
|
+
blue50: "#EFF6FF",
|
|
48
|
+
blue100: "#DBEAFE",
|
|
49
|
+
blue200: "#BFDBFE",
|
|
50
|
+
blue300: "#93C5FD",
|
|
51
|
+
blue400: "#60A5FA",
|
|
52
|
+
blue500: "#3B82F6",
|
|
53
|
+
blue600: "#2563EB",
|
|
54
|
+
blue700: "#1D4ED8",
|
|
55
|
+
blue800: "#1E40AF",
|
|
56
|
+
blue900: "#1E3A8A",
|
|
57
|
+
green50: "#F0FDF4",
|
|
58
|
+
green100: "#DCFCE7",
|
|
59
|
+
green200: "#BBF7D0",
|
|
60
|
+
green300: "#86EFAC",
|
|
61
|
+
green400: "#4ADE80",
|
|
62
|
+
green500: "#22C55E",
|
|
63
|
+
green600: "#16A34A",
|
|
64
|
+
green700: "#15803D",
|
|
65
|
+
green800: "#166534",
|
|
66
|
+
green900: "#14532D",
|
|
67
|
+
red50: "#FEF2F2",
|
|
68
|
+
red100: "#FEE2E2",
|
|
69
|
+
red200: "#FECACA",
|
|
70
|
+
red300: "#FCA5A5",
|
|
71
|
+
red400: "#F87171",
|
|
72
|
+
red500: "#EF4444",
|
|
73
|
+
red600: "#DC2626",
|
|
74
|
+
red700: "#B91C1C",
|
|
75
|
+
red800: "#991B1B",
|
|
76
|
+
red900: "#7F1D1D",
|
|
77
|
+
yellow50: "#FEFCE8",
|
|
78
|
+
yellow100: "#FEF9C3",
|
|
79
|
+
yellow200: "#FEF08A",
|
|
80
|
+
yellow300: "#FDE047",
|
|
81
|
+
yellow400: "#FACC15",
|
|
82
|
+
yellow500: "#EAB308",
|
|
83
|
+
yellow600: "#CA8A04",
|
|
84
|
+
yellow700: "#A16207",
|
|
85
|
+
yellow800: "#854D0E",
|
|
86
|
+
yellow900: "#713F12"
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
// src/space.ts
|
|
90
|
+
var space = {
|
|
91
|
+
1: "0.25rem",
|
|
92
|
+
2: "0.5rem",
|
|
93
|
+
3: "0.75rem",
|
|
94
|
+
4: "1rem",
|
|
95
|
+
5: "1.25rem",
|
|
96
|
+
6: "1.5rem",
|
|
97
|
+
7: "1.75rem",
|
|
98
|
+
8: "2rem",
|
|
99
|
+
10: "2.5rem",
|
|
100
|
+
12: "3rem",
|
|
101
|
+
16: "4rem",
|
|
102
|
+
20: "5rem",
|
|
103
|
+
40: "10rem",
|
|
104
|
+
64: "16rem",
|
|
105
|
+
80: "20rem"
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
// src/fonts.ts
|
|
109
|
+
var fonts = {
|
|
110
|
+
default: "Inter, sans-serif",
|
|
111
|
+
mono: "JetBrains Mono, monospace"
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
// src/font-sizes.ts
|
|
115
|
+
var fontSizes = {
|
|
116
|
+
xxs: "0.625rem",
|
|
117
|
+
xs: "0.75rem",
|
|
118
|
+
sm: "0.875rem",
|
|
119
|
+
md: "1rem",
|
|
120
|
+
lg: "1.125rem",
|
|
121
|
+
xl: "1.25rem",
|
|
122
|
+
"2xl": "1.5rem",
|
|
123
|
+
"3xl": "1.875rem",
|
|
124
|
+
"4xl": "2.25rem",
|
|
125
|
+
"5xl": "3rem",
|
|
126
|
+
"6xl": "3.75rem"
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
// src/font-weights.ts
|
|
130
|
+
var fontWeights = {
|
|
131
|
+
regular: "400",
|
|
132
|
+
medium: "500",
|
|
133
|
+
semibold: "600",
|
|
134
|
+
bold: "700"
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
// src/line-heights.ts
|
|
138
|
+
var lineHeights = {
|
|
139
|
+
shorter: "125%",
|
|
140
|
+
short: "140%",
|
|
141
|
+
base: "160%",
|
|
142
|
+
tall: "180%"
|
|
143
|
+
};
|
|
144
|
+
|
|
145
|
+
// src/radii.ts
|
|
146
|
+
var radii = {
|
|
147
|
+
px: "1px",
|
|
148
|
+
xs: "4px",
|
|
149
|
+
sm: "6px",
|
|
150
|
+
md: "8px",
|
|
151
|
+
lg: "12px",
|
|
152
|
+
xl: "16px",
|
|
153
|
+
full: "9999px"
|
|
154
|
+
};
|
|
155
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
156
|
+
0 && (module.exports = {
|
|
157
|
+
colors,
|
|
158
|
+
fontSizes,
|
|
159
|
+
fontWeights,
|
|
160
|
+
fonts,
|
|
161
|
+
lineHeights,
|
|
162
|
+
radii,
|
|
163
|
+
space
|
|
164
|
+
});
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
// src/colors.ts
|
|
2
|
+
var colors = {
|
|
3
|
+
white: "#FFFFFF",
|
|
4
|
+
black: "#000000",
|
|
5
|
+
gray50: "#F9FAFB",
|
|
6
|
+
gray100: "#F3F4F6",
|
|
7
|
+
gray200: "#E5E7EB",
|
|
8
|
+
gray300: "#D1D5DB",
|
|
9
|
+
gray400: "#9CA3AF",
|
|
10
|
+
gray500: "#6B7280",
|
|
11
|
+
gray600: "#4B5563",
|
|
12
|
+
gray700: "#374151",
|
|
13
|
+
gray800: "#1F2937",
|
|
14
|
+
gray900: "#111827",
|
|
15
|
+
blue50: "#EFF6FF",
|
|
16
|
+
blue100: "#DBEAFE",
|
|
17
|
+
blue200: "#BFDBFE",
|
|
18
|
+
blue300: "#93C5FD",
|
|
19
|
+
blue400: "#60A5FA",
|
|
20
|
+
blue500: "#3B82F6",
|
|
21
|
+
blue600: "#2563EB",
|
|
22
|
+
blue700: "#1D4ED8",
|
|
23
|
+
blue800: "#1E40AF",
|
|
24
|
+
blue900: "#1E3A8A",
|
|
25
|
+
green50: "#F0FDF4",
|
|
26
|
+
green100: "#DCFCE7",
|
|
27
|
+
green200: "#BBF7D0",
|
|
28
|
+
green300: "#86EFAC",
|
|
29
|
+
green400: "#4ADE80",
|
|
30
|
+
green500: "#22C55E",
|
|
31
|
+
green600: "#16A34A",
|
|
32
|
+
green700: "#15803D",
|
|
33
|
+
green800: "#166534",
|
|
34
|
+
green900: "#14532D",
|
|
35
|
+
red50: "#FEF2F2",
|
|
36
|
+
red100: "#FEE2E2",
|
|
37
|
+
red200: "#FECACA",
|
|
38
|
+
red300: "#FCA5A5",
|
|
39
|
+
red400: "#F87171",
|
|
40
|
+
red500: "#EF4444",
|
|
41
|
+
red600: "#DC2626",
|
|
42
|
+
red700: "#B91C1C",
|
|
43
|
+
red800: "#991B1B",
|
|
44
|
+
red900: "#7F1D1D",
|
|
45
|
+
yellow50: "#FEFCE8",
|
|
46
|
+
yellow100: "#FEF9C3",
|
|
47
|
+
yellow200: "#FEF08A",
|
|
48
|
+
yellow300: "#FDE047",
|
|
49
|
+
yellow400: "#FACC15",
|
|
50
|
+
yellow500: "#EAB308",
|
|
51
|
+
yellow600: "#CA8A04",
|
|
52
|
+
yellow700: "#A16207",
|
|
53
|
+
yellow800: "#854D0E",
|
|
54
|
+
yellow900: "#713F12"
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
// src/space.ts
|
|
58
|
+
var space = {
|
|
59
|
+
1: "0.25rem",
|
|
60
|
+
2: "0.5rem",
|
|
61
|
+
3: "0.75rem",
|
|
62
|
+
4: "1rem",
|
|
63
|
+
5: "1.25rem",
|
|
64
|
+
6: "1.5rem",
|
|
65
|
+
7: "1.75rem",
|
|
66
|
+
8: "2rem",
|
|
67
|
+
10: "2.5rem",
|
|
68
|
+
12: "3rem",
|
|
69
|
+
16: "4rem",
|
|
70
|
+
20: "5rem",
|
|
71
|
+
40: "10rem",
|
|
72
|
+
64: "16rem",
|
|
73
|
+
80: "20rem"
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
// src/fonts.ts
|
|
77
|
+
var fonts = {
|
|
78
|
+
default: "Inter, sans-serif",
|
|
79
|
+
mono: "JetBrains Mono, monospace"
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
// src/font-sizes.ts
|
|
83
|
+
var fontSizes = {
|
|
84
|
+
xxs: "0.625rem",
|
|
85
|
+
xs: "0.75rem",
|
|
86
|
+
sm: "0.875rem",
|
|
87
|
+
md: "1rem",
|
|
88
|
+
lg: "1.125rem",
|
|
89
|
+
xl: "1.25rem",
|
|
90
|
+
"2xl": "1.5rem",
|
|
91
|
+
"3xl": "1.875rem",
|
|
92
|
+
"4xl": "2.25rem",
|
|
93
|
+
"5xl": "3rem",
|
|
94
|
+
"6xl": "3.75rem"
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
// src/font-weights.ts
|
|
98
|
+
var fontWeights = {
|
|
99
|
+
regular: "400",
|
|
100
|
+
medium: "500",
|
|
101
|
+
semibold: "600",
|
|
102
|
+
bold: "700"
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
// src/line-heights.ts
|
|
106
|
+
var lineHeights = {
|
|
107
|
+
shorter: "125%",
|
|
108
|
+
short: "140%",
|
|
109
|
+
base: "160%",
|
|
110
|
+
tall: "180%"
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
// src/radii.ts
|
|
114
|
+
var radii = {
|
|
115
|
+
px: "1px",
|
|
116
|
+
xs: "4px",
|
|
117
|
+
sm: "6px",
|
|
118
|
+
md: "8px",
|
|
119
|
+
lg: "12px",
|
|
120
|
+
xl: "16px",
|
|
121
|
+
full: "9999px"
|
|
122
|
+
};
|
|
123
|
+
export {
|
|
124
|
+
colors,
|
|
125
|
+
fontSizes,
|
|
126
|
+
fontWeights,
|
|
127
|
+
fonts,
|
|
128
|
+
lineHeights,
|
|
129
|
+
radii,
|
|
130
|
+
space
|
|
131
|
+
};
|
package/package.json
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@sigep/tokens",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"module": "./dist/index.mjs",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./dist/index.mjs",
|
|
11
|
+
"require": "./dist/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": ["dist"],
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "tsup src/index.ts --format esm,cjs --dts",
|
|
18
|
+
"dev": "tsup src/index.ts --format esm,cjs --dts --watch"
|
|
19
|
+
},
|
|
20
|
+
"devDependencies": {
|
|
21
|
+
"@sigep/ts-config": "*",
|
|
22
|
+
"tsup": "^8",
|
|
23
|
+
"typescript": "^5"
|
|
24
|
+
}
|
|
25
|
+
}
|