@terpjs/contract 0.6.1 → 0.7.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/package.json +3 -2
- package/scripts/build-tokens.mjs +156 -25
- package/src/css-rules.js +107 -0
- package/src/css-rules.test.js +110 -0
- package/src/tokens.contrast.test.js +244 -0
- package/src/tokens.css +293 -14
- package/src/tokens.manifest.json +1266 -0
- package/src/tokens.manifest.test.js +149 -0
- package/src/tokens.themes.test.js +177 -0
- package/themes.json +43 -0
- package/token-pairs.json +138 -0
- package/tokens.contrast.json +71 -0
- package/tokens.dark.json +41 -4
- package/tokens.json +98 -7
- package/tokens.midnight.json +71 -0
- package/tokens.twilight.json +71 -0
package/tokens.json
CHANGED
|
@@ -20,16 +20,53 @@
|
|
|
20
20
|
"900": { "value": "#0f172a" }
|
|
21
21
|
},
|
|
22
22
|
"status": {
|
|
23
|
-
"success": { "value": "#
|
|
23
|
+
"success": { "value": "#15803d" },
|
|
24
24
|
"successSoft": { "value": "#f0fdf4" },
|
|
25
|
-
"warning": { "value": "#
|
|
25
|
+
"warning": { "value": "#b45309" },
|
|
26
26
|
"warningSoft": { "value": "#fffbeb" },
|
|
27
|
-
"danger": { "value": "#
|
|
27
|
+
"danger": { "value": "#b91c1c" },
|
|
28
28
|
"dangerSoft": { "value": "#fef2f2" },
|
|
29
|
-
"info": { "value": "#
|
|
29
|
+
"info": { "value": "#0369a1" },
|
|
30
30
|
"infoSoft": { "value": "#f0f9ff" }
|
|
31
31
|
},
|
|
32
|
-
"focusRing": { "value": "rgba(37,99,235,0.35)" }
|
|
32
|
+
"focusRing": { "value": "rgba(37,99,235,0.35)" },
|
|
33
|
+
"bg": {
|
|
34
|
+
"canvas": { "value": "#f8fafc" },
|
|
35
|
+
"surface": { "value": "#ffffff" },
|
|
36
|
+
"raised": { "value": "#ffffff" },
|
|
37
|
+
"inset": { "value": "#f1f5f9" }
|
|
38
|
+
},
|
|
39
|
+
"fg": {
|
|
40
|
+
"default": { "value": "#0f172a" },
|
|
41
|
+
"muted": { "value": "#475569" },
|
|
42
|
+
"subtle": { "value": "#64748b" },
|
|
43
|
+
"accent": { "value": "#1d4ed8" },
|
|
44
|
+
"onBrand": { "value": "#ffffff" }
|
|
45
|
+
},
|
|
46
|
+
"border": {
|
|
47
|
+
"default": { "value": "#e2e8f0" },
|
|
48
|
+
"strong": { "value": "#cbd5e1" },
|
|
49
|
+
"subtle": { "value": "#f1f5f9" }
|
|
50
|
+
},
|
|
51
|
+
"interactive": {
|
|
52
|
+
"hover": { "value": "#f1f5f9" },
|
|
53
|
+
"active": { "value": "#e2e8f0" },
|
|
54
|
+
"selected": { "value": "#eff6ff" }
|
|
55
|
+
},
|
|
56
|
+
"sidebar": {
|
|
57
|
+
"bg": { "value": "#f8fafc" },
|
|
58
|
+
"fg": { "value": "#0f172a" },
|
|
59
|
+
"muted": { "value": "#475569" },
|
|
60
|
+
"accent": { "value": "#f1f5f9" },
|
|
61
|
+
"border": { "value": "#e2e8f0" }
|
|
62
|
+
},
|
|
63
|
+
"chart": {
|
|
64
|
+
"1": { "value": "#2563eb" },
|
|
65
|
+
"2": { "value": "#0d9488" },
|
|
66
|
+
"3": { "value": "#d97706" },
|
|
67
|
+
"4": { "value": "#7c3aed" },
|
|
68
|
+
"5": { "value": "#db2777" }
|
|
69
|
+
}
|
|
33
70
|
},
|
|
34
71
|
"shadow": {
|
|
35
72
|
"sm": { "value": "0 1px 2px rgb(15 23 42 / 0.06)" },
|
|
@@ -42,15 +79,55 @@
|
|
|
42
79
|
"2": { "value": "0.5rem" },
|
|
43
80
|
"3": { "value": "0.75rem" },
|
|
44
81
|
"4": { "value": "1rem" },
|
|
82
|
+
"5": { "value": "1.25rem" },
|
|
45
83
|
"6": { "value": "1.5rem" },
|
|
46
|
-
"
|
|
84
|
+
"7": { "value": "1.75rem" },
|
|
85
|
+
"8": { "value": "2rem" },
|
|
86
|
+
"10": { "value": "2.5rem" },
|
|
87
|
+
"12": { "value": "3rem" },
|
|
88
|
+
"16": { "value": "4rem" },
|
|
89
|
+
"20": { "value": "5rem" }
|
|
47
90
|
},
|
|
48
91
|
"radius": {
|
|
49
92
|
"sm": { "value": "0.25rem" },
|
|
50
93
|
"md": { "value": "0.5rem" },
|
|
51
94
|
"lg": { "value": "0.75rem" },
|
|
95
|
+
"xl": { "value": "1rem" },
|
|
52
96
|
"full": { "value": "9999px" }
|
|
53
97
|
},
|
|
98
|
+
"borderWidth": {
|
|
99
|
+
"thin": { "value": "1px" },
|
|
100
|
+
"base": { "value": "2px" },
|
|
101
|
+
"thick": { "value": "3px" }
|
|
102
|
+
},
|
|
103
|
+
"zIndex": {
|
|
104
|
+
"base": { "value": "0" },
|
|
105
|
+
"sticky": { "value": "30" },
|
|
106
|
+
"backdrop": { "value": "40" },
|
|
107
|
+
"drawer": { "value": "50" },
|
|
108
|
+
"popover": { "value": "60" },
|
|
109
|
+
"tooltip": { "value": "70" },
|
|
110
|
+
"toast": { "value": "100" }
|
|
111
|
+
},
|
|
112
|
+
"breakpoint": {
|
|
113
|
+
"sm": { "value": "480px" },
|
|
114
|
+
"md": { "value": "768px" },
|
|
115
|
+
"lg": { "value": "1024px" },
|
|
116
|
+
"xl": { "value": "1280px" }
|
|
117
|
+
},
|
|
118
|
+
"motion": {
|
|
119
|
+
"duration": {
|
|
120
|
+
"instant": { "value": "100ms" },
|
|
121
|
+
"fast": { "value": "150ms" },
|
|
122
|
+
"base": { "value": "250ms" },
|
|
123
|
+
"slow": { "value": "400ms" }
|
|
124
|
+
},
|
|
125
|
+
"easing": {
|
|
126
|
+
"standard": { "value": "ease" },
|
|
127
|
+
"entrance": { "value": "cubic-bezier(0, 0, 0.2, 1)" },
|
|
128
|
+
"exit": { "value": "cubic-bezier(0.4, 0, 1, 1)" }
|
|
129
|
+
}
|
|
130
|
+
},
|
|
54
131
|
"font": {
|
|
55
132
|
"family": {
|
|
56
133
|
"sans": { "value": "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif" },
|
|
@@ -61,13 +138,27 @@
|
|
|
61
138
|
"sm": { "value": "0.875rem" },
|
|
62
139
|
"base": { "value": "1rem" },
|
|
63
140
|
"lg": { "value": "1.125rem" },
|
|
64
|
-
"xl": { "value": "1.5rem" }
|
|
141
|
+
"xl": { "value": "1.5rem" },
|
|
142
|
+
"2xl": { "value": "1.875rem" },
|
|
143
|
+
"3xl": { "value": "2.25rem" },
|
|
144
|
+
"display": { "value": "3rem" }
|
|
65
145
|
},
|
|
66
146
|
"weight": {
|
|
67
147
|
"normal": { "value": "400" },
|
|
68
148
|
"medium": { "value": "500" },
|
|
69
149
|
"semibold": { "value": "600" },
|
|
70
150
|
"bold": { "value": "700" }
|
|
151
|
+
},
|
|
152
|
+
"lineHeight": {
|
|
153
|
+
"tight": { "value": "1.2" },
|
|
154
|
+
"snug": { "value": "1.35" },
|
|
155
|
+
"base": { "value": "1.5" },
|
|
156
|
+
"relaxed": { "value": "1.7" }
|
|
157
|
+
},
|
|
158
|
+
"letterSpacing": {
|
|
159
|
+
"tight": { "value": "-0.02em" },
|
|
160
|
+
"base": { "value": "0" },
|
|
161
|
+
"wide": { "value": "0.08em" }
|
|
71
162
|
}
|
|
72
163
|
}
|
|
73
164
|
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"brand": {
|
|
4
|
+
"primary": { "value": "#0b4ea8" },
|
|
5
|
+
"primaryContrast": { "value": "#ffffff" },
|
|
6
|
+
"primaryHover": { "value": "#1158c7" },
|
|
7
|
+
"primarySoft": { "value": "#0c2d6b" }
|
|
8
|
+
},
|
|
9
|
+
"neutral": {
|
|
10
|
+
"0": { "value": "#0d1117" },
|
|
11
|
+
"50": { "value": "#010409" },
|
|
12
|
+
"100": { "value": "#161b22" },
|
|
13
|
+
"200": { "value": "#21262d" },
|
|
14
|
+
"300": { "value": "#30363d" },
|
|
15
|
+
"400": { "value": "#484f58" },
|
|
16
|
+
"500": { "value": "#7d8590" },
|
|
17
|
+
"600": { "value": "#9aa4b2" },
|
|
18
|
+
"700": { "value": "#c9d1d9" },
|
|
19
|
+
"800": { "value": "#e6edf3" },
|
|
20
|
+
"900": { "value": "#f0f6fc" }
|
|
21
|
+
},
|
|
22
|
+
"status": {
|
|
23
|
+
"success": { "value": "#3fb950" },
|
|
24
|
+
"successSoft": { "value": "#0c2417" },
|
|
25
|
+
"warning": { "value": "#d29922" },
|
|
26
|
+
"warningSoft": { "value": "#271a06" },
|
|
27
|
+
"danger": { "value": "#f85149" },
|
|
28
|
+
"dangerSoft": { "value": "#2b0d0d" },
|
|
29
|
+
"info": { "value": "#58a6ff" },
|
|
30
|
+
"infoSoft": { "value": "#0b2545" }
|
|
31
|
+
},
|
|
32
|
+
"focusRing": { "value": "rgba(88,166,255,0.5)" },
|
|
33
|
+
"bg": {
|
|
34
|
+
"canvas": { "value": "#010409" },
|
|
35
|
+
"surface": { "value": "#0d1117" },
|
|
36
|
+
"raised": { "value": "#161b22" },
|
|
37
|
+
"inset": { "value": "#010409" }
|
|
38
|
+
},
|
|
39
|
+
"fg": {
|
|
40
|
+
"default": { "value": "#f0f6fc" },
|
|
41
|
+
"muted": { "value": "#9aa4b2" },
|
|
42
|
+
"subtle": { "value": "#8b949e" },
|
|
43
|
+
"accent": { "value": "#58a6ff" },
|
|
44
|
+
"onBrand": { "value": "#ffffff" }
|
|
45
|
+
},
|
|
46
|
+
"border": {
|
|
47
|
+
"default": { "value": "#30363d" },
|
|
48
|
+
"strong": { "value": "#484f58" },
|
|
49
|
+
"subtle": { "value": "#21262d" }
|
|
50
|
+
},
|
|
51
|
+
"interactive": {
|
|
52
|
+
"hover": { "value": "#161b22" },
|
|
53
|
+
"active": { "value": "#21262d" },
|
|
54
|
+
"selected": { "value": "#0c2d6b" }
|
|
55
|
+
},
|
|
56
|
+
"sidebar": {
|
|
57
|
+
"bg": { "value": "#0d1117" },
|
|
58
|
+
"fg": { "value": "#f0f6fc" },
|
|
59
|
+
"muted": { "value": "#9aa4b2" },
|
|
60
|
+
"accent": { "value": "#21262d" },
|
|
61
|
+
"border": { "value": "#21262d" }
|
|
62
|
+
},
|
|
63
|
+
"chart": {
|
|
64
|
+
"1": { "value": "#58a6ff" },
|
|
65
|
+
"2": { "value": "#3fb950" },
|
|
66
|
+
"3": { "value": "#d29922" },
|
|
67
|
+
"4": { "value": "#bc8cff" },
|
|
68
|
+
"5": { "value": "#f778ba" }
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
{
|
|
2
|
+
"color": {
|
|
3
|
+
"brand": {
|
|
4
|
+
"primary": { "value": "#5b21b6" },
|
|
5
|
+
"primaryContrast": { "value": "#ffffff" },
|
|
6
|
+
"primaryHover": { "value": "#6d28d9" },
|
|
7
|
+
"primarySoft": { "value": "#2b2350" }
|
|
8
|
+
},
|
|
9
|
+
"neutral": {
|
|
10
|
+
"0": { "value": "#241f31" },
|
|
11
|
+
"50": { "value": "#1a1622" },
|
|
12
|
+
"100": { "value": "#2d2740" },
|
|
13
|
+
"200": { "value": "#3a3350" },
|
|
14
|
+
"300": { "value": "#4d4468" },
|
|
15
|
+
"400": { "value": "#6b5f8a" },
|
|
16
|
+
"500": { "value": "#9d90b8" },
|
|
17
|
+
"600": { "value": "#b9aecd" },
|
|
18
|
+
"700": { "value": "#d8d0e6" },
|
|
19
|
+
"800": { "value": "#ece7f3" },
|
|
20
|
+
"900": { "value": "#f6f3fa" }
|
|
21
|
+
},
|
|
22
|
+
"status": {
|
|
23
|
+
"success": { "value": "#5ed49a" },
|
|
24
|
+
"successSoft": { "value": "#14322a" },
|
|
25
|
+
"warning": { "value": "#e8b04b" },
|
|
26
|
+
"warningSoft": { "value": "#332612" },
|
|
27
|
+
"danger": { "value": "#f58a92" },
|
|
28
|
+
"dangerSoft": { "value": "#3a1a25" },
|
|
29
|
+
"info": { "value": "#7cb8f0" },
|
|
30
|
+
"infoSoft": { "value": "#1a2c44" }
|
|
31
|
+
},
|
|
32
|
+
"focusRing": { "value": "rgba(167,139,250,0.5)" },
|
|
33
|
+
"bg": {
|
|
34
|
+
"canvas": { "value": "#1a1622" },
|
|
35
|
+
"surface": { "value": "#241f31" },
|
|
36
|
+
"raised": { "value": "#2d2740" },
|
|
37
|
+
"inset": { "value": "#1a1622" }
|
|
38
|
+
},
|
|
39
|
+
"fg": {
|
|
40
|
+
"default": { "value": "#f6f3fa" },
|
|
41
|
+
"muted": { "value": "#b9aecd" },
|
|
42
|
+
"subtle": { "value": "#a294bd" },
|
|
43
|
+
"accent": { "value": "#a78bfa" },
|
|
44
|
+
"onBrand": { "value": "#ffffff" }
|
|
45
|
+
},
|
|
46
|
+
"border": {
|
|
47
|
+
"default": { "value": "#3a3350" },
|
|
48
|
+
"strong": { "value": "#4d4468" },
|
|
49
|
+
"subtle": { "value": "#2d2740" }
|
|
50
|
+
},
|
|
51
|
+
"interactive": {
|
|
52
|
+
"hover": { "value": "#2d2740" },
|
|
53
|
+
"active": { "value": "#3a3350" },
|
|
54
|
+
"selected": { "value": "#2b2350" }
|
|
55
|
+
},
|
|
56
|
+
"sidebar": {
|
|
57
|
+
"bg": { "value": "#241f31" },
|
|
58
|
+
"fg": { "value": "#f6f3fa" },
|
|
59
|
+
"muted": { "value": "#b9aecd" },
|
|
60
|
+
"accent": { "value": "#3a3350" },
|
|
61
|
+
"border": { "value": "#3a3350" }
|
|
62
|
+
},
|
|
63
|
+
"chart": {
|
|
64
|
+
"1": { "value": "#a78bfa" },
|
|
65
|
+
"2": { "value": "#5ed49a" },
|
|
66
|
+
"3": { "value": "#e8b04b" },
|
|
67
|
+
"4": { "value": "#7cb8f0" },
|
|
68
|
+
"5": { "value": "#f58ac8" }
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|