@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 +9 -3
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Bold.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Heavy.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Light.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Medium.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Gilmer-Regular.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Italic.woff2 +0 -0
- package/dist/themes/themes/davidWeb/fonts/Springwood/SpringwoodBrush-Regular.woff2 +0 -0
- package/dist/themes/themes/manamerge/molecules/header.ts +9 -1
- package/dist/themes/themes/manamerge/molecules/navigation.ts +2 -2
- package/dist/types/components/Molecules/Header/Header.css.d.ts +1 -0
- package/dist/types/themes/ManamergeTheme.d.ts +8 -0
- package/dist/types/themes/manamerge/molecules/header.d.ts +8 -0
- package/package.json +1 -1
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 `
|