@teamturing/token-studio 1.1.7 → 1.2.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/foundation/palette/index.d.ts +89 -1
- package/dist/index.js +124 -2
- package/dist/token/color/index.d.ts +140 -0
- package/esm/foundation/palette/index.js +54 -2
- package/esm/token/color/index.js +71 -1
- package/package.json +2 -2
|
@@ -77,7 +77,95 @@ declare const shade: {
|
|
|
77
77
|
readonly black: "#000000";
|
|
78
78
|
readonly black60A: "#00000099";
|
|
79
79
|
};
|
|
80
|
+
declare const fuchsiaPink: {
|
|
81
|
+
fuchsiaPink50: string;
|
|
82
|
+
fuchsiaPink100: string;
|
|
83
|
+
fuchsiaPink200: string;
|
|
84
|
+
fuchsiaPink300: string;
|
|
85
|
+
fuchsiaPink400: string;
|
|
86
|
+
fuchsiaPink500: string;
|
|
87
|
+
fuchsiaPink600: string;
|
|
88
|
+
fuchsiaPink700: string;
|
|
89
|
+
fuchsiaPink800: string;
|
|
90
|
+
fuchsiaPink900: string;
|
|
91
|
+
};
|
|
92
|
+
declare const skyBlue: {
|
|
93
|
+
skyBlue50: string;
|
|
94
|
+
skyBlue100: string;
|
|
95
|
+
skyBlue200: string;
|
|
96
|
+
skyBlue300: string;
|
|
97
|
+
skyBlue400: string;
|
|
98
|
+
skyBlue500: string;
|
|
99
|
+
skyBlue600: string;
|
|
100
|
+
skyBlue700: string;
|
|
101
|
+
skyBlue800: string;
|
|
102
|
+
skyBlue900: string;
|
|
103
|
+
};
|
|
104
|
+
declare const indianRed: {
|
|
105
|
+
indianRed50: string;
|
|
106
|
+
indianRed100: string;
|
|
107
|
+
indianRed200: string;
|
|
108
|
+
indianRed300: string;
|
|
109
|
+
indianRed400: string;
|
|
110
|
+
indianRed500: string;
|
|
111
|
+
indianRed600: string;
|
|
112
|
+
indianRed700: string;
|
|
113
|
+
indianRed800: string;
|
|
114
|
+
indianRed900: string;
|
|
115
|
+
};
|
|
116
|
+
declare const mustardYellow: {
|
|
117
|
+
mustardYellow50: string;
|
|
118
|
+
mustardYellow100: string;
|
|
119
|
+
mustardYellow200: string;
|
|
120
|
+
mustardYellow300: string;
|
|
121
|
+
mustardYellow400: string;
|
|
122
|
+
mustardYellow500: string;
|
|
123
|
+
mustardYellow600: string;
|
|
124
|
+
mustardYellow700: string;
|
|
125
|
+
mustardYellow800: string;
|
|
126
|
+
mustardYellow900: string;
|
|
127
|
+
};
|
|
80
128
|
declare const palette: {
|
|
129
|
+
mustardYellow50: string;
|
|
130
|
+
mustardYellow100: string;
|
|
131
|
+
mustardYellow200: string;
|
|
132
|
+
mustardYellow300: string;
|
|
133
|
+
mustardYellow400: string;
|
|
134
|
+
mustardYellow500: string;
|
|
135
|
+
mustardYellow600: string;
|
|
136
|
+
mustardYellow700: string;
|
|
137
|
+
mustardYellow800: string;
|
|
138
|
+
mustardYellow900: string;
|
|
139
|
+
indianRed50: string;
|
|
140
|
+
indianRed100: string;
|
|
141
|
+
indianRed200: string;
|
|
142
|
+
indianRed300: string;
|
|
143
|
+
indianRed400: string;
|
|
144
|
+
indianRed500: string;
|
|
145
|
+
indianRed600: string;
|
|
146
|
+
indianRed700: string;
|
|
147
|
+
indianRed800: string;
|
|
148
|
+
indianRed900: string;
|
|
149
|
+
skyBlue50: string;
|
|
150
|
+
skyBlue100: string;
|
|
151
|
+
skyBlue200: string;
|
|
152
|
+
skyBlue300: string;
|
|
153
|
+
skyBlue400: string;
|
|
154
|
+
skyBlue500: string;
|
|
155
|
+
skyBlue600: string;
|
|
156
|
+
skyBlue700: string;
|
|
157
|
+
skyBlue800: string;
|
|
158
|
+
skyBlue900: string;
|
|
159
|
+
fuchsiaPink50: string;
|
|
160
|
+
fuchsiaPink100: string;
|
|
161
|
+
fuchsiaPink200: string;
|
|
162
|
+
fuchsiaPink300: string;
|
|
163
|
+
fuchsiaPink400: string;
|
|
164
|
+
fuchsiaPink500: string;
|
|
165
|
+
fuchsiaPink600: string;
|
|
166
|
+
fuchsiaPink700: string;
|
|
167
|
+
fuchsiaPink800: string;
|
|
168
|
+
fuchsiaPink900: string;
|
|
81
169
|
transparent: "#FFFFFF00";
|
|
82
170
|
white: "#FFFFFF";
|
|
83
171
|
white10A: "#FFFFFF1A";
|
|
@@ -145,4 +233,4 @@ declare const palette: {
|
|
|
145
233
|
gray900: "#33373B";
|
|
146
234
|
};
|
|
147
235
|
export default palette;
|
|
148
|
-
export { gray, violet, green, yellow, red, blue, shade };
|
|
236
|
+
export { gray, violet, green, yellow, red, blue, shade, fuchsiaPink, skyBlue, indianRed, mustardYellow };
|
package/dist/index.js
CHANGED
|
@@ -88,6 +88,54 @@ const shade = {
|
|
|
88
88
|
black: '#000000',
|
|
89
89
|
black60A: '#00000099'
|
|
90
90
|
};
|
|
91
|
+
const fuchsiaPink = {
|
|
92
|
+
fuchsiaPink50: '#FCF2FD',
|
|
93
|
+
fuchsiaPink100: '#F5D6F8',
|
|
94
|
+
fuchsiaPink200: '#F0C2F4',
|
|
95
|
+
fuchsiaPink300: '#E9A7EF',
|
|
96
|
+
fuchsiaPink400: '#E595EC',
|
|
97
|
+
fuchsiaPink500: '#DE7BE7',
|
|
98
|
+
fuchsiaPink600: '#CA70D2',
|
|
99
|
+
fuchsiaPink700: '#9E57A4',
|
|
100
|
+
fuchsiaPink800: '#7A447F',
|
|
101
|
+
fuchsiaPink900: '#5D3461'
|
|
102
|
+
};
|
|
103
|
+
const skyBlue = {
|
|
104
|
+
skyBlue50: '#EFF9FD',
|
|
105
|
+
skyBlue100: '#CFEDF8',
|
|
106
|
+
skyBlue200: '#B7E4F5',
|
|
107
|
+
skyBlue300: '#96D8F1',
|
|
108
|
+
skyBlue400: '#82D1EE',
|
|
109
|
+
skyBlue500: '#63C5EA',
|
|
110
|
+
skyBlue600: '#5AB3D5',
|
|
111
|
+
skyBlue700: '#468CA6',
|
|
112
|
+
skyBlue800: '#366C81',
|
|
113
|
+
skyBlue900: '#2A5362'
|
|
114
|
+
};
|
|
115
|
+
const indianRed = {
|
|
116
|
+
indianRed50: '#632A2A',
|
|
117
|
+
indianRed100: '#823838',
|
|
118
|
+
indianRed200: '#A84848',
|
|
119
|
+
indianRed300: '#D75C5C',
|
|
120
|
+
indianRed400: '#EC6565',
|
|
121
|
+
indianRed500: '#F08484',
|
|
122
|
+
indianRed600: '#F29898',
|
|
123
|
+
indianRed700: '#F6B8B8',
|
|
124
|
+
indianRed800: '#F9CFCF',
|
|
125
|
+
indianRed900: '#FDF0F0'
|
|
126
|
+
};
|
|
127
|
+
const mustardYellow = {
|
|
128
|
+
mustardYellow50: '#675025',
|
|
129
|
+
mustardYellow100: '#876931',
|
|
130
|
+
mustardYellow200: '#AE883F',
|
|
131
|
+
mustardYellow300: '#DFAE51',
|
|
132
|
+
mustardYellow400: '#F5BF59',
|
|
133
|
+
mustardYellow500: '#F7CC7A',
|
|
134
|
+
mustardYellow600: '#F8D490',
|
|
135
|
+
mustardYellow700: '#FAE2B3',
|
|
136
|
+
mustardYellow800: '#FCEBCC',
|
|
137
|
+
mustardYellow900: '#FEF9EE'
|
|
138
|
+
};
|
|
91
139
|
const palette = {
|
|
92
140
|
...gray,
|
|
93
141
|
...violet,
|
|
@@ -95,7 +143,11 @@ const palette = {
|
|
|
95
143
|
...yellow,
|
|
96
144
|
...red,
|
|
97
145
|
...blue,
|
|
98
|
-
...shade
|
|
146
|
+
...shade,
|
|
147
|
+
...fuchsiaPink,
|
|
148
|
+
...skyBlue,
|
|
149
|
+
...indianRed,
|
|
150
|
+
...mustardYellow
|
|
99
151
|
};
|
|
100
152
|
|
|
101
153
|
const textColor = {
|
|
@@ -224,7 +276,77 @@ const scaleColor = {
|
|
|
224
276
|
'scale/violet/6': palette.violet600,
|
|
225
277
|
'scale/violet/7': palette.violet700,
|
|
226
278
|
'scale/violet/8': palette.violet800,
|
|
227
|
-
'scale/violet/9': palette.violet900
|
|
279
|
+
'scale/violet/9': palette.violet900,
|
|
280
|
+
'scale/gray/0': palette.gray50,
|
|
281
|
+
'scale/gray/1': palette.gray100,
|
|
282
|
+
'scale/gray/2': palette.gray200,
|
|
283
|
+
'scale/gray/3': palette.gray300,
|
|
284
|
+
'scale/gray/4': palette.gray400,
|
|
285
|
+
'scale/gray/5': palette.gray500,
|
|
286
|
+
'scale/gray/6': palette.gray600,
|
|
287
|
+
'scale/gray/7': palette.gray700,
|
|
288
|
+
'scale/gray/8': palette.gray800,
|
|
289
|
+
'scale/gray/9': palette.gray900,
|
|
290
|
+
'scale/blue/0': palette.blue50,
|
|
291
|
+
'scale/blue/1': palette.blue100,
|
|
292
|
+
'scale/blue/2': palette.blue200,
|
|
293
|
+
'scale/blue/3': palette.blue300,
|
|
294
|
+
'scale/blue/4': palette.blue400,
|
|
295
|
+
'scale/blue/5': palette.blue500,
|
|
296
|
+
'scale/blue/6': palette.blue600,
|
|
297
|
+
'scale/blue/7': palette.blue700,
|
|
298
|
+
'scale/blue/8': palette.blue800,
|
|
299
|
+
'scale/blue/9': palette.blue900,
|
|
300
|
+
'scale/green/0': palette.green50,
|
|
301
|
+
'scale/green/1': palette.green100,
|
|
302
|
+
'scale/green/2': palette.green200,
|
|
303
|
+
'scale/green/3': palette.green300,
|
|
304
|
+
'scale/green/4': palette.green400,
|
|
305
|
+
'scale/green/5': palette.green500,
|
|
306
|
+
'scale/green/6': palette.green600,
|
|
307
|
+
'scale/green/7': palette.green700,
|
|
308
|
+
'scale/green/8': palette.green800,
|
|
309
|
+
'scale/green/9': palette.green900,
|
|
310
|
+
'scale/pink/0': palette.fuchsiaPink50,
|
|
311
|
+
'scale/pink/1': palette.fuchsiaPink100,
|
|
312
|
+
'scale/pink/2': palette.fuchsiaPink200,
|
|
313
|
+
'scale/pink/3': palette.fuchsiaPink300,
|
|
314
|
+
'scale/pink/4': palette.fuchsiaPink400,
|
|
315
|
+
'scale/pink/5': palette.fuchsiaPink500,
|
|
316
|
+
'scale/pink/6': palette.fuchsiaPink600,
|
|
317
|
+
'scale/pink/7': palette.fuchsiaPink700,
|
|
318
|
+
'scale/pink/8': palette.fuchsiaPink800,
|
|
319
|
+
'scale/pink/9': palette.fuchsiaPink900,
|
|
320
|
+
'scale/skyblue/0': palette.skyBlue50,
|
|
321
|
+
'scale/skyblue/1': palette.skyBlue100,
|
|
322
|
+
'scale/skyblue/2': palette.skyBlue200,
|
|
323
|
+
'scale/skyblue/3': palette.skyBlue300,
|
|
324
|
+
'scale/skyblue/4': palette.skyBlue400,
|
|
325
|
+
'scale/skyblue/5': palette.skyBlue500,
|
|
326
|
+
'scale/skyblue/6': palette.skyBlue600,
|
|
327
|
+
'scale/skyblue/7': palette.skyBlue700,
|
|
328
|
+
'scale/skyblue/8': palette.skyBlue800,
|
|
329
|
+
'scale/skyblue/9': palette.skyBlue900,
|
|
330
|
+
'scale/red/0': palette.indianRed50,
|
|
331
|
+
'scale/red/1': palette.indianRed100,
|
|
332
|
+
'scale/red/2': palette.indianRed200,
|
|
333
|
+
'scale/red/3': palette.indianRed300,
|
|
334
|
+
'scale/red/4': palette.indianRed400,
|
|
335
|
+
'scale/red/5': palette.indianRed500,
|
|
336
|
+
'scale/red/6': palette.indianRed600,
|
|
337
|
+
'scale/red/7': palette.indianRed700,
|
|
338
|
+
'scale/red/8': palette.indianRed800,
|
|
339
|
+
'scale/red/9': palette.indianRed900,
|
|
340
|
+
'scale/yellow/0': palette.mustardYellow50,
|
|
341
|
+
'scale/yellow/1': palette.mustardYellow100,
|
|
342
|
+
'scale/yellow/2': palette.mustardYellow200,
|
|
343
|
+
'scale/yellow/3': palette.mustardYellow300,
|
|
344
|
+
'scale/yellow/4': palette.mustardYellow400,
|
|
345
|
+
'scale/yellow/5': palette.mustardYellow500,
|
|
346
|
+
'scale/yellow/6': palette.mustardYellow600,
|
|
347
|
+
'scale/yellow/7': palette.mustardYellow700,
|
|
348
|
+
'scale/yellow/8': palette.mustardYellow800,
|
|
349
|
+
'scale/yellow/9': palette.mustardYellow900
|
|
228
350
|
};
|
|
229
351
|
const color = {
|
|
230
352
|
...textColor,
|
|
@@ -125,6 +125,76 @@ declare const scaleColor: {
|
|
|
125
125
|
'scale/violet/7': "#5D43A7";
|
|
126
126
|
'scale/violet/8': "#483481";
|
|
127
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";
|
|
138
|
+
'scale/blue/0': "#edf2fd";
|
|
139
|
+
'scale/blue/1': "#c6d8fa";
|
|
140
|
+
'scale/blue/2': "#abc5f7";
|
|
141
|
+
'scale/blue/3': "#84aaf4";
|
|
142
|
+
'scale/blue/4': "#6d99f1";
|
|
143
|
+
'scale/blue/5': "#4880ee";
|
|
144
|
+
'scale/blue/6': "#4274d9";
|
|
145
|
+
'scale/blue/7': "#335ba9";
|
|
146
|
+
'scale/blue/8': "#284683";
|
|
147
|
+
'scale/blue/9': "#1e3664";
|
|
148
|
+
'scale/green/0': "#E9FAF6";
|
|
149
|
+
'scale/green/1': "#BAEFE2";
|
|
150
|
+
'scale/green/2': "#98E8D4";
|
|
151
|
+
'scale/green/3': "#69DDC0";
|
|
152
|
+
'scale/green/4': "#4CD6B4";
|
|
153
|
+
'scale/green/5': "#1FCCA1";
|
|
154
|
+
'scale/green/6': "#1CBA93";
|
|
155
|
+
'scale/green/7': "#169172";
|
|
156
|
+
'scale/green/8': "#117059";
|
|
157
|
+
'scale/green/9': "#0D5644";
|
|
158
|
+
'scale/pink/0': string;
|
|
159
|
+
'scale/pink/1': string;
|
|
160
|
+
'scale/pink/2': string;
|
|
161
|
+
'scale/pink/3': string;
|
|
162
|
+
'scale/pink/4': string;
|
|
163
|
+
'scale/pink/5': string;
|
|
164
|
+
'scale/pink/6': string;
|
|
165
|
+
'scale/pink/7': string;
|
|
166
|
+
'scale/pink/8': string;
|
|
167
|
+
'scale/pink/9': string;
|
|
168
|
+
'scale/skyblue/0': string;
|
|
169
|
+
'scale/skyblue/1': string;
|
|
170
|
+
'scale/skyblue/2': string;
|
|
171
|
+
'scale/skyblue/3': string;
|
|
172
|
+
'scale/skyblue/4': string;
|
|
173
|
+
'scale/skyblue/5': string;
|
|
174
|
+
'scale/skyblue/6': string;
|
|
175
|
+
'scale/skyblue/7': string;
|
|
176
|
+
'scale/skyblue/8': string;
|
|
177
|
+
'scale/skyblue/9': string;
|
|
178
|
+
'scale/red/0': string;
|
|
179
|
+
'scale/red/1': string;
|
|
180
|
+
'scale/red/2': string;
|
|
181
|
+
'scale/red/3': string;
|
|
182
|
+
'scale/red/4': string;
|
|
183
|
+
'scale/red/5': string;
|
|
184
|
+
'scale/red/6': string;
|
|
185
|
+
'scale/red/7': string;
|
|
186
|
+
'scale/red/8': string;
|
|
187
|
+
'scale/red/9': string;
|
|
188
|
+
'scale/yellow/0': string;
|
|
189
|
+
'scale/yellow/1': string;
|
|
190
|
+
'scale/yellow/2': string;
|
|
191
|
+
'scale/yellow/3': string;
|
|
192
|
+
'scale/yellow/4': string;
|
|
193
|
+
'scale/yellow/5': string;
|
|
194
|
+
'scale/yellow/6': string;
|
|
195
|
+
'scale/yellow/7': string;
|
|
196
|
+
'scale/yellow/8': string;
|
|
197
|
+
'scale/yellow/9': string;
|
|
128
198
|
};
|
|
129
199
|
declare const color: {
|
|
130
200
|
readonly 'scale/violet/0': "#F3EFFD";
|
|
@@ -137,6 +207,76 @@ declare const color: {
|
|
|
137
207
|
readonly 'scale/violet/7': "#5D43A7";
|
|
138
208
|
readonly 'scale/violet/8': "#483481";
|
|
139
209
|
readonly 'scale/violet/9': "#372763";
|
|
210
|
+
readonly 'scale/gray/0': "#F9FAFB";
|
|
211
|
+
readonly 'scale/gray/1': "#F3F4F6";
|
|
212
|
+
readonly 'scale/gray/2': "#E5E7EB";
|
|
213
|
+
readonly 'scale/gray/3': "#D1D5DB";
|
|
214
|
+
readonly 'scale/gray/4': "#8D94A0";
|
|
215
|
+
readonly 'scale/gray/5': "#7A828D";
|
|
216
|
+
readonly 'scale/gray/6': "#6F7680";
|
|
217
|
+
readonly 'scale/gray/7': "#575C64";
|
|
218
|
+
readonly 'scale/gray/8': "#43484E";
|
|
219
|
+
readonly 'scale/gray/9': "#33373B";
|
|
220
|
+
readonly 'scale/blue/0': "#edf2fd";
|
|
221
|
+
readonly 'scale/blue/1': "#c6d8fa";
|
|
222
|
+
readonly 'scale/blue/2': "#abc5f7";
|
|
223
|
+
readonly 'scale/blue/3': "#84aaf4";
|
|
224
|
+
readonly 'scale/blue/4': "#6d99f1";
|
|
225
|
+
readonly 'scale/blue/5': "#4880ee";
|
|
226
|
+
readonly 'scale/blue/6': "#4274d9";
|
|
227
|
+
readonly 'scale/blue/7': "#335ba9";
|
|
228
|
+
readonly 'scale/blue/8': "#284683";
|
|
229
|
+
readonly 'scale/blue/9': "#1e3664";
|
|
230
|
+
readonly 'scale/green/0': "#E9FAF6";
|
|
231
|
+
readonly 'scale/green/1': "#BAEFE2";
|
|
232
|
+
readonly 'scale/green/2': "#98E8D4";
|
|
233
|
+
readonly 'scale/green/3': "#69DDC0";
|
|
234
|
+
readonly 'scale/green/4': "#4CD6B4";
|
|
235
|
+
readonly 'scale/green/5': "#1FCCA1";
|
|
236
|
+
readonly 'scale/green/6': "#1CBA93";
|
|
237
|
+
readonly 'scale/green/7': "#169172";
|
|
238
|
+
readonly 'scale/green/8': "#117059";
|
|
239
|
+
readonly 'scale/green/9': "#0D5644";
|
|
240
|
+
readonly 'scale/pink/0': string;
|
|
241
|
+
readonly 'scale/pink/1': string;
|
|
242
|
+
readonly 'scale/pink/2': string;
|
|
243
|
+
readonly 'scale/pink/3': string;
|
|
244
|
+
readonly 'scale/pink/4': string;
|
|
245
|
+
readonly 'scale/pink/5': string;
|
|
246
|
+
readonly 'scale/pink/6': string;
|
|
247
|
+
readonly 'scale/pink/7': string;
|
|
248
|
+
readonly 'scale/pink/8': string;
|
|
249
|
+
readonly 'scale/pink/9': string;
|
|
250
|
+
readonly 'scale/skyblue/0': string;
|
|
251
|
+
readonly 'scale/skyblue/1': string;
|
|
252
|
+
readonly 'scale/skyblue/2': string;
|
|
253
|
+
readonly 'scale/skyblue/3': string;
|
|
254
|
+
readonly 'scale/skyblue/4': string;
|
|
255
|
+
readonly 'scale/skyblue/5': string;
|
|
256
|
+
readonly 'scale/skyblue/6': string;
|
|
257
|
+
readonly 'scale/skyblue/7': string;
|
|
258
|
+
readonly 'scale/skyblue/8': string;
|
|
259
|
+
readonly 'scale/skyblue/9': string;
|
|
260
|
+
readonly 'scale/red/0': string;
|
|
261
|
+
readonly 'scale/red/1': string;
|
|
262
|
+
readonly 'scale/red/2': string;
|
|
263
|
+
readonly 'scale/red/3': string;
|
|
264
|
+
readonly 'scale/red/4': string;
|
|
265
|
+
readonly 'scale/red/5': string;
|
|
266
|
+
readonly 'scale/red/6': string;
|
|
267
|
+
readonly 'scale/red/7': string;
|
|
268
|
+
readonly 'scale/red/8': string;
|
|
269
|
+
readonly 'scale/red/9': string;
|
|
270
|
+
readonly 'scale/yellow/0': string;
|
|
271
|
+
readonly 'scale/yellow/1': string;
|
|
272
|
+
readonly 'scale/yellow/2': string;
|
|
273
|
+
readonly 'scale/yellow/3': string;
|
|
274
|
+
readonly 'scale/yellow/4': string;
|
|
275
|
+
readonly 'scale/yellow/5': string;
|
|
276
|
+
readonly 'scale/yellow/6': string;
|
|
277
|
+
readonly 'scale/yellow/7': string;
|
|
278
|
+
readonly 'scale/yellow/8': string;
|
|
279
|
+
readonly 'scale/yellow/9': string;
|
|
140
280
|
readonly dim: "#00000099";
|
|
141
281
|
readonly link: "#4880ee";
|
|
142
282
|
readonly 'link/hovered': "#335ba9";
|
|
@@ -77,6 +77,54 @@ const shade = {
|
|
|
77
77
|
black: '#000000',
|
|
78
78
|
black60A: '#00000099'
|
|
79
79
|
};
|
|
80
|
+
const fuchsiaPink = {
|
|
81
|
+
fuchsiaPink50: '#FCF2FD',
|
|
82
|
+
fuchsiaPink100: '#F5D6F8',
|
|
83
|
+
fuchsiaPink200: '#F0C2F4',
|
|
84
|
+
fuchsiaPink300: '#E9A7EF',
|
|
85
|
+
fuchsiaPink400: '#E595EC',
|
|
86
|
+
fuchsiaPink500: '#DE7BE7',
|
|
87
|
+
fuchsiaPink600: '#CA70D2',
|
|
88
|
+
fuchsiaPink700: '#9E57A4',
|
|
89
|
+
fuchsiaPink800: '#7A447F',
|
|
90
|
+
fuchsiaPink900: '#5D3461'
|
|
91
|
+
};
|
|
92
|
+
const skyBlue = {
|
|
93
|
+
skyBlue50: '#EFF9FD',
|
|
94
|
+
skyBlue100: '#CFEDF8',
|
|
95
|
+
skyBlue200: '#B7E4F5',
|
|
96
|
+
skyBlue300: '#96D8F1',
|
|
97
|
+
skyBlue400: '#82D1EE',
|
|
98
|
+
skyBlue500: '#63C5EA',
|
|
99
|
+
skyBlue600: '#5AB3D5',
|
|
100
|
+
skyBlue700: '#468CA6',
|
|
101
|
+
skyBlue800: '#366C81',
|
|
102
|
+
skyBlue900: '#2A5362'
|
|
103
|
+
};
|
|
104
|
+
const indianRed = {
|
|
105
|
+
indianRed50: '#632A2A',
|
|
106
|
+
indianRed100: '#823838',
|
|
107
|
+
indianRed200: '#A84848',
|
|
108
|
+
indianRed300: '#D75C5C',
|
|
109
|
+
indianRed400: '#EC6565',
|
|
110
|
+
indianRed500: '#F08484',
|
|
111
|
+
indianRed600: '#F29898',
|
|
112
|
+
indianRed700: '#F6B8B8',
|
|
113
|
+
indianRed800: '#F9CFCF',
|
|
114
|
+
indianRed900: '#FDF0F0'
|
|
115
|
+
};
|
|
116
|
+
const mustardYellow = {
|
|
117
|
+
mustardYellow50: '#675025',
|
|
118
|
+
mustardYellow100: '#876931',
|
|
119
|
+
mustardYellow200: '#AE883F',
|
|
120
|
+
mustardYellow300: '#DFAE51',
|
|
121
|
+
mustardYellow400: '#F5BF59',
|
|
122
|
+
mustardYellow500: '#F7CC7A',
|
|
123
|
+
mustardYellow600: '#F8D490',
|
|
124
|
+
mustardYellow700: '#FAE2B3',
|
|
125
|
+
mustardYellow800: '#FCEBCC',
|
|
126
|
+
mustardYellow900: '#FEF9EE'
|
|
127
|
+
};
|
|
80
128
|
const palette = {
|
|
81
129
|
...gray,
|
|
82
130
|
...violet,
|
|
@@ -84,7 +132,11 @@ const palette = {
|
|
|
84
132
|
...yellow,
|
|
85
133
|
...red,
|
|
86
134
|
...blue,
|
|
87
|
-
...shade
|
|
135
|
+
...shade,
|
|
136
|
+
...fuchsiaPink,
|
|
137
|
+
...skyBlue,
|
|
138
|
+
...indianRed,
|
|
139
|
+
...mustardYellow
|
|
88
140
|
};
|
|
89
141
|
|
|
90
|
-
export { blue, palette as default, gray, green, red, shade, violet, yellow };
|
|
142
|
+
export { blue, palette as default, fuchsiaPink, gray, green, indianRed, mustardYellow, red, shade, skyBlue, violet, yellow };
|
package/esm/token/color/index.js
CHANGED
|
@@ -126,7 +126,77 @@ const scaleColor = {
|
|
|
126
126
|
'scale/violet/6': palette.violet600,
|
|
127
127
|
'scale/violet/7': palette.violet700,
|
|
128
128
|
'scale/violet/8': palette.violet800,
|
|
129
|
-
'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,
|
|
140
|
+
'scale/blue/0': palette.blue50,
|
|
141
|
+
'scale/blue/1': palette.blue100,
|
|
142
|
+
'scale/blue/2': palette.blue200,
|
|
143
|
+
'scale/blue/3': palette.blue300,
|
|
144
|
+
'scale/blue/4': palette.blue400,
|
|
145
|
+
'scale/blue/5': palette.blue500,
|
|
146
|
+
'scale/blue/6': palette.blue600,
|
|
147
|
+
'scale/blue/7': palette.blue700,
|
|
148
|
+
'scale/blue/8': palette.blue800,
|
|
149
|
+
'scale/blue/9': palette.blue900,
|
|
150
|
+
'scale/green/0': palette.green50,
|
|
151
|
+
'scale/green/1': palette.green100,
|
|
152
|
+
'scale/green/2': palette.green200,
|
|
153
|
+
'scale/green/3': palette.green300,
|
|
154
|
+
'scale/green/4': palette.green400,
|
|
155
|
+
'scale/green/5': palette.green500,
|
|
156
|
+
'scale/green/6': palette.green600,
|
|
157
|
+
'scale/green/7': palette.green700,
|
|
158
|
+
'scale/green/8': palette.green800,
|
|
159
|
+
'scale/green/9': palette.green900,
|
|
160
|
+
'scale/pink/0': palette.fuchsiaPink50,
|
|
161
|
+
'scale/pink/1': palette.fuchsiaPink100,
|
|
162
|
+
'scale/pink/2': palette.fuchsiaPink200,
|
|
163
|
+
'scale/pink/3': palette.fuchsiaPink300,
|
|
164
|
+
'scale/pink/4': palette.fuchsiaPink400,
|
|
165
|
+
'scale/pink/5': palette.fuchsiaPink500,
|
|
166
|
+
'scale/pink/6': palette.fuchsiaPink600,
|
|
167
|
+
'scale/pink/7': palette.fuchsiaPink700,
|
|
168
|
+
'scale/pink/8': palette.fuchsiaPink800,
|
|
169
|
+
'scale/pink/9': palette.fuchsiaPink900,
|
|
170
|
+
'scale/skyblue/0': palette.skyBlue50,
|
|
171
|
+
'scale/skyblue/1': palette.skyBlue100,
|
|
172
|
+
'scale/skyblue/2': palette.skyBlue200,
|
|
173
|
+
'scale/skyblue/3': palette.skyBlue300,
|
|
174
|
+
'scale/skyblue/4': palette.skyBlue400,
|
|
175
|
+
'scale/skyblue/5': palette.skyBlue500,
|
|
176
|
+
'scale/skyblue/6': palette.skyBlue600,
|
|
177
|
+
'scale/skyblue/7': palette.skyBlue700,
|
|
178
|
+
'scale/skyblue/8': palette.skyBlue800,
|
|
179
|
+
'scale/skyblue/9': palette.skyBlue900,
|
|
180
|
+
'scale/red/0': palette.indianRed50,
|
|
181
|
+
'scale/red/1': palette.indianRed100,
|
|
182
|
+
'scale/red/2': palette.indianRed200,
|
|
183
|
+
'scale/red/3': palette.indianRed300,
|
|
184
|
+
'scale/red/4': palette.indianRed400,
|
|
185
|
+
'scale/red/5': palette.indianRed500,
|
|
186
|
+
'scale/red/6': palette.indianRed600,
|
|
187
|
+
'scale/red/7': palette.indianRed700,
|
|
188
|
+
'scale/red/8': palette.indianRed800,
|
|
189
|
+
'scale/red/9': palette.indianRed900,
|
|
190
|
+
'scale/yellow/0': palette.mustardYellow50,
|
|
191
|
+
'scale/yellow/1': palette.mustardYellow100,
|
|
192
|
+
'scale/yellow/2': palette.mustardYellow200,
|
|
193
|
+
'scale/yellow/3': palette.mustardYellow300,
|
|
194
|
+
'scale/yellow/4': palette.mustardYellow400,
|
|
195
|
+
'scale/yellow/5': palette.mustardYellow500,
|
|
196
|
+
'scale/yellow/6': palette.mustardYellow600,
|
|
197
|
+
'scale/yellow/7': palette.mustardYellow700,
|
|
198
|
+
'scale/yellow/8': palette.mustardYellow800,
|
|
199
|
+
'scale/yellow/9': palette.mustardYellow900
|
|
130
200
|
};
|
|
131
201
|
const color = {
|
|
132
202
|
...textColor,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/token-studio",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
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": "
|
|
30
|
+
"gitHead": "9f4613197191aaf0b7525e4835d7aaea05ce90d7"
|
|
31
31
|
}
|