@manamerge/mana-atomic-ui 1.0.185 → 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/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/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/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: {};
@@ -1281,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;
@@ -1296,6 +1346,7 @@ export declare const ManamergeTheme: {
             atomIcon: {
                 variant: string;
                 stroke: string;
+                fill: string;
                 color: 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/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@manamerge/mana-atomic-ui",
-    "version": "1.0.185",
+    "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;