@manamerge/mana-atomic-ui 1.0.167 → 1.0.169
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 +40 -14
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/davidWeb/atoms/text.ts +1 -1
- package/dist/themes/themes/manamerge/atoms/text.ts +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/themes/themes/manamerge/molecules/navigation.ts +19 -9
- package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts +11 -0
- package/dist/types/themes/ManamergeTheme.d.ts +9 -1
- package/dist/types/themes/manamerge/molecules/navigation.d.ts +9 -1
- package/package.json +1 -1
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,12 +1,16 @@
|
|
|
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: "30px",
|
|
13
|
+
height: "80px",
|
|
10
14
|
atomIcon: {
|
|
11
15
|
variant: "md",
|
|
12
16
|
color: "white",
|
|
@@ -23,26 +27,32 @@ const navigation = {
|
|
|
23
27
|
},
|
|
24
28
|
atomLink: {
|
|
25
29
|
variant: "primary-bold",
|
|
26
|
-
color:
|
|
30
|
+
color: colors.one.c,
|
|
27
31
|
fontWeight: "700",
|
|
28
32
|
currentPath: {
|
|
29
|
-
color:
|
|
30
|
-
fontWeight: "
|
|
33
|
+
color: colors.two.a,
|
|
34
|
+
fontWeight: "700"
|
|
31
35
|
},
|
|
32
36
|
focus: {
|
|
33
|
-
color:
|
|
34
|
-
boxShadow: "2px 2px 5px yellow"
|
|
37
|
+
color: colors.one.a
|
|
35
38
|
},
|
|
36
39
|
hover: {
|
|
37
|
-
color:
|
|
40
|
+
color: colors.one.a,
|
|
38
41
|
transition: "color 0.3s ease"
|
|
42
|
+
},
|
|
43
|
+
underline: {
|
|
44
|
+
bottom: "2px",
|
|
45
|
+
height: "2px",
|
|
46
|
+
background: colors.two.a,
|
|
47
|
+
transformOrigin: "center",
|
|
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
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
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;
|
|
@@ -1081,6 +1081,8 @@ export declare const ManamergeTheme: {
|
|
|
1081
1081
|
"Navigation-primary": {
|
|
1082
1082
|
gap: string;
|
|
1083
1083
|
background: string;
|
|
1084
|
+
padding: string;
|
|
1085
|
+
height: string;
|
|
1084
1086
|
atomIcon: {
|
|
1085
1087
|
variant: string;
|
|
1086
1088
|
color: string;
|
|
@@ -1105,12 +1107,18 @@ export declare const ManamergeTheme: {
|
|
|
1105
1107
|
};
|
|
1106
1108
|
focus: {
|
|
1107
1109
|
color: string;
|
|
1108
|
-
boxShadow: string;
|
|
1109
1110
|
};
|
|
1110
1111
|
hover: {
|
|
1111
1112
|
color: string;
|
|
1112
1113
|
transition: string;
|
|
1113
1114
|
};
|
|
1115
|
+
underline: {
|
|
1116
|
+
bottom: string;
|
|
1117
|
+
height: string;
|
|
1118
|
+
background: string;
|
|
1119
|
+
transformOrigin: string;
|
|
1120
|
+
transition: string;
|
|
1121
|
+
};
|
|
1114
1122
|
};
|
|
1115
1123
|
navLinks: {
|
|
1116
1124
|
responsive: {
|
|
@@ -2,6 +2,8 @@ declare const navigation: {
|
|
|
2
2
|
"Navigation-primary": {
|
|
3
3
|
gap: string;
|
|
4
4
|
background: string;
|
|
5
|
+
padding: string;
|
|
6
|
+
height: string;
|
|
5
7
|
atomIcon: {
|
|
6
8
|
variant: string;
|
|
7
9
|
color: string;
|
|
@@ -26,12 +28,18 @@ declare const navigation: {
|
|
|
26
28
|
};
|
|
27
29
|
focus: {
|
|
28
30
|
color: string;
|
|
29
|
-
boxShadow: string;
|
|
30
31
|
};
|
|
31
32
|
hover: {
|
|
32
33
|
color: string;
|
|
33
34
|
transition: string;
|
|
34
35
|
};
|
|
36
|
+
underline: {
|
|
37
|
+
bottom: string;
|
|
38
|
+
height: string;
|
|
39
|
+
background: string;
|
|
40
|
+
transformOrigin: string;
|
|
41
|
+
transition: string;
|
|
42
|
+
};
|
|
35
43
|
};
|
|
36
44
|
navLinks: {
|
|
37
45
|
responsive: {
|