@teamturing/token-studio 1.1.6 → 1.1.8

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.
Files changed (4) hide show
  1. package/dist/index.js +19 -8
  2. package/dist/token/color/index.d.ts +36 -14
  3. package/esm/token/color/index.js +19 -8
  4. package/package.json +2 -2
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/neutral': palette.gray900
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/neutral': palette.gray900,
154
- 'bg/selected/neutral/subtle': palette.gray100,
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/primary': palette.violet500,
193
- 'icon/selected/neutral': palette.gray900,
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,
@@ -223,7 +224,17 @@ const scaleColor = {
223
224
  'scale/violet/6': palette.violet600,
224
225
  'scale/violet/7': palette.violet700,
225
226
  'scale/violet/8': palette.violet800,
226
- 'scale/violet/9': palette.violet900
227
+ 'scale/violet/9': palette.violet900,
228
+ 'scale/gray/0': palette.gray50,
229
+ 'scale/gray/1': palette.gray100,
230
+ 'scale/gray/2': palette.gray200,
231
+ 'scale/gray/3': palette.gray300,
232
+ 'scale/gray/4': palette.gray400,
233
+ 'scale/gray/5': palette.gray500,
234
+ 'scale/gray/6': palette.gray600,
235
+ 'scale/gray/7': palette.gray700,
236
+ 'scale/gray/8': palette.gray800,
237
+ 'scale/gray/9': palette.gray900
227
238
  };
228
239
  const color = {
229
240
  ...textColor,
package/dist/token/color/index.d.ts CHANGED
@@ -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/neutral': "#33373B";
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/neutral': "#33373B";
54
- readonly 'bg/selected/neutral/subtle': "#F3F4F6";
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/primary': "#835EEB";
93
- readonly 'icon/selected/neutral': "#33373B";
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";
@@ -124,6 +125,16 @@ declare const scaleColor: {
124
125
  'scale/violet/7': "#5D43A7";
125
126
  'scale/violet/8': "#483481";
126
127
  'scale/violet/9': "#372763";
128
+ 'scale/gray/0': "#F9FAFB";
129
+ 'scale/gray/1': "#F3F4F6";
130
+ 'scale/gray/2': "#E5E7EB";
131
+ 'scale/gray/3': "#D1D5DB";
132
+ 'scale/gray/4': "#8D94A0";
133
+ 'scale/gray/5': "#7A828D";
134
+ 'scale/gray/6': "#6F7680";
135
+ 'scale/gray/7': "#575C64";
136
+ 'scale/gray/8': "#43484E";
137
+ 'scale/gray/9': "#33373B";
127
138
  };
128
139
  declare const color: {
129
140
  readonly 'scale/violet/0': "#F3EFFD";
@@ -136,6 +147,16 @@ declare const color: {
136
147
  readonly 'scale/violet/7': "#5D43A7";
137
148
  readonly 'scale/violet/8': "#483481";
138
149
  readonly 'scale/violet/9': "#372763";
150
+ readonly 'scale/gray/0': "#F9FAFB";
151
+ readonly 'scale/gray/1': "#F3F4F6";
152
+ readonly 'scale/gray/2': "#E5E7EB";
153
+ readonly 'scale/gray/3': "#D1D5DB";
154
+ readonly 'scale/gray/4': "#8D94A0";
155
+ readonly 'scale/gray/5': "#7A828D";
156
+ readonly 'scale/gray/6': "#6F7680";
157
+ readonly 'scale/gray/7': "#575C64";
158
+ readonly 'scale/gray/8': "#43484E";
159
+ readonly 'scale/gray/9': "#33373B";
139
160
  readonly dim: "#00000099";
140
161
  readonly link: "#4880ee";
141
162
  readonly 'link/hovered': "#335ba9";
@@ -159,10 +180,10 @@ declare const color: {
159
180
  readonly 'icon/inverse': "#FFFFFF";
160
181
  readonly 'icon/disabled': "#D1D5DB";
161
182
  readonly 'icon/disabled/subtler': "#E5E7EB";
162
- readonly 'icon/selected/primary': "#835EEB";
163
- readonly 'icon/selected/neutral': "#33373B";
164
- readonly 'icon/primary': "#835EEB";
183
+ readonly 'icon/selected/violet': "#835EEB";
184
+ readonly 'icon/selected': "#33373B";
165
185
  readonly 'icon/primary/subtle': "#C6B5F6";
186
+ readonly 'icon/primary': "#835EEB";
166
187
  readonly 'icon/primary/bold': "#5D43A7";
167
188
  readonly 'icon/success': "#1FCCA1";
168
189
  readonly 'icon/warning': "#FFC107";
@@ -172,6 +193,7 @@ declare const color: {
172
193
  readonly 'border/neutral/bolder': "#D1D5DB";
173
194
  readonly 'border/input': "#E5E7EB";
174
195
  readonly 'border/inverse': "#FFFFFF1A";
196
+ readonly 'border/selected': "#33373B";
175
197
  readonly 'border/disabled': "#F3F4F6";
176
198
  readonly 'border/primary': "#835EEB";
177
199
  readonly 'border/hovered': "#84aaf4";
@@ -202,16 +224,16 @@ declare const color: {
202
224
  readonly 'bg/disabled': "#F3F4F6";
203
225
  readonly 'bg/disabled/subtlest': "#FFFFFF00";
204
226
  readonly 'bg/input': "#FFFFFF";
227
+ readonly 'bg/accent/blue/subtlest': "#edf2fd";
205
228
  readonly 'bg/accent/green/subtlest': "#E9FAF6";
206
229
  readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
207
230
  readonly 'bg/accent/red/subtlest': "#FEE9EB";
208
231
  readonly 'bg/accent/red/subtle': "#F5525D";
209
232
  readonly 'bg/accent/red': "#F22735";
210
233
  readonly 'bg/accent/gray/subtlest': "#E5E7EB";
211
- readonly 'bg/accent/blue/subtlest': "#edf2fd";
212
234
  readonly 'bg/selected/violet': "#835EEB";
213
- readonly 'bg/selected/neutral': "#33373B";
214
- readonly 'bg/selected/neutral/subtle': "#F3F4F6";
235
+ readonly 'bg/selected': "#33373B";
236
+ readonly 'bg/selected/subtle': "#F3F4F6";
215
237
  readonly 'bg/inverse': "#000000";
216
238
  readonly 'bg/inverse/subtlest': "#FFFFFF1A";
217
239
  readonly 'bg/success': "#E9FAF6";
@@ -238,7 +260,7 @@ declare const color: {
238
260
  readonly 'text/success': "#1FCCA1";
239
261
  readonly 'text/warning': "#FFC107";
240
262
  readonly 'text/danger': "#F22735";
241
- readonly 'text/selected/neutral': "#33373B";
263
+ readonly 'text/selected': "#33373B";
242
264
  };
243
265
  type TextColorKey = keyof typeof textColor;
244
266
  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/neutral': palette.gray900
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/neutral': palette.gray900,
56
- 'bg/selected/neutral/subtle': palette.gray100,
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/primary': palette.violet500,
95
- 'icon/selected/neutral': palette.gray900,
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,
@@ -125,7 +126,17 @@ const scaleColor = {
125
126
  'scale/violet/6': palette.violet600,
126
127
  'scale/violet/7': palette.violet700,
127
128
  'scale/violet/8': palette.violet800,
128
- 'scale/violet/9': palette.violet900
129
+ 'scale/violet/9': palette.violet900,
130
+ 'scale/gray/0': palette.gray50,
131
+ 'scale/gray/1': palette.gray100,
132
+ 'scale/gray/2': palette.gray200,
133
+ 'scale/gray/3': palette.gray300,
134
+ 'scale/gray/4': palette.gray400,
135
+ 'scale/gray/5': palette.gray500,
136
+ 'scale/gray/6': palette.gray600,
137
+ 'scale/gray/7': palette.gray700,
138
+ 'scale/gray/8': palette.gray800,
139
+ 'scale/gray/9': palette.gray900
129
140
  };
130
141
  const color = {
131
142
  ...textColor,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/token-studio",
3
- "version": "1.1.6",
3
+ "version": "1.1.8",
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",
@@ -27,5 +27,5 @@
27
27
  "bugs": {
28
28
  "url": "https://github.com/weareteamturing/bombe/issues"
29
29
  },
30
- "gitHead": "4ea806dbd2292b60bade45b006c20df693b47e7a"
30
+ "gitHead": "ca3fa5007b20b0b828c49f8ba09c58007b805442"
31
31
  }