@teamturing/token-studio 1.6.0 → 1.8.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/direction/index.d.ts +1 -0
  2. package/dist/foundation/gradient/index.d.ts +1 -0
  3. package/dist/index.js +9 -3
  4. package/dist/token/color/index.d.ts +4 -0
  5. package/dist/token/gradient/index.d.ts +6 -0
  6. package/esm/foundation/gradient/direction/index.js +2 -1
  7. package/esm/token/color/index.js +3 -1
  8. package/esm/token/gradient/index.js +4 -1
  9. package/package.json +2 -2
package/dist/foundation/gradient/direction/index.d.ts CHANGED
@@ -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;
package/dist/foundation/gradient/index.d.ts CHANGED
@@ -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,
@@ -220,6 +221,7 @@ const bgColor = {
220
221
  'bg/accent/red/subtle': palette.red400,
221
222
  'bg/accent/red': palette.red500,
222
223
  'bg/accent/gray/subtlest': palette.gray200,
224
+ 'bg/accent/violet/subtlest': palette.violet100,
223
225
  'bg/selected/violet': palette.violet500,
224
226
  'bg/selected': palette.gray900,
225
227
  'bg/selected/subtle': palette.gray100,
@@ -405,7 +407,8 @@ const direction = {
405
407
  directionToRight: 'to right',
406
408
  directionToLeft: 'to left',
407
409
  directionToRightBottom: 'to right bottom',
408
- directionToTop: 'to top'
410
+ directionToTop: 'to top',
411
+ directionToBottom: 'to bottom'
409
412
  };
410
413
 
411
414
  const generateGradientTokenValue = (direction$1, colorStopList$1) => `${direction[direction$1]}, ${colorStopList[colorStopList$1]}`;
@@ -423,12 +426,15 @@ const overlayGradient = {
423
426
  'overlay/subtlest/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
424
427
  'overlay/subtlest/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
425
428
  'overlay/subtlest/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
429
+ 'overlay/subtlest/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
426
430
  'overlay/floating/toright': generateGradientTokenValue('directionToRight', 'colorStopListWhite'),
427
431
  'overlay/floating/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListWhite'),
428
432
  'overlay/floating/totop': generateGradientTokenValue('directionToTop', 'colorStopListWhite'),
433
+ 'overlay/floating/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListWhite'),
429
434
  'overlay/bold/toright': generateGradientTokenValue('directionToRight', 'colorStopListBlack'),
430
435
  'overlay/bold/toleft': generateGradientTokenValue('directionToLeft', 'colorStopListBlack'),
431
- 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack')
436
+ 'overlay/bold/totop': generateGradientTokenValue('directionToTop', 'colorStopListBlack'),
437
+ 'overlay/bold/tobottom': generateGradientTokenValue('directionToBottom', 'colorStopListBlack')
432
438
  };
433
439
  const gradient = {
434
440
  ...textGradient,
package/dist/token/color/index.d.ts CHANGED
@@ -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";
@@ -52,6 +53,7 @@ declare const bgColor: {
52
53
  readonly 'bg/accent/red/subtle': "#F5525D";
53
54
  readonly 'bg/accent/red': "#F22735";
54
55
  readonly 'bg/accent/gray/subtlest': "#E5E7EB";
56
+ readonly 'bg/accent/violet/subtlest': "#E8E1FB";
55
57
  readonly 'bg/selected/violet': "#835EEB";
56
58
  readonly 'bg/selected': "#33373B";
57
59
  readonly 'bg/selected/subtle': "#F3F4F6";
@@ -359,6 +361,7 @@ declare const color: {
359
361
  readonly 'bg/accent/red/subtle': "#F5525D";
360
362
  readonly 'bg/accent/red': "#F22735";
361
363
  readonly 'bg/accent/gray/subtlest': "#E5E7EB";
364
+ readonly 'bg/accent/violet/subtlest': "#E8E1FB";
362
365
  readonly 'bg/selected/violet': "#835EEB";
363
366
  readonly 'bg/selected': "#33373B";
364
367
  readonly 'bg/selected/subtle': "#F3F4F6";
@@ -389,6 +392,7 @@ declare const color: {
389
392
  readonly 'text/warning': "#FFC107";
390
393
  readonly 'text/danger': "#F22735";
391
394
  readonly 'text/selected': "#33373B";
395
+ readonly 'text/weak': "#D1D5DB";
392
396
  };
393
397
  type TextColorKey = keyof typeof textColor;
394
398
  type BgColorKey = keyof typeof bgColor;
package/dist/token/gradient/index.d.ts CHANGED
@@ -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;
package/esm/foundation/gradient/direction/index.js CHANGED
@@ -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 };
package/esm/token/color/index.js CHANGED
@@ -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,
@@ -54,6 +55,7 @@ const bgColor = {
54
55
  'bg/accent/red/subtle': palette.red400,
55
56
  'bg/accent/red': palette.red500,
56
57
  'bg/accent/gray/subtlest': palette.gray200,
58
+ 'bg/accent/violet/subtlest': palette.violet100,
57
59
  'bg/selected/violet': palette.violet500,
58
60
  'bg/selected': palette.gray900,
59
61
  'bg/selected/subtle': palette.gray100,
package/esm/token/gradient/index.js CHANGED
@@ -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.8.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": "3a4c9dd6c4cd3b1238b05e1e3d952bad3de73041"
31
31
  }