@manamerge/mana-atomic-ui 1.0.196 → 1.0.197

package/dist/themes/themes/davidWeb/molecules/cardTeaser.ts

@@ -58,13 +58,12 @@ const cardTeaser = {
         },
 
         headingTitle: {
-            variant: "primary",
+            variant: "h2",
             color: "#ccc"
         },
 
         headingCompanyDate: {
-            variant: "primary",
-            asTag: "h1",
+            variant: "h5",
             color: "#ccc",
             textTransform: "uppercase"
         }

package/dist/themes/themes/manamerge/atoms/button.ts

@@ -29,7 +29,7 @@ const button = {
         default: {
             text: colors.one.h,
             border: "none",
-            background: colors.one.b,
+            background: colors.one.c,
             opacity: 1 // Ensures full opacity by default
         },
         hover: {
@@ -65,7 +65,7 @@ const button = {
         borderRadius: "15px",
         lineHeight: "18px",
         fontFamily: "ManamergeGilmer",
-        fontWeight: 700,
+        fontWeight: 500,
         letterSpacing: "0.5px", // Ensures text has spacing for readability
         padding: "0 30px",
         fontSize: "14px",
@@ -119,7 +119,7 @@ const button = {
         borderRadius: "15px",
         lineHeight: "18px",
         fontFamily: "ManamergeGilmer",
-        fontWeight: 700,
+        fontWeight: 500,
         letterSpacing: "0.5px", // Ensures text has spacing for readability
         padding: "0 30px",
         fontSize: "14px",

package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts

@@ -19,7 +19,8 @@ const colors = {
         e: "#5E876B",
         f: "#4D694C",
         g: "#01160e",
-        h: "#012518"
+        h: "#012518",
+        i: "#293630"
     },
     three: {
         a: "#FFD166",

package/dist/themes/themes/manamerge/molecules/accordion.ts

@@ -22,7 +22,12 @@ const accordion = {
             size: "12px",
             color: colors.one.b,
             fill: colors.one.b,
-            stroke: colors.one.b
+            stroke: colors.one.b,
+            hover: {
+                color: colors.one.b,
+                fill: colors.one.b,
+                stroke: colors.one.b
+            }
         },
         atomHeading: {
             variant: "primary",

package/dist/themes/themes/manamerge/molecules/cardTeaser.ts

@@ -1,22 +1,27 @@
-import colors from "../miscellaneous/colorpalette";
-
 const cardTeaser = {
     "CardTeaser-primary": {
-        gradientBackground: `radial-gradient(farthest-corner at 840px 520px, #80C3BA 10%, #000000 90%)`,
+        background: `repeating-linear-gradient(
+        0deg,
+        transparent,
+        transparent 0px,
+        rgb(9, 0, 131) 2px
+    ),
+    repeating-linear-gradient(
+        90deg,
+        transparent,
+        transparent 0px,
+        rgb(9, 0, 131) 2px
+    )`,
+        gradientBackground: `radial-gradient(circle, red 10%, pink 50%)`,
         borderRadius: "25px",
         maxWidth: "850px",
         text: {
-            variant: "primary-light",
+            variant: "primary-medium",
+            color: "#ccc",
             margin: " 8px 0"
         },
         icon: {
-            variant: "xs",
-            fill: colors.one.b,
-            stroke: colors.one.b,
-            hover: {
-                fill: colors.one.b,
-                stroke: colors.one.b
-            }
+            variant: "md"
         },
         button: {
             variant: "primary"
@@ -48,22 +53,19 @@ const cardTeaser = {
             }
         },
         separator: {
-            padding: "18px 0 10px 0",
-            border: "0.5px solid #cccccc5e"
+            padding: "10px 0 0 0",
+            border: "1px solid #ccc"
         },
 
         headingTitle: {
-            variant: "primary",
-            asTag: "h2"
+            variant: "primary-h2",
+            color: "#ccc"
         },
 
         headingCompanyDate: {
-            variant: "secondary",
-            asTag: "h3",
+            variant: "primary-h5",
+            color: "#ccc",
             textTransform: "uppercase"
-        },
-        gradient: {
-            variant: "primary"
         }
     }
 };

package/dist/themes/themes/manamerge/molecules/footer.ts

@@ -2,12 +2,7 @@ import colors from "../miscellaneous/colorpalette";
 
 const footer = {
     "Footer-primary": {
-        background: `linear-gradient(
-        180deg,
-        rgba(59, 60, 63, 0.6) 0%,
-        rgba(38, 38, 38, 0.8) 43.75%
-        ),
-        rgba(59, 60, 63, 0.8);`,
+        background: `linear-gradient( 180deg, ${colors.two.h}33 0%, ${colors.two.g}80 43.75%, ${colors.two.h}33 100%), ${colors.two.h}`,
         padding: "10px",
         gap: "20px",
         text: {
@@ -20,7 +15,7 @@ const footer = {
             variant: "primary-medium"
         },
         icons: {
-            variant: "sm",
+            variant: "xs",
             stroke: colors.one.b,
             fill: colors.one.b
         }

package/dist/themes/themes/manamerge/molecules/header.ts

@@ -58,7 +58,7 @@ const header = {
     },
     "Header-secondary": {
         height: "380px",
-        backgroundColor: colors.transparent,
+        backgroundColor: "rgba(186, 250, 97, 0.49)",
         justifyContent: "flex-start",
         bannerColor: "lightgray",
         wrapperHeader: {

package/dist/themes/themes/manamerge/molecules/navigation.ts

@@ -3,12 +3,7 @@ import colors from "../miscellaneous/colorpalette";
 const navigation = {
     "Navigation-primary": {
         gap: "50px",
-        background: `linear-gradient(
-      180deg,
-      rgba(59, 60, 63, 0.6) 0%,
-      rgba(38, 38, 38, 0.8) 43.75%
-    ),
-    rgba(59, 60, 63, 0.8);`,
+        background: `linear-gradient( to right, ${colors.two.f} 10%, ${colors.two.i} 40%, ${colors.two.i} 90%)`,
         padding: "13px",
         atomIcon: {
             variant: "md",

package/dist/types/components/Molecules/CardTeaser/CardTeaser.css.d.ts

@@ -37,9 +37,3 @@ export declare const ButtonCard: import("styled-components/dist/types").IStyledC
 export declare const CardBackgroundColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     moleculeVariant: string;
 }>> & string;
-export declare const GradientStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Gradient/Gradient").GradientTypes, import("../../Atoms/Gradient/Gradient").GradientTypes>, {
-    moleculeVariant: string;
-}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Gradient/Gradient").GradientTypes>, keyof import("react").Component<any, {}, any>>;
-export declare const BackgroundSvg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../Atoms/Icon/Icon").IconTypes, import("../../Atoms/Icon/Icon").IconTypes>, {
-    moleculeVariant: string;
-}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Icon/Icon").IconTypes>, keyof import("react").Component<any, {}, any>>;

package/dist/types/components/Molecules/CardTeaser/CardTeaser.d.ts

@@ -8,7 +8,6 @@ export interface CardTeaserTypes {
     onClick?: React.MouseEventHandler<HTMLElement>;
     checks?: string[];
     svg?: FunctionComponent<SVGProps<SVGSVGElement>>;
-    backgroundSvg?: FunctionComponent<SVGProps<SVGSVGElement>>;
     cardImageSrc?: string;
     separator?: boolean;
 }

package/dist/types/components/Molecules/Navigation/Navigation.css.d.ts

@@ -14,3 +14,6 @@ export declare const StyledLink: import("styled-components/dist/types").IStyledC
     currentPath: boolean;
     moleculeVariant: string;
 }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Link/Link").LinkTypes>, keyof import("react").Component<any, {}, any>>;
+export declare const Backdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isOpen: boolean;
+}>> & string;

package/dist/types/themes/DavidWebTheme.d.ts

@@ -1151,7 +1151,6 @@ export declare const DavidWebTheme: {
             };
             headingCompanyDate: {
                 variant: string;
-                asTag: string;
                 color: string;
                 textTransform: string;
             };
@@ -1267,6 +1266,11 @@ export declare const DavidWebTheme: {
                 color: string;
                 fill: string;
                 stroke: string;
+                hover: {
+                    color: string;
+                    fill: string;
+                    stroke: string;
+                };
             };
             atomHeading: {
                 variant: string;

package/dist/types/themes/ManamergeTheme.d.ts

@@ -1213,21 +1213,17 @@ export declare const ManamergeTheme: {
     };
     cardTeaser: {
         "CardTeaser-primary": {
+            background: string;
             gradientBackground: string;
             borderRadius: string;
             maxWidth: string;
             text: {
                 variant: string;
+                color: string;
                 margin: string;
             };
             icon: {
                 variant: string;
-                fill: string;
-                stroke: string;
-                hover: {
-                    fill: string;
-                    stroke: string;
-                };
             };
             button: {
                 variant: string;
@@ -1263,16 +1259,13 @@ export declare const ManamergeTheme: {
             };
             headingTitle: {
                 variant: string;
-                asTag: string;
+                color: string;
             };
             headingCompanyDate: {
                 variant: string;
-                asTag: string;
+                color: string;
                 textTransform: string;
             };
-            gradient: {
-                variant: string;
-            };
         };
     };
     breakerTape: {
@@ -1395,6 +1388,11 @@ export declare const ManamergeTheme: {
                 color: string;
                 fill: string;
                 stroke: string;
+                hover: {
+                    color: string;
+                    fill: string;
+                    stroke: string;
+                };
             };
             atomHeading: {
                 variant: string;
@@ -1476,6 +1474,7 @@ export declare const ManamergeTheme: {
             f: string;
             g: string;
             h: string;
+            i: string;
         };
         three: {
             a: string;

package/dist/types/themes/davidWeb/molecules/cardTeaser.d.ts

@@ -50,7 +50,6 @@ declare const cardTeaser: {
         };
         headingCompanyDate: {
             variant: string;
-            asTag: string;
             color: string;
             textTransform: string;
         };

package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts

@@ -20,6 +20,7 @@ declare const colors: {
         f: string;
         g: string;
         h: string;
+        i: string;
     };
     three: {
         a: string;

package/dist/types/themes/manamerge/molecules/accordion.d.ts

@@ -21,6 +21,11 @@ declare const accordion: {
             color: string;
             fill: string;
             stroke: string;
+            hover: {
+                color: string;
+                fill: string;
+                stroke: string;
+            };
         };
         atomHeading: {
             variant: string;

package/dist/types/themes/manamerge/molecules/cardTeaser.d.ts

@@ -1,20 +1,16 @@
 declare const cardTeaser: {
     "CardTeaser-primary": {
+        background: string;
         gradientBackground: string;
         borderRadius: string;
         maxWidth: string;
         text: {
             variant: string;
+            color: string;
             margin: string;
         };
         icon: {
             variant: string;
-            fill: string;
-            stroke: string;
-            hover: {
-                fill: string;
-                stroke: string;
-            };
         };
         button: {
             variant: string;
@@ -50,16 +46,13 @@ declare const cardTeaser: {
         };
         headingTitle: {
             variant: string;
-            asTag: string;
+            color: string;
         };
         headingCompanyDate: {
             variant: string;
-            asTag: string;
+            color: string;
             textTransform: string;
         };
-        gradient: {
-            variant: string;
-        };
     };
 };
 export default cardTeaser;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@manamerge/mana-atomic-ui",
-    "version": "1.0.196",
+    "version": "1.0.197",
     "description": "Mana Merge design system",
     "license": "ISC",
     "author": "MM",