@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.
@@ -4,7 +4,7 @@ import fontsizes from "../miscellaneous/fontsizes";
4
4
  const text = {
5
5
  "Text-primary-light": {
6
6
  vFontSize: fontsizes.xs,
7
- lineHeight: "18px",
7
+ lineHeight: "19px",
8
8
  fontWeight: 300,
9
9
  vColor: colors.one.b,
10
10
  margin: "0px",
@@ -3,44 +3,44 @@ import colors from "../miscellaneous/colorpalette";
3
3
  const icon = {
4
4
  "Icon-xs": {
5
5
  size: "16px",
6
- color: colors.transparent,
7
- fill: colors.three.a,
8
- stroke: colors.two.a,
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.four.a,
12
- stroke: colors.two.f
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.three.a,
18
- stroke: colors.two.a
17
+ fill: colors.one.h,
18
+ stroke: colors.one.h
19
19
  },
20
20
  "Icon-md": {
21
21
  size: "32px",
22
- fill: colors.three.a,
23
- stroke: colors.two.a
22
+ fill: colors.one.h,
23
+ stroke: colors.one.h
24
24
  },
25
25
  "Icon-lg": {
26
26
  size: "48px",
27
- fill: colors.three.a,
28
- stroke: colors.two.a
27
+ fill: colors.one.h,
28
+ stroke: colors.one.h
29
29
  },
30
30
  "Icon-xl": {
31
31
  size: "64px",
32
- fill: colors.three.a,
33
- stroke: colors.two.a
32
+ fill: colors.one.h,
33
+ stroke: colors.one.h
34
34
  },
35
35
  "Icon-xxl": {
36
36
  size: "96px",
37
- fill: colors.three.a,
38
- stroke: colors.two.a
37
+ fill: colors.one.h,
38
+ stroke: colors.one.h
39
39
  },
40
40
  "Icon-xxxl": {
41
41
  size: "128px",
42
- fill: colors.three.a,
43
- stroke: colors.two.a,
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.three.a,
52
- stroke: colors.two.a,
51
+ fill: colors.one.h,
52
+ stroke: colors.one.h,
53
53
  hover: {
54
54
  color: colors.transparent,
55
55
  fill: colors.four.a,
@@ -4,7 +4,7 @@ import fontsizes from "../miscellaneous/fontsizes";
4
4
  const text = {
5
5
  "Text-primary-light": {
6
6
  fontSize: fontsizes.xs,
7
- lineHeight: "18px",
7
+ lineHeight: "19px",
8
8
  fontWeight: 300,
9
9
  color: colors.one.b,
10
10
  margin: "0px",
@@ -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: "md"
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: "50px",
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: colors.one.c,
26
+ color: "#ccc",
31
27
  fontWeight: "700",
32
28
  currentPath: {
33
- color: colors.two.a,
34
- fontWeight: "700"
29
+ color: "green",
30
+ fontWeight: "900"
35
31
  },
36
32
  focus: {
37
- color: colors.one.a
33
+ color: "gold",
34
+ boxShadow: "2px 2px 5px yellow"
38
35
  },
39
36
  hover: {
40
- color: colors.one.a,
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: "50px",
55
- justifyContent: "flex-end", // change here if you want the menu to aligned on the left/center/right
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
  };
@@ -14,6 +14,8 @@ declare const footer: {
14
14
  };
15
15
  icons: {
16
16
  variant: string;
17
+ stroke: string;
18
+ fill: string;
17
19
  };
18
20
  };
19
21
  };
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@manamerge/mana-atomic-ui",
3
- "version": "1.0.169",
3
+ "version": "1.0.171",
4
4
  "description": "Mana Merge design system",
5
5
  "license": "ISC",
6
6
  "author": "MM",
@@ -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;