@teamturing/token-studio 1.1.5 → 1.1.7
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.js +8 -7
- package/dist/token/color/index.d.ts +16 -14
- package/esm/token/color/index.js +8 -7
- package/package.json +5 -4
package/dist/index.js
CHANGED
|
@@ -115,7 +115,7 @@ const textColor = {
|
|
|
115
115
|
'text/success': palette.green500,
|
|
116
116
|
'text/warning': palette.yellow500,
|
|
117
117
|
'text/danger': palette.red500,
|
|
118
|
-
'text/selected
|
|
118
|
+
'text/selected': palette.gray900
|
|
119
119
|
};
|
|
120
120
|
const bgColor = {
|
|
121
121
|
'bg/secondary': palette.violet50,
|
|
@@ -142,16 +142,16 @@ const bgColor = {
|
|
|
142
142
|
'bg/disabled': palette.gray100,
|
|
143
143
|
'bg/disabled/subtlest': palette.transparent,
|
|
144
144
|
'bg/input': palette.white,
|
|
145
|
+
'bg/accent/blue/subtlest': palette.blue50,
|
|
145
146
|
'bg/accent/green/subtlest': palette.green50,
|
|
146
147
|
'bg/accent/yellow/subtlest': palette.yellow50,
|
|
147
148
|
'bg/accent/red/subtlest': palette.red50,
|
|
148
149
|
'bg/accent/red/subtle': palette.red400,
|
|
149
150
|
'bg/accent/red': palette.red500,
|
|
150
151
|
'bg/accent/gray/subtlest': palette.gray200,
|
|
151
|
-
'bg/accent/blue/subtlest': palette.blue50,
|
|
152
152
|
'bg/selected/violet': palette.violet500,
|
|
153
|
-
'bg/selected
|
|
154
|
-
'bg/selected/
|
|
153
|
+
'bg/selected': palette.gray900,
|
|
154
|
+
'bg/selected/subtle': palette.gray100,
|
|
155
155
|
'bg/inverse': palette.black,
|
|
156
156
|
'bg/inverse/subtlest': palette.white10A,
|
|
157
157
|
'bg/success': palette.green50,
|
|
@@ -169,6 +169,7 @@ const borderColor = {
|
|
|
169
169
|
'border/neutral/bolder': palette.gray300,
|
|
170
170
|
'border/input': palette.gray200,
|
|
171
171
|
'border/inverse': palette.white10A,
|
|
172
|
+
'border/selected': palette.gray900,
|
|
172
173
|
'border/disabled': palette.gray100,
|
|
173
174
|
'border/primary': palette.violet500,
|
|
174
175
|
'border/hovered': palette.blue300,
|
|
@@ -189,10 +190,10 @@ const iconColor = {
|
|
|
189
190
|
'icon/inverse': palette.white,
|
|
190
191
|
'icon/disabled': palette.gray300,
|
|
191
192
|
'icon/disabled/subtler': palette.gray200,
|
|
192
|
-
'icon/selected/
|
|
193
|
-
'icon/selected
|
|
194
|
-
'icon/primary': palette.violet500,
|
|
193
|
+
'icon/selected/violet': palette.violet500,
|
|
194
|
+
'icon/selected': palette.gray900,
|
|
195
195
|
'icon/primary/subtle': palette.violet300,
|
|
196
|
+
'icon/primary': palette.violet500,
|
|
196
197
|
'icon/primary/bold': palette.violet700,
|
|
197
198
|
'icon/success': palette.green500,
|
|
198
199
|
'icon/warning': palette.yellow500,
|
|
@@ -15,7 +15,7 @@ declare const textColor: {
|
|
|
15
15
|
readonly 'text/success': "#1FCCA1";
|
|
16
16
|
readonly 'text/warning': "#FFC107";
|
|
17
17
|
readonly 'text/danger': "#F22735";
|
|
18
|
-
readonly 'text/selected
|
|
18
|
+
readonly 'text/selected': "#33373B";
|
|
19
19
|
};
|
|
20
20
|
declare const bgColor: {
|
|
21
21
|
readonly 'bg/secondary': "#F3EFFD";
|
|
@@ -42,16 +42,16 @@ declare const bgColor: {
|
|
|
42
42
|
readonly 'bg/disabled': "#F3F4F6";
|
|
43
43
|
readonly 'bg/disabled/subtlest': "#FFFFFF00";
|
|
44
44
|
readonly 'bg/input': "#FFFFFF";
|
|
45
|
+
readonly 'bg/accent/blue/subtlest': "#edf2fd";
|
|
45
46
|
readonly 'bg/accent/green/subtlest': "#E9FAF6";
|
|
46
47
|
readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
|
|
47
48
|
readonly 'bg/accent/red/subtlest': "#FEE9EB";
|
|
48
49
|
readonly 'bg/accent/red/subtle': "#F5525D";
|
|
49
50
|
readonly 'bg/accent/red': "#F22735";
|
|
50
51
|
readonly 'bg/accent/gray/subtlest': "#E5E7EB";
|
|
51
|
-
readonly 'bg/accent/blue/subtlest': "#edf2fd";
|
|
52
52
|
readonly 'bg/selected/violet': "#835EEB";
|
|
53
|
-
readonly 'bg/selected
|
|
54
|
-
readonly 'bg/selected/
|
|
53
|
+
readonly 'bg/selected': "#33373B";
|
|
54
|
+
readonly 'bg/selected/subtle': "#F3F4F6";
|
|
55
55
|
readonly 'bg/inverse': "#000000";
|
|
56
56
|
readonly 'bg/inverse/subtlest': "#FFFFFF1A";
|
|
57
57
|
readonly 'bg/success': "#E9FAF6";
|
|
@@ -69,6 +69,7 @@ declare const borderColor: {
|
|
|
69
69
|
readonly 'border/neutral/bolder': "#D1D5DB";
|
|
70
70
|
readonly 'border/input': "#E5E7EB";
|
|
71
71
|
readonly 'border/inverse': "#FFFFFF1A";
|
|
72
|
+
readonly 'border/selected': "#33373B";
|
|
72
73
|
readonly 'border/disabled': "#F3F4F6";
|
|
73
74
|
readonly 'border/primary': "#835EEB";
|
|
74
75
|
readonly 'border/hovered': "#84aaf4";
|
|
@@ -89,10 +90,10 @@ declare const iconColor: {
|
|
|
89
90
|
readonly 'icon/inverse': "#FFFFFF";
|
|
90
91
|
readonly 'icon/disabled': "#D1D5DB";
|
|
91
92
|
readonly 'icon/disabled/subtler': "#E5E7EB";
|
|
92
|
-
readonly 'icon/selected/
|
|
93
|
-
readonly 'icon/selected
|
|
94
|
-
readonly 'icon/primary': "#835EEB";
|
|
93
|
+
readonly 'icon/selected/violet': "#835EEB";
|
|
94
|
+
readonly 'icon/selected': "#33373B";
|
|
95
95
|
readonly 'icon/primary/subtle': "#C6B5F6";
|
|
96
|
+
readonly 'icon/primary': "#835EEB";
|
|
96
97
|
readonly 'icon/primary/bold': "#5D43A7";
|
|
97
98
|
readonly 'icon/success': "#1FCCA1";
|
|
98
99
|
readonly 'icon/warning': "#FFC107";
|
|
@@ -159,10 +160,10 @@ declare const color: {
|
|
|
159
160
|
readonly 'icon/inverse': "#FFFFFF";
|
|
160
161
|
readonly 'icon/disabled': "#D1D5DB";
|
|
161
162
|
readonly 'icon/disabled/subtler': "#E5E7EB";
|
|
162
|
-
readonly 'icon/selected/
|
|
163
|
-
readonly 'icon/selected
|
|
164
|
-
readonly 'icon/primary': "#835EEB";
|
|
163
|
+
readonly 'icon/selected/violet': "#835EEB";
|
|
164
|
+
readonly 'icon/selected': "#33373B";
|
|
165
165
|
readonly 'icon/primary/subtle': "#C6B5F6";
|
|
166
|
+
readonly 'icon/primary': "#835EEB";
|
|
166
167
|
readonly 'icon/primary/bold': "#5D43A7";
|
|
167
168
|
readonly 'icon/success': "#1FCCA1";
|
|
168
169
|
readonly 'icon/warning': "#FFC107";
|
|
@@ -172,6 +173,7 @@ declare const color: {
|
|
|
172
173
|
readonly 'border/neutral/bolder': "#D1D5DB";
|
|
173
174
|
readonly 'border/input': "#E5E7EB";
|
|
174
175
|
readonly 'border/inverse': "#FFFFFF1A";
|
|
176
|
+
readonly 'border/selected': "#33373B";
|
|
175
177
|
readonly 'border/disabled': "#F3F4F6";
|
|
176
178
|
readonly 'border/primary': "#835EEB";
|
|
177
179
|
readonly 'border/hovered': "#84aaf4";
|
|
@@ -202,16 +204,16 @@ declare const color: {
|
|
|
202
204
|
readonly 'bg/disabled': "#F3F4F6";
|
|
203
205
|
readonly 'bg/disabled/subtlest': "#FFFFFF00";
|
|
204
206
|
readonly 'bg/input': "#FFFFFF";
|
|
207
|
+
readonly 'bg/accent/blue/subtlest': "#edf2fd";
|
|
205
208
|
readonly 'bg/accent/green/subtlest': "#E9FAF6";
|
|
206
209
|
readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
|
|
207
210
|
readonly 'bg/accent/red/subtlest': "#FEE9EB";
|
|
208
211
|
readonly 'bg/accent/red/subtle': "#F5525D";
|
|
209
212
|
readonly 'bg/accent/red': "#F22735";
|
|
210
213
|
readonly 'bg/accent/gray/subtlest': "#E5E7EB";
|
|
211
|
-
readonly 'bg/accent/blue/subtlest': "#edf2fd";
|
|
212
214
|
readonly 'bg/selected/violet': "#835EEB";
|
|
213
|
-
readonly 'bg/selected
|
|
214
|
-
readonly 'bg/selected/
|
|
215
|
+
readonly 'bg/selected': "#33373B";
|
|
216
|
+
readonly 'bg/selected/subtle': "#F3F4F6";
|
|
215
217
|
readonly 'bg/inverse': "#000000";
|
|
216
218
|
readonly 'bg/inverse/subtlest': "#FFFFFF1A";
|
|
217
219
|
readonly 'bg/success': "#E9FAF6";
|
|
@@ -238,7 +240,7 @@ declare const color: {
|
|
|
238
240
|
readonly 'text/success': "#1FCCA1";
|
|
239
241
|
readonly 'text/warning': "#FFC107";
|
|
240
242
|
readonly 'text/danger': "#F22735";
|
|
241
|
-
readonly 'text/selected
|
|
243
|
+
readonly 'text/selected': "#33373B";
|
|
242
244
|
};
|
|
243
245
|
type TextColorKey = keyof typeof textColor;
|
|
244
246
|
type BgColorKey = keyof typeof bgColor;
|
package/esm/token/color/index.js
CHANGED
|
@@ -17,7 +17,7 @@ const textColor = {
|
|
|
17
17
|
'text/success': palette.green500,
|
|
18
18
|
'text/warning': palette.yellow500,
|
|
19
19
|
'text/danger': palette.red500,
|
|
20
|
-
'text/selected
|
|
20
|
+
'text/selected': palette.gray900
|
|
21
21
|
};
|
|
22
22
|
const bgColor = {
|
|
23
23
|
'bg/secondary': palette.violet50,
|
|
@@ -44,16 +44,16 @@ const bgColor = {
|
|
|
44
44
|
'bg/disabled': palette.gray100,
|
|
45
45
|
'bg/disabled/subtlest': palette.transparent,
|
|
46
46
|
'bg/input': palette.white,
|
|
47
|
+
'bg/accent/blue/subtlest': palette.blue50,
|
|
47
48
|
'bg/accent/green/subtlest': palette.green50,
|
|
48
49
|
'bg/accent/yellow/subtlest': palette.yellow50,
|
|
49
50
|
'bg/accent/red/subtlest': palette.red50,
|
|
50
51
|
'bg/accent/red/subtle': palette.red400,
|
|
51
52
|
'bg/accent/red': palette.red500,
|
|
52
53
|
'bg/accent/gray/subtlest': palette.gray200,
|
|
53
|
-
'bg/accent/blue/subtlest': palette.blue50,
|
|
54
54
|
'bg/selected/violet': palette.violet500,
|
|
55
|
-
'bg/selected
|
|
56
|
-
'bg/selected/
|
|
55
|
+
'bg/selected': palette.gray900,
|
|
56
|
+
'bg/selected/subtle': palette.gray100,
|
|
57
57
|
'bg/inverse': palette.black,
|
|
58
58
|
'bg/inverse/subtlest': palette.white10A,
|
|
59
59
|
'bg/success': palette.green50,
|
|
@@ -71,6 +71,7 @@ const borderColor = {
|
|
|
71
71
|
'border/neutral/bolder': palette.gray300,
|
|
72
72
|
'border/input': palette.gray200,
|
|
73
73
|
'border/inverse': palette.white10A,
|
|
74
|
+
'border/selected': palette.gray900,
|
|
74
75
|
'border/disabled': palette.gray100,
|
|
75
76
|
'border/primary': palette.violet500,
|
|
76
77
|
'border/hovered': palette.blue300,
|
|
@@ -91,10 +92,10 @@ const iconColor = {
|
|
|
91
92
|
'icon/inverse': palette.white,
|
|
92
93
|
'icon/disabled': palette.gray300,
|
|
93
94
|
'icon/disabled/subtler': palette.gray200,
|
|
94
|
-
'icon/selected/
|
|
95
|
-
'icon/selected
|
|
96
|
-
'icon/primary': palette.violet500,
|
|
95
|
+
'icon/selected/violet': palette.violet500,
|
|
96
|
+
'icon/selected': palette.gray900,
|
|
97
97
|
'icon/primary/subtle': palette.violet300,
|
|
98
|
+
'icon/primary': palette.violet500,
|
|
98
99
|
'icon/primary/bold': palette.violet700,
|
|
99
100
|
'icon/success': palette.green500,
|
|
100
101
|
'icon/warning': palette.yellow500,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/token-studio",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.7",
|
|
4
4
|
"description": "Foundations, tokens for Mathking design system",
|
|
5
5
|
"author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
|
|
6
6
|
"homepage": "https://github.com/weareteamturing/bombe#readme",
|
|
@@ -11,8 +11,9 @@
|
|
|
11
11
|
"esm"
|
|
12
12
|
],
|
|
13
13
|
"exports": {
|
|
14
|
-
"require": "./
|
|
15
|
-
"
|
|
14
|
+
"require": "./dist/index.js",
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"import": "./esm/index.js"
|
|
16
17
|
},
|
|
17
18
|
"repository": {
|
|
18
19
|
"type": "git",
|
|
@@ -26,5 +27,5 @@
|
|
|
26
27
|
"bugs": {
|
|
27
28
|
"url": "https://github.com/weareteamturing/bombe/issues"
|
|
28
29
|
},
|
|
29
|
-
"gitHead": "
|
|
30
|
+
"gitHead": "f109beda81cc597a7c045964c71a1c0f209a30ec"
|
|
30
31
|
}
|