@manamerge/mana-atomic-ui 1.0.158 → 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/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/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>>;

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

@@ -506,59 +506,59 @@ export declare const ManamergeTheme: {
     };
     text: {
         "Text-primary-light": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-primary-regular": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-primary-medium": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-primary-bold": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-primary-heavy": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-secondary-regular": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
         "Text-secondary-italic": {
-            fontSize: string;
+            vFontSize: string;
             lineHeight: string;
             fontWeight: number;
             fontStyle: string;
-            color: string;
+            vColor: string;
             margin: string;
             fontFamily: string;
         };
@@ -913,7 +913,6 @@ export declare const ManamergeTheme: {
     header: {
         "Header-primary": {
             height: string;
-            backgroundColor: string;
             justifyContent: string;
             bannerColor: string;
             wrapperHeader: {
@@ -937,8 +936,13 @@ export declare const ManamergeTheme: {
                     stroke: string;
                 };
             };
+            atomTextBanner: {
+                variant: string;
+                color: string;
+            };
             atomHeading: {
                 variant: string;
+                as: string;
             };
             atomTextTitle: {
                 variant: string;
@@ -1125,14 +1129,13 @@ export declare const ManamergeTheme: {
                 fill: string;
                 stroke: string;
                 hover: {
-                    fill: string;
                     stroke: string;
+                    fill: string;
                 };
             };
             text: {
                 variant: string;
                 color: string;
-                fontSize: string;
             };
             tapeContent: {
                 alignItems: string;
@@ -1281,6 +1284,36 @@ export declare const ManamergeTheme: {
         xxxl: string;
         xxxxl: string;
     };
+    colors: {
+        one: {
+            a: string;
+            b: string;
+            c: string;
+            d: string;
+            e: string;
+            f: string;
+            g: string;
+            h: string;
+            i: string;
+        };
+        two: {
+            a: string;
+            b: string;
+            c: string;
+            d: string;
+            e: string;
+            f: string;
+        };
+        three: {
+            a: string;
+            b: string;
+            c: string;
+        };
+        four: {
+            a: string;
+            b: string;
+        };
+    };
     pages: {
         vod: {
             top: {

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

@@ -1,58 +1,58 @@
 declare const text: {
     "Text-primary-light": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-primary-regular": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-primary-medium": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-primary-bold": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-primary-heavy": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-secondary-regular": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };
     "Text-secondary-italic": {
-        fontSize: string;
+        vFontSize: string;
         lineHeight: string;
         fontWeight: number;
         fontStyle: string;
-        color: string;
+        vColor: string;
         margin: string;
         fontFamily: string;
     };

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

@@ -5,14 +5,13 @@ declare const breakerTape: {
             fill: string;
             stroke: string;
             hover: {
-                fill: string;
                 stroke: string;
+                fill: string;
             };
         };
         text: {
             variant: string;
             color: string;
-            fontSize: string;
         };
         tapeContent: {
             alignItems: string;

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

@@ -1,7 +1,6 @@
 declare const header: {
     "Header-primary": {
         height: string;
-        backgroundColor: string;
         justifyContent: string;
         bannerColor: string;
         wrapperHeader: {
@@ -25,8 +24,13 @@ declare const header: {
                 stroke: string;
             };
         };
+        atomTextBanner: {
+            variant: string;
+            color: string;
+        };
         atomHeading: {
             variant: string;
+            as: string;
         };
         atomTextTitle: {
             variant: string;

package/package.json

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