@manamerge/mana-atomic-ui 0.0.41 → 0.0.44

package/dist/themes/themes/Manamerge.js

@@ -3,26 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.manamergeTheme = exports["default"] = exports.ManamergeStyles = void 0;
+exports.manamergeTheme = exports["default"] = void 0;
 var _styledComponents = require("styled-components");
 var _breakpoints = _interopRequireDefault(require("./manamerge/breakpoints.js"));
-var _MetroSansBook = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Book.woff2"));
-var _MetroSansBoldItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Bold-Italic.woff2"));
-var _MetroSansBold = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Bold.woff2"));
-var _MetroSansBookItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Book-Italic.woff2"));
-var _MetroSansLightItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Light-Italic.woff2"));
-var _MetroSansLight = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Light.woff2"));
-var _MetroSansMediumItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Medium-Italic.woff2"));
-var _MetroSansMedium = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Medium.woff2"));
-var _MetroSansRegularItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Regular-Italic.woff2"));
-var _MetroSansRegular = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Regular.woff2"));
-var _MetroSansSemiBoldItalic = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Semi-Bold-Italic.woff2"));
-var _MetroSansSemiBold = _interopRequireDefault(require("./manamerge/fonts/Metro-Sans-Semi-Bold.woff2"));
-var _GilmerRegular = _interopRequireDefault(require("./manamerge/fonts/Gilmer-Regular.woff2"));
-var _GilmerBold = _interopRequireDefault(require("./manamerge/fonts/Gilmer-Bold.woff2"));
-var _GilmerHeavy = _interopRequireDefault(require("./manamerge/fonts/Gilmer-Heavy.woff2"));
-var _GilmerLight = _interopRequireDefault(require("./manamerge/fonts/Gilmer-Light.woff2"));
-var _GilmerMedium = _interopRequireDefault(require("./manamerge/fonts/Gilmer-Medium.woff2"));
 var _text = _interopRequireDefault(require("./manamerge/theme/text.js"));
 var _heading = _interopRequireDefault(require("./manamerge/theme/heading.js"));
 var _button = _interopRequireDefault(require("./manamerge/theme/button.js"));
@@ -82,20 +65,24 @@ var _github2 = _interopRequireDefault(require("./manamerge/social/white/github.s
 var _instagram2 = _interopRequireDefault(require("./manamerge/social/white/instagram.svg"));
 var _twitter2 = _interopRequireDefault(require("./manamerge/social/white/twitter.svg"));
 var _website2 = _interopRequireDefault(require("./manamerge/social/white/website.svg"));
-var _templateObject;
-/* stylelint-disable */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 // Global
+
 // Breakpoints
-// Fonts
+
 // Generic
+
 // Styling
+
 // Icons
+
 //import navigationUserIcon from './manamerge/images/icons/navigation/user.svg';
 //import navigationCalendarIcon from './manamerge/images/icons/navigation/calendar.svg';
+
 // Images
+
 // Social icons
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+
 var tinyMobileUp = _breakpoints["default"].tinyMobileUp,
   smallMobileUp = _breakpoints["default"].smallMobileUp,
   mobileUp = _breakpoints["default"].mobileUp,
@@ -462,8 +449,7 @@ var manamergeTheme = exports.manamergeTheme = {
     }
   },
   fonts: {
-    "default": 'ManamergeMetro, sans-serif',
-    secondary: 'ManamergeGilmer, sans-serif'
+    "default": 'ManamergeGilmer, sans-serif'
   },
   borderRadius: {
     button: '0',
@@ -669,8 +655,4 @@ var manamergeTheme = exports.manamergeTheme = {
     height: '52px'
   }
 };
-
-// Add font base here.
-var ManamergeStyles = exports.ManamergeStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 350;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 700;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 700;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 350;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 300;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 300;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 500;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 400;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 400;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: italic;\n    font-weight: 600;\n  }\n\n  @font-face {\n    font-family: ManamergeMetro;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 600;\n  }\n\n  * {\n    font-family: ManamergeMetro, sans-serif;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 400;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 700;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 900;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 500;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 300;\n  }\n\n"])), _MetroSansBook["default"], _MetroSansBoldItalic["default"], _MetroSansBold["default"], _MetroSansBookItalic["default"], _MetroSansLightItalic["default"], _MetroSansLight["default"], _MetroSansMediumItalic["default"], _MetroSansMedium["default"], _MetroSansRegularItalic["default"], _MetroSansRegular["default"], _MetroSansSemiBoldItalic["default"], _MetroSansSemiBold["default"], _GilmerRegular["default"], _GilmerBold["default"], _GilmerHeavy["default"], _GilmerMedium["default"], _GilmerLight["default"]);
-var _default = exports["default"] = manamergeTheme;
-/* stylelint-enable */
+var _default = exports["default"] = manamergeTheme;

package/dist/themes/themes/manamerge/fonts/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ManamergeStyles = void 0;
+var _styledComponents = require("styled-components");
+var _GilmerRegular = _interopRequireDefault(require("./Gilmer-Regular.woff2"));
+var _GilmerBold = _interopRequireDefault(require("./Gilmer-Bold.woff2"));
+var _GilmerHeavy = _interopRequireDefault(require("./Gilmer-Heavy.woff2"));
+var _GilmerLight = _interopRequireDefault(require("./Gilmer-Light.woff2"));
+var _GilmerMedium = _interopRequireDefault(require("./Gilmer-Medium.woff2"));
+var _templateObject; // Fonts
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var ManamergeStyles = exports.ManamergeStyles = (0, _styledComponents.createGlobalStyle)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 300;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 400;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 500;\n  }\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 700;\n  }\n\n  @font-face {\n    font-family: ManamergeGilmer;\n    src: url(", ") format('woff2');\n    font-style: normal;\n    font-weight: 900;\n  }\n  * {\n    font-family: ManamergeGilmer, sans-serif;\n  }\n"])), _GilmerLight["default"], _GilmerRegular["default"], _GilmerMedium["default"], _GilmerBold["default"], _GilmerHeavy["default"]);

package/dist/themes/themes/manamerge/theme/text.js

@@ -5,20 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var text = {
-  small: {
-    fontSize: '13px',
-    lineHeight: '18px',
-    fontWeight: 400
+  "Text light": {
+    fontSize: "13px",
+    lineHeight: "18px",
+    fontWeight: 300,
+    color: "#13021f"
   },
-  medium: {
-    fontSize: '15px',
-    lineHeight: '25px',
-    fontWeight: 400
+  "Text regular": {
+    fontSize: "15px",
+    lineHeight: "25px",
+    fontWeight: 400,
+    color: "#13021f"
   },
-  large: {
-    fontSize: '17px',
-    lineHeight: '28px',
-    fontWeight: 400
+  "Text medium": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: "500",
+    color: "#13021f"
+  },
+  "Text bold": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: 700,
+    color: "#13021f"
+  },
+  "Text heavy": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: 900,
+    color: "#13021f"
   }
 };
 var _default = exports["default"] = text;

package/dist/types/components/Atoms/Text/Text.css.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TextTypes } from "./Text";
+export declare const TextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextTypes>> & string;
+export declare const TextContainerLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, TextTypes>> & string;

package/dist/types/components/Atoms/Text/Text.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface TextTypes {
+    className: string;
+    children?: string;
+    htmlFor?: string;
+    margin?: string;
+    color?: string;
+    fontSize?: string;
+    lineHeight?: string;
+    fontWeight?: string;
+    tag?: keyof JSX.IntrinsicElements;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export declare const Text: React.FC<TextTypes>;

package/dist/types/components/Atoms/Text/Text.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TextTypes } from "./Text";
+declare const meta: Meta<any>;
+export default meta;
+type Story = StoryObj<TextTypes>;
+export declare const Light: Story;
+export declare const Regular: Story;
+export declare const Medium: Story;
+export declare const Bold: Story;
+export declare const Heavy: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manamerge/mana-atomic-ui",
-  "version": "0.0.41",
+  "version": "0.0.44",
   "description": "Mana Merge design system",
   "scripts": {
     "build": "rollup -c",
@@ -13,29 +13,31 @@
     "@babel/core": "^7.26.0",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
-    "@chromatic-com/storybook": "^1.5.0",
+    "@chromatic-com/storybook": "^3.2.2",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-typescript": "^11.0.0",
-    "@storybook/addon-essentials": "^8.1.8",
-    "@storybook/addon-interactions": "^8.1.8",
-    "@storybook/addon-links": "^8.1.8",
-    "@storybook/addon-onboarding": "^8.1.8",
-    "@storybook/addon-themes": "^8.4.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-links": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.3",
-    "@storybook/blocks": "^8.1.8",
-    "@storybook/react": "^8.1.8",
-    "@storybook/react-webpack5": "^8.1.8",
-    "@storybook/test": "^8.1.8",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-webpack5": "^8.4.5",
+    "@storybook/test": "^8.4.5",
     "@types/react": "^18.0.27",
+    "@types/sanitize-html": "^2.13.0",
     "@types/styled-components": "^5.1.34",
     "babel-plugin-styled-components": "^2.1.4",
+    "marked": "^15.0.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^3.14.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^5.1.1",
-    "storybook": "^8.1.8",
+    "sanitize-html": "^2.13.1",
+    "storybook": "^8.4.5",
     "tslib": "^2.5.0",
     "typescript": "^4.9.5",
     "typescript-plugin-styled-components": "^3.0.0"
@@ -51,6 +53,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
+    "@storybook/addon-themes": "^8.4.5",
     "classnames": "^2.5.1",
     "styled-components": "^6.1.11"
   }