@manamerge/mana-atomic-ui 0.0.49 → 0.0.50

package/dist/themes/themes/Manamerge.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.manamergeTheme = exports["default"] = void 0;
 var _breakpoints = _interopRequireDefault(require("./manamerge/breakpoints.js"));
 var _text = _interopRequireDefault(require("./manamerge/theme/text.js"));
+var _link = _interopRequireDefault(require("./manamerge/theme/link.js"));
 var _heading = _interopRequireDefault(require("./manamerge/theme/heading.js"));
 var _button = _interopRequireDefault(require("./manamerge/theme/button.js"));
 var _checkbox = _interopRequireDefault(require("./manamerge/theme/checkbox.js"));
@@ -92,7 +93,7 @@ var tinyMobileUp = _breakpoints["default"].tinyMobileUp,
   superLargeDesktopUp = _breakpoints["default"].superLargeDesktopUp;
 var customEmojis = [_heart["default"], _fire["default"], _mana["default"], _smile["default"], _manapride["default"], _clap["default"], _plusone["default"]];
 var manamergeTheme = exports.manamergeTheme = {
-  playerId: '2IRWf71ag',
+  link: _link["default"],
   colors: {
     light: '#212324',
     white: '#ffffff',
@@ -501,9 +502,6 @@ var manamergeTheme = exports.manamergeTheme = {
   background: {
     "default": '#f4f4f4'
   },
-  link: {
-    fontWeight: 'normal'
-  },
   category: {
     textLight: '#000',
     textDark: '#000',

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

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var Link = {
+  "Link light": {
+    fontSize: "13px",
+    lineHeight: "18px",
+    fontWeight: 300,
+    color: "#00f",
+    hover: {
+      color: "#f00"
+    },
+    focus: {
+      outline: "#red"
+    },
+    disabled: {
+      color: "gray"
+    }
+  },
+  "Link regular": {
+    fontSize: "15px",
+    lineHeight: "25px",
+    fontWeight: 400,
+    color: "#00f",
+    hover: {
+      color: "#f00"
+    },
+    focus: {
+      outline: "#red"
+    },
+    disabled: {
+      color: "gray"
+    }
+  },
+  "Link medium": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: "500",
+    color: "#00f",
+    hover: {
+      color: "#f00"
+    },
+    focus: {
+      outline: "#red"
+    },
+    disabled: {
+      color: "gray"
+    }
+  },
+  "Link bold": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: 700,
+    color: "#00f",
+    hover: {
+      color: "#f00"
+    },
+    focus: {
+      outline: "#red"
+    },
+    disabled: {
+      color: "gray"
+    }
+  },
+  "Link heavy": {
+    fontSize: "17px",
+    lineHeight: "28px",
+    fontWeight: 900,
+    color: "#00f",
+    hover: {
+      color: "#f00"
+    },
+    focus: {
+      outline: "#red"
+    },
+    disabled: {
+      color: "gray"
+    }
+  }
+};
+var _default = exports["default"] = Link;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LinkTypes } from "./Link";
+export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, LinkTypes>> & string;

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

@@ -0,0 +1,14 @@
+import React, { AnchorHTMLAttributes, ElementType } from "react";
+export interface LinkTypes extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    to?: string;
+    color?: string;
+    hoverColor?: string;
+    underline?: boolean;
+    hoverUnderline?: boolean;
+    fontSize?: string;
+    lineHeight?: string;
+    fontWeight?: string;
+    as?: ElementType;
+    className: string;
+}
+export declare const Link: React.FC<LinkTypes>;

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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { LinkTypes } from "./Link";
+declare const meta: Meta<LinkTypes>;
+export default meta;
+type Story = StoryObj<LinkTypes>;
+export declare const Combos: Story;
+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.49",
+  "version": "0.0.50",
   "description": "Mana Merge design system",
   "scripts": {
     "build": "rollup -c",
@@ -27,12 +27,11 @@
     "@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",
+    "react-router-dom": "^7.0.1",
     "rollup": "^3.14.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^5.1.1",
@@ -54,8 +53,6 @@
   "dependencies": {
     "@storybook/addon-themes": "^8.4.5",
     "classnames": "^2.5.1",
-    "styled-components": "^6.1.11",
-    "sanitize-html": "^2.13.1"
-
+    "styled-components": "^6.1.11"
   }
 }