@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.
- package/dist/foundation/gradient/direction/index.d.ts +1 -0
- package/dist/foundation/gradient/index.d.ts +1 -0
- package/dist/index.js +9 -8
- package/dist/token/color/index.d.ts +2 -0
- package/dist/token/gradient/index.d.ts +6 -0
- package/dist/token/index.d.ts +2 -2
- package/dist/token/opacity/index.d.ts +2 -7
- package/esm/foundation/gradient/direction/index.js +2 -1
- package/esm/index.js +1 -1
- package/esm/token/color/index.js +2 -1
- package/esm/token/gradient/index.js +4 -1
- package/esm/token/opacity/index.js +2 -5
- package/package.json +2 -2
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
|
-
|
|
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;
|
package/dist/token/index.d.ts
CHANGED
|
@@ -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
|
|
9
|
-
export type { OpacityKey
|
|
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
|
|
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 {
|
|
11
|
-
export type { AccentOpacityKey, OpacityKey };
|
|
6
|
+
export type { OpacityKey };
|
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 {
|
|
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';
|
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,
|
|
@@ -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
|
-
|
|
4
|
+
disabled: opacity$1.opacity50
|
|
8
5
|
};
|
|
9
6
|
|
|
10
|
-
export {
|
|
7
|
+
export { opacity as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teamturing/token-studio",
|
|
3
|
-
"version": "1.
|
|
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": "
|
|
30
|
+
"gitHead": "22854552108cb3fe3d9d2ab9e829301fe85e6df9"
|
|
31
31
|
}
|