@manamerge/mana-atomic-ui 1.0.182 → 1.0.184

package/dist/themes/themes/manamerge/layouts/pint3.ts

@@ -1,7 +1,8 @@
 const pint3 = {
     "Pint3-primary": {
         gap: "25px",
-        height: "500px",
+        // height: "500px",
+        height: "auto",
         maxWidth: "1100px",
         column: {
             gap: "15px",

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

@@ -27,6 +27,9 @@ const colors = {
     four: {
         a: "#FF1A1A",
         b: "#590E0E"
+    },
+    five: {
+        a: "#0B1821"
     }
 };
 

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

@@ -1,36 +1,42 @@
+import colors from "../miscellaneous/colorpalette";
+
 const cardSimpleRender = {
     "CardSimpleRender-primary": {
         flexDirection: "column",
         justifyContent: "space-between",
         gap: "20px",
-        background: `rgba(31, 216, 22, 0.5)`,
-        gradientBackground: `radial-gradient(circle at bottom right, rgba(237, 191, 222, 0.9) 5%, pink 10%, transparent 30%)`,
-        border: "2px solid rgb(210, 16, 16)",
-        borderRadius: "25px",
-        padding: "0px",
-        height: "100%",
+        background: colors.five.a,
+        gradientColor: colors.two.a,
+        outline: `2px solid ${colors.two.b}40`,
+        borderRadius: "20px",
+        padding: "20px",
+        // height: "100%",
         maxWidth: "350px",
         minWidth: "200px",
         focus: {
-            border: "2px dashed rgb(169, 189, 80)",
-            boxShadow: "5px 5px 2px 1px rgba(255, 81, 0, 0.2)",
-            transition: "box-shadow 0.1s ease"
+            // border: `2px dashed ${colors.two.c}`,
+            outline: `2px dashed ${colors.two.c}`,
+            // boxShadow: `5px 5px 2px 1px ${colors.two.c}13`,
+            transition: "outline 0.5s ease"
         },
         hover: {
-            border: "2px dashed rgb(189, 80, 80)",
-            boxShadow: "5px 5px 2px 1px rgba(0, 0, 255, 0.2)",
-            transition: "box-shadow 0.1s ease"
+            // border: `2px solid ${colors.two.c}`,
+            outline: `2px solid ${colors.two.c}`,
+            // boxShadow: `5px 5px 2px 1px ${colors.two.c}33`,
+            transition: "outline 0.5s ease"
         },
 
         atomIcon: {
-            variant: "md"
+            variant: "sm",
+            fill: colors.two.a,
+            stroke: colors.two.a
         },
         atomHeading: {
             variant: "primary",
-            as: "h2"
+            asTag: "h3"
         },
         atomText: {
-            variant: "secondary-regular"
+            variant: "primary-light"
         }
     }
 };

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

@@ -6,7 +6,8 @@ const header = {
         justifyContent: "center",
         bannerColor: "lightgray",
         wrapperHeader: {
-            alignItems: "center"
+            alignItems: "center",
+            textAlign: "center"
         },
         atomIconTop: {
             variant: "lg",
@@ -56,13 +57,14 @@ const header = {
         }
     },
     "Header-secondary": {
-        height: "350px",
+        height: "380px",
         backgroundColor: "rgba(186, 250, 97, 0.49)",
         justifyContent: "flex-start",
         bannerColor: "lightgray",
         wrapperHeader: {
             alignItems: "flex-start",
-            padding: "75px"
+            padding: "120px 75px 0 75px",
+            textAlign: "left"
         },
 
         atomIconDot: {

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

@@ -2,6 +2,7 @@
 export declare const Card: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     moleculeVariant: string;
     cardHover: boolean;
+    gradientPosition?: string | undefined;
 }>> & string;
 export declare const WrapperLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const AtomIcon: 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>, {

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

@@ -4,6 +4,7 @@ export interface CardSimpleRenderTypes {
     icon?: FunctionComponent<SVGProps<SVGSVGElement>>;
     title?: string;
     description?: string;
+    gradientPosition?: "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
     children?: ReactNode;
     onClick?: React.MouseEventHandler<HTMLElement>;
 }

package/dist/types/components/Molecules/CardSimpleRender/CardSimpleRender.stories copy.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { CardSimpleRenderTypes } from "./CardSimpleRender";
+declare const meta: Meta<CardSimpleRenderTypes>;
+export default meta;
+type Story = StoryObj<CardSimpleRenderTypes>;
+export declare const Default: Story;
+export declare const Hover: Story;
+export declare const Flex: Story;
+export declare const FlexExtra: Story;
+export declare const Flex2: Story;
+export declare const Isolado: Story;

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

@@ -989,6 +989,7 @@ export declare const ManamergeTheme: {
             bannerColor: string;
             wrapperHeader: {
                 alignItems: string;
+                textAlign: string;
             };
             atomIconTop: {
                 variant: string;
@@ -1045,6 +1046,7 @@ export declare const ManamergeTheme: {
             wrapperHeader: {
                 alignItems: string;
                 padding: string;
+                textAlign: string;
             };
             atomIconDot: {
                 variant: string;
@@ -1245,29 +1247,28 @@ export declare const ManamergeTheme: {
             justifyContent: string;
             gap: string;
             background: string;
-            gradientBackground: string;
-            border: string;
+            gradientColor: string;
+            outline: string;
             borderRadius: string;
             padding: string;
-            height: string;
             maxWidth: string;
             minWidth: string;
             focus: {
-                border: string;
-                boxShadow: string;
+                outline: string;
                 transition: string;
             };
             hover: {
-                border: string;
-                boxShadow: string;
+                outline: string;
                 transition: string;
             };
             atomIcon: {
                 variant: string;
+                fill: string;
+                stroke: string;
             };
             atomHeading: {
                 variant: string;
-                as: string;
+                asTag: string;
             };
             atomText: {
                 variant: string;
@@ -1402,6 +1403,9 @@ export declare const ManamergeTheme: {
             a: string;
             b: string;
         };
+        five: {
+            a: string;
+        };
     };
     pages: {
         vod: {

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

@@ -28,5 +28,8 @@ declare const colors: {
         a: string;
         b: string;
     };
+    five: {
+        a: string;
+    };
 };
 export default colors;

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

@@ -4,29 +4,28 @@ declare const cardSimpleRender: {
         justifyContent: string;
         gap: string;
         background: string;
-        gradientBackground: string;
-        border: string;
+        gradientColor: string;
+        outline: string;
         borderRadius: string;
         padding: string;
-        height: string;
         maxWidth: string;
         minWidth: string;
         focus: {
-            border: string;
-            boxShadow: string;
+            outline: string;
             transition: string;
         };
         hover: {
-            border: string;
-            boxShadow: string;
+            outline: string;
             transition: string;
         };
         atomIcon: {
             variant: string;
+            fill: string;
+            stroke: string;
         };
         atomHeading: {
             variant: string;
-            as: string;
+            asTag: string;
         };
         atomText: {
             variant: string;

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

@@ -5,6 +5,7 @@ declare const header: {
         bannerColor: string;
         wrapperHeader: {
             alignItems: string;
+            textAlign: string;
         };
         atomIconTop: {
             variant: string;
@@ -61,6 +62,7 @@ declare const header: {
         wrapperHeader: {
             alignItems: string;
             padding: string;
+            textAlign: string;
         };
         atomIconDot: {
             variant: string;

package/package.json

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