@undefine-ui/design-system 1.0.0 → 2.0.0

package/README.md

@@ -63,6 +63,7 @@ import {
   Field,
   Form,
   Icon,
+  Logo,
   LoadingScreen,
   Table,
   Upload
@@ -71,6 +72,35 @@ import {
 
 Storybook (`pnpm dev:storybook`) documents each component and token surface.
 
+### Logo assets
+
+`<Logo />` renders logo images hosted on Cloudinary by default. The component automatically selects the appropriate variant based on props:
+
+| Variant flag combo         | Asset served                        |
+| -------------------------- | ----------------------------------- |
+| `isFull={false}` (default) | Single logo (60px width)            |
+| `isFull`                   | Full logo with text (120px width)   |
+| `isWhite`                  | White variant for dark backgrounds  |
+| `isBlack`                  | Black variant for light backgrounds |
+| `isWhite` + `isFull`       | White full logo                     |
+| `isBlack` + `isFull`       | Black full logo                     |
+
+All logo assets are served from Cloudinary and don't require any local files in your host app.
+
+If you need to use custom logo assets, pass `src` to override the default image, and use `href` / `LinkComponent` to control the click behavior:
+
+```tsx
+<Logo
+  href="https://undefine.io"
+  src="https://cdn.myapp.com/brand/undefine-light.svg"
+  sx={{ width: 140 }}
+  disableLink={false}
+  alt="Custom logo"
+/>
+```
+
+Use `disableLink={true}` to render just the image without any link wrapper. All other props from `BoxProps` are forwarded to the underlying `<img>`.
+
 ## Export surface
 
 Everything is re-exported from `src/index.ts`. Key groups:

package/dist/index.cjs

@@ -28,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   CheckboxDefault: () => CheckboxDefault,
   CheckboxIndeterminate: () => CheckboxIndeterminate,
   CheckboxSelect: () => CheckboxSelect,
@@ -155,7 +155,7 @@ __export(src_exports, {
   varAlpha: () => varAlpha,
   warning: () => warning
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/libs/helpers.ts
 var isEqual = (a, b) => {
@@ -5586,14 +5586,14 @@ var import_Box2 = __toESM(require("@mui/material/Box"), 1);
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var LOGO_MAP = {
   full: {
-    black: "/logos/logo-full-black.png",
-    white: "/logos/logo-full-white.png",
-    default: "/logos/logo-full.png"
+    black: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-black-full_mjngwu.png",
+    white: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077836/define-agency/logos/logo-white-full_nsf6ge.png",
+    default: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077836/define-agency/logos/logo-full_xzon1i.png"
   },
   single: {
-    black: "/logos/logo-black.png",
-    white: "/logos/logo-white.png",
-    default: "/logos/logo.png"
+    black: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-black_xskhha.png",
+    white: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-white_tssio4.png",
+    default: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077835/define-agency/logos/logo_ypolky.png"
   }
 };
 var Logo = ({
@@ -5604,16 +5604,19 @@ var Logo = ({
   disableLink = false,
   LinkComponent = "a",
   href = "/",
+  src,
+  alt = "Undefine UI logo",
   ...rest
 }) => {
   const type = isFull ? "full" : "single";
   const color = isWhite ? "white" : isBlack ? "black" : "default";
-  const logoImg = LOGO_MAP[type][color];
+  const logoImg = src ?? LOGO_MAP[type][color];
   const logo = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_Box2.default,
     {
       component: "img",
       src: logoImg,
+      alt,
       sx: { width: isFull ? 120 : 60, cursor: "pointer", ...sx },
       ...rest
     }