@teamturing/token-studio 1.10.0 → 1.12.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.
Files changed (9) hide show
  1. package/dist/foundation/gradient/colorStopList/index.d.ts +1 -0
  2. package/dist/foundation/gradient/index.d.ts +1 -0
  3. package/dist/index.js +9 -2
  4. package/dist/token/color/index.d.ts +2 -0
  5. package/dist/token/gradient/index.d.ts +9 -2
  6. package/esm/foundation/gradient/colorStopList/index.js +2 -1
  7. package/esm/token/color/index.js +1 -0
  8. package/esm/token/gradient/index.js +7 -2
  9. package/package.json +2 -2
package/dist/foundation/gradient/colorStopList/index.d.ts CHANGED
@@ -3,5 +3,6 @@ declare const colorStopList: {
3
3
  colorStopListBlackGray: string;
4
4
  colorStopListWhite: string;
5
5
  colorStopListBlack: string;
6
+ colorStopListPinkVioletBlue: string;
6
7
  };
7
8
  export default colorStopList;
package/dist/foundation/gradient/index.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const gradient: {
10
10
  colorStopListBlackGray: string;
11
11
  colorStopListWhite: string;
12
12
  colorStopListBlack: string;
13
+ colorStopListPinkVioletBlue: string;
13
14
  };
14
15
  export default gradient;
15
16
  export { colorStopList, direction };
package/dist/index.js CHANGED
@@ -256,6 +256,7 @@ const iconColor = {
256
256
  'icon/neutral/bold': palette.gray400,
257
257
  'icon/neutral/bolder': palette.gray700,
258
258
  'icon/accent/gray': palette.gray900,
259
+ 'icon/accent/black': palette.black,
259
260
  'icon/accent/blue/subtle': palette.blue200,
260
261
  'icon/accent/blue': palette.blue500,
261
262
  'icon/accent/blue/bold': palette.blue700,
@@ -401,7 +402,8 @@ const colorStopList = {
401
402
  colorStopListVioletPink: '#8E6CF0, #CF75F3',
402
403
  colorStopListBlackGray: '#0F0E0F, #595959',
403
404
  colorStopListWhite: '#FFFFFF, #FFFFFF00',
404
- colorStopListBlack: '#000000, #00000000'
405
+ colorStopListBlack: '#000000, #00000000',
406
+ colorStopListPinkVioletBlue: '#FF6DEB, #8E6EF1, #5F9EFF'
405
407
  };
406
408
 
407
409
  const direction = {
@@ -414,12 +416,16 @@ const direction = {
414
416
 
415
417
  const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
416
418
  const textGradient = {
417
- 'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
419
+ 'text/accent': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
420
+ 'text/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
418
421
  };
419
422
  const bgGradient = {
420
423
  'bg/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink'),
421
424
  'bg/accent/neutral': generateGradientTokenValue('directionToRightBottom', 'colorStopListBlackGray')
422
425
  };
426
+ const iconGradient = {
427
+ 'icon/accent/pinkblue': generateGradientTokenValue('directionToRightBottom', 'colorStopListPinkVioletBlue')
428
+ };
423
429
  const borderGradient = {
424
430
  'border/accent/violet': generateGradientTokenValue('directionToRightBottom', 'colorStopListVioletPink')
425
431
  };
@@ -439,6 +445,7 @@ const overlayGradient = {
439
445
  };
440
446
  const gradient = {
441
447
  ...textGradient,
448
+ ...iconGradient,
442
449
  ...bgGradient,
443
450
  ...borderGradient,
444
451
  ...overlayGradient
package/dist/token/color/index.d.ts CHANGED
@@ -88,6 +88,7 @@ declare const iconColor: {
88
88
  readonly 'icon/neutral/bold': "#8D94A0";
89
89
  readonly 'icon/neutral/bolder': "#575C64";
90
90
  readonly 'icon/accent/gray': "#33373B";
91
+ readonly 'icon/accent/black': "#000000";
91
92
  readonly 'icon/accent/blue/subtle': "#abc5f7";
92
93
  readonly 'icon/accent/blue': "#4880ee";
93
94
  readonly 'icon/accent/blue/bold': "#335ba9";
@@ -299,6 +300,7 @@ declare const color: {
299
300
  readonly 'icon/neutral/bold': "#8D94A0";
300
301
  readonly 'icon/neutral/bolder': "#575C64";
301
302
  readonly 'icon/accent/gray': "#33373B";
303
+ readonly 'icon/accent/black': "#000000";
302
304
  readonly 'icon/accent/blue/subtle': "#abc5f7";
303
305
  readonly 'icon/accent/blue': "#4880ee";
304
306
  readonly 'icon/accent/blue/bold': "#335ba9";
package/dist/token/gradient/index.d.ts CHANGED
@@ -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 };
package/esm/foundation/gradient/colorStopList/index.js CHANGED
@@ -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
@@ -90,6 +90,7 @@ const iconColor = {
90
90
  'icon/neutral/bold': palette.gray400,
91
91
  'icon/neutral/bolder': palette.gray700,
92
92
  'icon/accent/gray': palette.gray900,
93
+ 'icon/accent/black': palette.black,
93
94
  'icon/accent/blue/subtle': palette.blue200,
94
95
  'icon/accent/blue': palette.blue500,
95
96
  'icon/accent/blue/bold': palette.blue700,
package/esm/token/gradient/index.js CHANGED
@@ -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.10.0",
3
+ "version": "1.12.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": "0da37bf85a62b066ad2242e9d4408e78c376a372"
30
+ "gitHead": "ec62b25e68c33c6a7c4a7997baf50c14068df412"
31
31
  }