@manamerge/mana-atomic-ui 1.0.45 → 1.0.47
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.d.ts +3 -5
- package/dist/index.js +7 -6
- package/dist/index.js.map +1 -1
- package/dist/themes/{DavidWebTheme.js → themes/DavidWebTheme.ts} +27 -1
- package/dist/themes/{ManamergeTheme.js → themes/ManamergeTheme.ts} +40 -7
- package/dist/themes/themes/davidWeb/fonts/index.js +15 -44
- package/dist/themes/themes/davidWeb/images/icons/modal/closeicon.svg.js +42 -37
- package/dist/themes/themes/davidWeb/images/icons/navigation/notification.svg.js +49 -48
- package/dist/themes/themes/davidWeb/images/icons/navigation/profile.svg.js +31 -27
- package/dist/themes/themes/davidWeb/images/icons/navigation/user.svg.js +33 -29
- package/dist/themes/themes/davidWeb/styling/chat-theme.css.js +14 -80
- package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js +12 -47
- package/dist/themes/themes/davidWeb/styling/notification-theme.css.js +22 -166
- package/dist/themes/themes/manamerge/fonts/index.js +17 -55
- package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js +42 -37
- package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js +49 -48
- package/dist/themes/themes/manamerge/images/icons/navigation/profile.svg.js +31 -27
- package/dist/themes/themes/manamerge/images/icons/navigation/user.svg.js +33 -29
- package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +7 -6
- package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts +4 -2
- package/dist/themes/themes/manamerge/styling/chat-theme.css.js +14 -80
- package/dist/themes/themes/manamerge/styling/filter-list-theme.css.js +12 -47
- package/dist/themes/themes/manamerge/styling/notification-theme.css.js +22 -166
- package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
- package/dist/types/components/Atoms/Text/Text.d.ts +2 -4
- package/dist/types/themes/ManamergeTheme.d.ts +167 -167
- package/dist/types/themes/manamerge/atoms/button.d.ts +18 -18
- package/dist/types/themes/manamerge/atoms/divider.d.ts +3 -3
- package/dist/types/themes/manamerge/atoms/gradient.d.ts +6 -6
- package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -36
- package/dist/types/themes/manamerge/atoms/link.d.ts +30 -30
- package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
- package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +24 -29
- package/dist/types/themes/manamerge/miscellaneous/fontsizes.d.ts +8 -9
- package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +2 -2
- package/package.json +2 -3
- package/dist/themes/davidWeb/atoms/button.js +0 -107
- package/dist/themes/davidWeb/atoms/checkbox.js +0 -72
- package/dist/themes/davidWeb/atoms/divider.js +0 -24
- package/dist/themes/davidWeb/atoms/gradient.js +0 -18
- package/dist/themes/davidWeb/atoms/heading.js +0 -141
- package/dist/themes/davidWeb/atoms/icon.js +0 -30
- package/dist/themes/davidWeb/atoms/link.js +0 -78
- package/dist/themes/davidWeb/atoms/text.js +0 -38
- package/dist/themes/davidWeb/layouts/pint3.js +0 -13
- package/dist/themes/davidWeb/miscellaneous/breakpoints.js +0 -14
- package/dist/themes/davidWeb/molecules/accordion.js +0 -29
- package/dist/themes/davidWeb/molecules/breakerTape.js +0 -30
- package/dist/themes/davidWeb/molecules/cardBanner.js +0 -26
- package/dist/themes/davidWeb/molecules/cardSimpleRender.js +0 -34
- package/dist/themes/davidWeb/molecules/cardTeaser.js +0 -69
- package/dist/themes/davidWeb/molecules/footer.js +0 -26
- package/dist/themes/davidWeb/molecules/header.js +0 -94
- package/dist/themes/davidWeb/molecules/navigation.js +0 -53
- package/dist/themes/manamerge/atoms/button.js +0 -108
- package/dist/themes/manamerge/atoms/checkbox.js +0 -72
- package/dist/themes/manamerge/atoms/divider.js +0 -25
- package/dist/themes/manamerge/atoms/gradient.js +0 -19
- package/dist/themes/manamerge/atoms/heading.js +0 -280
- package/dist/themes/manamerge/atoms/icon.js +0 -30
- package/dist/themes/manamerge/atoms/link.js +0 -124
- package/dist/themes/manamerge/atoms/text.js +0 -62
- package/dist/themes/manamerge/layouts/pint3.js +0 -13
- package/dist/themes/manamerge/miscellaneous/breakpoints.js +0 -14
- package/dist/themes/manamerge/miscellaneous/colorpalette.js +0 -31
- package/dist/themes/manamerge/miscellaneous/fontsizes.js +0 -11
- package/dist/themes/manamerge/molecules/accordion.js +0 -29
- package/dist/themes/manamerge/molecules/breakerTape.js +0 -30
- package/dist/themes/manamerge/molecules/cardBanner.js +0 -26
- package/dist/themes/manamerge/molecules/cardSimpleRender.js +0 -35
- package/dist/themes/manamerge/molecules/cardTeaser.js +0 -69
- package/dist/themes/manamerge/molecules/footer.js +0 -26
- package/dist/themes/manamerge/molecules/header.js +0 -86
- package/dist/themes/manamerge/molecules/navigation.js +0 -53
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
const cardTeaser = {
|
|
2
|
-
"CardTeaser-primary": {
|
|
3
|
-
background: `repeating-linear-gradient(
|
|
4
|
-
0deg,
|
|
5
|
-
transparent,
|
|
6
|
-
transparent 0px,
|
|
7
|
-
rgb(9, 0, 131) 2px
|
|
8
|
-
),
|
|
9
|
-
repeating-linear-gradient(
|
|
10
|
-
90deg,
|
|
11
|
-
transparent,
|
|
12
|
-
transparent 0px,
|
|
13
|
-
rgb(9, 0, 131) 2px
|
|
14
|
-
)`,
|
|
15
|
-
gradientBackground: `radial-gradient(circle, red 10%, pink 50%)`,
|
|
16
|
-
borderRadius: "25px",
|
|
17
|
-
maxWidth: "850px",
|
|
18
|
-
text: {
|
|
19
|
-
variant: "primary-medium",
|
|
20
|
-
color: "#ccc",
|
|
21
|
-
margin: " 8px 0"
|
|
22
|
-
},
|
|
23
|
-
icon: {
|
|
24
|
-
variant: "medium"
|
|
25
|
-
},
|
|
26
|
-
button: {
|
|
27
|
-
variant: "primary"
|
|
28
|
-
},
|
|
29
|
-
image: {
|
|
30
|
-
borderRadius: "16px"
|
|
31
|
-
},
|
|
32
|
-
list: {
|
|
33
|
-
padding: "0",
|
|
34
|
-
margin: "0"
|
|
35
|
-
},
|
|
36
|
-
leftCardContainer: {
|
|
37
|
-
responsive: {
|
|
38
|
-
tinyMobileUp: {
|
|
39
|
-
padding: "30px",
|
|
40
|
-
maxWidth: "350px"
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
listItem: {
|
|
45
|
-
responsive: {
|
|
46
|
-
tinyMobileUp: {
|
|
47
|
-
gap: "20px"
|
|
48
|
-
},
|
|
49
|
-
mobileUp: {
|
|
50
|
-
gap: "10px"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
separator: {
|
|
55
|
-
padding: "10px 0 0 0",
|
|
56
|
-
border: "1px solid #ccc"
|
|
57
|
-
},
|
|
58
|
-
headingTitle: {
|
|
59
|
-
variant: "primary-h2",
|
|
60
|
-
color: "#ccc"
|
|
61
|
-
},
|
|
62
|
-
headingCompanyDate: {
|
|
63
|
-
variant: "primary-h5",
|
|
64
|
-
color: "#ccc",
|
|
65
|
-
textTransform: "uppercase"
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
export default cardTeaser;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
const footer = {
|
|
2
|
-
"Footer-primary": {
|
|
3
|
-
background: `linear-gradient(
|
|
4
|
-
180deg,
|
|
5
|
-
rgba(59, 60, 63, 0.6) 0%,
|
|
6
|
-
rgba(38, 38, 38, 0.8) 43.75%
|
|
7
|
-
),
|
|
8
|
-
rgba(59, 60, 63, 0.8);`,
|
|
9
|
-
padding: "10px",
|
|
10
|
-
gap: "20px",
|
|
11
|
-
text: {
|
|
12
|
-
variant: "secondary-light",
|
|
13
|
-
color: "#1cc",
|
|
14
|
-
hover: {
|
|
15
|
-
color: "#f00"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
links: {
|
|
19
|
-
variant: "secondary-regular"
|
|
20
|
-
},
|
|
21
|
-
icons: {
|
|
22
|
-
variant: "medium"
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
export default footer;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
const header = {
|
|
2
|
-
"Header-primary": {
|
|
3
|
-
height: "350px",
|
|
4
|
-
backgroundColor: "rgba(250, 97, 97, 0.71)",
|
|
5
|
-
justifyContent: "center",
|
|
6
|
-
bannerColor: "lightgray",
|
|
7
|
-
wrapperHeader: {
|
|
8
|
-
alignItems: "center"
|
|
9
|
-
},
|
|
10
|
-
atomIconTop: {
|
|
11
|
-
variant: "large",
|
|
12
|
-
stroke: "none",
|
|
13
|
-
fill: "none",
|
|
14
|
-
hover: {
|
|
15
|
-
stroke: "gold",
|
|
16
|
-
fill: "gold"
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
atomIconDot: {
|
|
20
|
-
variant: "small",
|
|
21
|
-
size: "10px",
|
|
22
|
-
fill: "green",
|
|
23
|
-
stroke: "none",
|
|
24
|
-
hover: {
|
|
25
|
-
stroke: "none"
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
atomHeading: {
|
|
29
|
-
variant: "secondary-h1"
|
|
30
|
-
},
|
|
31
|
-
atomTextTitle: {
|
|
32
|
-
variant: "secondary-medium"
|
|
33
|
-
},
|
|
34
|
-
atomButtonLeft: {
|
|
35
|
-
variant: "primary",
|
|
36
|
-
flexDirection: "row"
|
|
37
|
-
},
|
|
38
|
-
atomButtonRight: {
|
|
39
|
-
variant: "secondary",
|
|
40
|
-
flexDirection: "row-reverse"
|
|
41
|
-
},
|
|
42
|
-
atomIconLeft: {
|
|
43
|
-
variant: "small"
|
|
44
|
-
},
|
|
45
|
-
atomIconRight: {
|
|
46
|
-
variant: "small"
|
|
47
|
-
},
|
|
48
|
-
wrapperTextTitle: {
|
|
49
|
-
alignItems: "center"
|
|
50
|
-
}
|
|
51
|
-
},
|
|
52
|
-
"Header-secondary": {
|
|
53
|
-
height: "300px",
|
|
54
|
-
backgroundColor: "rgba(186, 250, 97, 0.71)",
|
|
55
|
-
justifyContent: "flex-start",
|
|
56
|
-
bannerColor: "lightgray",
|
|
57
|
-
wrapperHeader: {
|
|
58
|
-
alignItems: "flex-start"
|
|
59
|
-
},
|
|
60
|
-
atomIconDot: {
|
|
61
|
-
variant: "small",
|
|
62
|
-
size: "10px",
|
|
63
|
-
fill: "green",
|
|
64
|
-
stroke: "none",
|
|
65
|
-
hover: {
|
|
66
|
-
stroke: "none"
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
atomHeading: {
|
|
70
|
-
variant: "secondary-h1"
|
|
71
|
-
},
|
|
72
|
-
atomTextTitle: {
|
|
73
|
-
variant: "secondary-medium"
|
|
74
|
-
},
|
|
75
|
-
wrapperTextTitle: {
|
|
76
|
-
alignItems: "flex-start"
|
|
77
|
-
},
|
|
78
|
-
gradientStyles: {
|
|
79
|
-
orientation: "180deg",
|
|
80
|
-
primaryColor: "rgba(0, 128, 0, 0) 0%",
|
|
81
|
-
secondaryColor: "rgba(0, 55, 128, 0.4) 50%",
|
|
82
|
-
tertiaryColor: "rgba(128, 0, 0, 0.7) 100%"
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
};
|
|
86
|
-
export default header;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
const navigation = {
|
|
2
|
-
"Navigation-primary": {
|
|
3
|
-
gap: "30px",
|
|
4
|
-
background: `linear-gradient(
|
|
5
|
-
180deg,
|
|
6
|
-
rgba(59, 60, 63, 0.6) 0%,
|
|
7
|
-
rgba(38, 38, 38, 0.8) 43.75%
|
|
8
|
-
),
|
|
9
|
-
rgba(59, 60, 63, 0.8);`,
|
|
10
|
-
atomIcon: {
|
|
11
|
-
variant: "medium",
|
|
12
|
-
color: "white",
|
|
13
|
-
focus: {
|
|
14
|
-
outline: "2px solid darkblue",
|
|
15
|
-
outlineOffset: "2px",
|
|
16
|
-
boxShadow: "2px 2px 5px yellow",
|
|
17
|
-
color: "gold"
|
|
18
|
-
},
|
|
19
|
-
hover: {
|
|
20
|
-
color: "red",
|
|
21
|
-
transition: "color 0.3s ease"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
atomLink: {
|
|
25
|
-
variant: "primary-bold",
|
|
26
|
-
color: "#ccc",
|
|
27
|
-
fontWeight: "700",
|
|
28
|
-
currentPath: {
|
|
29
|
-
color: "green",
|
|
30
|
-
fontWeight: "900"
|
|
31
|
-
},
|
|
32
|
-
focus: {
|
|
33
|
-
color: "gold",
|
|
34
|
-
boxShadow: "2px 2px 5px yellow",
|
|
35
|
-
transform: "translateY(-5px)"
|
|
36
|
-
},
|
|
37
|
-
hover: {
|
|
38
|
-
color: "#f00",
|
|
39
|
-
transition: "color 0.3s ease"
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
navLinks: {
|
|
43
|
-
responsive: {
|
|
44
|
-
largeMobileUp: {
|
|
45
|
-
gap: "30px",
|
|
46
|
-
justifyContent: "flex-start",
|
|
47
|
-
margin: "0 30px 0 0"
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
export default navigation;
|