@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.mjs
CHANGED
|
@@ -228,7 +228,8 @@ import {
|
|
|
228
228
|
Tooltip,
|
|
229
229
|
Box as Box2,
|
|
230
230
|
useTheme,
|
|
231
|
-
useMediaQuery
|
|
231
|
+
useMediaQuery,
|
|
232
|
+
Stack
|
|
232
233
|
} from "@mui/material";
|
|
233
234
|
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
|
|
234
235
|
var LOGO_FONT_STACK = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji"';
|
|
@@ -317,41 +318,66 @@ var Logo = memo(
|
|
|
317
318
|
const wm = wordmarkSx(centered);
|
|
318
319
|
if (centered) {
|
|
319
320
|
return /* @__PURE__ */ jsxs(
|
|
320
|
-
|
|
321
|
+
Stack,
|
|
321
322
|
{
|
|
322
|
-
container: true,
|
|
323
|
-
direction: "column",
|
|
324
|
-
alignItems: "center",
|
|
325
|
-
justifyContent: "center",
|
|
326
323
|
spacing: 1,
|
|
327
|
-
sx: { cursor: "pointer" },
|
|
328
324
|
onClick: handleClick,
|
|
325
|
+
sx: {
|
|
326
|
+
cursor: "pointer",
|
|
327
|
+
alignItems: "stretch",
|
|
328
|
+
width: "100%",
|
|
329
|
+
maxWidth,
|
|
330
|
+
minWidth: 0
|
|
331
|
+
},
|
|
329
332
|
children: [
|
|
330
|
-
(logoUrl || defaultLogo) && /* @__PURE__ */ jsx3(
|
|
331
|
-
|
|
333
|
+
(logoUrl || defaultLogo) && /* @__PURE__ */ jsx3(
|
|
334
|
+
Box2,
|
|
332
335
|
{
|
|
333
|
-
alt: companyName || "avatar",
|
|
334
|
-
src: logoUrl,
|
|
335
336
|
sx: {
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
337
|
+
display: "flex",
|
|
338
|
+
justifyContent: "center",
|
|
339
|
+
alignItems: "center",
|
|
340
|
+
width: "100%"
|
|
340
341
|
},
|
|
341
|
-
|
|
342
|
-
|
|
342
|
+
children: logoUrl ? /* @__PURE__ */ jsx3(
|
|
343
|
+
Avatar,
|
|
344
|
+
{
|
|
345
|
+
alt: companyName || "avatar",
|
|
346
|
+
src: logoUrl,
|
|
347
|
+
sx: {
|
|
348
|
+
width: 64,
|
|
349
|
+
height: 64,
|
|
350
|
+
fontSize: "1.125rem",
|
|
351
|
+
...avatarSx
|
|
352
|
+
},
|
|
353
|
+
imgProps: { loading: "lazy" },
|
|
354
|
+
children: (companyName == null ? void 0 : companyName.charAt(0)) || "?"
|
|
355
|
+
}
|
|
356
|
+
) : defaultLogo
|
|
343
357
|
}
|
|
344
|
-
)
|
|
345
|
-
/* @__PURE__ */ jsx3(
|
|
346
|
-
|
|
358
|
+
),
|
|
359
|
+
/* @__PURE__ */ jsx3(
|
|
360
|
+
Box2,
|
|
347
361
|
{
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
362
|
+
sx: {
|
|
363
|
+
width: "100%",
|
|
364
|
+
minWidth: 0,
|
|
365
|
+
display: "flex",
|
|
366
|
+
justifyContent: "center",
|
|
367
|
+
textAlign: "center"
|
|
368
|
+
},
|
|
369
|
+
children: loggedIn ? /* @__PURE__ */ jsx3(Tooltip, { title: companyName, placement: "top", arrow: true, children: /* @__PURE__ */ jsx3(Typography, { component: "span", sx: wm, children: companyName }) }) : /* @__PURE__ */ jsx3(
|
|
370
|
+
CompanySlot,
|
|
371
|
+
{
|
|
372
|
+
centered: true,
|
|
373
|
+
maxWidth,
|
|
374
|
+
harmonizeCompanyTypography,
|
|
375
|
+
companySlotSx,
|
|
376
|
+
children: companyComponent
|
|
377
|
+
}
|
|
378
|
+
)
|
|
353
379
|
}
|
|
354
|
-
)
|
|
380
|
+
)
|
|
355
381
|
]
|
|
356
382
|
}
|
|
357
383
|
);
|
|
@@ -1811,7 +1837,7 @@ import {
|
|
|
1811
1837
|
import {
|
|
1812
1838
|
Autocomplete as Autocomplete2,
|
|
1813
1839
|
Box as Box9,
|
|
1814
|
-
Stack,
|
|
1840
|
+
Stack as Stack2,
|
|
1815
1841
|
TextField as TextField2,
|
|
1816
1842
|
useTheme as useTheme11,
|
|
1817
1843
|
useMediaQuery as useMediaQuery4
|
|
@@ -2060,7 +2086,7 @@ var PhoneNumberField = ({
|
|
|
2060
2086
|
onBlurCapture: handleWrapperBlur,
|
|
2061
2087
|
sx: { display: "flex", alignItems: "center", width: "100%" },
|
|
2062
2088
|
children: /* @__PURE__ */ jsxs10(
|
|
2063
|
-
|
|
2089
|
+
Stack2,
|
|
2064
2090
|
{
|
|
2065
2091
|
direction: "row",
|
|
2066
2092
|
spacing: 0,
|