@manamerge/mana-atomic-ui 1.0.46 → 1.0.48

package/dist/index.d.ts

@@ -18,7 +18,6 @@ interface TextTypes {
     htmlFor?: string;
     margin?: string;
     color?: string;
-    fontSize?: string;
     lineHeight?: string;
     fontWeight?: string | number;
     tag?: keyof JSX.IntrinsicElements;
@@ -31,7 +30,7 @@ declare const Text: React.FC<TextTypes>;
 interface HeadingTypes {
     variant?: string;
     children: ReactNode;
-    as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 }
 declare const Heading: React.FC<HeadingTypes>;
 

package/dist/index.js

@@ -145,7 +145,8 @@ const TextContainer = styled.p `
     const textStyles = ((_b = theme === null || theme === void 0 ? void 0 : theme.text) === null || _b === void 0 ? void 0 : _b[variant]) || {};
     return css `
             margin: ${(props === null || props === void 0 ? void 0 : props.margin) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.margin)};
-            font-size: ${((_c = theme.fontsizes) === null || _c === void 0 ? void 0 : _c[props === null || props === void 0 ? void 0 : props.vFontSize]) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.vFontSize)};
+            font-size: ${((_c = theme.fontsizes) === null || _c === void 0 ? void 0 : _c[props === null || props === void 0 ? void 0 : props.vFontSize]) ||
+        (textStyles === null || textStyles === void 0 ? void 0 : textStyles.vFontSize)};
             line-height: ${(props === null || props === void 0 ? void 0 : props.lineHeight) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.lineHeight)};
             font-weight: ${(props === null || props === void 0 ? void 0 : props.fontWeight) ||
         (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontWeight) ||
@@ -176,16 +177,18 @@ const TextContainerLabel = styled.label `
 `;
 
 const Text = (_a) => {
-    var { variant, children, htmlFor, margin, vColor, vFontSize, fontSize, lineHeight, fontWeight, tag, onClick } = _a, props = __rest(_a, ["variant", "children", "htmlFor", "margin", "vColor", "vFontSize", "fontSize", "lineHeight", "fontWeight", "tag", "onClick"]);
+    var { variant, children, htmlFor, margin, vColor, vFontSize, lineHeight, fontWeight, tag, onClick } = _a, props = __rest(_a, ["variant", "children", "htmlFor", "margin", "vColor", "vFontSize", "lineHeight", "fontWeight", "tag", "onClick"]);
     // Determine which component to use
     const Wrapper = htmlFor
         ? TextContainerLabel
         : TextContainer;
-    return (jsx(Wrapper, Object.assign({ as: tag, className: classNames("Text-", variant), variant: "Text-" + variant, htmlFor: htmlFor, vColor: vColor, vFontSize: vFontSize, style: { margin, fontSize, lineHeight, fontWeight }, onClick: onClick }, props, { children: children })));
+    return (jsx(Wrapper, Object.assign({ as: tag, className: classNames("Text-", variant), variant: "Text-" + variant, htmlFor: htmlFor, vColor: vColor, vFontSize: vFontSize, 
+        // ? WIP - erase in line styles card nº 159
+        style: { margin, lineHeight, fontWeight }, onClick: onClick }, props, { children: children })));
 };
 
 const HeadingContainer = styled.h1 `
-    ${({ variant = "h1", theme }) => {
+    ${({ variant, theme }) => {
     const { media, heading } = theme;
     const { tinyMobileUp, largeMobileUp, superLargeDesktopUp } = media;
     const headingStyles = (heading === null || heading === void 0 ? void 0 : heading[variant]) || {};
@@ -1271,9 +1274,10 @@ const AtomIcon$2 = styled(Icon).attrs(({ theme, moleculeVariant }) => {
     });
 }) ``;
 const AtomHeading$2 = styled(Heading).attrs(({ theme, moleculeVariant }) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
     return ({
-        variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant
+        variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomHeading) === null || _c === void 0 ? void 0 : _c.variant,
+        as: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomHeading) === null || _f === void 0 ? void 0 : _f.as
     });
 }) ``;
 const AtomText$2 = styled(Text).attrs(({ theme, moleculeVariant }) => {
@@ -1284,7 +1288,8 @@ const AtomText$2 = styled(Text).attrs(({ theme, moleculeVariant }) => {
 }) ``;
 
 const CardSimpleRender = ({ moleculeVariant = "primary", icon, title, description, children, onClick }) => {
-    return (jsxs(Card$1, Object.assign({ className: classNames("CardSimpleRender-", moleculeVariant), moleculeVariant: "CardSimpleRender-" + moleculeVariant, as: onClick ? "button" : "div", onClick: onClick, cardHover: !!onClick }, { children: [jsxs("div", { children: [jsxs(WrapperLine, { children: [icon && (jsx(AtomIcon$2, { moleculeVariant: "CardSimpleRender-" + moleculeVariant, svg: icon })), jsx(AtomHeading$2, Object.assign({ moleculeVariant: "CardSimpleRender-" + moleculeVariant }, { children: title }))] }), jsx(AtomText$2, Object.assign({ moleculeVariant: "CardSimpleRender-" + moleculeVariant }, { children: description }))] }), children] })));
+    const compVariant = `CardSimpleRender-${moleculeVariant}`;
+    return (jsxs(Card$1, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant, as: onClick ? "button" : "div", onClick: onClick, cardHover: !!onClick }, { children: [jsxs("div", { children: [(icon || title) && (jsxs(WrapperLine, { children: [icon && (jsx(AtomIcon$2, { moleculeVariant: compVariant, svg: icon })), title && (jsx(AtomHeading$2, Object.assign({ moleculeVariant: compVariant }, { children: title })))] })), description && (jsx(AtomText$2, Object.assign({ moleculeVariant: compVariant }, { children: description })))] }), children] })));
 };
 
 const Card = styled.div `