@manamerge/mana-atomic-ui 1.0.194 → 1.0.196

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

@@ -58,12 +58,13 @@ const cardTeaser = {
         },
 
         headingTitle: {
-            variant: "h2",
+            variant: "primary",
             color: "#ccc"
         },
 
         headingCompanyDate: {
-            variant: "h5",
+            variant: "primary",
+            asTag: "h1",
             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.c,
+            background: colors.one.b,
             opacity: 1 // Ensures full opacity by default
         },
         hover: {
@@ -65,7 +65,7 @@ const button = {
         borderRadius: "15px",
         lineHeight: "18px",
         fontFamily: "ManamergeGilmer",
-        fontWeight: 500,
+        fontWeight: 700,
         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: 500,
+        fontWeight: 700,
         letterSpacing: "0.5px", // Ensures text has spacing for readability
         padding: "0 30px",
         fontSize: "14px",

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

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

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

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

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

@@ -2,7 +2,12 @@ import colors from "../miscellaneous/colorpalette";
 
 const footer = {
     "Footer-primary": {
-        background: `linear-gradient( 180deg, ${colors.two.h}33 0%, ${colors.two.g}80 43.75%, ${colors.two.h}33 100%), ${colors.two.h}`,
+        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);`,
         padding: "10px",
         gap: "20px",
         text: {

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

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

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

@@ -3,7 +3,12 @@ import colors from "../miscellaneous/colorpalette";
 const navigation = {
     "Navigation-primary": {
         gap: "50px",
-        background: `linear-gradient( 180deg, ${colors.two.h}33 0%, ${colors.two.g}80 43.75%, ${colors.two.h}33 100%), ${colors.two.h}`,
+        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);`,
         padding: "13px",
         atomIcon: {
             variant: "md",

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

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

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

@@ -1151,6 +1151,7 @@ export declare const DavidWebTheme: {
             };
             headingCompanyDate: {
                 variant: string;
+                asTag: string;
                 color: string;
                 textTransform: string;
             };
@@ -1266,11 +1267,6 @@ 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,17 +1213,21 @@ 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;
@@ -1259,13 +1263,16 @@ export declare const ManamergeTheme: {
             };
             headingTitle: {
                 variant: string;
-                color: string;
+                asTag: string;
             };
             headingCompanyDate: {
                 variant: string;
-                color: string;
+                asTag: string;
                 textTransform: string;
             };
+            gradient: {
+                variant: string;
+            };
         };
     };
     breakerTape: {
@@ -1388,11 +1395,6 @@ export declare const ManamergeTheme: {
                 color: string;
                 fill: string;
                 stroke: string;
-                hover: {
-                    color: string;
-                    fill: string;
-                    stroke: string;
-                };
             };
             atomHeading: {
                 variant: string;

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

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

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

@@ -21,11 +21,6 @@ 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,16 +1,20 @@
 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;
@@ -46,13 +50,16 @@ declare const cardTeaser: {
         };
         headingTitle: {
             variant: string;
-            color: string;
+            asTag: string;
         };
         headingCompanyDate: {
             variant: string;
-            color: string;
+            asTag: string;
             textTransform: string;
         };
+        gradient: {
+            variant: string;
+        };
     };
 };
 export default cardTeaser;

package/package.json

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