@tapizlabs/ui 0.2.7 → 0.2.8

package/dist/index.d.ts

@@ -102,8 +102,10 @@ interface LogoMarkProps {
     bgClassName?: string;
     bgFill?: string;
     bgOpacity?: number;
+    /** Product glyph: "lms" = T monogram, "boards" = kanban columns */
+    variant?: "lms" | "boards";
 }
-declare const LogoMark: ({ size, className, }: LogoMarkProps) => react.JSX.Element;
+declare const LogoMark: ({ size, className, bgClassName, bgFill, bgOpacity, variant, }: LogoMarkProps) => react.JSX.Element;
 
 declare const FormIcon: ({ size, className, style }: IconProps) => react.JSX.Element;
 declare const CalendarWeek: ({ size, className, style }: IconProps) => react.JSX.Element;

package/dist/index.js

@@ -494,24 +494,28 @@ var Clock = ({ size = 13, className, style }) => /* @__PURE__ */ jsxs5("svg", {
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var LogoMark = ({
   size = 28,
-  className
+  className,
+  bgClassName,
+  bgFill = "#1496b3",
+  bgOpacity = 1,
+  variant = "lms"
 }) => /* @__PURE__ */ jsxs6(
   "svg",
   {
     width: size,
     height: size,
-    className: `${className} w-[${size}px] h-[${size}px]`,
-    viewBox: "0 0 32 32",
+    className,
+    viewBox: "0 0 64 64",
     fill: "none",
     children: [
-      /* @__PURE__ */ jsx6("rect", { width: "32", height: "32", rx: "8", fill: "none" }),
-      /* @__PURE__ */ jsx6("path", { d: "M5 9 L5 5 L9 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
-      /* @__PURE__ */ jsx6("path", { d: "M23 5 L27 5 L27 9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
-      /* @__PURE__ */ jsx6("path", { d: "M5 23 L5 27 L9 27", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square" }),
-      /* @__PURE__ */ jsx6("path", { d: "M23 27 L27 27 L27 23", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "square", className: "opacity-50" }),
-      /* @__PURE__ */ jsxs6("g", { fill: "currentColor", children: [
-        /* @__PURE__ */ jsx6("rect", { x: "15", y: "10", width: "2", height: "14" }),
-        /* @__PURE__ */ jsx6("rect", { x: "10", y: "10", width: "12", height: "2" })
+      /* @__PURE__ */ jsx6("rect", { width: "64", height: "64", rx: "14", fill: bgFill, opacity: bgOpacity, className: bgClassName }),
+      variant === "lms" ? /* @__PURE__ */ jsxs6("g", { fill: "#fff", children: [
+        /* @__PURE__ */ jsx6("rect", { x: "14", y: "14", width: "36", height: "10", rx: "3" }),
+        /* @__PURE__ */ jsx6("rect", { x: "27", y: "14", width: "10", height: "36", rx: "3" })
+      ] }) : /* @__PURE__ */ jsxs6("g", { fill: "#fff", children: [
+        /* @__PURE__ */ jsx6("rect", { x: "13", y: "15", width: "10", height: "26", rx: "5" }),
+        /* @__PURE__ */ jsx6("rect", { x: "27", y: "15", width: "10", height: "34", rx: "5" }),
+        /* @__PURE__ */ jsx6("rect", { x: "41", y: "15", width: "10", height: "20", rx: "5" })
       ] })
     ]
   }