@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.
@@ -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,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: {
@@ -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.170",
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;