@manamerge/mana-atomic-ui 1.0.178 → 1.0.180
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 +25 -56
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/molecules/header.ts +1 -1
- package/dist/themes/themes/manamerge/molecules/navigation.ts +15 -25
- package/dist/types/themes/ManamergeTheme.d.ts +1 -9
- package/dist/types/themes/manamerge/molecules/navigation.d.ts +1 -9
- package/package.json +1 -1
|
@@ -1,58 +1,48 @@
|
|
|
1
|
-
import colors from "../miscellaneous/colorpalette";
|
|
2
|
-
|
|
3
1
|
const navigation = {
|
|
4
2
|
"Navigation-primary": {
|
|
5
|
-
gap: "
|
|
3
|
+
gap: "30px",
|
|
6
4
|
background: `linear-gradient(
|
|
7
5
|
180deg,
|
|
8
6
|
rgba(59, 60, 63, 0.6) 0%,
|
|
9
7
|
rgba(38, 38, 38, 0.8) 43.75%
|
|
10
8
|
),
|
|
11
9
|
rgba(59, 60, 63, 0.8);`,
|
|
12
|
-
padding: "13px",
|
|
13
10
|
atomIcon: {
|
|
14
11
|
variant: "md",
|
|
15
|
-
color:
|
|
12
|
+
color: "white",
|
|
16
13
|
focus: {
|
|
17
|
-
outline: "
|
|
18
|
-
outlineOffset: "
|
|
19
|
-
boxShadow: "
|
|
20
|
-
color:
|
|
14
|
+
outline: "2px solid darkblue",
|
|
15
|
+
outlineOffset: "2px",
|
|
16
|
+
boxShadow: "2px 2px 5px yellow",
|
|
17
|
+
color: "gold"
|
|
21
18
|
},
|
|
22
19
|
hover: {
|
|
23
|
-
color:
|
|
20
|
+
color: "red",
|
|
24
21
|
transition: "color 0.3s ease"
|
|
25
22
|
}
|
|
26
23
|
},
|
|
27
24
|
atomLink: {
|
|
28
25
|
variant: "primary-bold",
|
|
29
|
-
color:
|
|
26
|
+
color: "#ccc",
|
|
30
27
|
fontWeight: "700",
|
|
31
28
|
currentPath: {
|
|
32
|
-
color:
|
|
33
|
-
fontWeight: "
|
|
29
|
+
color: "green",
|
|
30
|
+
fontWeight: "900"
|
|
34
31
|
},
|
|
35
32
|
focus: {
|
|
36
|
-
color:
|
|
33
|
+
color: "gold",
|
|
34
|
+
boxShadow: "2px 2px 5px yellow"
|
|
37
35
|
},
|
|
38
36
|
hover: {
|
|
39
|
-
color:
|
|
37
|
+
color: "#f00",
|
|
40
38
|
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)"
|
|
49
39
|
}
|
|
50
40
|
},
|
|
51
41
|
navLinks: {
|
|
52
42
|
responsive: {
|
|
53
43
|
largeMobileUp: {
|
|
54
|
-
gap: "
|
|
55
|
-
justifyContent: "flex-
|
|
44
|
+
gap: "30px",
|
|
45
|
+
justifyContent: "flex-start", // change here if you want the menu to aligned on the left/center/right
|
|
56
46
|
margin: "0 30px 0 0"
|
|
57
47
|
}
|
|
58
48
|
}
|
|
@@ -1081,7 +1081,6 @@ export declare const ManamergeTheme: {
|
|
|
1081
1081
|
"Navigation-primary": {
|
|
1082
1082
|
gap: string;
|
|
1083
1083
|
background: string;
|
|
1084
|
-
padding: string;
|
|
1085
1084
|
atomIcon: {
|
|
1086
1085
|
variant: string;
|
|
1087
1086
|
color: string;
|
|
@@ -1106,19 +1105,12 @@ export declare const ManamergeTheme: {
|
|
|
1106
1105
|
};
|
|
1107
1106
|
focus: {
|
|
1108
1107
|
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
|
-
};
|
|
1122
1114
|
};
|
|
1123
1115
|
navLinks: {
|
|
1124
1116
|
responsive: {
|
|
@@ -2,7 +2,6 @@ declare const navigation: {
|
|
|
2
2
|
"Navigation-primary": {
|
|
3
3
|
gap: string;
|
|
4
4
|
background: string;
|
|
5
|
-
padding: string;
|
|
6
5
|
atomIcon: {
|
|
7
6
|
variant: string;
|
|
8
7
|
color: string;
|
|
@@ -27,19 +26,12 @@ declare const navigation: {
|
|
|
27
26
|
};
|
|
28
27
|
focus: {
|
|
29
28
|
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
|
-
};
|
|
43
35
|
};
|
|
44
36
|
navLinks: {
|
|
45
37
|
responsive: {
|