@manamerge/mana-atomic-ui 1.0.160 → 1.0.161

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 (23) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.js +19 -41
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/ManamergeTheme.ts +0 -5
  5. package/dist/themes/themes/manamerge/atoms/heading.ts +109 -72
  6. package/dist/themes/themes/manamerge/atoms/text.ts +14 -14
  7. package/dist/themes/themes/manamerge/molecules/breakerTape.ts +11 -7
  8. package/dist/themes/themes/manamerge/molecules/header.ts +5 -11
  9. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -0
  10. package/dist/types/components/Atoms/Text/Text.d.ts +1 -2
  11. package/dist/types/components/Molecules/Header/Header.css.d.ts +0 -3
  12. package/dist/types/themes/ManamergeTheme.d.ts +89 -50
  13. package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -0
  14. package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
  15. package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +2 -1
  16. package/dist/types/themes/manamerge/molecules/header.d.ts +1 -5
  17. package/package.json +1 -1
  18. package/dist/themes/themes/manamerge/fonts/Gilmer-Bold.woff2 +0 -0
  19. package/dist/themes/themes/manamerge/fonts/Gilmer-Heavy.woff2 +0 -0
  20. package/dist/themes/themes/manamerge/fonts/Gilmer-Light.woff2 +0 -0
  21. package/dist/themes/themes/manamerge/fonts/Gilmer-Medium.woff2 +0 -0
  22. package/dist/themes/themes/manamerge/fonts/Gilmer-Regular.woff2 +0 -0
  23. package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +0 -11
package/dist/themes/themes/ManamergeTheme.ts CHANGED
@@ -27,9 +27,6 @@ import pint3 from "./manamerge/layouts/pint3";
27
27
  // vSizes
28
28
  import fontsizes from "./manamerge/miscellaneous/fontsizes";
29
29
 
30
- // colorPalette
31
- import colors from "./manamerge/miscellaneous/colorpalette";
32
-
33
30
  // Styling
34
31
  // import filterListTheme from "./manamerge/styling/filter-list-theme.css.js";
35
32
  // import chatTheme from "./manamerge/styling/chat-theme.css.js";
@@ -147,8 +144,6 @@ export const ManamergeTheme = {
147
144
  breakpoints,
148
145
  // vSizes
149
146
  fontsizes,
150
- // colorPalette
151
- colors,
152
147
 
153
148
  pages: {
154
149
  vod: {
package/dist/themes/themes/manamerge/atoms/heading.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import colors from "../miscellaneous/colorpalette";
2
+ import fontsizes from "../miscellaneous/fontsizes";
2
3
 
3
4
  const heading = {
4
5
  "Heading-primary-h1": {
@@ -7,21 +8,24 @@ const heading = {
7
8
  lineHeight: "34px",
8
9
  fontWeight: 700,
9
10
  color: colors.one.b,
10
- margin: "0px"
11
+ margin: "0px",
12
+ fontFamily: "ManamergeGilmer"
11
13
  },
12
14
  tablet: {
13
15
  fontSize: "34px",
14
16
  lineHeight: "40px",
15
17
  fontWeight: 700,
16
18
  color: colors.one.b,
17
- margin: "0px"
19
+ margin: "0px",
20
+ fontFamily: "ManamergeGilmer"
18
21
  },
19
22
  desktop: {
20
23
  fontSize: "36px",
21
24
  lineHeight: "40px",
22
25
  fontWeight: 700,
23
26
  color: colors.one.b,
24
- margin: "0px"
27
+ margin: "0px",
28
+ fontFamily: "ManamergeGilmer"
25
29
  }
26
30
  },
27
31
  "Heading-primary-h2": {
@@ -30,21 +34,24 @@ const heading = {
30
34
  lineHeight: "30px",
31
35
  fontWeight: 700,
32
36
  color: colors.one.b,
33
- margin: "0px"
37
+ margin: "0px",
38
+ fontFamily: "ManamergeGilmer"
34
39
  },
35
40
  tablet: {
36
41
  fontSize: "28px",
37
42
  lineHeight: "34px",
38
43
  fontWeight: 700,
39
44
  color: colors.one.b,
40
- margin: "0px"
45
+ margin: "0px",
46
+ fontFamily: "ManamergeGilmer"
41
47
  },
42
48
  desktop: {
43
49
  fontSize: "30px",
44
50
  lineHeight: "34px",
45
51
  fontWeight: 700,
46
52
  color: colors.one.b,
47
- margin: "0px"
53
+ margin: "0px",
54
+ fontFamily: "ManamergeGilmer"
48
55
  }
49
56
  },
50
57
  "Heading-primary-h3": {
@@ -53,21 +60,24 @@ const heading = {
53
60
  lineHeight: "25px",
54
61
  fontWeight: 700,
55
62
  color: colors.one.b,
56
- margin: "0px"
63
+ margin: "0px",
64
+ fontFamily: "ManamergeGilmer"
57
65
  },
58
66
  tablet: {
59
67
  fontSize: "20px",
60
68
  lineHeight: "25px",
61
69
  fontWeight: 700,
62
70
  color: colors.one.b,
63
- margin: "0px"
71
+ margin: "0px",
72
+ fontFamily: "ManamergeGilmer"
64
73
  },
65
74
  desktop: {
66
75
  fontSize: "24px",
67
76
  lineHeight: "30px",
68
77
  fontWeight: 700,
69
78
  color: colors.one.b,
70
- margin: "0px"
79
+ margin: "0px",
80
+ fontFamily: "ManamergeGilmer"
71
81
  }
72
82
  },
73
83
  "Heading-primary-h4": {
@@ -76,21 +86,24 @@ const heading = {
76
86
  lineHeight: "23px",
77
87
  fontWeight: 700,
78
88
  color: colors.one.b,
79
- margin: "0px"
89
+ margin: "0px",
90
+ fontFamily: "ManamergeGilmer"
80
91
  },
81
92
  tablet: {
82
93
  fontSize: "18px",
83
94
  lineHeight: "24px",
84
95
  fontWeight: 700,
85
96
  color: colors.one.b,
86
- margin: "0px"
97
+ margin: "0px",
98
+ fontFamily: "ManamergeGilmer"
87
99
  },
88
100
  desktop: {
89
101
  fontSize: "20px",
90
102
  lineHeight: "25px",
91
103
  fontWeight: 700,
92
104
  color: colors.one.b,
93
- margin: "0px"
105
+ margin: "0px",
106
+ fontFamily: "ManamergeGilmer"
94
107
  }
95
108
  },
96
109
  "Heading-primary-h5": {
@@ -99,21 +112,24 @@ const heading = {
99
112
  lineHeight: "20px",
100
113
  fontWeight: 700,
101
114
  color: colors.one.b,
102
- margin: "0px"
115
+ margin: "0px",
116
+ fontFamily: "ManamergeGilmer"
103
117
  },
104
118
  tablet: {
105
119
  fontSize: "16px",
106
120
  lineHeight: "20px",
107
121
  fontWeight: 700,
108
122
  color: colors.one.b,
109
- margin: "0px"
123
+ margin: "0px",
124
+ fontFamily: "ManamergeGilmer"
110
125
  },
111
126
  desktop: {
112
127
  fontSize: "16px",
113
128
  lineHeight: "20px",
114
129
  fontWeight: 700,
115
130
  color: colors.one.b,
116
- margin: "0px"
131
+ margin: "0px",
132
+ fontFamily: "ManamergeGilmer"
117
133
  }
118
134
  },
119
135
  "Heading-primary-h6": {
@@ -122,159 +138,180 @@ const heading = {
122
138
  lineHeight: "20px",
123
139
  fontWeight: 700,
124
140
  color: colors.one.b,
125
- margin: "0px"
141
+ margin: "0px",
142
+ fontFamily: "ManamergeGilmer"
126
143
  },
127
144
  tablet: {
128
145
  fontSize: "14px",
129
146
  lineHeight: "20px",
130
147
  fontWeight: 700,
131
148
  color: colors.one.b,
132
- margin: "0px"
149
+ margin: "0px",
150
+ fontFamily: "ManamergeGilmer"
133
151
  },
134
152
  desktop: {
135
153
  fontSize: "14px",
136
154
  lineHeight: "20px",
137
155
  fontWeight: 700,
138
156
  color: colors.one.b,
139
- margin: "0px"
157
+ margin: "0px",
158
+ fontFamily: "ManamergeGilmer"
140
159
  }
141
160
  },
142
161
  "Heading-secondary-h1": {
143
162
  mobile: {
144
163
  fontSize: "30px",
145
164
  lineHeight: "34px",
146
- fontWeight: 700,
147
- color: colors.four.a,
148
- margin: "0px"
165
+ fontWeight: 400,
166
+ color: colors.one.b,
167
+ margin: "0px",
168
+ fontFamily: "Springwood"
149
169
  },
150
170
  tablet: {
151
171
  fontSize: "34px",
152
172
  lineHeight: "40px",
153
- fontWeight: 700,
154
- color: colors.four.a,
155
- margin: "0px"
173
+ fontWeight: 400,
174
+ color: colors.one.b,
175
+ margin: "0px",
176
+ fontFamily: "Springwood"
156
177
  },
157
178
  desktop: {
158
179
  fontSize: "36px",
159
180
  lineHeight: "40px",
160
- fontWeight: 700,
161
- color: colors.four.a,
162
- margin: "0px"
181
+ fontWeight: 400,
182
+ color: colors.one.b,
183
+ margin: "0px",
184
+ fontFamily: "Springwood"
163
185
  }
164
186
  },
165
187
  "Heading-secondary-h2": {
166
188
  mobile: {
167
189
  fontSize: "24px",
168
190
  lineHeight: "30px",
169
- fontWeight: 700,
170
- color: colors.four.a,
171
- margin: "0px"
191
+ fontWeight: 400,
192
+ color: colors.one.b,
193
+ margin: "0px",
194
+ fontFamily: "Springwood"
172
195
  },
173
196
  tablet: {
174
197
  fontSize: "28px",
175
198
  lineHeight: "34px",
176
- fontWeight: 700,
177
- color: colors.four.a,
178
- margin: "0px"
199
+ fontWeight: 400,
200
+ color: colors.one.b,
201
+ margin: "0px",
202
+ fontFamily: "Springwood"
179
203
  },
180
204
  desktop: {
181
205
  fontSize: "30px",
182
206
  lineHeight: "34px",
183
- fontWeight: 700,
184
- color: colors.four.a,
185
- margin: "0px"
207
+ fontWeight: 400,
208
+ color: colors.one.b,
209
+ margin: "0px",
210
+ fontFamily: "Springwood"
186
211
  }
187
212
  },
188
213
  "Heading-secondary-h3": {
189
214
  mobile: {
190
215
  fontSize: "20px",
191
216
  lineHeight: "25px",
192
- fontWeight: 700,
193
- color: colors.four.a,
194
- margin: "0px"
217
+ fontWeight: 400,
218
+ color: colors.one.b,
219
+ margin: "0px",
220
+ fontFamily: "Springwood"
195
221
  },
196
222
  tablet: {
197
223
  fontSize: "20px",
198
224
  lineHeight: "25px",
199
- fontWeight: 700,
200
- color: colors.four.a,
201
- margin: "0px"
225
+ fontWeight: 400,
226
+ color: colors.one.b,
227
+ margin: "0px",
228
+ fontFamily: "Springwood"
202
229
  },
203
230
  desktop: {
204
231
  fontSize: "24px",
205
232
  lineHeight: "30px",
206
- fontWeight: 700,
207
- color: colors.four.a,
208
- margin: "0px"
233
+ fontWeight: 400,
234
+ color: colors.one.b,
235
+ margin: "0px",
236
+ fontFamily: "Springwood"
209
237
  }
210
238
  },
211
239
  "Heading-secondary-h4": {
212
240
  mobile: {
213
241
  fontSize: "18px",
214
242
  lineHeight: "23px",
215
- fontWeight: 700,
216
- color: colors.four.a,
217
- margin: "0px"
243
+ fontWeight: 400,
244
+ color: colors.one.b,
245
+ margin: "0px",
246
+ fontFamily: "Springwood"
218
247
  },
219
248
  tablet: {
220
249
  fontSize: "18px",
221
250
  lineHeight: "24px",
222
- fontWeight: 700,
223
- color: colors.four.a,
224
- margin: "0px"
251
+ fontWeight: 400,
252
+ color: colors.one.b,
253
+ margin: "0px",
254
+ fontFamily: "Springwood"
225
255
  },
226
256
  desktop: {
227
257
  fontSize: "20px",
228
258
  lineHeight: "25px",
229
- fontWeight: 700,
230
- color: colors.four.a,
231
- margin: "0px"
259
+ fontWeight: 400,
260
+ color: colors.one.b,
261
+ margin: "0px",
262
+ fontFamily: "Springwood"
232
263
  }
233
264
  },
234
265
  "Heading-secondary-h5": {
235
266
  mobile: {
236
267
  fontSize: "16px",
237
268
  lineHeight: "20px",
238
- fontWeight: 700,
239
- color: colors.four.a,
240
- margin: "0px"
269
+ fontWeight: 400,
270
+ color: colors.one.b,
271
+ margin: "0px",
272
+ fontFamily: "Springwood"
241
273
  },
242
274
  tablet: {
243
275
  fontSize: "16px",
244
276
  lineHeight: "20px",
245
- fontWeight: 700,
246
- color: colors.four.a,
247
- margin: "0px"
277
+ fontWeight: 400,
278
+ color: colors.one.b,
279
+ margin: "0px",
280
+ fontFamily: "Springwood"
248
281
  },
249
282
  desktop: {
250
283
  fontSize: "16px",
251
284
  lineHeight: "20px",
252
- fontWeight: 700,
253
- color: colors.four.a,
254
- margin: "0px"
285
+ fontWeight: 400,
286
+ color: colors.one.b,
287
+ margin: "0px",
288
+ fontFamily: "Springwood"
255
289
  }
256
290
  },
257
291
  "Heading-secondary-h6": {
258
292
  mobile: {
259
293
  fontSize: "14px",
260
294
  lineHeight: "20px",
261
- fontWeight: 700,
262
- color: colors.four.a,
263
- margin: "0px"
295
+ fontWeight: 400,
296
+ color: colors.one.b,
297
+ margin: "0px",
298
+ fontFamily: "Springwood"
264
299
  },
265
300
  tablet: {
266
301
  fontSize: "14px",
267
302
  lineHeight: "20px",
268
- fontWeight: 700,
269
- color: colors.four.a,
270
- margin: "0px"
303
+ fontWeight: 400,
304
+ color: colors.one.b,
305
+ margin: "0px",
306
+ fontFamily: "Springwood"
271
307
  },
272
308
  desktop: {
273
309
  fontSize: "14px",
274
310
  lineHeight: "20px",
275
- fontWeight: 700,
276
- color: colors.four.a,
277
- margin: "0px"
311
+ fontWeight: 400,
312
+ color: colors.one.b,
313
+ margin: "0px",
314
+ fontFamily: "Springwood"
278
315
  }
279
316
  }
280
317
  };
package/dist/themes/themes/manamerge/atoms/text.ts CHANGED
@@ -3,60 +3,60 @@ import fontsizes from "../miscellaneous/fontsizes";
3
3
 
4
4
  const text = {
5
5
  "Text-primary-light": {
6
- vFontSize: fontsizes.xs,
6
+ fontSize: fontsizes.xs,
7
7
  lineHeight: "18px",
8
8
  fontWeight: 300,
9
- vColor: colors.one.b,
9
+ color: colors.one.b,
10
10
  margin: "0px",
11
11
  fontFamily: "ManamergeGilmer"
12
12
  },
13
13
  "Text-primary-regular": {
14
- vFontSize: fontsizes.sm,
14
+ fontSize: fontsizes.sm,
15
15
  lineHeight: "25px",
16
16
  fontWeight: 400,
17
- vColor: colors.one.b,
17
+ color: colors.one.b,
18
18
  margin: "0px",
19
19
  fontFamily: "ManamergeGilmer"
20
20
  },
21
21
  "Text-primary-medium": {
22
- vFontSize: fontsizes.md,
22
+ fontSize: fontsizes.md,
23
23
  lineHeight: "28px",
24
24
  fontWeight: 500,
25
- vColor: colors.one.b,
25
+ color: colors.one.b,
26
26
  margin: "0px",
27
27
  fontFamily: "ManamergeGilmer"
28
28
  },
29
29
  "Text-primary-bold": {
30
- vFontSize: fontsizes.lg,
30
+ fontSize: fontsizes.lg,
31
31
  lineHeight: "28px",
32
32
  fontWeight: 700,
33
- vColor: colors.one.b,
33
+ color: colors.one.b,
34
34
  margin: "0px",
35
35
  fontFamily: "ManamergeGilmer"
36
36
  },
37
37
  "Text-primary-heavy": {
38
- vFontSize: fontsizes.xl,
38
+ fontSize: fontsizes.xl,
39
39
  lineHeight: "28px",
40
40
  fontWeight: 900,
41
- vColor: colors.one.b,
41
+ color: colors.one.b,
42
42
  margin: "0px",
43
43
  fontFamily: "ManamergeGilmer"
44
44
  },
45
45
 
46
46
  "Text-secondary-regular": {
47
- vFontSize: fontsizes.sm,
47
+ fontSize: fontsizes.sm,
48
48
  lineHeight: "25px",
49
49
  fontWeight: 400,
50
- vColor: colors.one.h,
50
+ color: colors.one.b,
51
51
  margin: "0px",
52
52
  fontFamily: "Springwood"
53
53
  },
54
54
  "Text-secondary-italic": {
55
- vFontSize: fontsizes.lg,
55
+ fontSize: fontsizes.lg,
56
56
  lineHeight: "25px",
57
57
  fontWeight: 400,
58
58
  fontStyle: "italic",
59
- vColor: colors.one.h,
59
+ color: colors.one.b,
60
60
  margin: "0px",
61
61
  fontFamily: "Springwood"
62
62
  }
package/dist/themes/themes/manamerge/molecules/breakerTape.ts CHANGED
@@ -1,17 +1,21 @@
1
+ import colors from "../miscellaneous/colorpalette";
2
+ import vFontSizes from "../miscellaneous/fontsizes";
3
+
1
4
  const breakerTape = {
2
5
  "BreakerTape-primary": {
3
6
  icon: {
4
7
  variant: "medium",
5
- fill: "gold",
6
- stroke: "gold",
8
+ fill: colors.one.g,
9
+ stroke: colors.one.g,
7
10
  hover: {
8
- stroke: "gold",
9
- fill: "gold"
11
+ fill: colors.one.g,
12
+ stroke: colors.one.g
10
13
  }
11
14
  },
12
15
  text: {
13
- variant: "secondary-bold",
14
- color: "#111"
16
+ variant: "primary-medium",
17
+ color: colors.one.h,
18
+ fontSize: vFontSizes.sm
15
19
  },
16
20
  tapeContent: {
17
21
  alignItems: "center",
@@ -21,7 +25,7 @@ const breakerTape = {
21
25
  tapeContainer: {
22
26
  width: "100%",
23
27
  transform: "rotate(-3deg)",
24
- background: `linear-gradient(to right,rgb(255, 120, 120),rgb(255, 101, 247))`,
28
+ background: `linear-gradient(to right,#c6fba6,#80c3ba)`,
25
29
  padding: "10px 0",
26
30
  margin: "45px 0 0 0"
27
31
  }
package/dist/themes/themes/manamerge/molecules/header.ts CHANGED
@@ -1,8 +1,7 @@
1
- import colors from "../miscellaneous/colorpalette";
2
-
3
1
  const header = {
4
2
  "Header-primary": {
5
- height: "550px",
3
+ height: "350px",
4
+ backgroundColor: "rgba(250, 97, 97, 0.71)",
6
5
  justifyContent: "center",
7
6
  bannerColor: "lightgray",
8
7
  wrapperHeader: {
@@ -26,16 +25,11 @@ const header = {
26
25
  stroke: "none"
27
26
  }
28
27
  },
29
- atomTextBanner: {
30
- variant: "primary-medium",
31
- color: colors.one.h
32
- },
33
28
  atomHeading: {
34
- variant: "secondary",
35
- as: "h1"
29
+ variant: "secondary-h1"
36
30
  },
37
31
  atomTextTitle: {
38
- variant: "primary-medium"
32
+ variant: "secondary-medium"
39
33
  },
40
34
  atomButtonLeft: {
41
35
  variant: "primary",
@@ -43,7 +37,7 @@ const header = {
43
37
  },
44
38
  atomButtonRight: {
45
39
  variant: "secondary",
46
- flexDirection: "row"
40
+ flexDirection: "row-reverse"
47
41
  },
48
42
  atomIconLeft: {
49
43
  variant: "small"
package/dist/types/components/Atoms/Heading/Heading.d.ts CHANGED
@@ -2,6 +2,7 @@ import React, { ReactNode } from "react";
2
2
  export interface HeadingTypes {
3
3
  variant?: string;
4
4
  children: ReactNode;
5
+ vColor?: string;
5
6
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
6
7
  }
7
8
  export declare const Heading: React.FC<HeadingTypes>;
package/dist/types/components/Atoms/Text/Text.d.ts CHANGED
@@ -1,10 +1,9 @@
1
1
  import React from "react";
2
2
  export interface TextTypes {
3
- variant?: string;
3
+ variant?: "primary-light" | "primary-regular" | "primary-medium" | "primary-bold" | "primary-heavy" | "secondary-regular" | "secondary-italic";
4
4
  children?: string;
5
5
  htmlFor?: string;
6
6
  margin?: string;
7
- color?: string;
8
7
  lineHeight?: string;
9
8
  fontWeight?: string | number;
10
9
  tag?: keyof JSX.IntrinsicElements;
package/dist/types/components/Molecules/Header/Header.css.d.ts CHANGED
@@ -16,9 +16,6 @@ export declare const AtomIconTop: import("styled-components/dist/types").IStyled
16
16
  export declare const AtomIconDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Icon/Icon").IconTypes, import("../../Atoms/Icon/Icon").IconTypes>, {
17
17
  moleculeVariant: string;
18
18
  }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Icon/Icon").IconTypes>, keyof import("react").Component<any, {}, any>>;
19
- export declare const AtomTextBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Text/Text").TextTypes, import("../../Atoms/Text/Text").TextTypes>, {
20
- moleculeVariant: string;
21
- }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Text/Text").TextTypes>, keyof import("react").Component<any, {}, any>>;
22
19
  export declare const AtomHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Heading/Heading").HeadingTypes, import("../../Atoms/Heading/Heading").HeadingTypes>, {
23
20
  moleculeVariant: string;
24
21
  }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Heading/Heading").HeadingTypes>, keyof import("react").Component<any, {}, any>>;