@teamturing/token-studio 1.5.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,
@@ -441,11 +446,8 @@ const opacity$1 = {
441
446
  opacity50: 0.5
442
447
  };
443
448
 
444
- const accentOpacity = {
445
- accent: opacity$1.opacity50
446
- };
447
449
  const opacity = {
448
- ...accentOpacity
450
+ disabled: opacity$1.opacity50
449
451
  };
450
452
 
451
453
  const rounding = {
@@ -766,7 +768,6 @@ const typography = {
766
768
  }
767
769
  };
768
770
 
769
- exports.accentOpacity = accentOpacity;
770
771
  exports.baseBreakpoints = baseBreakpoints;
771
772
  exports.bgColor = bgColor;
772
773
  exports.bgGradient = bgGradient;
@@ -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;
@@ -5,8 +5,8 @@ export { default as elevation, shadowElevation, surfaceElevation } from './eleva
5
5
  export type { ElevationKey, ShadowElevationKey, SurfaceElevationKey } from './elevation';
6
6
  export { default as gradient, bgGradient, borderGradient, overlayGradient, textGradient } from './gradient';
7
7
  export type { GradientKey, BgGradientKey, BorderGradientKey, OverlayGradientKey, TextGradientKey } from './gradient';
8
- export { default as opacity, accentOpacity } from './opacity';
9
- export type { OpacityKey, AccentOpacityKey } from './opacity';
8
+ export { default as opacity } from './opacity';
9
+ export type { OpacityKey } from './opacity';
10
10
  export { default as radii } from './radii';
11
11
  export type { RadiiKey } from './radii';
12
12
  export { default as space } from './space';
@@ -1,11 +1,6 @@
1
- declare const accentOpacity: {
2
- readonly accent: number;
3
- };
4
1
  declare const opacity: {
5
- readonly accent: number;
2
+ readonly disabled: number;
6
3
  };
7
- type AccentOpacityKey = keyof typeof accentOpacity;
8
4
  type OpacityKey = keyof typeof opacity;
9
5
  export default opacity;
10
- export { accentOpacity };
11
- export type { AccentOpacityKey, OpacityKey };
6
+ export type { OpacityKey };
@@ -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/index.js CHANGED
@@ -2,7 +2,7 @@ export { baseBreakpoints, default as breakpoints } from './token/breakpoints/ind
2
2
  export { bgColor, borderColor, default as color, dimColor, iconColor, linkColor, scaleColor, textColor } from './token/color/index.js';
3
3
  export { default as elevation, shadowElevation, surfaceElevation } from './token/elevation/index.js';
4
4
  export { bgGradient, borderGradient, default as gradient, overlayGradient, textGradient } from './token/gradient/index.js';
5
- export { accentOpacity, default as opacity } from './token/opacity/index.js';
5
+ export { default as opacity } from './token/opacity/index.js';
6
6
  export { default as radii } from './token/radii/index.js';
7
7
  export { default as space } from './token/space/index.js';
8
8
  export { default as typography } from './token/typography/index.js';
@@ -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,
@@ -1,10 +1,7 @@
1
1
  import opacity$1 from '../../foundation/opacity/index.js';
2
2
 
3
- const accentOpacity = {
4
- accent: opacity$1.opacity50
5
- };
6
3
  const opacity = {
7
- ...accentOpacity
4
+ disabled: opacity$1.opacity50
8
5
  };
9
6
 
10
- export { accentOpacity, opacity as default };
7
+ export { opacity as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/token-studio",
3
- "version": "1.5.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": "b73a2410609a20b9a89b24cee7b2522e5e7eff6f"
30
+ "gitHead": "22854552108cb3fe3d9d2ab9e829301fe85e6df9"
31
31
  }