@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.
@@ -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;
@@ -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
@@ -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 };
@@ -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.9.0",
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": "55d14d0eab0c2905cc30015c4a13190222e6e545"
30
+ "gitHead": "7a5a4ccc3b698c7c5f4e2fe6f8cb209cdf38e245"
31
31
  }