@teamturing/token-studio 1.6.0 → 1.7.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 direction: {
3
3
  directionToLeft: string;
4
4
  directionToRightBottom: string;
5
5
  directionToTop: string;
6
+ directionToBottom: string;
6
7
  };
7
8
  export default direction;
@@ -5,6 +5,7 @@ declare const gradient: {
5
5
  directionToLeft: string;
6
6
  directionToRightBottom: string;
7
7
  directionToTop: string;
8
+ directionToBottom: string;
8
9
  colorStopListVioletPink: string;
9
10
  colorStopListBlackGray: string;
10
11
  colorStopListWhite: string;
package/dist/index.js CHANGED
@@ -183,7 +183,8 @@ const textColor = {
183
183
  'text/success': palette.green500,
184
184
  'text/warning': palette.yellow500,
185
185
  'text/danger': palette.red500,
186
- 'text/selected': palette.gray900
186
+ 'text/selected': palette.gray900,
187
+ 'text/weak': palette.gray300
187
188
  };
188
189
  const bgColor = {
189
190
  'bg/secondary': palette.violet50,
@@ -405,7 +406,8 @@ const direction = {
405
406
  directionToRight: 'to right',
406
407
  directionToLeft: 'to left',
407
408
  directionToRightBottom: 'to right bottom',
408
- directionToTop: 'to top'
409
+ directionToTop: 'to top',
410
+ directionToBottom: 'to bottom'
409
411
  };
410
412
 
411
413
  const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
@@ -423,12 +425,15 @@ const overlayGradient = {
423
425
  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
424
426
  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
425
427
  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
428
+ 'overlay/subtlest/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
426
429
  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
427
430
  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
428
431
  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
432
+ 'overlay/floating/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
429
433
  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
430
434
  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
431
- 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
435
+ 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack'),
436
+ 'overlay/bold/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListBlack')
432
437
  };
433
438
  const gradient = {
434
439
  ...textGradient,
@@ -16,6 +16,7 @@ declare const textColor: {
16
16
  readonly 'text/warning': "#FFC107";
17
17
  readonly 'text/danger': "#F22735";
18
18
  readonly 'text/selected': "#33373B";
19
+ readonly 'text/weak': "#D1D5DB";
19
20
  };
20
21
  declare const bgColor: {
21
22
  readonly 'bg/secondary': "#F3EFFD";
@@ -389,6 +390,7 @@ declare const color: {
389
390
  readonly 'text/warning': "#FFC107";
390
391
  readonly 'text/danger': "#F22735";
391
392
  readonly 'text/selected': "#33373B";
393
+ readonly 'text/weak': "#D1D5DB";
392
394
  };
393
395
  type TextColorKey = keyof typeof textColor;
394
396
  type BgColorKey = keyof typeof bgColor;
@@ -12,23 +12,29 @@ declare const overlayGradient: {
12
12
  readonly 'overlay/subtlest/toright': string;
13
13
  readonly 'overlay/subtlest/toleft': string;
14
14
  readonly 'overlay/subtlest/totop': string;
15
+ readonly 'overlay/subtlest/tobottom': string;
15
16
  readonly 'overlay/floating/toright': string;
16
17
  readonly 'overlay/floating/toleft': string;
17
18
  readonly 'overlay/floating/totop': string;
19
+ readonly 'overlay/floating/tobottom': string;
18
20
  readonly 'overlay/bold/toright': string;
19
21
  readonly 'overlay/bold/toleft': string;
20
22
  readonly 'overlay/bold/totop': string;
23
+ readonly 'overlay/bold/tobottom': string;
21
24
  };
22
25
  declare const gradient: {
23
26
  readonly 'overlay/subtlest/toright': string;
24
27
  readonly 'overlay/subtlest/toleft': string;
25
28
  readonly 'overlay/subtlest/totop': string;
29
+ readonly 'overlay/subtlest/tobottom': string;
26
30
  readonly 'overlay/floating/toright': string;
27
31
  readonly 'overlay/floating/toleft': string;
28
32
  readonly 'overlay/floating/totop': string;
33
+ readonly 'overlay/floating/tobottom': string;
29
34
  readonly 'overlay/bold/toright': string;
30
35
  readonly 'overlay/bold/toleft': string;
31
36
  readonly 'overlay/bold/totop': string;
37
+ readonly 'overlay/bold/tobottom': string;
32
38
  readonly 'border/accent/violet': string;
33
39
  readonly 'bg/accent/violet': string;
34
40
  readonly 'bg/accent/neutral': string;
@@ -2,7 +2,8 @@ const direction = {
2
2
  directionToRight: 'to right',
3
3
  directionToLeft: 'to left',
4
4
  directionToRightBottom: 'to right bottom',
5
- directionToTop: 'to top'
5
+ directionToTop: 'to top',
6
+ directionToBottom: 'to bottom'
6
7
  };
7
8
 
8
9
  export { direction as default };
@@ -17,7 +17,8 @@ const textColor = {
17
17
  'text/success': palette.green500,
18
18
  'text/warning': palette.yellow500,
19
19
  'text/danger': palette.red500,
20
- 'text/selected': palette.gray900
20
+ 'text/selected': palette.gray900,
21
+ 'text/weak': palette.gray300
21
22
  };
22
23
  const bgColor = {
23
24
  'bg/secondary': palette.violet50,
@@ -16,12 +16,15 @@ const overlayGradient = {
16
16
  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
17
17
  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
18
18
  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
19
+ 'overlay/subtlest/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
19
20
  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
20
21
  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
21
22
  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
23
+ 'overlay/floating/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
22
24
  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
23
25
  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
24
- 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
26
+ 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack'),
27
+ 'overlay/bold/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListBlack')
25
28
  };
26
29
  const gradient = {
27
30
  ...textGradient,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/token-studio",
3
- "version": "1.6.0",
3
+ "version": "1.7.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": "e4a25a048924cae1a86734841f1df13e779eaa91"
30
+ "gitHead": "22854552108cb3fe3d9d2ab9e829301fe85e6df9"
31
31
  }