@pronto-tools-and-more/components 6.34.0 → 6.36.0

package/dist/main.js

@@ -66,6 +66,11 @@ var HeaderLogo = ({ logoPath }) => {
   return /* @__PURE__ */ React.createElement("div", { className: "HeaderLogo" }, /* @__PURE__ */ React.createElement("img", { src: logoPath, alt: "" }));
 };
 
+// src/parts/HeaderLogoSection/HeaderLogoSection.tsx
+var HeaderLogoSection = ({ logoPath }) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "HeaderLogoSection" }, /* @__PURE__ */ React.createElement(HeaderLogo, { logoPath }));
+};
+
 // src/parts/HeaderMenuItems/HeaderMenuItems.tsx
 var HeaderMenuItems = ({
   menuName = ""
@@ -98,15 +103,17 @@ var Heading = ({
 var Link = ({
   to,
   message,
-  className
+  className,
+  icon
 }) => {
+  const fullMessage = icon ? `<span>${message}</span><img src="${icon}" alt=""/>` : message;
   const json = {
     type: "button",
     tap: {
       type: "navigate",
       path: to
     },
-    message
+    message: fullMessage
   };
   const extraClassname = className || "";
   const fullClassName = `Link ${extraClassname}`;
@@ -121,6 +128,16 @@ var Login = () => {
   return /* @__PURE__ */ React.createElement(JsonComponent, { json });
 };
 
+// src/parts/MaskIcon/MaskIcon.tsx
+var MaskIcon = ({ src }) => {
+  const json = {
+    type: "html",
+    tag: "div",
+    content: `<div style="mask-image: url('${src}')"></div>`
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: "MaskIcon" }, /* @__PURE__ */ React.createElement(JsonComponent, { json }));
+};
+
 // src/parts/PostContentBody/PostContentBody.tsx
 var PostContentBody = () => {
   const json = {
@@ -418,11 +435,13 @@ export {
   EPaperLink,
   FooterItemsList,
   HeaderLogo,
+  HeaderLogoSection,
   HeaderMenuItems,
   Heading,
   JsonComponent,
   Link,
   Login,
+  MaskIcon,
   MenuItems,
   PostContentBody,
   PublicationToggle,

package/dist/parts/Components/Components.d.ts

@@ -3,11 +3,13 @@ export * from "../ContentTitle/ContentTitle.tsx";
 export * from "../EPaperLink/EPaperLink.tsx";
 export * from "../FooterItemsList/FooterItemsList.tsx";
 export * from "../HeaderLogo/HeaderLogo.tsx";
+export * from "../HeaderLogoSection/HeaderLogoSection.tsx";
 export * from "../HeaderMenuItems/HeaderMenuItems.tsx";
 export * from "../Heading/Heading.tsx";
 export * from "../JsonComponent/JsonComponent.tsx";
 export * from "../Link/Link.tsx";
 export * from "../Login/Login.tsx";
+export * from "../MaskIcon/MaskIcon.tsx";
 export * from "../MenuItems/MenuItems.tsx";
 export * from "../PostContentBody/PostContentBody.tsx";
 export * from "../PublicationToggle/PublicationToggle.tsx";

package/dist/parts/HeaderLogoSection/HeaderLogoSection.d.ts

@@ -0,0 +1,3 @@
+export declare const HeaderLogoSection: ({ logoPath }: {
+    logoPath: string;
+}) => import("react").JSX.Element;

package/dist/parts/Link/Link.d.ts

@@ -1,5 +1,6 @@
-export declare const Link: ({ to, message, className, }: {
+export declare const Link: ({ to, message, className, icon, }: {
     to: string;
     message: string;
     className?: string;
+    icon?: string;
 }) => import("react").JSX.Element;

package/dist/parts/MaskIcon/MaskIcon.d.ts

@@ -0,0 +1,3 @@
+export declare const MaskIcon: ({ src }: {
+    src: string;
+}) => import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pronto-tools-and-more/components",
-  "version": "6.34.0",
+  "version": "6.36.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",