@manamerge/mana-atomic-ui 1.0.169 → 1.0.170
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 +14 -40
- 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/navigation.ts +9 -19
- 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
- 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,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: {
|
|
@@ -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;
|