@teamturing/token-studio 1.10.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 +8 -2
- package/dist/token/gradient/index.d.ts +9 -2
- package/esm/foundation/gradient/colorStopList/index.js +2 -1
- package/esm/token/gradient/index.js +7 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -401,7 +401,8 @@ const colorStopList = {
|
|
|
401
401
|
colorStopListVioletPink: '#8E6CF0, #CF75F3',
|
|
402
402
|
colorStopListBlackGray: '#0F0E0F, #595959',
|
|
403
403
|
colorStopListWhite: '#FFFFFF, #FFFFFF00',
|
|
404
|
-
colorStopListBlack: '#000000, #00000000'
|
|
404
|
+
colorStopListBlack: '#000000, #00000000',
|
|
405
|
+
colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
|
|
405
406
|
};
|
|
406
407
|
|
|
407
408
|
const direction = {
|
|
@@ -414,12 +415,16 @@ const direction = {
|
|
|
414
415
|
|
|
415
416
|
const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
|
|
416
417
|
const textGradient = {
|
|
417
|
-
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
418
|
+
'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
419
|
+
'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
418
420
|
};
|
|
419
421
|
const bgGradient = {
|
|
420
422
|
'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
|
|
421
423
|
'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
|
|
422
424
|
};
|
|
425
|
+
const iconGradient = {
|
|
426
|
+
'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
|
|
427
|
+
};
|
|
423
428
|
const borderGradient = {
|
|
424
429
|
'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
|
|
425
430
|
};
|
|
@@ -439,6 +444,7 @@ const overlayGradient = {
|
|
|
439
444
|
};
|
|
440
445
|
const gradient = {
|
|
441
446
|
...textGradient,
|
|
447
|
+
...iconGradient,
|
|
442
448
|
...bgGradient,
|
|
443
449
|
...borderGradient,
|
|
444
450
|
...overlayGradient
|
|
@@ -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 };
|
|
@@ -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
|
}
|