@manamerge/mana-atomic-ui 0.0.156 → 0.0.158

package/dist/index.js

@@ -506,41 +506,7 @@ const WrapperBackground = styled.div `
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100vh;
     width: 100%;
-    &::before {
-        content: "";
-        position: absolute;
-        top: -200px;
-        left: -200px;
-        right: -200px;
-        bottom: -200px;
-        border-radius: 50%;
-        ${({ theme, moleculeVariant }) => {
-    var _a;
-    const atomTheme = ((_a = theme === null || theme === void 0 ? void 0 : theme.header) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) || {};
-    return css `
-                background: radial-gradient(
-                    circle,
-                    ${(atomTheme === null || atomTheme === void 0 ? void 0 : atomTheme.backgroundColor1) || "none"} 10%,
-                    ${(atomTheme === null || atomTheme === void 0 ? void 0 : atomTheme.backgroundColor2) || "none"} 30%,
-                    transparent 50%
-                );
-            `;
-}}
-        animation: glow 3s infinite alternate ease-in-out;
-
-        @keyframes glow {
-            0% {
-                transform: scale(1);
-                opacity: 0.5;
-            }
-            100% {
-                transform: scale(1.5);
-                opacity: 1;
-            }
-        }
-    }
 `;
 const WrapperHeader = styled.div `
     display: flex;
@@ -664,7 +630,8 @@ const AtomIconRight = styled(Icon).attrs(({ theme, moleculeVariant }) => {
 }) ``;
 
 const Header = ({ moleculeVariant = "primary", iconTop, iconDot, iconLeft, iconRight, textBanner, headingTitle, textTitle, buttonLeftText, buttonLeftClick, buttonRightText, buttonRightClick }) => {
-    return (jsx(WrapperBackground, Object.assign({ className: classNames("Header-", moleculeVariant), moleculeVariant: "Header-" + moleculeVariant }, { children: jsxs(WrapperHeader, { children: [jsxs("div", { children: [iconTop && (jsx(AtomIconTop, { moleculeVariant: "Header-" + moleculeVariant, svg: iconTop })), jsxs(WrapperLineTop, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: [iconDot && (jsx(AtomIconDot, { moleculeVariant: "Header-" + moleculeVariant, svg: iconDot })), jsx(AtomTextTitle, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: textBanner }))] }))] }), jsx(AtomHeading$2, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: headingTitle })), jsx("div", { children: textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => (jsx(AtomTextTitle, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: text }), i))) }), jsxs(WrapperLineBottom, { children: [jsxs(AtomButtonLeft, Object.assign({ moleculeVariant: "Header-" + moleculeVariant, onClick: buttonLeftClick }, { children: [iconLeft && (jsx(AtomIconLeft, { moleculeVariant: "Header-" + moleculeVariant, svg: iconLeft })), jsx(AtomTextLeft, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: buttonLeftText }))] })), jsxs(AtomButtonRight, Object.assign({ moleculeVariant: "Header-" + moleculeVariant, onClick: buttonRightClick }, { children: [jsx(AtomTextRight, Object.assign({ moleculeVariant: "Header-" + moleculeVariant }, { children: buttonRightText })), iconRight && (jsx(AtomIconRight, { moleculeVariant: "Header-" + moleculeVariant, svg: iconRight }))] }))] })] }) })));
+    const compVariant = `Header-${moleculeVariant}`;
+    return (jsx(WrapperBackground, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant }, { children: jsxs(WrapperHeader, { children: [jsxs("div", { children: [iconTop && (jsx(AtomIconTop, { moleculeVariant: compVariant, svg: iconTop })), jsxs(WrapperLineTop, Object.assign({ moleculeVariant: compVariant }, { children: [iconDot && (jsx(AtomIconDot, { moleculeVariant: compVariant, svg: iconDot })), jsx(AtomTextTitle, Object.assign({ moleculeVariant: compVariant }, { children: textBanner }))] }))] }), jsx(AtomHeading$2, Object.assign({ moleculeVariant: compVariant }, { children: headingTitle })), jsx("div", { children: textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => (jsx(AtomTextTitle, Object.assign({ moleculeVariant: compVariant }, { children: text }), i))) }), jsxs(WrapperLineBottom, { children: [jsxs(AtomButtonLeft, Object.assign({ moleculeVariant: compVariant, onClick: buttonLeftClick }, { children: [iconLeft && (jsx(AtomIconLeft, { moleculeVariant: compVariant, svg: iconLeft })), jsx(AtomTextLeft, Object.assign({ moleculeVariant: compVariant }, { children: buttonLeftText }))] })), jsxs(AtomButtonRight, Object.assign({ moleculeVariant: compVariant, onClick: buttonRightClick }, { children: [jsx(AtomTextRight, Object.assign({ moleculeVariant: compVariant }, { children: buttonRightText })), iconRight && (jsx(AtomIconRight, { moleculeVariant: compVariant, svg: iconRight }))] }))] })] }) })));
 };
 
 const NavBar = styled.nav `