@manamerge/mana-atomic-ui 1.0.46 → 1.0.48

package/dist/themes/themes/ManamergeTheme.ts

@@ -109,7 +109,6 @@ export const ManamergeTheme = {
     heading,
     button,
     text,
-    breakpoints,
     icon,
     headingStyles: heading,
     gradient,
@@ -128,7 +127,7 @@ export const ManamergeTheme = {
     // Layouts
     pint3,
 
-    // Breakpoints
+    // Media queries
     media: {
         tinyMobileUp: `@media only screen and (min-width: ${tinyMobileUp}px)`,
         smallMobileUp: `@media only screen and (min-width: ${smallMobileUp}px)`,
@@ -141,8 +140,11 @@ export const ManamergeTheme = {
         largeDesktopUp: `@media only screen and (min-width: ${largeDesktopUp}px)`,
         superLargeDesktopUp: `@media only screen and (min-width: ${superLargeDesktopUp}px)`
     },
-// vSizes
+    // breakpoints,
+    breakpoints,
+    // vSizes
     fontsizes,
+
     pages: {
         vod: {
             top: {

package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts

@@ -29,6 +29,7 @@ const colors = {
     }
 };
 
+// ? WIP - see card 158
 // type NestedValues<T> = {
 //     [K in keyof T]: T[K] extends object ? NestedValues<T[K]> : T[K];
 // }[keyof T];

package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts

@@ -8,7 +8,8 @@ const fontsizes = {
     xxxl: "30px",
     xxxxl: "36px"
 };
-// export type FontSize = (typeof fontsizes)[keyof typeof fontsizes];
+
+// ? WIP - see card 158
 // export type FontSize = keyof typeof fontsizes;
 
 export default fontsizes;

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

@@ -7,7 +7,7 @@ const cardSimpleRender = {
         gradientBackground: `radial-gradient(circle at bottom right, rgba(237, 191, 222, 0.9) 5%, pink 10%, transparent 30%)`,
         border: "2px solid rgb(210, 16, 16)",
         borderRadius: "25px",
-        padding: "20px 20px 0 20px",
+        padding: "0px",
         height: "100%",
         maxWidth: "350px",
         minWidth: "200px",
@@ -26,7 +26,8 @@ const cardSimpleRender = {
             variant: "medium"
         },
         atomHeading: {
-            variant: "secondary-h3"
+            variant: "primary",
+            as: "h2"
         },
         atomText: {
             variant: "secondary-regular"

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

@@ -31,8 +31,7 @@ const navigation = {
             },
             focus: {
                 color: "gold",
-                boxShadow: "2px 2px 5px yellow",
-                transform: "translateY(-5px)"
+                boxShadow: "2px 2px 5px yellow"
             },
             hover: {
                 color: "#f00",

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

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

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

@@ -5,7 +5,6 @@ export interface TextTypes {
     htmlFor?: string;
     margin?: string;
     color?: string;
-    fontSize?: 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/themes/ManamergeTheme.d.ts

@@ -563,18 +563,6 @@ export declare const ManamergeTheme: {
             fontFamily: string;
         };
     };
-    breakpoints: {
-        tinyMobileUp: number;
-        smallMobileUp: number;
-        mobileUp: number;
-        mobileLandscapeUp: number;
-        largeMobileUp: number;
-        tabletPortraitUp: number;
-        tabletLandscapeUp: number;
-        desktopUp: number;
-        largeDesktopUp: number;
-        superLargeDesktopUp: number;
-    };
     icon: {
         "Icon-small": {
             size: string;
@@ -1036,7 +1024,6 @@ export declare const ManamergeTheme: {
                 focus: {
                     color: string;
                     boxShadow: string;
-                    transform: string;
                 };
                 hover: {
                     color: string;
@@ -1188,6 +1175,7 @@ export declare const ManamergeTheme: {
             };
             atomHeading: {
                 variant: string;
+                as: string;
             };
             atomText: {
                 variant: string;
@@ -1270,6 +1258,18 @@ export declare const ManamergeTheme: {
         largeDesktopUp: string;
         superLargeDesktopUp: string;
     };
+    breakpoints: {
+        tinyMobileUp: number;
+        smallMobileUp: number;
+        mobileUp: number;
+        mobileLandscapeUp: number;
+        largeMobileUp: number;
+        tabletPortraitUp: number;
+        tabletLandscapeUp: number;
+        desktopUp: number;
+        largeDesktopUp: number;
+        superLargeDesktopUp: number;
+    };
     fontsizes: {
         xs: string;
         sm: string;

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

@@ -26,6 +26,7 @@ declare const cardSimpleRender: {
         };
         atomHeading: {
             variant: string;
+            as: string;
         };
         atomText: {
             variant: string;

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

@@ -27,7 +27,6 @@ declare const navigation: {
             focus: {
                 color: string;
                 boxShadow: string;
-                transform: string;
             };
             hover: {
                 color: string;

package/package.json

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