@manamerge/mana-atomic-ui 1.0.159 → 1.0.160

package/dist/themes/themes/ManamergeTheme.ts

@@ -27,6 +27,9 @@ import pint3 from "./manamerge/layouts/pint3";
 // vSizes
 import fontsizes from "./manamerge/miscellaneous/fontsizes";
 
+// colorPalette
+import colors from "./manamerge/miscellaneous/colorpalette";
+
 // Styling
 // import filterListTheme from "./manamerge/styling/filter-list-theme.css.js";
 // import chatTheme from "./manamerge/styling/chat-theme.css.js";
@@ -144,6 +147,8 @@ export const ManamergeTheme = {
     breakpoints,
     // vSizes
     fontsizes,
+    // colorPalette
+    colors,
 
     pages: {
         vod: {

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

@@ -1,5 +1,4 @@
 import colors from "../miscellaneous/colorpalette";
-import fontsizes from "../miscellaneous/fontsizes";
 
 const heading = {
     "Heading-primary-h1": {
@@ -8,24 +7,21 @@ const heading = {
             lineHeight: "34px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "34px",
             lineHeight: "40px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "36px",
             lineHeight: "40px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-primary-h2": {
@@ -34,24 +30,21 @@ const heading = {
             lineHeight: "30px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "28px",
             lineHeight: "34px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "30px",
             lineHeight: "34px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-primary-h3": {
@@ -60,24 +53,21 @@ const heading = {
             lineHeight: "25px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "20px",
             lineHeight: "25px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "24px",
             lineHeight: "30px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-primary-h4": {
@@ -86,24 +76,21 @@ const heading = {
             lineHeight: "23px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "18px",
             lineHeight: "24px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "20px",
             lineHeight: "25px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-primary-h5": {
@@ -112,24 +99,21 @@ const heading = {
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "16px",
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "16px",
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-primary-h6": {
@@ -138,24 +122,21 @@ const heading = {
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         tablet: {
             fontSize: "14px",
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         },
         desktop: {
             fontSize: "14px",
             lineHeight: "20px",
             fontWeight: 700,
             color: colors.one.b,
-            margin: "0px",
-            fontFamily: "ManamergeGilmer"
+            margin: "0px"
         }
     },
     "Heading-secondary-h1": {
@@ -163,25 +144,22 @@ const heading = {
             fontSize: "30px",
             lineHeight: "34px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "34px",
             lineHeight: "40px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "36px",
             lineHeight: "40px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     },
     "Heading-secondary-h2": {
@@ -189,25 +167,22 @@ const heading = {
             fontSize: "24px",
             lineHeight: "30px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "28px",
             lineHeight: "34px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "30px",
             lineHeight: "34px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     },
     "Heading-secondary-h3": {
@@ -215,25 +190,22 @@ const heading = {
             fontSize: "20px",
             lineHeight: "25px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "20px",
             lineHeight: "25px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "24px",
             lineHeight: "30px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     },
     "Heading-secondary-h4": {
@@ -241,25 +213,22 @@ const heading = {
             fontSize: "18px",
             lineHeight: "23px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "18px",
             lineHeight: "24px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "20px",
             lineHeight: "25px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     },
     "Heading-secondary-h5": {
@@ -267,25 +236,22 @@ const heading = {
             fontSize: "16px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "16px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "16px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     },
     "Heading-secondary-h6": {
@@ -293,25 +259,22 @@ const heading = {
             fontSize: "14px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         tablet: {
             fontSize: "14px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         },
         desktop: {
             fontSize: "14px",
             lineHeight: "20px",
             fontWeight: 700,
-            color: colors.one.b,
-            margin: "0px",
-            fontFamily: "Springwood"
+            color: colors.four.a,
+            margin: "0px"
         }
     }
 };

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

@@ -3,60 +3,60 @@ import fontsizes from "../miscellaneous/fontsizes";
 
 const text = {
     "Text-primary-light": {
-        fontSize: fontsizes.xs,
+        vFontSize: fontsizes.xs,
         lineHeight: "18px",
         fontWeight: 300,
-        color: colors.one.b,
+        vColor: colors.one.b,
         margin: "0px",
         fontFamily: "ManamergeGilmer"
     },
     "Text-primary-regular": {
-        fontSize: fontsizes.sm,
+        vFontSize: fontsizes.sm,
         lineHeight: "25px",
         fontWeight: 400,
-        color: colors.one.b,
+        vColor: colors.one.b,
         margin: "0px",
         fontFamily: "ManamergeGilmer"
     },
     "Text-primary-medium": {
-        fontSize: fontsizes.md,
+        vFontSize: fontsizes.md,
         lineHeight: "28px",
         fontWeight: 500,
-        color: colors.one.b,
+        vColor: colors.one.b,
         margin: "0px",
         fontFamily: "ManamergeGilmer"
     },
     "Text-primary-bold": {
-        fontSize: fontsizes.lg,
+        vFontSize: fontsizes.lg,
         lineHeight: "28px",
         fontWeight: 700,
-        color: colors.one.b,
+        vColor: colors.one.b,
         margin: "0px",
         fontFamily: "ManamergeGilmer"
     },
     "Text-primary-heavy": {
-        fontSize: fontsizes.xl,
+        vFontSize: fontsizes.xl,
         lineHeight: "28px",
         fontWeight: 900,
-        color: colors.one.b,
+        vColor: colors.one.b,
         margin: "0px",
         fontFamily: "ManamergeGilmer"
     },
 
     "Text-secondary-regular": {
-        fontSize: fontsizes.sm,
+        vFontSize: fontsizes.sm,
         lineHeight: "25px",
         fontWeight: 400,
-        color: colors.one.h,
+        vColor: colors.one.h,
         margin: "0px",
         fontFamily: "Springwood"
     },
     "Text-secondary-italic": {
-        fontSize: fontsizes.lg,
+        vFontSize: fontsizes.lg,
         lineHeight: "25px",
         fontWeight: 400,
         fontStyle: "italic",
-        color: colors.one.h,
+        vColor: colors.one.h,
         margin: "0px",
         fontFamily: "Springwood"
     }

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

@@ -1,21 +1,17 @@
-import colors from "../miscellaneous/colorpalette";
-import vFontSizes from "../miscellaneous/fontsizes";
-
 const breakerTape = {
     "BreakerTape-primary": {
         icon: {
             variant: "medium",
-            fill: colors.one.g,
-            stroke: colors.one.g,
+            fill: "gold",
+            stroke: "gold",
             hover: {
-                fill: colors.one.g,
-                stroke: colors.one.g
+                stroke: "gold",
+                fill: "gold"
             }
         },
         text: {
-            variant: "primary-medium",
-            color: colors.one.h,
-            fontSize: vFontSizes.sm
+            variant: "secondary-bold",
+            color: "#111"
         },
         tapeContent: {
             alignItems: "center",
@@ -25,7 +21,7 @@ const breakerTape = {
         tapeContainer: {
             width: "100%",
             transform: "rotate(-3deg)",
-            background: `linear-gradient(to right,#c6fba6,#80c3ba)`,
+            background: `linear-gradient(to right,rgb(255, 120, 120),rgb(255, 101, 247))`,
             padding: "10px 0",
             margin: "45px 0 0 0"
         }

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

@@ -1,7 +1,8 @@
+import colors from "../miscellaneous/colorpalette";
+
 const header = {
     "Header-primary": {
-        height: "350px",
-        backgroundColor: "rgba(250, 97, 97, 0.71)",
+        height: "550px",
         justifyContent: "center",
         bannerColor: "lightgray",
         wrapperHeader: {
@@ -25,11 +26,16 @@ const header = {
                 stroke: "none"
             }
         },
+        atomTextBanner: {
+            variant: "primary-medium",
+            color: colors.one.h
+        },
         atomHeading: {
-            variant: "secondary-h1"
+            variant: "secondary",
+            as: "h1"
         },
         atomTextTitle: {
-            variant: "secondary-medium"
+            variant: "primary-medium"
         },
         atomButtonLeft: {
             variant: "primary",
@@ -37,7 +43,7 @@ const header = {
         },
         atomButtonRight: {
             variant: "secondary",
-            flexDirection: "row-reverse"
+            flexDirection: "row"
         },
         atomIconLeft: {
             variant: "small"

package/dist/types/components/Atoms/Heading/Heading.d.ts

@@ -2,7 +2,6 @@ import React, { ReactNode } from "react";
 export interface HeadingTypes {
     variant?: string;
     children: ReactNode;
-    vColor?: string;
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }
 export declare const Heading: React.FC<HeadingTypes>;

package/dist/types/components/Atoms/Text/Text.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 export interface TextTypes {
-    variant?: "primary-light" | "primary-regular" | "primary-medium" | "primary-bold" | "primary-heavy" | "secondary-regular" | "secondary-italic";
+    variant?: string;
     children?: string;
     htmlFor?: string;
     margin?: string;
+    color?: string;
     lineHeight?: string;
     fontWeight?: string | number;
     tag?: keyof JSX.IntrinsicElements;

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/components/Molecules/Header/Header.css.d.ts

@@ -16,6 +16,9 @@ export declare const AtomIconTop: import("styled-components/dist/types").IStyled
 export declare const AtomIconDot: 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>, {
     moleculeVariant: string;
 }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Icon/Icon").IconTypes>, keyof import("react").Component<any, {}, any>>;
+export declare const AtomTextBanner: 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/Text/Text").TextTypes, import("../../Atoms/Text/Text").TextTypes>, {
+    moleculeVariant: string;
+}>, never>> & string & Omit<import("react").FC<import("../../Atoms/Text/Text").TextTypes>, keyof import("react").Component<any, {}, any>>;
 export declare const AtomHeading: 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/Heading/Heading").HeadingTypes, import("../../Atoms/Heading/Heading").HeadingTypes>, {
     moleculeVariant: string;
 }>, never>> & string & Omit<import("react").FC<import("../../Atoms/Heading/Heading").HeadingTypes>, keyof import("react").Component<any, {}, any>>;