@manamerge/mana-atomic-ui 1.0.45 → 1.0.46

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 (74) hide show
  1. package/dist/index.d.ts +3 -4
  2. package/dist/index.js +2 -4
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/{DavidWebTheme.js → themes/DavidWebTheme.ts} +27 -1
  5. package/dist/themes/{ManamergeTheme.js → themes/ManamergeTheme.ts} +36 -5
  6. package/dist/themes/themes/davidWeb/fonts/index.js +15 -44
  7. package/dist/themes/themes/davidWeb/images/icons/modal/closeicon.svg.js +42 -37
  8. package/dist/themes/themes/davidWeb/images/icons/navigation/notification.svg.js +49 -48
  9. package/dist/themes/themes/davidWeb/images/icons/navigation/profile.svg.js +31 -27
  10. package/dist/themes/themes/davidWeb/images/icons/navigation/user.svg.js +33 -29
  11. package/dist/themes/themes/davidWeb/styling/chat-theme.css.js +14 -80
  12. package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js +12 -47
  13. package/dist/themes/themes/davidWeb/styling/notification-theme.css.js +22 -166
  14. package/dist/themes/themes/manamerge/fonts/index.js +17 -55
  15. package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js +42 -37
  16. package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js +49 -48
  17. package/dist/themes/themes/manamerge/images/icons/navigation/profile.svg.js +31 -27
  18. package/dist/themes/themes/manamerge/images/icons/navigation/user.svg.js +33 -29
  19. package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +6 -6
  20. package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts +3 -2
  21. package/dist/themes/themes/manamerge/styling/chat-theme.css.js +14 -80
  22. package/dist/themes/themes/manamerge/styling/filter-list-theme.css.js +12 -47
  23. package/dist/themes/themes/manamerge/styling/notification-theme.css.js +22 -166
  24. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
  25. package/dist/types/components/Atoms/Text/Text.d.ts +2 -3
  26. package/dist/types/themes/ManamergeTheme.d.ts +155 -155
  27. package/dist/types/themes/manamerge/atoms/button.d.ts +18 -18
  28. package/dist/types/themes/manamerge/atoms/divider.d.ts +3 -3
  29. package/dist/types/themes/manamerge/atoms/gradient.d.ts +6 -6
  30. package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -36
  31. package/dist/types/themes/manamerge/atoms/link.d.ts +30 -30
  32. package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
  33. package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +24 -29
  34. package/dist/types/themes/manamerge/miscellaneous/fontsizes.d.ts +8 -9
  35. package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +2 -2
  36. package/package.json +2 -3
  37. package/dist/themes/davidWeb/atoms/button.js +0 -107
  38. package/dist/themes/davidWeb/atoms/checkbox.js +0 -72
  39. package/dist/themes/davidWeb/atoms/divider.js +0 -24
  40. package/dist/themes/davidWeb/atoms/gradient.js +0 -18
  41. package/dist/themes/davidWeb/atoms/heading.js +0 -141
  42. package/dist/themes/davidWeb/atoms/icon.js +0 -30
  43. package/dist/themes/davidWeb/atoms/link.js +0 -78
  44. package/dist/themes/davidWeb/atoms/text.js +0 -38
  45. package/dist/themes/davidWeb/layouts/pint3.js +0 -13
  46. package/dist/themes/davidWeb/miscellaneous/breakpoints.js +0 -14
  47. package/dist/themes/davidWeb/molecules/accordion.js +0 -29
  48. package/dist/themes/davidWeb/molecules/breakerTape.js +0 -30
  49. package/dist/themes/davidWeb/molecules/cardBanner.js +0 -26
  50. package/dist/themes/davidWeb/molecules/cardSimpleRender.js +0 -34
  51. package/dist/themes/davidWeb/molecules/cardTeaser.js +0 -69
  52. package/dist/themes/davidWeb/molecules/footer.js +0 -26
  53. package/dist/themes/davidWeb/molecules/header.js +0 -94
  54. package/dist/themes/davidWeb/molecules/navigation.js +0 -53
  55. package/dist/themes/manamerge/atoms/button.js +0 -108
  56. package/dist/themes/manamerge/atoms/checkbox.js +0 -72
  57. package/dist/themes/manamerge/atoms/divider.js +0 -25
  58. package/dist/themes/manamerge/atoms/gradient.js +0 -19
  59. package/dist/themes/manamerge/atoms/heading.js +0 -280
  60. package/dist/themes/manamerge/atoms/icon.js +0 -30
  61. package/dist/themes/manamerge/atoms/link.js +0 -124
  62. package/dist/themes/manamerge/atoms/text.js +0 -62
  63. package/dist/themes/manamerge/layouts/pint3.js +0 -13
  64. package/dist/themes/manamerge/miscellaneous/breakpoints.js +0 -14
  65. package/dist/themes/manamerge/miscellaneous/colorpalette.js +0 -31
  66. package/dist/themes/manamerge/miscellaneous/fontsizes.js +0 -11
  67. package/dist/themes/manamerge/molecules/accordion.js +0 -29
  68. package/dist/themes/manamerge/molecules/breakerTape.js +0 -30
  69. package/dist/themes/manamerge/molecules/cardBanner.js +0 -26
  70. package/dist/themes/manamerge/molecules/cardSimpleRender.js +0 -35
  71. package/dist/themes/manamerge/molecules/cardTeaser.js +0 -69
  72. package/dist/themes/manamerge/molecules/footer.js +0 -26
  73. package/dist/themes/manamerge/molecules/header.js +0 -86
  74. package/dist/themes/manamerge/molecules/navigation.js +0 -53
@@ -12,7 +12,7 @@ declare const button: {
12
12
  letterSpacing: string;
13
13
  padding: string;
14
14
  fontSize: string;
15
- color: "#fff";
15
+ color: string;
16
16
  textAlign: string;
17
17
  display: string;
18
18
  justifyContent: string;
@@ -23,27 +23,27 @@ declare const button: {
23
23
  overflow: string;
24
24
  position: string;
25
25
  default: {
26
- text: "#202020";
26
+ text: string;
27
27
  border: string;
28
- background: "#c0c0c0";
28
+ background: string;
29
29
  opacity: number;
30
30
  };
31
31
  hover: {
32
- text: "#000000";
32
+ text: string;
33
33
  border: string;
34
- background: "#fff";
34
+ background: string;
35
35
  opacity: number;
36
36
  };
37
37
  active: {
38
- text: "#e0e0e0";
38
+ text: string;
39
39
  border: string;
40
- background: "#04198C";
40
+ background: string;
41
41
  opacity: number;
42
42
  };
43
43
  disabled: {
44
- text: "#fff";
44
+ text: string;
45
45
  border: string;
46
- background: "#606060";
46
+ background: string;
47
47
  opacity: number;
48
48
  };
49
49
  };
@@ -60,7 +60,7 @@ declare const button: {
60
60
  letterSpacing: string;
61
61
  padding: string;
62
62
  fontSize: string;
63
- color: "#fff";
63
+ color: string;
64
64
  textAlign: string;
65
65
  display: string;
66
66
  justifyContent: string;
@@ -71,27 +71,27 @@ declare const button: {
71
71
  position: string;
72
72
  border: string;
73
73
  default: {
74
- text: "#fff";
74
+ text: string;
75
75
  border: string;
76
- background: "#050A59";
76
+ background: string;
77
77
  opacity: number;
78
78
  };
79
79
  hover: {
80
- text: "#fff";
80
+ text: string;
81
81
  border: string;
82
- background: "#04198C";
82
+ background: string;
83
83
  opacity: number;
84
84
  };
85
85
  active: {
86
- text: "#fff";
86
+ text: string;
87
87
  border: string;
88
- background: "#04198C";
88
+ background: string;
89
89
  opacity: number;
90
90
  };
91
91
  disabled: {
92
- text: "#fff";
92
+ text: string;
93
93
  border: string;
94
- background: "#606060";
94
+ background: string;
95
95
  opacity: number;
96
96
  };
97
97
  };
@@ -1,20 +1,20 @@
1
1
  declare const divider: {
2
2
  "Divider-primary": {
3
- color: "#e0e0e0";
3
+ color: string;
4
4
  height: string;
5
5
  width: string;
6
6
  borderRadius: string;
7
7
  margin: string;
8
8
  };
9
9
  "Divider-secondary": {
10
- color: "#202020";
10
+ color: string;
11
11
  height: string;
12
12
  width: string;
13
13
  borderRadius: string;
14
14
  margin: string;
15
15
  };
16
16
  "Divider-tertiary": {
17
- color: "#FFD166";
17
+ color: string;
18
18
  height: string;
19
19
  width: string;
20
20
  borderRadius: string;
@@ -1,18 +1,18 @@
1
1
  declare const gradient: {
2
2
  "Gradient-primary": {
3
3
  orientation: string;
4
- primaryColor: "#BF9B30";
5
- secondaryColor: "#FFD166";
4
+ primaryColor: string;
5
+ secondaryColor: string;
6
6
  };
7
7
  "Gradient-secondary": {
8
8
  orientation: string;
9
- primaryColor: "#0041FF";
10
- secondaryColor: "#0031CC";
9
+ primaryColor: string;
10
+ secondaryColor: string;
11
11
  };
12
12
  "Gradient-tertiary": {
13
13
  orientation: string;
14
- primaryColor: "#FFD166";
15
- secondaryColor: "#FF1A1A";
14
+ primaryColor: string;
15
+ secondaryColor: string;
16
16
  };
17
17
  };
18
18
  export default gradient;
@@ -4,21 +4,21 @@ declare const heading: {
4
4
  fontSize: string;
5
5
  lineHeight: string;
6
6
  fontWeight: number;
7
- color: "#e0e0e0";
7
+ color: string;
8
8
  margin: string;
9
9
  };
10
10
  tablet: {
11
11
  fontSize: string;
12
12
  lineHeight: string;
13
13
  fontWeight: number;
14
- color: "#e0e0e0";
14
+ color: string;
15
15
  margin: string;
16
16
  };
17
17
  desktop: {
18
18
  fontSize: string;
19
19
  lineHeight: string;
20
20
  fontWeight: number;
21
- color: "#e0e0e0";
21
+ color: string;
22
22
  margin: string;
23
23
  };
24
24
  };
@@ -27,21 +27,21 @@ declare const heading: {
27
27
  fontSize: string;
28
28
  lineHeight: string;
29
29
  fontWeight: number;
30
- color: "#e0e0e0";
30
+ color: string;
31
31
  margin: string;
32
32
  };
33
33
  tablet: {
34
34
  fontSize: string;
35
35
  lineHeight: string;
36
36
  fontWeight: number;
37
- color: "#e0e0e0";
37
+ color: string;
38
38
  margin: string;
39
39
  };
40
40
  desktop: {
41
41
  fontSize: string;
42
42
  lineHeight: string;
43
43
  fontWeight: number;
44
- color: "#e0e0e0";
44
+ color: string;
45
45
  margin: string;
46
46
  };
47
47
  };
@@ -50,21 +50,21 @@ declare const heading: {
50
50
  fontSize: string;
51
51
  lineHeight: string;
52
52
  fontWeight: number;
53
- color: "#e0e0e0";
53
+ color: string;
54
54
  margin: string;
55
55
  };
56
56
  tablet: {
57
57
  fontSize: string;
58
58
  lineHeight: string;
59
59
  fontWeight: number;
60
- color: "#e0e0e0";
60
+ color: string;
61
61
  margin: string;
62
62
  };
63
63
  desktop: {
64
64
  fontSize: string;
65
65
  lineHeight: string;
66
66
  fontWeight: number;
67
- color: "#e0e0e0";
67
+ color: string;
68
68
  margin: string;
69
69
  };
70
70
  };
@@ -73,21 +73,21 @@ declare const heading: {
73
73
  fontSize: string;
74
74
  lineHeight: string;
75
75
  fontWeight: number;
76
- color: "#e0e0e0";
76
+ color: string;
77
77
  margin: string;
78
78
  };
79
79
  tablet: {
80
80
  fontSize: string;
81
81
  lineHeight: string;
82
82
  fontWeight: number;
83
- color: "#e0e0e0";
83
+ color: string;
84
84
  margin: string;
85
85
  };
86
86
  desktop: {
87
87
  fontSize: string;
88
88
  lineHeight: string;
89
89
  fontWeight: number;
90
- color: "#e0e0e0";
90
+ color: string;
91
91
  margin: string;
92
92
  };
93
93
  };
@@ -96,21 +96,21 @@ declare const heading: {
96
96
  fontSize: string;
97
97
  lineHeight: string;
98
98
  fontWeight: number;
99
- color: "#e0e0e0";
99
+ color: string;
100
100
  margin: string;
101
101
  };
102
102
  tablet: {
103
103
  fontSize: string;
104
104
  lineHeight: string;
105
105
  fontWeight: number;
106
- color: "#e0e0e0";
106
+ color: string;
107
107
  margin: string;
108
108
  };
109
109
  desktop: {
110
110
  fontSize: string;
111
111
  lineHeight: string;
112
112
  fontWeight: number;
113
- color: "#e0e0e0";
113
+ color: string;
114
114
  margin: string;
115
115
  };
116
116
  };
@@ -119,21 +119,21 @@ declare const heading: {
119
119
  fontSize: string;
120
120
  lineHeight: string;
121
121
  fontWeight: number;
122
- color: "#e0e0e0";
122
+ color: string;
123
123
  margin: string;
124
124
  };
125
125
  tablet: {
126
126
  fontSize: string;
127
127
  lineHeight: string;
128
128
  fontWeight: number;
129
- color: "#e0e0e0";
129
+ color: string;
130
130
  margin: string;
131
131
  };
132
132
  desktop: {
133
133
  fontSize: string;
134
134
  lineHeight: string;
135
135
  fontWeight: number;
136
- color: "#e0e0e0";
136
+ color: string;
137
137
  margin: string;
138
138
  };
139
139
  };
@@ -142,21 +142,21 @@ declare const heading: {
142
142
  fontSize: string;
143
143
  lineHeight: string;
144
144
  fontWeight: number;
145
- color: "#FF1A1A";
145
+ color: string;
146
146
  margin: string;
147
147
  };
148
148
  tablet: {
149
149
  fontSize: string;
150
150
  lineHeight: string;
151
151
  fontWeight: number;
152
- color: "#FF1A1A";
152
+ color: string;
153
153
  margin: string;
154
154
  };
155
155
  desktop: {
156
156
  fontSize: string;
157
157
  lineHeight: string;
158
158
  fontWeight: number;
159
- color: "#FF1A1A";
159
+ color: string;
160
160
  margin: string;
161
161
  };
162
162
  };
@@ -165,21 +165,21 @@ declare const heading: {
165
165
  fontSize: string;
166
166
  lineHeight: string;
167
167
  fontWeight: number;
168
- color: "#FF1A1A";
168
+ color: string;
169
169
  margin: string;
170
170
  };
171
171
  tablet: {
172
172
  fontSize: string;
173
173
  lineHeight: string;
174
174
  fontWeight: number;
175
- color: "#FF1A1A";
175
+ color: string;
176
176
  margin: string;
177
177
  };
178
178
  desktop: {
179
179
  fontSize: string;
180
180
  lineHeight: string;
181
181
  fontWeight: number;
182
- color: "#FF1A1A";
182
+ color: string;
183
183
  margin: string;
184
184
  };
185
185
  };
@@ -188,21 +188,21 @@ declare const heading: {
188
188
  fontSize: string;
189
189
  lineHeight: string;
190
190
  fontWeight: number;
191
- color: "#FF1A1A";
191
+ color: string;
192
192
  margin: string;
193
193
  };
194
194
  tablet: {
195
195
  fontSize: string;
196
196
  lineHeight: string;
197
197
  fontWeight: number;
198
- color: "#FF1A1A";
198
+ color: string;
199
199
  margin: string;
200
200
  };
201
201
  desktop: {
202
202
  fontSize: string;
203
203
  lineHeight: string;
204
204
  fontWeight: number;
205
- color: "#FF1A1A";
205
+ color: string;
206
206
  margin: string;
207
207
  };
208
208
  };
@@ -211,21 +211,21 @@ declare const heading: {
211
211
  fontSize: string;
212
212
  lineHeight: string;
213
213
  fontWeight: number;
214
- color: "#FF1A1A";
214
+ color: string;
215
215
  margin: string;
216
216
  };
217
217
  tablet: {
218
218
  fontSize: string;
219
219
  lineHeight: string;
220
220
  fontWeight: number;
221
- color: "#FF1A1A";
221
+ color: string;
222
222
  margin: string;
223
223
  };
224
224
  desktop: {
225
225
  fontSize: string;
226
226
  lineHeight: string;
227
227
  fontWeight: number;
228
- color: "#FF1A1A";
228
+ color: string;
229
229
  margin: string;
230
230
  };
231
231
  };
@@ -234,21 +234,21 @@ declare const heading: {
234
234
  fontSize: string;
235
235
  lineHeight: string;
236
236
  fontWeight: number;
237
- color: "#FF1A1A";
237
+ color: string;
238
238
  margin: string;
239
239
  };
240
240
  tablet: {
241
241
  fontSize: string;
242
242
  lineHeight: string;
243
243
  fontWeight: number;
244
- color: "#FF1A1A";
244
+ color: string;
245
245
  margin: string;
246
246
  };
247
247
  desktop: {
248
248
  fontSize: string;
249
249
  lineHeight: string;
250
250
  fontWeight: number;
251
- color: "#FF1A1A";
251
+ color: string;
252
252
  margin: string;
253
253
  };
254
254
  };
@@ -257,21 +257,21 @@ declare const heading: {
257
257
  fontSize: string;
258
258
  lineHeight: string;
259
259
  fontWeight: number;
260
- color: "#FF1A1A";
260
+ color: string;
261
261
  margin: string;
262
262
  };
263
263
  tablet: {
264
264
  fontSize: string;
265
265
  lineHeight: string;
266
266
  fontWeight: number;
267
- color: "#FF1A1A";
267
+ color: string;
268
268
  margin: string;
269
269
  };
270
270
  desktop: {
271
271
  fontSize: string;
272
272
  lineHeight: string;
273
273
  fontWeight: number;
274
- color: "#FF1A1A";
274
+ color: string;
275
275
  margin: string;
276
276
  };
277
277
  };
@@ -3,120 +3,120 @@ declare const Link: {
3
3
  fontSize: string;
4
4
  lineHeight: string;
5
5
  fontWeight: number;
6
- color: "#0041FF";
6
+ color: string;
7
7
  hover: {
8
- color: "#e0e0e0";
8
+ color: string;
9
9
  };
10
10
  disabled: {
11
- color: "#808080";
11
+ color: string;
12
12
  };
13
13
  };
14
14
  "Link-primary-regular": {
15
15
  fontSize: string;
16
16
  lineHeight: string;
17
17
  fontWeight: number;
18
- color: "#0041FF";
18
+ color: string;
19
19
  hover: {
20
- color: "#e0e0e0";
20
+ color: string;
21
21
  };
22
22
  disabled: {
23
- color: "#808080";
23
+ color: string;
24
24
  };
25
25
  };
26
26
  "Link-primary-medium": {
27
27
  fontSize: string;
28
28
  lineHeight: string;
29
29
  fontWeight: number;
30
- color: "#0041FF";
30
+ color: string;
31
31
  hover: {
32
- color: "#e0e0e0";
32
+ color: string;
33
33
  };
34
34
  disabled: {
35
- color: "#808080";
35
+ color: string;
36
36
  };
37
37
  };
38
38
  "Link-primary-bold": {
39
39
  fontSize: string;
40
40
  lineHeight: string;
41
41
  fontWeight: number;
42
- color: "#0041FF";
42
+ color: string;
43
43
  hover: {
44
- color: "#e0e0e0";
44
+ color: string;
45
45
  };
46
46
  disabled: {
47
- color: "#808080";
47
+ color: string;
48
48
  };
49
49
  };
50
50
  "Link-primary-heavy": {
51
51
  fontSize: string;
52
52
  lineHeight: string;
53
53
  fontWeight: number;
54
- color: "#0041FF";
54
+ color: string;
55
55
  hover: {
56
- color: "#e0e0e0";
56
+ color: string;
57
57
  };
58
58
  disabled: {
59
- color: "#808080";
59
+ color: string;
60
60
  };
61
61
  };
62
62
  "Link-secondary-light": {
63
63
  fontSize: string;
64
64
  lineHeight: string;
65
65
  fontWeight: number;
66
- color: "#e0e0e0";
66
+ color: string;
67
67
  hover: {
68
- color: "#0041FF";
68
+ color: string;
69
69
  };
70
70
  disabled: {
71
- color: "#808080";
71
+ color: string;
72
72
  };
73
73
  };
74
74
  "Link-secondary-regular": {
75
75
  fontSize: string;
76
76
  lineHeight: string;
77
77
  fontWeight: number;
78
- color: "#e0e0e0";
78
+ color: string;
79
79
  hover: {
80
- color: "#0041FF";
80
+ color: string;
81
81
  };
82
82
  disabled: {
83
- color: "#808080";
83
+ color: string;
84
84
  };
85
85
  };
86
86
  "Link-secondary-medium": {
87
87
  fontSize: string;
88
88
  lineHeight: string;
89
89
  fontWeight: number;
90
- color: "#e0e0e0";
90
+ color: string;
91
91
  hover: {
92
- color: "#0041FF";
92
+ color: string;
93
93
  };
94
94
  disabled: {
95
- color: "#808080";
95
+ color: string;
96
96
  };
97
97
  };
98
98
  "Link-secondary-bold": {
99
99
  fontSize: string;
100
100
  lineHeight: string;
101
101
  fontWeight: number;
102
- color: "#e0e0e0";
102
+ color: string;
103
103
  hover: {
104
- color: "#0041FF";
104
+ color: string;
105
105
  };
106
106
  disabled: {
107
- color: "#808080";
107
+ color: string;
108
108
  };
109
109
  };
110
110
  "Link-secondary-heavy": {
111
111
  fontSize: string;
112
112
  lineHeight: string;
113
113
  fontWeight: number;
114
- color: "#e0e0e0";
114
+ color: string;
115
115
  hover: {
116
- color: "#0041FF";
116
+ color: string;
117
117
  };
118
118
  disabled: {
119
- color: "#808080";
119
+ color: string;
120
120
  };
121
121
  };
122
122
  };
@@ -1,58 +1,58 @@
1
1
  declare const text: {
2
2
  "Text-primary-light": {
3
- vFontSize: "12px";
3
+ vFontSize: string;
4
4
  lineHeight: string;
5
5
  fontWeight: number;
6
- vColor: "#e0e0e0";
6
+ vColor: string;
7
7
  margin: string;
8
8
  fontFamily: string;
9
9
  };
10
10
  "Text-primary-regular": {
11
- vFontSize: "14px";
11
+ vFontSize: string;
12
12
  lineHeight: string;
13
13
  fontWeight: number;
14
- vColor: "#e0e0e0";
14
+ vColor: string;
15
15
  margin: string;
16
16
  fontFamily: string;
17
17
  };
18
18
  "Text-primary-medium": {
19
- vFontSize: "16px";
19
+ vFontSize: string;
20
20
  lineHeight: string;
21
21
  fontWeight: number;
22
- vColor: "#e0e0e0";
22
+ vColor: string;
23
23
  margin: string;
24
24
  fontFamily: string;
25
25
  };
26
26
  "Text-primary-bold": {
27
- vFontSize: "18px";
27
+ vFontSize: string;
28
28
  lineHeight: string;
29
29
  fontWeight: number;
30
- vColor: "#e0e0e0";
30
+ vColor: string;
31
31
  margin: string;
32
32
  fontFamily: string;
33
33
  };
34
34
  "Text-primary-heavy": {
35
- vFontSize: "20px";
35
+ vFontSize: string;
36
36
  lineHeight: string;
37
37
  fontWeight: number;
38
- vColor: "#e0e0e0";
38
+ vColor: string;
39
39
  margin: string;
40
40
  fontFamily: string;
41
41
  };
42
42
  "Text-secondary-regular": {
43
- vFontSize: "14px";
43
+ vFontSize: string;
44
44
  lineHeight: string;
45
45
  fontWeight: number;
46
- vColor: "#202020";
46
+ vColor: string;
47
47
  margin: string;
48
48
  fontFamily: string;
49
49
  };
50
50
  "Text-secondary-italic": {
51
- vFontSize: "18px";
51
+ vFontSize: string;
52
52
  lineHeight: string;
53
53
  fontWeight: number;
54
54
  fontStyle: string;
55
- vColor: "#202020";
55
+ vColor: string;
56
56
  margin: string;
57
57
  fontFamily: string;
58
58
  };