@manamerge/mana-atomic-ui 1.0.248 → 1.0.249

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -690,9 +690,15 @@ const AtomIconLeft = styled(Icon).attrs(({ theme, moleculeVariant }) => {
690
690
  });
691
691
  }) ``;
692
692
  const AtomIconRight = styled(Icon).attrs(({ theme, moleculeVariant }) => {
693
- var _a, _b, _c;
693
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
694
694
  return ({
695
- variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.header) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIconRight) === null || _c === void 0 ? void 0 : _c.variant
695
+ variant: (_c = (_b = (_a = theme === null || theme === void 0 ? void 0 : theme.header) === null || _a === void 0 ? void 0 : _a[moleculeVariant]) === null || _b === void 0 ? void 0 : _b.atomIconRight) === null || _c === void 0 ? void 0 : _c.variant,
696
+ stroke: (_f = (_e = (_d = theme === null || theme === void 0 ? void 0 : theme.header) === null || _d === void 0 ? void 0 : _d[moleculeVariant]) === null || _e === void 0 ? void 0 : _e.atomIconRight) === null || _f === void 0 ? void 0 : _f.stroke,
697
+ fill: (_j = (_h = (_g = theme === null || theme === void 0 ? void 0 : theme.header) === null || _g === void 0 ? void 0 : _g[moleculeVariant]) === null || _h === void 0 ? void 0 : _h.atomIconRight) === null || _j === void 0 ? void 0 : _j.fill,
698
+ color: (_m = (_l = (_k = theme === null || theme === void 0 ? void 0 : theme.header) === null || _k === void 0 ? void 0 : _k[moleculeVariant]) === null || _l === void 0 ? void 0 : _l.atomIconRight) === null || _m === void 0 ? void 0 : _m.color,
699
+ hoverFill: (_r = (_q = (_p = (_o = theme === null || theme === void 0 ? void 0 : theme.header) === null || _o === void 0 ? void 0 : _o[moleculeVariant]) === null || _p === void 0 ? void 0 : _p.atomIconRight) === null || _q === void 0 ? void 0 : _q.hover) === null || _r === void 0 ? void 0 : _r.fill,
700
+ hoverStroke: (_v = (_u = (_t = (_s = theme === null || theme === void 0 ? void 0 : theme.header) === null || _s === void 0 ? void 0 : _s[moleculeVariant]) === null || _t === void 0 ? void 0 : _t.atomIconRight) === null || _u === void 0 ? void 0 : _u.hover) === null || _v === void 0 ? void 0 : _v.stroke,
701
+ hoverColor: (_z = (_y = (_x = (_w = theme === null || theme === void 0 ? void 0 : theme.header) === null || _w === void 0 ? void 0 : _w[moleculeVariant]) === null || _x === void 0 ? void 0 : _x.atomIconRight) === null || _y === void 0 ? void 0 : _y.hover) === null || _z === void 0 ? void 0 : _z.color
696
702
  });
697
703
  }) ``;
698
704
  const WrapperTextTitle = styled.div `
@@ -712,7 +718,7 @@ const Header = (_a) => {
712
718
  var { moleculeVariant = "primary", iconTop, iconDot, buttonLeftIcon, buttonRightIcon, textBanner, headingTitle, textTitle, buttonLeftText, buttonLeftClick, buttonRightText, buttonRightClick, imageURLBackground, withOverlay } = _a, props = __rest(_a, ["moleculeVariant", "iconTop", "iconDot", "buttonLeftIcon", "buttonRightIcon", "textBanner", "headingTitle", "textTitle", "buttonLeftText", "buttonLeftClick", "buttonRightText", "buttonRightClick", "imageURLBackground", "withOverlay"]);
713
719
  const compVariant = `Header-${moleculeVariant}`;
714
720
  return (jsx(WrapperBackground, Object.assign({ className: classNames(compVariant), moleculeVariant: compVariant, imageURLBackground: imageURLBackground, withOverlay: withOverlay }, props, { children: jsxs(WrapperHeader, Object.assign({ moleculeVariant: compVariant }, { children: [jsxs("div", { children: [iconTop && (jsx(AtomIconTop, { moleculeVariant: compVariant, svg: iconTop })), textBanner && (jsxs(WrapperLineTop, Object.assign({ moleculeVariant: compVariant }, { children: [iconDot && (jsx(AtomIconDot, { moleculeVariant: compVariant, svg: iconDot })), jsx(AtomTextBanner, Object.assign({ moleculeVariant: compVariant }, { children: textBanner }))] })))] }), headingTitle && (jsx(AtomHeading$3, Object.assign({ moleculeVariant: compVariant }, { children: headingTitle }))), jsx(WrapperTextTitle, Object.assign({ moleculeVariant: compVariant }, { children: textTitle &&
715
- (textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => (jsx(AtomTextTitle, Object.assign({ moleculeVariant: compVariant }, { children: text }), i)))) })), jsxs(WrapperLineBottom, { children: [(buttonLeftIcon || buttonLeftText) && (jsxs(AtomButtonLeft, Object.assign({ moleculeVariant: compVariant, onClick: buttonLeftClick }, { children: [buttonLeftIcon && (jsx(AtomIconLeft, { moleculeVariant: compVariant, svg: buttonLeftIcon })), buttonLeftText] }))), (buttonRightIcon || buttonRightText) && (jsxs(AtomButtonRight, Object.assign({ moleculeVariant: compVariant, onClick: buttonRightClick }, { children: [buttonRightText, buttonRightIcon && (jsx(AtomIconRight, { moleculeVariant: compVariant, svg: buttonRightIcon }))] })))] })] })) })));
721
+ (textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => (jsx(AtomTextTitle, Object.assign({ className: classNames(compVariant) + "-textTitle", moleculeVariant: compVariant }, { children: text }), i)))) })), jsxs(WrapperLineBottom, { children: [(buttonLeftIcon || buttonLeftText) && (jsxs(AtomButtonLeft, Object.assign({ moleculeVariant: compVariant, onClick: buttonLeftClick }, { children: [buttonLeftIcon && (jsx(AtomIconLeft, { moleculeVariant: compVariant, svg: buttonLeftIcon })), buttonLeftText] }))), (buttonRightIcon || buttonRightText) && (jsxs(AtomButtonRight, Object.assign({ moleculeVariant: compVariant, onClick: buttonRightClick }, { children: [buttonRightText, buttonRightIcon && (jsx(AtomIconRight, { moleculeVariant: compVariant, svg: buttonRightIcon }))] })))] })] })) })));
716
722
  };
717
723
 
718
724
  const NavBar = styled.nav `