@manamerge/mana-atomic-ui 1.0.161 → 1.0.163

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.
Files changed (11) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +9 -7
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/themes/davidWeb/atoms/heading.ts +109 -72
  5. package/dist/themes/themes/manamerge/molecules/header.ts +9 -7
  6. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
  7. package/dist/types/themes/DavidWebTheme.d.ts +72 -0
  8. package/dist/types/themes/ManamergeTheme.d.ts +2 -0
  9. package/dist/types/themes/davidWeb/atoms/heading.d.ts +36 -0
  10. package/dist/types/themes/manamerge/molecules/header.d.ts +2 -0
  11. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -30,7 +30,7 @@ interface HeadingTypes {
30
30
  variant?: string;
31
31
  children: ReactNode;
32
32
  vColor?: string;
33
- as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
33
+ asTag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
34
34
  }
35
35
  declare const Heading: React.FC<HeadingTypes>;
36
36
 
package/dist/index.js CHANGED
@@ -224,9 +224,9 @@ const HeadingContainer = styled.h1 `
224
224
  `;
225
225
 
226
226
  const Heading = (_a) => {
227
- var { variant = "primary", as = "h1", vColor, children } = _a, props = __rest(_a, ["variant", "as", "vColor", "children"]);
228
- const headingVariant = `Heading-${variant}-${as}`;
229
- return (jsx(HeadingContainer, Object.assign({ className: classNames("Heading-", variant), variant: headingVariant, vColor: vColor, as: as }, props, { children: children })));
227
+ var { variant = "primary", asTag = "h1", vColor, children } = _a, props = __rest(_a, ["variant", "asTag", "vColor", "children"]);
228
+ const headingVariant = `Heading-${variant}-${asTag}`;
229
+ return (jsx(HeadingContainer, Object.assign({ className: classNames("Heading-", variant), variant: headingVariant, vColor: vColor, as: asTag }, props, { children: children })));
230
230
  };
231
231
 
232
232
  const StyledSvg = styled.svg `
@@ -522,12 +522,12 @@ const WrapperBackground = styled.div `
522
522
  "rgba(12, 178, 224, 0.7) 100%"}
523
523
  );
524
524
 
525
- opacity: 0;
525
+ opacity: 1;
526
526
  transition: opacity 0.7s ease;
527
527
  pointer-events: none;
528
528
  }
529
529
  &:hover::before {
530
- opacity: 1;
530
+ opacity: 0;
531
531
  }
532
532
  `}
533
533
  `;
@@ -545,6 +545,7 @@ const WrapperHeader = styled.div `
545
545
  const thisTheme = ((_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.wrapperHeader) || {};
546
546
  return css `
547
547
  align-items: ${(thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.alignItems) || "center"};
548
+ padding: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.padding};
548
549
  `;
549
550
  }}
550
551
  `;
@@ -605,9 +606,10 @@ const AtomIconDot = styled(Icon).attrs(({ theme, moleculeVariant }) => {
605
606
  }}
606
607
  `;
607
608
  const AtomHeading$3 = styled(Heading).attrs(({ theme, moleculeVariant }) => {
608
- var _a, _b, _c;
609
+ var _a, _b, _c, _d, _e, _f;
609
610
  return ({
610
- 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.atomHeading) === null || _c === void 0 ? void 0 : _c.variant
611
+ 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.atomHeading) === null || _c === void 0 ? void 0 : _c.variant,
612
+ asTag: (_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.atomHeading) === null || _f === void 0 ? void 0 : _f.asTag
611
613
  });
612
614
  }) ``;
613
615
  const AtomTextTitle = styled(Text).attrs(({ theme, moleculeVariant }) => {