@manamerge/mana-atomic-ui 1.0.171 → 1.0.172

package/dist/themes/themes/davidWeb/atoms/text.ts

@@ -4,7 +4,7 @@ import fontsizes from "../miscellaneous/fontsizes";
 const text = {
     "Text-primary-light": {
         vFontSize: fontsizes.xs,
-        lineHeight: "19px",
+        lineHeight: "18px",
         fontWeight: 300,
         vColor: colors.one.b,
         margin: "0px",

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

@@ -3,44 +3,44 @@ import colors from "../miscellaneous/colorpalette";
 const icon = {
     "Icon-xs": {
         size: "16px",
-        color: colors.one.h,
-        fill: colors.one.h,
-        stroke: colors.one.h,
+        color: colors.transparent,
+        fill: colors.three.a,
+        stroke: colors.two.a,
         hover: {
             color: colors.transparent,
-            fill: colors.one.h,
-            stroke: colors.one.h
+            fill: colors.four.a,
+            stroke: colors.two.f
         }
     },
     "Icon-sm": {
         size: "24px",
-        fill: colors.one.h,
-        stroke: colors.one.h
+        fill: colors.three.a,
+        stroke: colors.two.a
     },
     "Icon-md": {
         size: "32px",
-        fill: colors.one.h,
-        stroke: colors.one.h
+        fill: colors.three.a,
+        stroke: colors.two.a
     },
     "Icon-lg": {
         size: "48px",
-        fill: colors.one.h,
-        stroke: colors.one.h
+        fill: colors.three.a,
+        stroke: colors.two.a
     },
     "Icon-xl": {
         size: "64px",
-        fill: colors.one.h,
-        stroke: colors.one.h
+        fill: colors.three.a,
+        stroke: colors.two.a
     },
     "Icon-xxl": {
         size: "96px",
-        fill: colors.one.h,
-        stroke: colors.one.h
+        fill: colors.three.a,
+        stroke: colors.two.a
     },
     "Icon-xxxl": {
         size: "128px",
-        fill: colors.one.h,
-        stroke: colors.one.h,
+        fill: colors.three.a,
+        stroke: colors.two.a,
         hover: {
             opacity: "0.8"
         }
@@ -48,8 +48,8 @@ const icon = {
     "Icon-xxxxl": {
         size: "192px",
         color: colors.transparent,
-        fill: colors.one.h,
-        stroke: colors.one.h,
+        fill: colors.three.a,
+        stroke: colors.two.a,
         hover: {
             color: colors.transparent,
             fill: colors.four.a,

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

@@ -4,7 +4,7 @@ import fontsizes from "../miscellaneous/fontsizes";
 const text = {
     "Text-primary-light": {
         fontSize: fontsizes.xs,
-        lineHeight: "19px",
+        lineHeight: "18px",
         fontWeight: 300,
         color: colors.one.b,
         margin: "0px",

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

@@ -1,5 +1,3 @@
-import colors from "../miscellaneous/colorpalette";
-
 const footer = {
     "Footer-primary": {
         background: `linear-gradient(
@@ -20,9 +18,7 @@ const footer = {
             variant: "primary-medium"
         },
         icons: {
-            variant: "sm",
-            stroke: colors.one.b,
-            fill: colors.one.b
+            variant: "md"
         }
     }
 };

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

@@ -1,48 +1,59 @@
+import colors from "../miscellaneous/colorpalette";
+
 const navigation = {
     "Navigation-primary": {
-        gap: "30px",
+        gap: "50px",
         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",
+        // height: "32px",
         atomIcon: {
             variant: "md",
-            color: "white",
+            color: colors.one.c,
             focus: {
                 outline: "2px solid darkblue",
                 outlineOffset: "2px",
                 boxShadow: "2px 2px 5px yellow",
-                color: "gold"
+                color: colors.one.a
             },
             hover: {
-                color: "red",
+                color: colors.one.a,
                 transition: "color 0.3s ease"
             }
         },
         atomLink: {
             variant: "primary-bold",
-            color: "#ccc",
+            color: colors.one.c,
             fontWeight: "700",
             currentPath: {
-                color: "green",
-                fontWeight: "900"
+                color: colors.one.a,
+                fontWeight: "700"
             },
             focus: {
-                color: "gold",
-                boxShadow: "2px 2px 5px yellow"
+                color: colors.one.a
             },
             hover: {
-                color: "#f00",
+                color: colors.one.a,
                 transition: "color 0.3s ease"
+            },
+            underline: {
+                bottom: "2px",
+                height: "2px",
+                background: colors.two.a,
+                transformOriginMobileUp: "center",
+                transformOriginMobileDown: "right",
+                transition: "0.35s cubic-bezier(.22,1,.36,1)"
             }
         },
         navLinks: {
             responsive: {
                 largeMobileUp: {
-                    gap: "30px",
-                    justifyContent: "flex-start", // change here if you want the menu to aligned on the left/center/right
+                    gap: "50px",
+                    justifyContent: "flex-end", // change here if you want the menu to aligned on the left/center/right
                     margin: "0 30px 0 0"
                 }
             }

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

@@ -1081,6 +1081,7 @@ export declare const ManamergeTheme: {
         "Navigation-primary": {
             gap: string;
             background: string;
+            padding: string;
             atomIcon: {
                 variant: string;
                 color: string;
@@ -1105,12 +1106,19 @@ export declare const ManamergeTheme: {
                 };
                 focus: {
                     color: string;
-                    boxShadow: string;
                 };
                 hover: {
                     color: string;
                     transition: string;
                 };
+                underline: {
+                    bottom: string;
+                    height: string;
+                    background: string;
+                    transformOriginMobileUp: string;
+                    transformOriginMobileDown: string;
+                    transition: string;
+                };
             };
             navLinks: {
                 responsive: {
@@ -1139,8 +1147,6 @@ export declare const ManamergeTheme: {
             };
             icons: {
                 variant: string;
-                stroke: string;
-                fill: string;
             };
         };
     };

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

@@ -14,8 +14,6 @@ declare const footer: {
         };
         icons: {
             variant: string;
-            stroke: string;
-            fill: string;
         };
     };
 };

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

@@ -2,6 +2,7 @@ declare const navigation: {
     "Navigation-primary": {
         gap: string;
         background: string;
+        padding: string;
         atomIcon: {
             variant: string;
             color: string;
@@ -26,12 +27,19 @@ declare const navigation: {
             };
             focus: {
                 color: string;
-                boxShadow: string;
             };
             hover: {
                 color: string;
                 transition: string;
             };
+            underline: {
+                bottom: string;
+                height: string;
+                background: string;
+                transformOriginMobileUp: string;
+                transformOriginMobileDown: string;
+                transition: string;
+            };
         };
         navLinks: {
             responsive: {

package/package.json

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