@verma-consulting/design-library 0.1.58 → 0.1.59
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/dist/index.js +50 -25
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +54 -28
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -363,41 +363,66 @@ var Logo = (0, import_react.memo)(
|
|
|
363
363
|
const wm = wordmarkSx(centered);
|
|
364
364
|
if (centered) {
|
|
365
365
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
366
|
-
import_material2.
|
|
366
|
+
import_material2.Stack,
|
|
367
367
|
{
|
|
368
|
-
container: true,
|
|
369
|
-
direction: "column",
|
|
370
|
-
alignItems: "center",
|
|
371
|
-
justifyContent: "center",
|
|
372
368
|
spacing: 1,
|
|
373
|
-
sx: { cursor: "pointer" },
|
|
374
369
|
onClick: handleClick,
|
|
370
|
+
sx: {
|
|
371
|
+
cursor: "pointer",
|
|
372
|
+
alignItems: "stretch",
|
|
373
|
+
width: "100%",
|
|
374
|
+
maxWidth,
|
|
375
|
+
minWidth: 0
|
|
376
|
+
},
|
|
375
377
|
children: [
|
|
376
|
-
(logoUrl || defaultLogo) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
377
|
-
import_material2.
|
|
378
|
+
(logoUrl || defaultLogo) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
379
|
+
import_material2.Box,
|
|
378
380
|
{
|
|
379
|
-
alt: companyName || "avatar",
|
|
380
|
-
src: logoUrl,
|
|
381
381
|
sx: {
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
382
|
+
display: "flex",
|
|
383
|
+
justifyContent: "center",
|
|
384
|
+
alignItems: "center",
|
|
385
|
+
width: "100%"
|
|
386
386
|
},
|
|
387
|
-
|
|
388
|
-
|
|
387
|
+
children: logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
388
|
+
import_material2.Avatar,
|
|
389
|
+
{
|
|
390
|
+
alt: companyName || "avatar",
|
|
391
|
+
src: logoUrl,
|
|
392
|
+
sx: {
|
|
393
|
+
width: 64,
|
|
394
|
+
height: 64,
|
|
395
|
+
fontSize: "1.125rem",
|
|
396
|
+
...avatarSx
|
|
397
|
+
},
|
|
398
|
+
imgProps: { loading: "lazy" },
|
|
399
|
+
children: (companyName == null ? void 0 : companyName.charAt(0)) || "?"
|
|
400
|
+
}
|
|
401
|
+
) : defaultLogo
|
|
389
402
|
}
|
|
390
|
-
)
|
|
391
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
392
|
-
|
|
403
|
+
),
|
|
404
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
405
|
+
import_material2.Box,
|
|
393
406
|
{
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
407
|
+
sx: {
|
|
408
|
+
width: "100%",
|
|
409
|
+
minWidth: 0,
|
|
410
|
+
display: "flex",
|
|
411
|
+
justifyContent: "center",
|
|
412
|
+
textAlign: "center"
|
|
413
|
+
},
|
|
414
|
+
children: loggedIn ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Tooltip, { title: companyName, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material2.Typography, { component: "span", sx: wm, children: companyName }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
415
|
+
CompanySlot,
|
|
416
|
+
{
|
|
417
|
+
centered: true,
|
|
418
|
+
maxWidth,
|
|
419
|
+
harmonizeCompanyTypography,
|
|
420
|
+
companySlotSx,
|
|
421
|
+
children: companyComponent
|
|
422
|
+
}
|
|
423
|
+
)
|
|
399
424
|
}
|
|
400
|
-
)
|
|
425
|
+
)
|
|
401
426
|
]
|
|
402
427
|
}
|
|
403
428
|
);
|