@manamerge/mana-atomic-ui 1.0.181 → 1.0.183
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.js +57 -26
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/molecules/header.ts +5 -3
- package/dist/themes/themes/manamerge/molecules/navigation.ts +25 -15
- package/dist/types/themes/ManamergeTheme.d.ts +11 -1
- package/dist/types/themes/manamerge/molecules/header.d.ts +2 -0
- package/dist/types/themes/manamerge/molecules/navigation.d.ts +9 -1
- package/package.json +1 -1
|
@@ -6,7 +6,8 @@ const header = {
|
|
|
6
6
|
justifyContent: "center",
|
|
7
7
|
bannerColor: "lightgray",
|
|
8
8
|
wrapperHeader: {
|
|
9
|
-
alignItems: "center"
|
|
9
|
+
alignItems: "center",
|
|
10
|
+
textAlign: "center"
|
|
10
11
|
},
|
|
11
12
|
atomIconTop: {
|
|
12
13
|
variant: "lg",
|
|
@@ -56,13 +57,14 @@ const header = {
|
|
|
56
57
|
}
|
|
57
58
|
},
|
|
58
59
|
"Header-secondary": {
|
|
59
|
-
height: "
|
|
60
|
+
height: "380px",
|
|
60
61
|
backgroundColor: "rgba(186, 250, 97, 0.49)",
|
|
61
62
|
justifyContent: "flex-start",
|
|
62
63
|
bannerColor: "lightgray",
|
|
63
64
|
wrapperHeader: {
|
|
64
65
|
alignItems: "flex-start",
|
|
65
|
-
padding: "75px"
|
|
66
|
+
padding: "120px 75px 0 75px",
|
|
67
|
+
textAlign: "left"
|
|
66
68
|
},
|
|
67
69
|
|
|
68
70
|
atomIconDot: {
|
|
@@ -1,48 +1,58 @@
|
|
|
1
|
+
import colors from "../miscellaneous/colorpalette";
|
|
2
|
+
|
|
1
3
|
const navigation = {
|
|
2
4
|
"Navigation-primary": {
|
|
3
|
-
gap: "
|
|
5
|
+
gap: "50px",
|
|
4
6
|
background: `linear-gradient(
|
|
5
7
|
180deg,
|
|
6
8
|
rgba(59, 60, 63, 0.6) 0%,
|
|
7
9
|
rgba(38, 38, 38, 0.8) 43.75%
|
|
8
10
|
),
|
|
9
11
|
rgba(59, 60, 63, 0.8);`,
|
|
12
|
+
padding: "13px",
|
|
10
13
|
atomIcon: {
|
|
11
14
|
variant: "md",
|
|
12
|
-
color:
|
|
15
|
+
color: colors.one.c,
|
|
13
16
|
focus: {
|
|
14
|
-
outline: "
|
|
15
|
-
outlineOffset: "
|
|
16
|
-
boxShadow: "
|
|
17
|
-
color:
|
|
17
|
+
outline: "0px solid transparent",
|
|
18
|
+
outlineOffset: "0px",
|
|
19
|
+
boxShadow: "0px 0px 0px transparent",
|
|
20
|
+
color: colors.one.a
|
|
18
21
|
},
|
|
19
22
|
hover: {
|
|
20
|
-
color:
|
|
23
|
+
color: colors.one.a,
|
|
21
24
|
transition: "color 0.3s ease"
|
|
22
25
|
}
|
|
23
26
|
},
|
|
24
27
|
atomLink: {
|
|
25
28
|
variant: "primary-bold",
|
|
26
|
-
color:
|
|
29
|
+
color: colors.one.c,
|
|
27
30
|
fontWeight: "700",
|
|
28
31
|
currentPath: {
|
|
29
|
-
color:
|
|
30
|
-
fontWeight: "
|
|
32
|
+
color: colors.one.a,
|
|
33
|
+
fontWeight: "700"
|
|
31
34
|
},
|
|
32
35
|
focus: {
|
|
33
|
-
color:
|
|
34
|
-
boxShadow: "2px 2px 5px yellow"
|
|
36
|
+
color: colors.one.a
|
|
35
37
|
},
|
|
36
38
|
hover: {
|
|
37
|
-
color:
|
|
39
|
+
color: colors.one.a,
|
|
38
40
|
transition: "color 0.3s ease"
|
|
41
|
+
},
|
|
42
|
+
underline: {
|
|
43
|
+
bottom: "2px",
|
|
44
|
+
height: "2px",
|
|
45
|
+
background: colors.two.a,
|
|
46
|
+
transformOriginMobileUp: "center",
|
|
47
|
+
transformOriginMobileDown: "right",
|
|
48
|
+
transition: "0.35s cubic-bezier(.22,1,.36,1)"
|
|
39
49
|
}
|
|
40
50
|
},
|
|
41
51
|
navLinks: {
|
|
42
52
|
responsive: {
|
|
43
53
|
largeMobileUp: {
|
|
44
|
-
gap: "
|
|
45
|
-
justifyContent: "flex-
|
|
54
|
+
gap: "50px",
|
|
55
|
+
justifyContent: "flex-end", // change here if you want the menu to aligned on the left/center/right
|
|
46
56
|
margin: "0 30px 0 0"
|
|
47
57
|
}
|
|
48
58
|
}
|
|
@@ -989,6 +989,7 @@ export declare const ManamergeTheme: {
|
|
|
989
989
|
bannerColor: string;
|
|
990
990
|
wrapperHeader: {
|
|
991
991
|
alignItems: string;
|
|
992
|
+
textAlign: string;
|
|
992
993
|
};
|
|
993
994
|
atomIconTop: {
|
|
994
995
|
variant: string;
|
|
@@ -1045,6 +1046,7 @@ export declare const ManamergeTheme: {
|
|
|
1045
1046
|
wrapperHeader: {
|
|
1046
1047
|
alignItems: string;
|
|
1047
1048
|
padding: string;
|
|
1049
|
+
textAlign: string;
|
|
1048
1050
|
};
|
|
1049
1051
|
atomIconDot: {
|
|
1050
1052
|
variant: string;
|
|
@@ -1081,6 +1083,7 @@ export declare const ManamergeTheme: {
|
|
|
1081
1083
|
"Navigation-primary": {
|
|
1082
1084
|
gap: string;
|
|
1083
1085
|
background: string;
|
|
1086
|
+
padding: string;
|
|
1084
1087
|
atomIcon: {
|
|
1085
1088
|
variant: string;
|
|
1086
1089
|
color: string;
|
|
@@ -1105,12 +1108,19 @@ export declare const ManamergeTheme: {
|
|
|
1105
1108
|
};
|
|
1106
1109
|
focus: {
|
|
1107
1110
|
color: string;
|
|
1108
|
-
boxShadow: string;
|
|
1109
1111
|
};
|
|
1110
1112
|
hover: {
|
|
1111
1113
|
color: string;
|
|
1112
1114
|
transition: string;
|
|
1113
1115
|
};
|
|
1116
|
+
underline: {
|
|
1117
|
+
bottom: string;
|
|
1118
|
+
height: string;
|
|
1119
|
+
background: string;
|
|
1120
|
+
transformOriginMobileUp: string;
|
|
1121
|
+
transformOriginMobileDown: string;
|
|
1122
|
+
transition: string;
|
|
1123
|
+
};
|
|
1114
1124
|
};
|
|
1115
1125
|
navLinks: {
|
|
1116
1126
|
responsive: {
|
|
@@ -5,6 +5,7 @@ declare const header: {
|
|
|
5
5
|
bannerColor: string;
|
|
6
6
|
wrapperHeader: {
|
|
7
7
|
alignItems: string;
|
|
8
|
+
textAlign: string;
|
|
8
9
|
};
|
|
9
10
|
atomIconTop: {
|
|
10
11
|
variant: string;
|
|
@@ -61,6 +62,7 @@ declare const header: {
|
|
|
61
62
|
wrapperHeader: {
|
|
62
63
|
alignItems: string;
|
|
63
64
|
padding: string;
|
|
65
|
+
textAlign: string;
|
|
64
66
|
};
|
|
65
67
|
atomIconDot: {
|
|
66
68
|
variant: string;
|
|
@@ -2,6 +2,7 @@ declare const navigation: {
|
|
|
2
2
|
"Navigation-primary": {
|
|
3
3
|
gap: string;
|
|
4
4
|
background: string;
|
|
5
|
+
padding: string;
|
|
5
6
|
atomIcon: {
|
|
6
7
|
variant: string;
|
|
7
8
|
color: string;
|
|
@@ -26,12 +27,19 @@ declare const navigation: {
|
|
|
26
27
|
};
|
|
27
28
|
focus: {
|
|
28
29
|
color: string;
|
|
29
|
-
boxShadow: string;
|
|
30
30
|
};
|
|
31
31
|
hover: {
|
|
32
32
|
color: string;
|
|
33
33
|
transition: string;
|
|
34
34
|
};
|
|
35
|
+
underline: {
|
|
36
|
+
bottom: string;
|
|
37
|
+
height: string;
|
|
38
|
+
background: string;
|
|
39
|
+
transformOriginMobileUp: string;
|
|
40
|
+
transformOriginMobileDown: string;
|
|
41
|
+
transition: string;
|
|
42
|
+
};
|
|
35
43
|
};
|
|
36
44
|
navLinks: {
|
|
37
45
|
responsive: {
|