@manamerge/mana-atomic-ui 1.0.156 → 1.0.158
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/index.d.ts +1 -2
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/ManamergeTheme.ts +0 -5
- package/dist/themes/themes/manamerge/atoms/text.ts +14 -14
- package/dist/themes/themes/manamerge/molecules/breakerTape.ts +11 -7
- package/dist/themes/themes/manamerge/molecules/header.ts +1 -1
- package/dist/types/components/Atoms/Text/Text.d.ts +1 -2
- package/dist/types/themes/ManamergeTheme.d.ts +16 -45
- package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
- package/dist/types/themes/manamerge/molecules/breakerTape.d.ts +2 -1
- package/package.json +1 -1
- package/dist/themes/themes/manamerge/fonts/Gilmer-Bold.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Heavy.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Light.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Medium.woff2 +0 -0
- package/dist/themes/themes/manamerge/fonts/Gilmer-Regular.woff2 +0 -0
- package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +0 -11
|
@@ -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: {
|
|
@@ -3,60 +3,60 @@ import fontsizes from "../miscellaneous/fontsizes";
|
|
|
3
3
|
|
|
4
4
|
const text = {
|
|
5
5
|
"Text-primary-light": {
|
|
6
|
-
|
|
6
|
+
fontSize: fontsizes.xs,
|
|
7
7
|
lineHeight: "18px",
|
|
8
8
|
fontWeight: 300,
|
|
9
|
-
|
|
9
|
+
color: colors.one.b,
|
|
10
10
|
margin: "0px",
|
|
11
11
|
fontFamily: "ManamergeGilmer"
|
|
12
12
|
},
|
|
13
13
|
"Text-primary-regular": {
|
|
14
|
-
|
|
14
|
+
fontSize: fontsizes.sm,
|
|
15
15
|
lineHeight: "25px",
|
|
16
16
|
fontWeight: 400,
|
|
17
|
-
|
|
17
|
+
color: colors.one.b,
|
|
18
18
|
margin: "0px",
|
|
19
19
|
fontFamily: "ManamergeGilmer"
|
|
20
20
|
},
|
|
21
21
|
"Text-primary-medium": {
|
|
22
|
-
|
|
22
|
+
fontSize: fontsizes.md,
|
|
23
23
|
lineHeight: "28px",
|
|
24
24
|
fontWeight: 500,
|
|
25
|
-
|
|
25
|
+
color: colors.one.b,
|
|
26
26
|
margin: "0px",
|
|
27
27
|
fontFamily: "ManamergeGilmer"
|
|
28
28
|
},
|
|
29
29
|
"Text-primary-bold": {
|
|
30
|
-
|
|
30
|
+
fontSize: fontsizes.lg,
|
|
31
31
|
lineHeight: "28px",
|
|
32
32
|
fontWeight: 700,
|
|
33
|
-
|
|
33
|
+
color: colors.one.b,
|
|
34
34
|
margin: "0px",
|
|
35
35
|
fontFamily: "ManamergeGilmer"
|
|
36
36
|
},
|
|
37
37
|
"Text-primary-heavy": {
|
|
38
|
-
|
|
38
|
+
fontSize: fontsizes.xl,
|
|
39
39
|
lineHeight: "28px",
|
|
40
40
|
fontWeight: 900,
|
|
41
|
-
|
|
41
|
+
color: colors.one.b,
|
|
42
42
|
margin: "0px",
|
|
43
43
|
fontFamily: "ManamergeGilmer"
|
|
44
44
|
},
|
|
45
45
|
|
|
46
46
|
"Text-secondary-regular": {
|
|
47
|
-
|
|
47
|
+
fontSize: fontsizes.sm,
|
|
48
48
|
lineHeight: "25px",
|
|
49
49
|
fontWeight: 400,
|
|
50
|
-
|
|
50
|
+
color: colors.one.h,
|
|
51
51
|
margin: "0px",
|
|
52
52
|
fontFamily: "Springwood"
|
|
53
53
|
},
|
|
54
54
|
"Text-secondary-italic": {
|
|
55
|
-
|
|
55
|
+
fontSize: fontsizes.lg,
|
|
56
56
|
lineHeight: "25px",
|
|
57
57
|
fontWeight: 400,
|
|
58
58
|
fontStyle: "italic",
|
|
59
|
-
|
|
59
|
+
color: colors.one.h,
|
|
60
60
|
margin: "0px",
|
|
61
61
|
fontFamily: "Springwood"
|
|
62
62
|
}
|
|
@@ -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:
|
|
6
|
-
stroke:
|
|
8
|
+
fill: colors.one.g,
|
|
9
|
+
stroke: colors.one.g,
|
|
7
10
|
hover: {
|
|
8
|
-
|
|
9
|
-
|
|
11
|
+
fill: colors.one.g,
|
|
12
|
+
stroke: colors.one.g
|
|
10
13
|
}
|
|
11
14
|
},
|
|
12
15
|
text: {
|
|
13
|
-
variant: "
|
|
14
|
-
color:
|
|
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
|
|
28
|
+
background: `linear-gradient(to right,#c6fba6,#80c3ba)`,
|
|
25
29
|
padding: "10px 0",
|
|
26
30
|
margin: "45px 0 0 0"
|
|
27
31
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export interface TextTypes {
|
|
3
|
-
variant?:
|
|
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;
|
|
@@ -506,59 +506,59 @@ export declare const ManamergeTheme: {
|
|
|
506
506
|
};
|
|
507
507
|
text: {
|
|
508
508
|
"Text-primary-light": {
|
|
509
|
-
|
|
509
|
+
fontSize: string;
|
|
510
510
|
lineHeight: string;
|
|
511
511
|
fontWeight: number;
|
|
512
|
-
|
|
512
|
+
color: string;
|
|
513
513
|
margin: string;
|
|
514
514
|
fontFamily: string;
|
|
515
515
|
};
|
|
516
516
|
"Text-primary-regular": {
|
|
517
|
-
|
|
517
|
+
fontSize: string;
|
|
518
518
|
lineHeight: string;
|
|
519
519
|
fontWeight: number;
|
|
520
|
-
|
|
520
|
+
color: string;
|
|
521
521
|
margin: string;
|
|
522
522
|
fontFamily: string;
|
|
523
523
|
};
|
|
524
524
|
"Text-primary-medium": {
|
|
525
|
-
|
|
525
|
+
fontSize: string;
|
|
526
526
|
lineHeight: string;
|
|
527
527
|
fontWeight: number;
|
|
528
|
-
|
|
528
|
+
color: string;
|
|
529
529
|
margin: string;
|
|
530
530
|
fontFamily: string;
|
|
531
531
|
};
|
|
532
532
|
"Text-primary-bold": {
|
|
533
|
-
|
|
533
|
+
fontSize: string;
|
|
534
534
|
lineHeight: string;
|
|
535
535
|
fontWeight: number;
|
|
536
|
-
|
|
536
|
+
color: string;
|
|
537
537
|
margin: string;
|
|
538
538
|
fontFamily: string;
|
|
539
539
|
};
|
|
540
540
|
"Text-primary-heavy": {
|
|
541
|
-
|
|
541
|
+
fontSize: string;
|
|
542
542
|
lineHeight: string;
|
|
543
543
|
fontWeight: number;
|
|
544
|
-
|
|
544
|
+
color: string;
|
|
545
545
|
margin: string;
|
|
546
546
|
fontFamily: string;
|
|
547
547
|
};
|
|
548
548
|
"Text-secondary-regular": {
|
|
549
|
-
|
|
549
|
+
fontSize: string;
|
|
550
550
|
lineHeight: string;
|
|
551
551
|
fontWeight: number;
|
|
552
|
-
|
|
552
|
+
color: string;
|
|
553
553
|
margin: string;
|
|
554
554
|
fontFamily: string;
|
|
555
555
|
};
|
|
556
556
|
"Text-secondary-italic": {
|
|
557
|
-
|
|
557
|
+
fontSize: string;
|
|
558
558
|
lineHeight: string;
|
|
559
559
|
fontWeight: number;
|
|
560
560
|
fontStyle: string;
|
|
561
|
-
|
|
561
|
+
color: string;
|
|
562
562
|
margin: string;
|
|
563
563
|
fontFamily: string;
|
|
564
564
|
};
|
|
@@ -1125,13 +1125,14 @@ export declare const ManamergeTheme: {
|
|
|
1125
1125
|
fill: string;
|
|
1126
1126
|
stroke: string;
|
|
1127
1127
|
hover: {
|
|
1128
|
-
stroke: string;
|
|
1129
1128
|
fill: string;
|
|
1129
|
+
stroke: string;
|
|
1130
1130
|
};
|
|
1131
1131
|
};
|
|
1132
1132
|
text: {
|
|
1133
1133
|
variant: string;
|
|
1134
1134
|
color: string;
|
|
1135
|
+
fontSize: string;
|
|
1135
1136
|
};
|
|
1136
1137
|
tapeContent: {
|
|
1137
1138
|
alignItems: string;
|
|
@@ -1280,36 +1281,6 @@ export declare const ManamergeTheme: {
|
|
|
1280
1281
|
xxxl: string;
|
|
1281
1282
|
xxxxl: string;
|
|
1282
1283
|
};
|
|
1283
|
-
colors: {
|
|
1284
|
-
one: {
|
|
1285
|
-
a: string;
|
|
1286
|
-
b: string;
|
|
1287
|
-
c: string;
|
|
1288
|
-
d: string;
|
|
1289
|
-
e: string;
|
|
1290
|
-
f: string;
|
|
1291
|
-
g: string;
|
|
1292
|
-
h: string;
|
|
1293
|
-
i: string;
|
|
1294
|
-
};
|
|
1295
|
-
two: {
|
|
1296
|
-
a: string;
|
|
1297
|
-
b: string;
|
|
1298
|
-
c: string;
|
|
1299
|
-
d: string;
|
|
1300
|
-
e: string;
|
|
1301
|
-
f: string;
|
|
1302
|
-
};
|
|
1303
|
-
three: {
|
|
1304
|
-
a: string;
|
|
1305
|
-
b: string;
|
|
1306
|
-
c: string;
|
|
1307
|
-
};
|
|
1308
|
-
four: {
|
|
1309
|
-
a: string;
|
|
1310
|
-
b: string;
|
|
1311
|
-
};
|
|
1312
|
-
};
|
|
1313
1284
|
pages: {
|
|
1314
1285
|
vod: {
|
|
1315
1286
|
top: {
|
|
@@ -1,58 +1,58 @@
|
|
|
1
1
|
declare const text: {
|
|
2
2
|
"Text-primary-light": {
|
|
3
|
-
|
|
3
|
+
fontSize: string;
|
|
4
4
|
lineHeight: string;
|
|
5
5
|
fontWeight: number;
|
|
6
|
-
|
|
6
|
+
color: string;
|
|
7
7
|
margin: string;
|
|
8
8
|
fontFamily: string;
|
|
9
9
|
};
|
|
10
10
|
"Text-primary-regular": {
|
|
11
|
-
|
|
11
|
+
fontSize: string;
|
|
12
12
|
lineHeight: string;
|
|
13
13
|
fontWeight: number;
|
|
14
|
-
|
|
14
|
+
color: string;
|
|
15
15
|
margin: string;
|
|
16
16
|
fontFamily: string;
|
|
17
17
|
};
|
|
18
18
|
"Text-primary-medium": {
|
|
19
|
-
|
|
19
|
+
fontSize: string;
|
|
20
20
|
lineHeight: string;
|
|
21
21
|
fontWeight: number;
|
|
22
|
-
|
|
22
|
+
color: string;
|
|
23
23
|
margin: string;
|
|
24
24
|
fontFamily: string;
|
|
25
25
|
};
|
|
26
26
|
"Text-primary-bold": {
|
|
27
|
-
|
|
27
|
+
fontSize: string;
|
|
28
28
|
lineHeight: string;
|
|
29
29
|
fontWeight: number;
|
|
30
|
-
|
|
30
|
+
color: string;
|
|
31
31
|
margin: string;
|
|
32
32
|
fontFamily: string;
|
|
33
33
|
};
|
|
34
34
|
"Text-primary-heavy": {
|
|
35
|
-
|
|
35
|
+
fontSize: string;
|
|
36
36
|
lineHeight: string;
|
|
37
37
|
fontWeight: number;
|
|
38
|
-
|
|
38
|
+
color: string;
|
|
39
39
|
margin: string;
|
|
40
40
|
fontFamily: string;
|
|
41
41
|
};
|
|
42
42
|
"Text-secondary-regular": {
|
|
43
|
-
|
|
43
|
+
fontSize: string;
|
|
44
44
|
lineHeight: string;
|
|
45
45
|
fontWeight: number;
|
|
46
|
-
|
|
46
|
+
color: string;
|
|
47
47
|
margin: string;
|
|
48
48
|
fontFamily: string;
|
|
49
49
|
};
|
|
50
50
|
"Text-secondary-italic": {
|
|
51
|
-
|
|
51
|
+
fontSize: string;
|
|
52
52
|
lineHeight: string;
|
|
53
53
|
fontWeight: number;
|
|
54
54
|
fontStyle: string;
|
|
55
|
-
|
|
55
|
+
color: string;
|
|
56
56
|
margin: string;
|
|
57
57
|
fontFamily: string;
|
|
58
58
|
};
|
|
@@ -5,13 +5,14 @@ declare const breakerTape: {
|
|
|
5
5
|
fill: string;
|
|
6
6
|
stroke: string;
|
|
7
7
|
hover: {
|
|
8
|
-
stroke: string;
|
|
9
8
|
fill: string;
|
|
9
|
+
stroke: string;
|
|
10
10
|
};
|
|
11
11
|
};
|
|
12
12
|
text: {
|
|
13
13
|
variant: string;
|
|
14
14
|
color: string;
|
|
15
|
+
fontSize: string;
|
|
15
16
|
};
|
|
16
17
|
tapeContent: {
|
|
17
18
|
alignItems: string;
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
2
|
-
import { CardSimpleRenderTypes } from "./CardSimpleRender";
|
|
3
|
-
declare const meta: Meta<CardSimpleRenderTypes>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<CardSimpleRenderTypes>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Hover: Story;
|
|
8
|
-
export declare const Flex: Story;
|
|
9
|
-
export declare const FlexExtra: Story;
|
|
10
|
-
export declare const Flex2: Story;
|
|
11
|
-
export declare const Isolado: Story;
|