@manamerge/mana-atomic-ui 1.0.43 → 1.0.45

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 (74) hide show
  1. package/dist/index.d.ts +4 -3
  2. package/dist/index.js +5 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/themes/{themes/DavidWebTheme.ts → DavidWebTheme.js} +1 -27
  5. package/dist/themes/{themes/ManamergeTheme.ts → ManamergeTheme.js} +5 -32
  6. package/dist/themes/davidWeb/atoms/button.js +107 -0
  7. package/dist/themes/davidWeb/atoms/checkbox.js +72 -0
  8. package/dist/themes/davidWeb/atoms/divider.js +24 -0
  9. package/dist/themes/davidWeb/atoms/gradient.js +18 -0
  10. package/dist/themes/davidWeb/atoms/heading.js +141 -0
  11. package/dist/themes/davidWeb/atoms/icon.js +30 -0
  12. package/dist/themes/davidWeb/atoms/link.js +78 -0
  13. package/dist/themes/davidWeb/atoms/text.js +38 -0
  14. package/dist/themes/davidWeb/layouts/pint3.js +13 -0
  15. package/dist/themes/davidWeb/miscellaneous/breakpoints.js +14 -0
  16. package/dist/themes/davidWeb/molecules/accordion.js +29 -0
  17. package/dist/themes/davidWeb/molecules/breakerTape.js +30 -0
  18. package/dist/themes/davidWeb/molecules/cardBanner.js +26 -0
  19. package/dist/themes/davidWeb/molecules/cardSimpleRender.js +34 -0
  20. package/dist/themes/davidWeb/molecules/cardTeaser.js +69 -0
  21. package/dist/themes/davidWeb/molecules/footer.js +26 -0
  22. package/dist/themes/davidWeb/molecules/header.js +94 -0
  23. package/dist/themes/davidWeb/molecules/navigation.js +53 -0
  24. package/dist/themes/manamerge/atoms/button.js +108 -0
  25. package/dist/themes/manamerge/atoms/checkbox.js +72 -0
  26. package/dist/themes/manamerge/atoms/divider.js +25 -0
  27. package/dist/themes/manamerge/atoms/gradient.js +19 -0
  28. package/dist/themes/manamerge/atoms/heading.js +280 -0
  29. package/dist/themes/manamerge/atoms/icon.js +30 -0
  30. package/dist/themes/manamerge/atoms/link.js +124 -0
  31. package/dist/themes/manamerge/atoms/text.js +62 -0
  32. package/dist/themes/manamerge/layouts/pint3.js +13 -0
  33. package/dist/themes/manamerge/miscellaneous/breakpoints.js +14 -0
  34. package/dist/themes/manamerge/miscellaneous/colorpalette.js +31 -0
  35. package/dist/themes/manamerge/miscellaneous/fontsizes.js +11 -0
  36. package/dist/themes/manamerge/molecules/accordion.js +29 -0
  37. package/dist/themes/manamerge/molecules/breakerTape.js +30 -0
  38. package/dist/themes/manamerge/molecules/cardBanner.js +26 -0
  39. package/dist/themes/manamerge/molecules/cardSimpleRender.js +35 -0
  40. package/dist/themes/manamerge/molecules/cardTeaser.js +69 -0
  41. package/dist/themes/manamerge/molecules/footer.js +26 -0
  42. package/dist/themes/manamerge/molecules/header.js +86 -0
  43. package/dist/themes/manamerge/molecules/navigation.js +53 -0
  44. package/dist/themes/themes/davidWeb/fonts/index.js +44 -15
  45. package/dist/themes/themes/davidWeb/images/icons/modal/closeicon.svg.js +37 -42
  46. package/dist/themes/themes/davidWeb/images/icons/navigation/notification.svg.js +48 -49
  47. package/dist/themes/themes/davidWeb/images/icons/navigation/profile.svg.js +27 -31
  48. package/dist/themes/themes/davidWeb/images/icons/navigation/user.svg.js +29 -33
  49. package/dist/themes/themes/davidWeb/styling/chat-theme.css.js +80 -14
  50. package/dist/themes/themes/davidWeb/styling/filter-list-theme.css.js +47 -12
  51. package/dist/themes/themes/davidWeb/styling/notification-theme.css.js +166 -22
  52. package/dist/themes/themes/manamerge/fonts/index.js +55 -17
  53. package/dist/themes/themes/manamerge/images/icons/modal/closeicon.svg.js +37 -42
  54. package/dist/themes/themes/manamerge/images/icons/navigation/notification.svg.js +48 -49
  55. package/dist/themes/themes/manamerge/images/icons/navigation/profile.svg.js +27 -31
  56. package/dist/themes/themes/manamerge/images/icons/navigation/user.svg.js +29 -33
  57. package/dist/themes/themes/manamerge/miscellaneous/colorpalette.ts +6 -6
  58. package/dist/themes/themes/manamerge/miscellaneous/fontsizes.ts +2 -2
  59. package/dist/themes/themes/manamerge/styling/chat-theme.css.js +80 -14
  60. package/dist/themes/themes/manamerge/styling/filter-list-theme.css.js +47 -12
  61. package/dist/themes/themes/manamerge/styling/notification-theme.css.js +166 -22
  62. package/dist/types/components/Atoms/Heading/Heading.d.ts +1 -1
  63. package/dist/types/components/Atoms/Text/Text.d.ts +3 -2
  64. package/dist/types/themes/ManamergeTheme.d.ts +155 -145
  65. package/dist/types/themes/manamerge/atoms/button.d.ts +18 -18
  66. package/dist/types/themes/manamerge/atoms/divider.d.ts +3 -3
  67. package/dist/types/themes/manamerge/atoms/gradient.d.ts +6 -6
  68. package/dist/types/themes/manamerge/atoms/heading.d.ts +36 -36
  69. package/dist/types/themes/manamerge/atoms/link.d.ts +30 -30
  70. package/dist/types/themes/manamerge/atoms/text.d.ts +14 -14
  71. package/dist/types/themes/manamerge/miscellaneous/colorpalette.d.ts +29 -24
  72. package/dist/types/themes/manamerge/miscellaneous/fontsizes.d.ts +9 -8
  73. package/dist/types/themes/manamerge/molecules/cardBanner.d.ts +2 -2
  74. package/package.json +3 -2
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import React, { ReactNode, FunctionComponent, SVGProps, AnchorHTMLAttributes, ElementType } from 'react';
2
+ import { PaletteColor } from 'themes/manamerge/miscellaneous/colorpalette';
2
3
 
3
4
  interface ButtonTypes {
4
5
  disabled?: boolean;
@@ -22,8 +23,8 @@ interface TextTypes {
22
23
  lineHeight?: string;
23
24
  fontWeight?: string | number;
24
25
  tag?: keyof JSX.IntrinsicElements;
25
- vColor?: string;
26
- vFontSize?: string;
26
+ vColor?: PaletteColor;
27
+ vFontSize?: "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "xxxxl";
27
28
  onClick?: React.MouseEventHandler<HTMLElement>;
28
29
  }
29
30
  declare const Text: React.FC<TextTypes>;
@@ -31,7 +32,7 @@ declare const Text: React.FC<TextTypes>;
31
32
  interface HeadingTypes {
32
33
  variant?: string;
33
34
  children: ReactNode;
34
- as: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
35
+ as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
35
36
  }
36
37
  declare const Heading: React.FC<HeadingTypes>;
37
38
 
package/dist/index.js CHANGED
@@ -140,12 +140,14 @@ const Button = (_a) => {
140
140
 
141
141
  const TextContainer = styled.p `
142
142
  ${(_a) => {
143
- var _b;
143
+ var _b, _c;
144
144
  var { variant = "regular", theme } = _a, props = __rest(_a, ["variant", "theme"]);
145
145
  const textStyles = ((_b = theme === null || theme === void 0 ? void 0 : theme.text) === null || _b === void 0 ? void 0 : _b[variant]) || {};
146
+ console.log("----", theme);
146
147
  return css `
147
148
  margin: ${(props === null || props === void 0 ? void 0 : props.margin) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.margin)};
148
- font-size: ${(props === null || props === void 0 ? void 0 : props.vFontSize) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.vFontSize)};
149
+ font-size: ${((_c = theme === null || theme === void 0 ? void 0 : theme.fontsizes) === null || _c === void 0 ? void 0 : _c[props === null || props === void 0 ? void 0 : props.vFontSize]) ||
150
+ (textStyles === null || textStyles === void 0 ? void 0 : textStyles.vFontSize)};
149
151
  line-height: ${(props === null || props === void 0 ? void 0 : props.lineHeight) || (textStyles === null || textStyles === void 0 ? void 0 : textStyles.lineHeight)};
150
152
  font-weight: ${(props === null || props === void 0 ? void 0 : props.fontWeight) ||
151
153
  (textStyles === null || textStyles === void 0 ? void 0 : textStyles.fontWeight) ||
@@ -185,7 +187,7 @@ const Text = (_a) => {
185
187
  };
186
188
 
187
189
  const HeadingContainer = styled.h1 `
188
- ${({ variant = "h1", theme }) => {
190
+ ${({ variant, theme }) => {
189
191
  const { media, heading } = theme;
190
192
  const { tinyMobileUp, largeMobileUp, superLargeDesktopUp } = media;
191
193
  const headingStyles = (heading === null || heading === void 0 ? void 0 : heading[variant]) || {};