@undefine-ui/design-system 1.1.0 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -72,30 +72,34 @@ import {
72
72
 
73
73
  Storybook (`pnpm dev:storybook`) documents each component and token surface.
74
74
 
75
- ### Logo asset paths
75
+ ### Logo assets
76
76
 
77
- `<Logo />` renders image files that your host app must expose under `/logos/*`. The defaults map as follows:
77
+ `<Logo />` renders logo images hosted on Cloudinary by default. The component automatically selects the appropriate variant based on props:
78
78
 
79
- | Variant flag combo | Expected path |
80
- | -------------------------- | ---------------------------- |
81
- | `isFull={false}` (default) | `/logos/logo.png` |
82
- | `isFull` | `/logos/logo-full.png` |
83
- | `isWhite` | `/logos/logo-white.png` |
84
- | `isWhite` + `isFull` | `/logos/logo-full-white.png` |
85
- | `isBlack` | `/logos/logo-black.png` |
86
- | `isBlack` + `isFull` | `/logos/logo-full-black.png` |
79
+ | Variant flag combo | Asset served |
80
+ | -------------------------- | ----------------------------------- |
81
+ | `isFull={false}` (default) | Single logo (60px width) |
82
+ | `isFull` | Full logo with text (120px width) |
83
+ | `isWhite` | White variant for dark backgrounds |
84
+ | `isBlack` | Black variant for light backgrounds |
85
+ | `isWhite` + `isFull` | White full logo |
86
+ | `isBlack` + `isFull` | Black full logo |
87
87
 
88
- If your asset pipeline lives elsewhere, pass `src` to override the image while keeping the same sizing, and use `href` / `LinkComponent` to control the click target:
88
+ All logo assets are served from Cloudinary and don't require any local files in your host app.
89
+
90
+ If you need to use custom logo assets, pass `src` to override the default image, and use `href` / `LinkComponent` to control the click behavior:
89
91
 
90
92
  ```tsx
91
93
  <Logo
92
94
  href="https://undefine.io"
93
95
  src="https://cdn.myapp.com/brand/undefine-light.svg"
94
96
  sx={{ width: 140 }}
97
+ disableLink={false}
98
+ alt="Custom logo"
95
99
  />
96
100
  ```
97
101
 
98
- All other props from `BoxProps` are forwarded to the underlying `<img>`.
102
+ Use `disableLink={true}` to render just the image without any link wrapper. All other props from `BoxProps` are forwarded to the underlying `<img>`.
99
103
 
100
104
  ## Export surface
101
105
 
package/dist/index.cjs CHANGED
@@ -28,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
28
28
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
29
 
30
30
  // src/index.ts
31
- var src_exports = {};
32
- __export(src_exports, {
31
+ var index_exports = {};
32
+ __export(index_exports, {
33
33
  CheckboxDefault: () => CheckboxDefault,
34
34
  CheckboxIndeterminate: () => CheckboxIndeterminate,
35
35
  CheckboxSelect: () => CheckboxSelect,
@@ -155,7 +155,7 @@ __export(src_exports, {
155
155
  varAlpha: () => varAlpha,
156
156
  warning: () => warning
157
157
  });
158
- module.exports = __toCommonJS(src_exports);
158
+ module.exports = __toCommonJS(index_exports);
159
159
 
160
160
  // src/libs/helpers.ts
161
161
  var isEqual = (a, b) => {
@@ -5586,14 +5586,14 @@ var import_Box2 = __toESM(require("@mui/material/Box"), 1);
5586
5586
  var import_jsx_runtime37 = require("react/jsx-runtime");
5587
5587
  var LOGO_MAP = {
5588
5588
  full: {
5589
- black: "/logos/logo-full-black.png",
5590
- white: "/logos/logo-full-white.png",
5591
- default: "/logos/logo-full.png"
5589
+ black: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-black-full_mjngwu.png",
5590
+ white: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077836/define-agency/logos/logo-white-full_nsf6ge.png",
5591
+ default: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077836/define-agency/logos/logo-full_xzon1i.png"
5592
5592
  },
5593
5593
  single: {
5594
- black: "/logos/logo-black.png",
5595
- white: "/logos/logo-white.png",
5596
- default: "/logos/logo.png"
5594
+ black: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-black_xskhha.png",
5595
+ white: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077834/define-agency/logos/logo-white_tssio4.png",
5596
+ default: "https://res.cloudinary.com/dvbtbsinu/image/upload/v1763077835/define-agency/logos/logo_ypolky.png"
5597
5597
  }
5598
5598
  };
5599
5599
  var Logo = ({