@manamerge/mana-atomic-ui 1.0.184 → 1.0.186

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

@@ -102,6 +102,56 @@ const button = {
             opacity: 0.8
         }
     },
+    "Button-tertiary": {
+        textTransform: "none",
+        height: "45px",
+        width: "auto",
+        maxWidth: "200px", // Added max-width for responsive design
+        maxHeight: "50px", // Added max-height for consistent scaling
+        borderRadius: "15px",
+        lineHeight: "18px",
+        fontFamily: "ManamergeGilmer",
+        fontWeight: 500,
+        letterSpacing: "0.5px", // Ensures text has spacing for readability
+        padding: "0 30px",
+        fontSize: "14px",
+        color: colors.one.a, // Fallback for text color
+        textAlign: "center", // Ensures consistent alignment
+        display: "inline-flex", // Added to ensure alignment and layout consistency
+        justifyContent: "center",
+        alignItems: "center",
+        cursor: "pointer", // Indicates the button is clickable
+        // shadow: `0px 4px 6px ${colors.one.h}`, // Default box-shadow
+        transition: "all 0.3s ease-in-out", // Smooth animations for hover/active effects
+        overflow: "hidden", // Prevents content overflow
+        position: "relative", // For positioning hover/active effects
+        border: `1px solid ${colors.one.c}`, // border setting
+
+        default: {
+            text: colors.one.a,
+            border: `1px solid ${colors.one.e}`, // border setting
+            background: colors.one.h,
+            opacity: 1 // Ensures full opacity by default
+        },
+        hover: {
+            text: colors.one.a,
+            border: `1px solid ${colors.one.a}`,
+            background: colors.one.f,
+            opacity: 1 // Slight brightness for hover effect
+        },
+        active: {
+            text: colors.one.a,
+            border: "1px solid transparent",
+            background: colors.two.c,
+            opacity: 1 // Darker shade for active state
+        },
+        disabled: {
+            text: colors.one.a,
+            border: "none",
+            background: colors.one.f,
+            opacity: 0.8
+        }
+    },
     "Button-icon": {
         default: {},
         hover: {},

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

@@ -1,12 +1,12 @@
 const pint3 = {
     "Pint3-primary": {
         gap: "25px",
-        // height: "500px",
-        height: "auto",
+        minHeight: "650px",
         maxWidth: "1100px",
         column: {
             gap: "15px",
-            minWidth: "200px",
+            minHeight: "650px",
+            minWidth: "250px",
             maxWidth: "500px"
         }
     }

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

@@ -4,24 +4,28 @@ const cardBanner = {
     "CardBanner-primary": {
         flexDirection: "row",
         justifyContent: "space-between",
-        background: `linear-gradient(to right, #ff7e5f, #feb47b)`,
-        border: "2px solid rgb(210, 16, 16)",
+        background: `linear-gradient(to right, ${colors.two.a},  ${colors.two.c})`,
+        // border: `2px solid ${colors.two.b}`,
         borderRadius: "25px",
         padding: "20px",
 
         atomHeading: {
-            variant: "secondary-h3"
+            variant: "primary",
+            asTag: "h3",
+            vColor: colors.one.h
         },
         atomText: {
-            variant: "secondary-regular"
+            variant: "secondary-regular",
+            vColor: colors.one.h
         },
         atomButton: {
-            variant: "primary"
+            variant: "tertiary"
         },
         atomIcon: {
             variant: "md",
-            stroke: colors.one.i,
-            color: colors.one.i
+            stroke: colors.one.b,
+            fill: colors.one.b,
+            color: colors.one.b
         }
     }
 };

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

@@ -10,9 +10,9 @@ const cardSimpleRender = {
         outline: `2px solid ${colors.two.b}40`,
         borderRadius: "20px",
         padding: "20px",
-        // height: "100%",
-        maxWidth: "350px",
-        minWidth: "200px",
+        height: "100%",
+        maxWidth: "550px",
+        minWidth: "250px",
         focus: {
             // border: `2px dashed ${colors.two.c}`,
             outline: `2px dashed ${colors.two.c}`,

package/dist/types/components/Atoms/Button/Button.stories.d.ts

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<ButtonTypes>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
+export declare const Tertiary: Story;
+export declare const Icon: Story;

package/dist/types/components/Layouts/Pint3/Pint3.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<Pint3Types>;
 export default meta;
 type Story = StoryObj<Pint3Types>;
 export declare const Default: Story;
+export declare const WithCard: Story;

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

@@ -505,6 +505,54 @@ export declare const ManamergeTheme: {
                 opacity: number;
             };
         };
+        "Button-tertiary": {
+            textTransform: string;
+            height: string;
+            width: string;
+            maxWidth: string;
+            maxHeight: string;
+            borderRadius: string;
+            lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
+            letterSpacing: string;
+            padding: string;
+            fontSize: string;
+            color: string;
+            textAlign: string;
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            cursor: string;
+            transition: string;
+            overflow: string;
+            position: string;
+            border: string;
+            default: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            hover: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            active: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+            disabled: {
+                text: string;
+                border: string;
+                background: string;
+                opacity: number;
+            };
+        };
         "Button-icon": {
             default: {};
             hover: {};
@@ -1251,6 +1299,7 @@ export declare const ManamergeTheme: {
             outline: string;
             borderRadius: string;
             padding: string;
+            height: string;
             maxWidth: string;
             minWidth: string;
             focus: {
@@ -1280,14 +1329,16 @@ export declare const ManamergeTheme: {
             flexDirection: string;
             justifyContent: string;
             background: string;
-            border: string;
             borderRadius: string;
             padding: string;
             atomHeading: {
                 variant: string;
+                asTag: string;
+                vColor: string;
             };
             atomText: {
                 variant: string;
+                vColor: string;
             };
             atomButton: {
                 variant: string;
@@ -1295,6 +1346,7 @@ export declare const ManamergeTheme: {
             atomIcon: {
                 variant: string;
                 stroke: string;
+                fill: string;
                 color: string;
             };
         };
@@ -1330,10 +1382,11 @@ export declare const ManamergeTheme: {
     pint3: {
         "Pint3-primary": {
             gap: string;
-            height: string;
+            minHeight: string;
             maxWidth: string;
             column: {
                 gap: string;
+                minHeight: string;
                 minWidth: string;
                 maxWidth: string;
             };

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

@@ -95,6 +95,54 @@ declare const button: {
             opacity: number;
         };
     };
+    "Button-tertiary": {
+        textTransform: string;
+        height: string;
+        width: string;
+        maxWidth: string;
+        maxHeight: string;
+        borderRadius: string;
+        lineHeight: string;
+        fontFamily: string;
+        fontWeight: number;
+        letterSpacing: string;
+        padding: string;
+        fontSize: string;
+        color: string;
+        textAlign: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        cursor: string;
+        transition: string;
+        overflow: string;
+        position: string;
+        border: string;
+        default: {
+            text: string;
+            border: string;
+            background: string;
+            opacity: number;
+        };
+        hover: {
+            text: string;
+            border: string;
+            background: string;
+            opacity: number;
+        };
+        active: {
+            text: string;
+            border: string;
+            background: string;
+            opacity: number;
+        };
+        disabled: {
+            text: string;
+            border: string;
+            background: string;
+            opacity: number;
+        };
+    };
     "Button-icon": {
         default: {};
         hover: {};

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

@@ -1,10 +1,11 @@
 declare const pint3: {
     "Pint3-primary": {
         gap: string;
-        height: string;
+        minHeight: string;
         maxWidth: string;
         column: {
             gap: string;
+            minHeight: string;
             minWidth: string;
             maxWidth: string;
         };

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

@@ -3,14 +3,16 @@ declare const cardBanner: {
         flexDirection: string;
         justifyContent: string;
         background: string;
-        border: string;
         borderRadius: string;
         padding: string;
         atomHeading: {
             variant: string;
+            asTag: string;
+            vColor: string;
         };
         atomText: {
             variant: string;
+            vColor: string;
         };
         atomButton: {
             variant: string;
@@ -18,6 +20,7 @@ declare const cardBanner: {
         atomIcon: {
             variant: string;
             stroke: string;
+            fill: string;
             color: string;
         };
     };

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

@@ -8,6 +8,7 @@ declare const cardSimpleRender: {
         outline: string;
         borderRadius: string;
         padding: string;
+        height: string;
         maxWidth: string;
         minWidth: string;
         focus: {

package/package.json

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

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

@@ -1,11 +0,0 @@
-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;