@teamturing/token-studio 1.1.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 (54) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +1 -0
  3. package/dist/foundation/breakpoint/device.d.ts +6 -0
  4. package/dist/foundation/breakpoint/index.d.ts +8 -0
  5. package/dist/foundation/gradient/colorStopList/index.d.ts +7 -0
  6. package/dist/foundation/gradient/direction/index.d.ts +7 -0
  7. package/dist/foundation/gradient/index.d.ts +14 -0
  8. package/dist/foundation/opacity/index.d.ts +4 -0
  9. package/dist/foundation/palette/index.d.ts +148 -0
  10. package/dist/foundation/rounding/index.d.ts +12 -0
  11. package/dist/foundation/shadow/index.d.ts +4 -0
  12. package/dist/foundation/spacing/index.d.ts +29 -0
  13. package/dist/foundation/typography/fontSize/index.d.ts +17 -0
  14. package/dist/foundation/typography/fontWeight/index.d.ts +12 -0
  15. package/dist/foundation/typography/index.d.ts +32 -0
  16. package/dist/foundation/typography/lineHeight/index.d.ts +5 -0
  17. package/dist/index.d.ts +1 -0
  18. package/dist/index.js +651 -0
  19. package/dist/token/breakpoints/index.d.ts +4 -0
  20. package/dist/token/color/index.d.ts +253 -0
  21. package/dist/token/elevation/index.d.ts +18 -0
  22. package/dist/token/gradient/index.d.ts +44 -0
  23. package/dist/token/index.d.ts +15 -0
  24. package/dist/token/opacity/index.d.ts +11 -0
  25. package/dist/token/radii/index.d.ts +13 -0
  26. package/dist/token/space/index.d.ts +53 -0
  27. package/dist/token/typography/fontSizes.d.ts +15 -0
  28. package/dist/token/typography/fontWeights.d.ts +7 -0
  29. package/dist/token/typography/index.d.ts +134 -0
  30. package/dist/token/typography/lineHeights.d.ts +6 -0
  31. package/esm/foundation/breakpoint/device.js +7 -0
  32. package/esm/foundation/gradient/colorStopList/index.js +8 -0
  33. package/esm/foundation/gradient/direction/index.js +8 -0
  34. package/esm/foundation/opacity/index.js +5 -0
  35. package/esm/foundation/palette/index.js +90 -0
  36. package/esm/foundation/rounding/index.js +13 -0
  37. package/esm/foundation/shadow/index.js +5 -0
  38. package/esm/foundation/spacing/index.js +56 -0
  39. package/esm/foundation/typography/fontSize/index.js +18 -0
  40. package/esm/foundation/typography/fontWeight/index.js +13 -0
  41. package/esm/foundation/typography/lineHeight/index.js +6 -0
  42. package/esm/index.js +11 -0
  43. package/esm/token/breakpoints/index.js +6 -0
  44. package/esm/token/color/index.js +140 -0
  45. package/esm/token/elevation/index.js +16 -0
  46. package/esm/token/gradient/index.js +33 -0
  47. package/esm/token/opacity/index.js +10 -0
  48. package/esm/token/radii/index.js +15 -0
  49. package/esm/token/space/index.js +55 -0
  50. package/esm/token/typography/fontSizes.js +17 -0
  51. package/esm/token/typography/fontWeights.js +9 -0
  52. package/esm/token/typography/index.js +133 -0
  53. package/esm/token/typography/lineHeights.js +8 -0
  54. package/package.json +32 -0
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 weareteamturing
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md ADDED
@@ -0,0 +1 @@
1
+ # `@teamturing/token-studio`
@@ -0,0 +1,6 @@
1
+ declare const device: {
2
+ deviceDesktop: number;
3
+ deviceTablet: number;
4
+ deviceMobile: number;
5
+ };
6
+ export default device;
@@ -0,0 +1,8 @@
1
+ import device from './device';
2
+ declare const breakpoint: {
3
+ deviceDesktop: number;
4
+ deviceTablet: number;
5
+ deviceMobile: number;
6
+ };
7
+ export default breakpoint;
8
+ export { device };
@@ -0,0 +1,7 @@
1
+ declare const colorStopList: {
2
+ colorStopListVioletPink: string;
3
+ colorStopListBlackGray: string;
4
+ colorStopListWhite: string;
5
+ colorStopListBlack: string;
6
+ };
7
+ export default colorStopList;
@@ -0,0 +1,7 @@
1
+ declare const direction: {
2
+ directionToRight: string;
3
+ directionToLeft: string;
4
+ directionToRightBottom: string;
5
+ directionToTop: string;
6
+ };
7
+ export default direction;
@@ -0,0 +1,14 @@
1
+ import colorStopList from './colorStopList';
2
+ import direction from './direction';
3
+ declare const gradient: {
4
+ directionToRight: string;
5
+ directionToLeft: string;
6
+ directionToRightBottom: string;
7
+ directionToTop: string;
8
+ colorStopListVioletPink: string;
9
+ colorStopListBlackGray: string;
10
+ colorStopListWhite: string;
11
+ colorStopListBlack: string;
12
+ };
13
+ export default gradient;
14
+ export { colorStopList, direction };
@@ -0,0 +1,4 @@
1
+ declare const opacity: {
2
+ opacity50: number;
3
+ };
4
+ export default opacity;
@@ -0,0 +1,148 @@
1
+ declare const gray: {
2
+ readonly gray50: "#F9FAFB";
3
+ readonly gray100: "#F3F4F6";
4
+ readonly gray200: "#E5E7EB";
5
+ readonly gray300: "#D1D5DB";
6
+ readonly gray400: "#8D94A0";
7
+ readonly gray500: "#7A828D";
8
+ readonly gray600: "#6F7680";
9
+ readonly gray700: "#575C64";
10
+ readonly gray800: "#43484E";
11
+ readonly gray900: "#33373B";
12
+ };
13
+ declare const violet: {
14
+ readonly violet50: "#F3EFFD";
15
+ readonly violet100: "#E8E1FB";
16
+ readonly violet200: "#D9CDF9";
17
+ readonly violet300: "#C6B5F6";
18
+ readonly violet400: "#9C7EEF";
19
+ readonly violet500: "#835EEB";
20
+ readonly violet600: "#7756D6";
21
+ readonly violet700: "#5D43A7";
22
+ readonly violet800: "#483481";
23
+ readonly violet900: "#372763";
24
+ };
25
+ declare const green: {
26
+ readonly green50: "#E9FAF6";
27
+ readonly green100: "#BAEFE2";
28
+ readonly green200: "#98E8D4";
29
+ readonly green300: "#69DDC0";
30
+ readonly green400: "#4CD6B4";
31
+ readonly green500: "#1FCCA1";
32
+ readonly green600: "#1CBA93";
33
+ readonly green700: "#169172";
34
+ readonly green800: "#117059";
35
+ readonly green900: "#0D5644";
36
+ };
37
+ declare const yellow: {
38
+ readonly yellow50: "#FFF9E6";
39
+ readonly yellow100: "#FFECB2";
40
+ readonly yellow200: "#FFE28D";
41
+ readonly yellow300: "#FFD559";
42
+ readonly yellow400: "#FFCD39";
43
+ readonly yellow500: "#FFC107";
44
+ readonly yellow600: "#E8B006";
45
+ readonly yellow700: "#B58905";
46
+ readonly yellow800: "#8C6A04";
47
+ readonly yellow900: "#6B5103";
48
+ };
49
+ declare const red: {
50
+ readonly red50: "#FEE9EB";
51
+ readonly red100: "#FBBCC0";
52
+ readonly red200: "#F99CA2";
53
+ readonly red300: "#F66E78";
54
+ readonly red400: "#F5525D";
55
+ readonly red500: "#F22735";
56
+ readonly red600: "#DC2330";
57
+ readonly red700: "#AC1C26";
58
+ readonly red800: "#85151D";
59
+ readonly red900: "#661016";
60
+ };
61
+ declare const blue: {
62
+ readonly blue50: "#edf2fd";
63
+ readonly blue100: "#c6d8fa";
64
+ readonly blue200: "#abc5f7";
65
+ readonly blue300: "#84aaf4";
66
+ readonly blue400: "#6d99f1";
67
+ readonly blue500: "#4880ee";
68
+ readonly blue600: "#4274d9";
69
+ readonly blue700: "#335ba9";
70
+ readonly blue800: "#284683";
71
+ readonly blue900: "#1e3664";
72
+ };
73
+ declare const shade: {
74
+ readonly transparent: "#FFFFFF00";
75
+ readonly white: "#FFFFFF";
76
+ readonly white10A: "#FFFFFF1A";
77
+ readonly black: "#000000";
78
+ readonly black60A: "#00000099";
79
+ };
80
+ declare const palette: {
81
+ transparent: "#FFFFFF00";
82
+ white: "#FFFFFF";
83
+ white10A: "#FFFFFF1A";
84
+ black: "#000000";
85
+ black60A: "#00000099";
86
+ blue50: "#edf2fd";
87
+ blue100: "#c6d8fa";
88
+ blue200: "#abc5f7";
89
+ blue300: "#84aaf4";
90
+ blue400: "#6d99f1";
91
+ blue500: "#4880ee";
92
+ blue600: "#4274d9";
93
+ blue700: "#335ba9";
94
+ blue800: "#284683";
95
+ blue900: "#1e3664";
96
+ red50: "#FEE9EB";
97
+ red100: "#FBBCC0";
98
+ red200: "#F99CA2";
99
+ red300: "#F66E78";
100
+ red400: "#F5525D";
101
+ red500: "#F22735";
102
+ red600: "#DC2330";
103
+ red700: "#AC1C26";
104
+ red800: "#85151D";
105
+ red900: "#661016";
106
+ yellow50: "#FFF9E6";
107
+ yellow100: "#FFECB2";
108
+ yellow200: "#FFE28D";
109
+ yellow300: "#FFD559";
110
+ yellow400: "#FFCD39";
111
+ yellow500: "#FFC107";
112
+ yellow600: "#E8B006";
113
+ yellow700: "#B58905";
114
+ yellow800: "#8C6A04";
115
+ yellow900: "#6B5103";
116
+ green50: "#E9FAF6";
117
+ green100: "#BAEFE2";
118
+ green200: "#98E8D4";
119
+ green300: "#69DDC0";
120
+ green400: "#4CD6B4";
121
+ green500: "#1FCCA1";
122
+ green600: "#1CBA93";
123
+ green700: "#169172";
124
+ green800: "#117059";
125
+ green900: "#0D5644";
126
+ violet50: "#F3EFFD";
127
+ violet100: "#E8E1FB";
128
+ violet200: "#D9CDF9";
129
+ violet300: "#C6B5F6";
130
+ violet400: "#9C7EEF";
131
+ violet500: "#835EEB";
132
+ violet600: "#7756D6";
133
+ violet700: "#5D43A7";
134
+ violet800: "#483481";
135
+ violet900: "#372763";
136
+ gray50: "#F9FAFB";
137
+ gray100: "#F3F4F6";
138
+ gray200: "#E5E7EB";
139
+ gray300: "#D1D5DB";
140
+ gray400: "#8D94A0";
141
+ gray500: "#7A828D";
142
+ gray600: "#6F7680";
143
+ gray700: "#575C64";
144
+ gray800: "#43484E";
145
+ gray900: "#33373B";
146
+ };
147
+ export default palette;
148
+ export { gray, violet, green, yellow, red, blue, shade };
@@ -0,0 +1,12 @@
1
+ declare const rounding: {
2
+ rounding0: number;
3
+ rounding4: number;
4
+ rounding8: number;
5
+ rounding12: number;
6
+ rounding16: number;
7
+ rounding20: number;
8
+ rounding24: number;
9
+ rounding32: number;
10
+ rounding9999: number;
11
+ };
12
+ export default rounding;
@@ -0,0 +1,4 @@
1
+ declare const shadow: {
2
+ shadowMedium: string;
3
+ };
4
+ export default shadow;
@@ -0,0 +1,29 @@
1
+ declare const spacing: {
2
+ spacing0: number;
3
+ spacing1: number;
4
+ spacing2: number;
5
+ spacing4: number;
6
+ spacing6: number;
7
+ spacing8: number;
8
+ spacing12: number;
9
+ spacing16: number;
10
+ spacing20: number;
11
+ spacing24: number;
12
+ spacing28: number;
13
+ spacing32: number;
14
+ spacing40: number;
15
+ spacing48: number;
16
+ spacing56: number;
17
+ spacing64: number;
18
+ spacing72: number;
19
+ spacing80: number;
20
+ spacing96: number;
21
+ spacing112: number;
22
+ spacing120: number;
23
+ spacing128: number;
24
+ spacing160: number;
25
+ spacing192: number;
26
+ spacing200: number;
27
+ spacing320: number;
28
+ };
29
+ export default spacing;
@@ -0,0 +1,17 @@
1
+ declare const fontSize: {
2
+ fontSize50: number;
3
+ fontSize100: number;
4
+ fontSize200: number;
5
+ fontSize300: number;
6
+ fontSize400: number;
7
+ fontSize500: number;
8
+ fontSize600: number;
9
+ fontSize700: number;
10
+ fontSize800: number;
11
+ fontSize900: number;
12
+ fontSize1000: number;
13
+ fontSize1100: number;
14
+ fontSize1200: number;
15
+ fontSize1300: number;
16
+ };
17
+ export default fontSize;
@@ -0,0 +1,12 @@
1
+ declare const fontWeight: {
2
+ fontWeight100: number;
3
+ fontWeight200: number;
4
+ fontWeight300: number;
5
+ fontWeight400: number;
6
+ fontWeight500: number;
7
+ fontWeight600: number;
8
+ fontWeight700: number;
9
+ fontWeight800: number;
10
+ fontWeight900: number;
11
+ };
12
+ export default fontWeight;
@@ -0,0 +1,32 @@
1
+ import fontSize from './fontSize';
2
+ import fontWeight from './fontWeight';
3
+ import lineHeight from './lineHeight';
4
+ declare const typography: {
5
+ lineHeight1: number;
6
+ lineHeight2: number;
7
+ fontWeight100: number;
8
+ fontWeight200: number;
9
+ fontWeight300: number;
10
+ fontWeight400: number;
11
+ fontWeight500: number;
12
+ fontWeight600: number;
13
+ fontWeight700: number;
14
+ fontWeight800: number;
15
+ fontWeight900: number;
16
+ fontSize50: number;
17
+ fontSize100: number;
18
+ fontSize200: number;
19
+ fontSize300: number;
20
+ fontSize400: number;
21
+ fontSize500: number;
22
+ fontSize600: number;
23
+ fontSize700: number;
24
+ fontSize800: number;
25
+ fontSize900: number;
26
+ fontSize1000: number;
27
+ fontSize1100: number;
28
+ fontSize1200: number;
29
+ fontSize1300: number;
30
+ };
31
+ export default typography;
32
+ export { fontSize, fontWeight, lineHeight };
@@ -0,0 +1,5 @@
1
+ declare const lineHeight: {
2
+ lineHeight1: number;
3
+ lineHeight2: number;
4
+ };
5
+ export default lineHeight;
@@ -0,0 +1 @@
1
+ export * from './token';