@teamturing/token-studio 1.9.0 → 1.11.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/gradient/colorStopList/index.d.ts +1 -0
- package/dist/foundation/gradient/index.d.ts +1 -0
- package/dist/index.js +10 -3
- package/dist/token/color/index.d.ts +2 -0
- package/dist/token/gradient/index.d.ts +9 -2
- package/esm/foundation/gradient/colorStopList/index.js +2 -1
- package/esm/token/color/index.js +2 -1
- package/esm/token/gradient/index.js +7 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -248,7 +248,8 @@ const borderColor = {
|
|
|
248
248
|
'border/hovered': palette.blue300,
|
|
249
249
|
'border/focused': palette.blue500,
|
|
250
250
|
'border/danger': palette.red500,
|
|
251
|
-
'border/success': palette.green500
|
|
251
|
+
'border/success': palette.green500,
|
|
252
|
+
'border/accent/blue': palette.blue500
|
|
252
253
|
};
|
|
253
254
|
const iconColor = {
|
|
254
255
|
'icon/neutral': palette.gray300,
|
|
@@ -400,7 +401,8 @@ const colorStopList = {
|
|
|
400
401
|
colorStopListVioletPink: '#8E6CF0, #CF75F3',
|
|
401
402
|
colorStopListBlackGray: '#0F0E0F, #595959',
|
|
402
403
|
colorStopListWhite: '#FFFFFF, #FFFFFF00',
|
|
403
|
-
colorStopListBlack: '#000000, #00000000'
|
|
404
|
+
colorStopListBlack: '#000000, #00000000',
|
|
405
|
+
colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
|
|
404
406
|
};
|
|
405
407
|
|
|
406
408
|
const direction = {
|
|
@@ -413,12 +415,16 @@ const direction = {
|
|
|
413
415
|
|
|
414
416
|
const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
|
|
415
417
|
const textGradient = {
|
|
416
|
-
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
418
|
+
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
419
|
+
'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
417
420
|
};
|
|
418
421
|
const bgGradient = {
|
|
419
422
|
'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
420
423
|
'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
|
|
421
424
|
};
|
|
425
|
+
const iconGradient = {
|
|
426
|
+
'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
427
|
+
};
|
|
422
428
|
const borderGradient = {
|
|
423
429
|
'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
424
430
|
};
|
|
@@ -438,6 +444,7 @@ const overlayGradient = {
|
|
|
438
444
|
};
|
|
439
445
|
const gradient = {
|
|
440
446
|
...textGradient,
|
|
447
|
+
...iconGradient,
|
|
441
448
|
...bgGradient,
|
|
442
449
|
...borderGradient,
|
|
443
450
|
...overlayGradient
|
|
@@ -81,6 +81,7 @@ declare const borderColor: {
|
|
|
81
81
|
readonly 'border/focused': "#4880ee";
|
|
82
82
|
readonly 'border/danger': "#F22735";
|
|
83
83
|
readonly 'border/success': "#1FCCA1";
|
|
84
|
+
readonly 'border/accent/blue': "#4880ee";
|
|
84
85
|
};
|
|
85
86
|
declare const iconColor: {
|
|
86
87
|
readonly 'icon/neutral': "#D1D5DB";
|
|
@@ -327,6 +328,7 @@ declare const color: {
|
|
|
327
328
|
readonly 'border/focused': "#4880ee";
|
|
328
329
|
readonly 'border/danger': "#F22735";
|
|
329
330
|
readonly 'border/success': "#1FCCA1";
|
|
331
|
+
readonly 'border/accent/blue': "#4880ee";
|
|
330
332
|
readonly 'bg/secondary': "#F3EFFD";
|
|
331
333
|
readonly 'bg/secondary/hovered': "#D9CDF9";
|
|
332
334
|
readonly 'bg/secondary/pressed': "#D9CDF9";
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
declare const textGradient: {
|
|
2
2
|
readonly 'text/accent': string;
|
|
3
|
+
readonly 'text/accent/pinkblue': string;
|
|
3
4
|
};
|
|
4
5
|
declare const bgGradient: {
|
|
5
6
|
readonly 'bg/accent/violet': string;
|
|
6
7
|
readonly 'bg/accent/neutral': string;
|
|
7
8
|
};
|
|
9
|
+
declare const iconGradient: {
|
|
10
|
+
'icon/accent/pinkblue': string;
|
|
11
|
+
};
|
|
8
12
|
declare const borderGradient: {
|
|
9
13
|
readonly 'border/accent/violet': string;
|
|
10
14
|
};
|
|
@@ -38,13 +42,16 @@ declare const gradient: {
|
|
|
38
42
|
readonly 'border/accent/violet': string;
|
|
39
43
|
readonly 'bg/accent/violet': string;
|
|
40
44
|
readonly 'bg/accent/neutral': string;
|
|
45
|
+
readonly 'icon/accent/pinkblue': string;
|
|
41
46
|
readonly 'text/accent': string;
|
|
47
|
+
readonly 'text/accent/pinkblue': string;
|
|
42
48
|
};
|
|
43
49
|
type TextGradientKey = keyof typeof textGradient;
|
|
50
|
+
type IconGradientKey = keyof typeof iconGradient;
|
|
44
51
|
type BgGradientKey = keyof typeof bgGradient;
|
|
45
52
|
type BorderGradientKey = keyof typeof borderGradient;
|
|
46
53
|
type OverlayGradientKey = keyof typeof overlayGradient;
|
|
47
54
|
type GradientKey = keyof typeof gradient;
|
|
48
55
|
export default gradient;
|
|
49
|
-
export { textGradient, bgGradient, borderGradient, overlayGradient };
|
|
50
|
-
export type { TextGradientKey, BgGradientKey, BorderGradientKey, OverlayGradientKey, GradientKey };
|
|
56
|
+
export { textGradient, iconGradient, bgGradient, borderGradient, overlayGradient };
|
|
57
|
+
export type { TextGradientKey, IconGradientKey, BgGradientKey, BorderGradientKey, OverlayGradientKey, GradientKey };
|
|
@@ -2,7 +2,8 @@ const colorStopList = {
|
|
|
2
2
|
colorStopListVioletPink: '#8E6CF0, #CF75F3',
|
|
3
3
|
colorStopListBlackGray: '#0F0E0F, #595959',
|
|
4
4
|
colorStopListWhite: '#FFFFFF, #FFFFFF00',
|
|
5
|
-
colorStopListBlack: '#000000, #00000000'
|
|
5
|
+
colorStopListBlack: '#000000, #00000000',
|
|
6
|
+
colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
|
|
6
7
|
};
|
|
7
8
|
|
|
8
9
|
export { colorStopList as default };
|
package/esm/token/color/index.js
CHANGED
|
@@ -82,7 +82,8 @@ const borderColor = {
|
|
|
82
82
|
'border/hovered': palette.blue300,
|
|
83
83
|
'border/focused': palette.blue500,
|
|
84
84
|
'border/danger': palette.red500,
|
|
85
|
-
'border/success': palette.green500
|
|
85
|
+
'border/success': palette.green500,
|
|
86
|
+
'border/accent/blue': palette.blue500
|
|
86
87
|
};
|
|
87
88
|
const iconColor = {
|
|
88
89
|
'icon/neutral': palette.gray300,
|
|
@@ -3,12 +3,16 @@ import direction from '../../foundation/gradient/direction/index.js';
|
|
|
3
3
|
|
|
4
4
|
const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
|
|
5
5
|
const textGradient = {
|
|
6
|
-
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
6
|
+
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
7
|
+
'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
7
8
|
};
|
|
8
9
|
const bgGradient = {
|
|
9
10
|
'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
10
11
|
'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
|
|
11
12
|
};
|
|
13
|
+
const iconGradient = {
|
|
14
|
+
'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
15
|
+
};
|
|
12
16
|
const borderGradient = {
|
|
13
17
|
'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
14
18
|
};
|
|
@@ -28,9 +32,10 @@ const overlayGradient = {
|
|
|
28
32
|
};
|
|
29
33
|
const gradient = {
|
|
30
34
|
...textGradient,
|
|
35
|
+
...iconGradient,
|
|
31
36
|
...bgGradient,
|
|
32
37
|
...borderGradient,
|
|
33
38
|
...overlayGradient
|
|
34
39
|
};
|
|
35
40
|
|
|
36
|
-
export { bgGradient, borderGradient, gradient as default, overlayGradient, textGradient };
|
|
41
|
+
export { bgGradient, borderGradient, gradient as default, iconGradient, overlayGradient, textGradient };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/token-studio",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.11.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": "7a5a4ccc3b698c7c5f4e2fe6f8cb209cdf38e245"
|
|
31
31
|
}
|