@pronto-tools-and-more/components 6.35.0 → 6.37.0

package/dist/main.js

@@ -63,7 +63,7 @@ var FooterItemsList = ({
 
 // src/parts/HeaderLogo/HeaderLogo.tsx
 var HeaderLogo = ({ logoPath }) => {
-  return /* @__PURE__ */ React.createElement("div", { className: "HeaderLogo" }, /* @__PURE__ */ React.createElement("img", { src: logoPath, alt: "" }));
+  return /* @__PURE__ */ React.createElement("a", { href: "/", className: "HeaderLogo" }, /* @__PURE__ */ React.createElement("img", { src: logoPath, alt: "" }));
 };
 
 // src/parts/HeaderLogoSection/HeaderLogoSection.tsx
@@ -106,7 +106,7 @@ var Link = ({
   className,
   icon
 }) => {
-  const fullMessage = icon ? `<span>${message}</span><img src="${icon}" alt=""/>` : message;
+  const fullMessage = icon ? `<span class="LinkContent"><span>${message}</span><div class="MaskIcon MaskIcon${icon}"></div>` : `<span class="LinkContent">${message}</span>`;
   const json = {
     type: "button",
     tap: {
@@ -128,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 = {
@@ -431,6 +441,7 @@ export {
   JsonComponent,
   Link,
   Login,
+  MaskIcon,
   MenuItems,
   PostContentBody,
   PublicationToggle,

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

@@ -9,6 +9,7 @@ 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/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.35.0",
+  "version": "6.37.0",
   "description": "",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",