@manamerge/mana-atomic-ui 1.0.197 → 1.0.198

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: {

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/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/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/dist/types").Substitute<import("../../Atoms/Icon/Icon").IconTypes, {
+    moleculeVariant: string;
+}>> & 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;
             };

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: {

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/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.197",
+    "version": "1.0.198",
     "description": "Mana Merge design system",
     "license": "ISC",
     "author": "MM",