@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.
- package/dist/foundation/gradient/direction/index.d.ts +1 -0
- package/dist/foundation/gradient/index.d.ts +1 -0
- package/dist/index.js +8 -3
- package/dist/token/color/index.d.ts +2 -0
- package/dist/token/gradient/index.d.ts +6 -0
- package/esm/foundation/gradient/direction/index.js +2 -1
- package/esm/token/color/index.js +2 -1
- package/esm/token/gradient/index.js +4 -1
- 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,
|
|
@@ -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/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,
|
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
|
}
|