@manamerge/mana-atomic-ui 1.0.169 → 1.0.171
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 +18 -42
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/davidWeb/atoms/text.ts +1 -1
- package/dist/themes/themes/manamerge/atoms/icon.ts +19 -19
- package/dist/themes/themes/manamerge/atoms/text.ts +1 -1
- package/dist/themes/themes/manamerge/molecules/footer.ts +5 -1
- package/dist/themes/themes/manamerge/molecules/navigation.ts +9 -19
- package/dist/types/themes/ManamergeTheme.d.ts +3 -9
- package/dist/types/themes/manamerge/molecules/footer.d.ts +2 -0
- package/dist/types/themes/manamerge/molecules/navigation.d.ts +1 -9
- 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
|
@@ -3,44 +3,44 @@ import colors from "../miscellaneous/colorpalette";
|
|
|
3
3
|
const icon = {
|
|
4
4
|
"Icon-xs": {
|
|
5
5
|
size: "16px",
|
|
6
|
-
color: colors.
|
|
7
|
-
fill: colors.
|
|
8
|
-
stroke: colors.
|
|
6
|
+
color: colors.one.h,
|
|
7
|
+
fill: colors.one.h,
|
|
8
|
+
stroke: colors.one.h,
|
|
9
9
|
hover: {
|
|
10
10
|
color: colors.transparent,
|
|
11
|
-
fill: colors.
|
|
12
|
-
stroke: colors.
|
|
11
|
+
fill: colors.one.h,
|
|
12
|
+
stroke: colors.one.h
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
"Icon-sm": {
|
|
16
16
|
size: "24px",
|
|
17
|
-
fill: colors.
|
|
18
|
-
stroke: colors.
|
|
17
|
+
fill: colors.one.h,
|
|
18
|
+
stroke: colors.one.h
|
|
19
19
|
},
|
|
20
20
|
"Icon-md": {
|
|
21
21
|
size: "32px",
|
|
22
|
-
fill: colors.
|
|
23
|
-
stroke: colors.
|
|
22
|
+
fill: colors.one.h,
|
|
23
|
+
stroke: colors.one.h
|
|
24
24
|
},
|
|
25
25
|
"Icon-lg": {
|
|
26
26
|
size: "48px",
|
|
27
|
-
fill: colors.
|
|
28
|
-
stroke: colors.
|
|
27
|
+
fill: colors.one.h,
|
|
28
|
+
stroke: colors.one.h
|
|
29
29
|
},
|
|
30
30
|
"Icon-xl": {
|
|
31
31
|
size: "64px",
|
|
32
|
-
fill: colors.
|
|
33
|
-
stroke: colors.
|
|
32
|
+
fill: colors.one.h,
|
|
33
|
+
stroke: colors.one.h
|
|
34
34
|
},
|
|
35
35
|
"Icon-xxl": {
|
|
36
36
|
size: "96px",
|
|
37
|
-
fill: colors.
|
|
38
|
-
stroke: colors.
|
|
37
|
+
fill: colors.one.h,
|
|
38
|
+
stroke: colors.one.h
|
|
39
39
|
},
|
|
40
40
|
"Icon-xxxl": {
|
|
41
41
|
size: "128px",
|
|
42
|
-
fill: colors.
|
|
43
|
-
stroke: colors.
|
|
42
|
+
fill: colors.one.h,
|
|
43
|
+
stroke: colors.one.h,
|
|
44
44
|
hover: {
|
|
45
45
|
opacity: "0.8"
|
|
46
46
|
}
|
|
@@ -48,8 +48,8 @@ const icon = {
|
|
|
48
48
|
"Icon-xxxxl": {
|
|
49
49
|
size: "192px",
|
|
50
50
|
color: colors.transparent,
|
|
51
|
-
fill: colors.
|
|
52
|
-
stroke: colors.
|
|
51
|
+
fill: colors.one.h,
|
|
52
|
+
stroke: colors.one.h,
|
|
53
53
|
hover: {
|
|
54
54
|
color: colors.transparent,
|
|
55
55
|
fill: colors.four.a,
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import colors from "../miscellaneous/colorpalette";
|
|
2
|
+
|
|
1
3
|
const footer = {
|
|
2
4
|
"Footer-primary": {
|
|
3
5
|
background: `linear-gradient(
|
|
@@ -18,7 +20,9 @@ const footer = {
|
|
|
18
20
|
variant: "primary-medium"
|
|
19
21
|
},
|
|
20
22
|
icons: {
|
|
21
|
-
variant: "
|
|
23
|
+
variant: "sm",
|
|
24
|
+
stroke: colors.one.b,
|
|
25
|
+
fill: colors.one.b
|
|
22
26
|
}
|
|
23
27
|
}
|
|
24
28
|
};
|
|
@@ -1,16 +1,12 @@
|
|
|
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: "30px",
|
|
13
|
-
height: "80px",
|
|
14
10
|
atomIcon: {
|
|
15
11
|
variant: "md",
|
|
16
12
|
color: "white",
|
|
@@ -27,32 +23,26 @@ const navigation = {
|
|
|
27
23
|
},
|
|
28
24
|
atomLink: {
|
|
29
25
|
variant: "primary-bold",
|
|
30
|
-
color:
|
|
26
|
+
color: "#ccc",
|
|
31
27
|
fontWeight: "700",
|
|
32
28
|
currentPath: {
|
|
33
|
-
color:
|
|
34
|
-
fontWeight: "
|
|
29
|
+
color: "green",
|
|
30
|
+
fontWeight: "900"
|
|
35
31
|
},
|
|
36
32
|
focus: {
|
|
37
|
-
color:
|
|
33
|
+
color: "gold",
|
|
34
|
+
boxShadow: "2px 2px 5px yellow"
|
|
38
35
|
},
|
|
39
36
|
hover: {
|
|
40
|
-
color:
|
|
37
|
+
color: "#f00",
|
|
41
38
|
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)"
|
|
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,8 +1081,6 @@ export declare const ManamergeTheme: {
|
|
|
1081
1081
|
"Navigation-primary": {
|
|
1082
1082
|
gap: string;
|
|
1083
1083
|
background: string;
|
|
1084
|
-
padding: string;
|
|
1085
|
-
height: string;
|
|
1086
1084
|
atomIcon: {
|
|
1087
1085
|
variant: string;
|
|
1088
1086
|
color: string;
|
|
@@ -1107,18 +1105,12 @@ export declare const ManamergeTheme: {
|
|
|
1107
1105
|
};
|
|
1108
1106
|
focus: {
|
|
1109
1107
|
color: string;
|
|
1108
|
+
boxShadow: string;
|
|
1110
1109
|
};
|
|
1111
1110
|
hover: {
|
|
1112
1111
|
color: string;
|
|
1113
1112
|
transition: string;
|
|
1114
1113
|
};
|
|
1115
|
-
underline: {
|
|
1116
|
-
bottom: string;
|
|
1117
|
-
height: string;
|
|
1118
|
-
background: string;
|
|
1119
|
-
transformOrigin: string;
|
|
1120
|
-
transition: string;
|
|
1121
|
-
};
|
|
1122
1114
|
};
|
|
1123
1115
|
navLinks: {
|
|
1124
1116
|
responsive: {
|
|
@@ -1147,6 +1139,8 @@ export declare const ManamergeTheme: {
|
|
|
1147
1139
|
};
|
|
1148
1140
|
icons: {
|
|
1149
1141
|
variant: string;
|
|
1142
|
+
stroke: string;
|
|
1143
|
+
fill: string;
|
|
1150
1144
|
};
|
|
1151
1145
|
};
|
|
1152
1146
|
};
|
|
@@ -2,8 +2,6 @@ declare const navigation: {
|
|
|
2
2
|
"Navigation-primary": {
|
|
3
3
|
gap: string;
|
|
4
4
|
background: string;
|
|
5
|
-
padding: string;
|
|
6
|
-
height: string;
|
|
7
5
|
atomIcon: {
|
|
8
6
|
variant: string;
|
|
9
7
|
color: string;
|
|
@@ -28,18 +26,12 @@ declare const navigation: {
|
|
|
28
26
|
};
|
|
29
27
|
focus: {
|
|
30
28
|
color: string;
|
|
29
|
+
boxShadow: string;
|
|
31
30
|
};
|
|
32
31
|
hover: {
|
|
33
32
|
color: string;
|
|
34
33
|
transition: string;
|
|
35
34
|
};
|
|
36
|
-
underline: {
|
|
37
|
-
bottom: string;
|
|
38
|
-
height: string;
|
|
39
|
-
background: string;
|
|
40
|
-
transformOrigin: string;
|
|
41
|
-
transition: string;
|
|
42
|
-
};
|
|
43
35
|
};
|
|
44
36
|
navLinks: {
|
|
45
37
|
responsive: {
|
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;
|