@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.
Files changed (74) hide show
  1. package/dist/index.d.ts +3 -5
  2. package/dist/index.js +7 -6
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/{DavidWebTheme.js → themes/DavidWebTheme.ts} +27 -1
  5. package/dist/themes/{ManamergeTheme.js → themes/ManamergeTheme.ts} +40 -7
  6. package/dist/themes/themes/davidWeb/fonts/index.js +15 -44
  7. package/dist/themes/themes/davidWeb/images/icons/modal/closeicon.svg.js +42 -37
  8. package/dist/themes/themes/davidWeb/images/icons/navigation/notification.svg.js +49 -48
  9. package/dist/themes/themes/davidWeb/images/icons/navigation/profile.svg.js +31 -27
  10. package/dist/themes/themes/davidWeb/images/icons/navigation/user.svg.js +33 -29
  11. package/dist/themes/themes/davidWeb/styling/chat-theme.css.js +14 -80
  12. package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js +12 -47
  13. package/dist/themes/themes/davidWeb/styling/notification-theme.css.js +22 -166
  14. package/dist/themes/themes/manamerge/fonts/index.js +17 -55
  15. package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js +42 -37
  16. package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js +49 -48
  17. package/dist/themes/themes/manamerge/images/icons/navigation/profile.svg.js +31 -27
  18. package/dist/themes/themes/manamerge/images/icons/navigation/user.svg.js +33 -29
  19. package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +7 -6
  20. package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts +4 -2
  21. package/dist/themes/themes/manamerge/styling/chat-theme.css.js +14 -80
  22. package/dist/themes/themes/manamerge/styling/filter-list-theme.css.js +12 -47
  23. package/dist/themes/themes/manamerge/styling/notification-theme.css.js +22 -166
  24. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
  25. package/dist/types/components/Atoms/Text/Text.d.ts +2 -4
  26. package/dist/types/themes/ManamergeTheme.d.ts +167 -167
  27. package/dist/types/themes/manamerge/atoms/button.d.ts +18 -18
  28. package/dist/types/themes/manamerge/atoms/divider.d.ts +3 -3
  29. package/dist/types/themes/manamerge/atoms/gradient.d.ts +6 -6
  30. package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -36
  31. package/dist/types/themes/manamerge/atoms/link.d.ts +30 -30
  32. package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
  33. package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +24 -29
  34. package/dist/types/themes/manamerge/miscellaneous/fontsizes.d.ts +8 -9
  35. package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +2 -2
  36. package/package.json +2 -3
  37. package/dist/themes/davidWeb/atoms/button.js +0 -107
  38. package/dist/themes/davidWeb/atoms/checkbox.js +0 -72
  39. package/dist/themes/davidWeb/atoms/divider.js +0 -24
  40. package/dist/themes/davidWeb/atoms/gradient.js +0 -18
  41. package/dist/themes/davidWeb/atoms/heading.js +0 -141
  42. package/dist/themes/davidWeb/atoms/icon.js +0 -30
  43. package/dist/themes/davidWeb/atoms/link.js +0 -78
  44. package/dist/themes/davidWeb/atoms/text.js +0 -38
  45. package/dist/themes/davidWeb/layouts/pint3.js +0 -13
  46. package/dist/themes/davidWeb/miscellaneous/breakpoints.js +0 -14
  47. package/dist/themes/davidWeb/molecules/accordion.js +0 -29
  48. package/dist/themes/davidWeb/molecules/breakerTape.js +0 -30
  49. package/dist/themes/davidWeb/molecules/cardBanner.js +0 -26
  50. package/dist/themes/davidWeb/molecules/cardSimpleRender.js +0 -34
  51. package/dist/themes/davidWeb/molecules/cardTeaser.js +0 -69
  52. package/dist/themes/davidWeb/molecules/footer.js +0 -26
  53. package/dist/themes/davidWeb/molecules/header.js +0 -94
  54. package/dist/themes/davidWeb/molecules/navigation.js +0 -53
  55. package/dist/themes/manamerge/atoms/button.js +0 -108
  56. package/dist/themes/manamerge/atoms/checkbox.js +0 -72
  57. package/dist/themes/manamerge/atoms/divider.js +0 -25
  58. package/dist/themes/manamerge/atoms/gradient.js +0 -19
  59. package/dist/themes/manamerge/atoms/heading.js +0 -280
  60. package/dist/themes/manamerge/atoms/icon.js +0 -30
  61. package/dist/themes/manamerge/atoms/link.js +0 -124
  62. package/dist/themes/manamerge/atoms/text.js +0 -62
  63. package/dist/themes/manamerge/layouts/pint3.js +0 -13
  64. package/dist/themes/manamerge/miscellaneous/breakpoints.js +0 -14
  65. package/dist/themes/manamerge/miscellaneous/colorpalette.js +0 -31
  66. package/dist/themes/manamerge/miscellaneous/fontsizes.js +0 -11
  67. package/dist/themes/manamerge/molecules/accordion.js +0 -29
  68. package/dist/themes/manamerge/molecules/breakerTape.js +0 -30
  69. package/dist/themes/manamerge/molecules/cardBanner.js +0 -26
  70. package/dist/themes/manamerge/molecules/cardSimpleRender.js +0 -35
  71. package/dist/themes/manamerge/molecules/cardTeaser.js +0 -69
  72. package/dist/themes/manamerge/molecules/footer.js +0 -26
  73. package/dist/themes/manamerge/molecules/header.js +0 -86
  74. 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;