@manamerge/mana-atomic-ui 1.0.180 → 1.0.182
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.
|
@@ -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
|
}
|
|
@@ -1081,6 +1081,7 @@ export declare const ManamergeTheme: {
|
|
|
1081
1081
|
"Navigation-primary": {
|
|
1082
1082
|
gap: string;
|
|
1083
1083
|
background: string;
|
|
1084
|
+
padding: string;
|
|
1084
1085
|
atomIcon: {
|
|
1085
1086
|
variant: string;
|
|
1086
1087
|
color: string;
|
|
@@ -1105,12 +1106,19 @@ export declare const ManamergeTheme: {
|
|
|
1105
1106
|
};
|
|
1106
1107
|
focus: {
|
|
1107
1108
|
color: string;
|
|
1108
|
-
boxShadow: string;
|
|
1109
1109
|
};
|
|
1110
1110
|
hover: {
|
|
1111
1111
|
color: string;
|
|
1112
1112
|
transition: string;
|
|
1113
1113
|
};
|
|
1114
|
+
underline: {
|
|
1115
|
+
bottom: string;
|
|
1116
|
+
height: string;
|
|
1117
|
+
background: string;
|
|
1118
|
+
transformOriginMobileUp: string;
|
|
1119
|
+
transformOriginMobileDown: string;
|
|
1120
|
+
transition: string;
|
|
1121
|
+
};
|
|
1114
1122
|
};
|
|
1115
1123
|
navLinks: {
|
|
1116
1124
|
responsive: {
|
|
@@ -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: {
|