@meshsdk/react 1.6.5 → 1.6.6
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.cjs +11 -11
- package/dist/index.css +42 -42
- package/dist/index.js +11 -11
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -52,7 +52,7 @@ function Button({
|
|
|
52
52
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
53
53
|
"button",
|
|
54
54
|
{
|
|
55
|
-
className: `
|
|
55
|
+
className: `mesh-mr-menu-list mesh-flex mesh-w-60 mesh-items-center mesh-justify-center mesh-rounded-t-md mesh-border mesh-px-4 mesh-py-2 mesh-text-lg mesh-font-normal mesh-shadow-sm ${isDarkMode ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
56
56
|
onClick: () => setHideMenuList && setHideMenuList(!hideMenuList),
|
|
57
57
|
onMouseEnter,
|
|
58
58
|
onMouseLeave,
|
|
@@ -284,11 +284,11 @@ function MenuItem({
|
|
|
284
284
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
285
285
|
"div",
|
|
286
286
|
{
|
|
287
|
-
className: "
|
|
287
|
+
className: "mesh-flex mesh-cursor-pointer mesh-items-center mesh-px-4 mesh-py-2 mesh-opacity-80 hover:mesh-opacity-100 mesh-h-16",
|
|
288
288
|
onClick: action,
|
|
289
289
|
children: [
|
|
290
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { className: "
|
|
291
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "
|
|
290
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
|
|
291
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-gray-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
|
|
292
292
|
return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
|
|
293
293
|
}).join(" ") })
|
|
294
294
|
]
|
|
@@ -301,7 +301,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
|
301
301
|
var ChevronDown = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
302
302
|
"svg",
|
|
303
303
|
{
|
|
304
|
-
className: "
|
|
304
|
+
className: "mesh-m-2 mesh-h-6",
|
|
305
305
|
fill: "none",
|
|
306
306
|
"aria-hidden": "true",
|
|
307
307
|
viewBox: "0 0 24 24",
|
|
@@ -329,13 +329,13 @@ var WalletBalance = ({
|
|
|
329
329
|
}) => {
|
|
330
330
|
const lovelace = useLovelace();
|
|
331
331
|
return connected && lovelace && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
332
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { className: "
|
|
332
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
|
|
333
333
|
"\u20B3",
|
|
334
334
|
" ",
|
|
335
335
|
parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
|
|
336
336
|
".",
|
|
337
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "
|
|
338
|
-
] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { className: "
|
|
337
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
|
|
338
|
+
] }) : connected && wallet?.icon ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: "Connecting..." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
339
339
|
label,
|
|
340
340
|
" ",
|
|
341
341
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ChevronDown, {})
|
|
@@ -392,7 +392,7 @@ var CardanoWallet = ({
|
|
|
392
392
|
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
393
393
|
"div",
|
|
394
394
|
{
|
|
395
|
-
className: `
|
|
395
|
+
className: `mesh-mr-menu-list mesh-absolute mesh-w-60 mesh-rounded-b-md mesh-border mesh-text-center mesh-shadow-sm mesh-backdrop-blur ${hideMenuList && "mesh-hidden"} ${isDarkMode ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
396
396
|
style: { zIndex: 50 },
|
|
397
397
|
children: !connected && wallets.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: wallets.map((wallet, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
398
398
|
MenuItem,
|
|
@@ -427,7 +427,7 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
|
427
427
|
var MeshLogo = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
428
428
|
"svg",
|
|
429
429
|
{
|
|
430
|
-
className: "
|
|
430
|
+
className: "mesh-h-16 mesh-p-2",
|
|
431
431
|
fill: "currentColor",
|
|
432
432
|
viewBox: "0 0 300 200",
|
|
433
433
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -440,7 +440,7 @@ var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
|
440
440
|
var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
441
441
|
"a",
|
|
442
442
|
{
|
|
443
|
-
className: `
|
|
443
|
+
className: `mesh-flex mesh-max-w-fit mesh-flex-col mesh-items-center mesh-rounded-md mesh-border mesh-border-solid mesh-border-current mesh-p-1 mesh-text-xl mesh-font-semibold mesh-no-underline ${isDark ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
444
444
|
style: {
|
|
445
445
|
color: isDark ? "#EEEEEE" : "#111111",
|
|
446
446
|
backgroundColor: isDark ? "#111111" : "#EEEEEE"
|
package/dist/index.css
CHANGED
|
@@ -554,188 +554,188 @@ video {
|
|
|
554
554
|
--tw-contain-style: ;
|
|
555
555
|
}
|
|
556
556
|
|
|
557
|
-
.
|
|
557
|
+
.mesh-absolute {
|
|
558
558
|
position: absolute;
|
|
559
559
|
}
|
|
560
560
|
|
|
561
|
-
.
|
|
561
|
+
.mesh-m-1 {
|
|
562
562
|
margin: 0.25rem;
|
|
563
563
|
}
|
|
564
564
|
|
|
565
|
-
.
|
|
565
|
+
.mesh-m-2 {
|
|
566
566
|
margin: 0.5rem;
|
|
567
567
|
}
|
|
568
568
|
|
|
569
|
-
.
|
|
569
|
+
.mesh-flex {
|
|
570
570
|
display: flex;
|
|
571
571
|
}
|
|
572
572
|
|
|
573
|
-
.
|
|
573
|
+
.mesh-hidden {
|
|
574
574
|
display: none;
|
|
575
575
|
}
|
|
576
576
|
|
|
577
|
-
.
|
|
577
|
+
.mesh-h-16 {
|
|
578
578
|
height: 4rem;
|
|
579
579
|
}
|
|
580
580
|
|
|
581
|
-
.
|
|
581
|
+
.mesh-h-6 {
|
|
582
582
|
height: 1.5rem;
|
|
583
583
|
}
|
|
584
584
|
|
|
585
|
-
.
|
|
585
|
+
.mesh-h-8 {
|
|
586
586
|
height: 2rem;
|
|
587
587
|
}
|
|
588
588
|
|
|
589
|
-
.
|
|
589
|
+
.mesh-w-60 {
|
|
590
590
|
width: 15rem;
|
|
591
591
|
}
|
|
592
592
|
|
|
593
|
-
.
|
|
593
|
+
.mesh-max-w-fit {
|
|
594
594
|
max-width: -moz-fit-content;
|
|
595
595
|
max-width: fit-content;
|
|
596
596
|
}
|
|
597
597
|
|
|
598
|
-
.
|
|
598
|
+
.mesh-cursor-pointer {
|
|
599
599
|
cursor: pointer;
|
|
600
600
|
}
|
|
601
601
|
|
|
602
|
-
.
|
|
602
|
+
.mesh-flex-col {
|
|
603
603
|
flex-direction: column;
|
|
604
604
|
}
|
|
605
605
|
|
|
606
|
-
.
|
|
606
|
+
.mesh-items-center {
|
|
607
607
|
align-items: center;
|
|
608
608
|
}
|
|
609
609
|
|
|
610
|
-
.
|
|
610
|
+
.mesh-justify-center {
|
|
611
611
|
justify-content: center;
|
|
612
612
|
}
|
|
613
613
|
|
|
614
|
-
.
|
|
614
|
+
.mesh-rounded-md {
|
|
615
615
|
border-radius: 0.375rem;
|
|
616
616
|
}
|
|
617
617
|
|
|
618
|
-
.
|
|
618
|
+
.mesh-rounded-b-md {
|
|
619
619
|
border-bottom-right-radius: 0.375rem;
|
|
620
620
|
border-bottom-left-radius: 0.375rem;
|
|
621
621
|
}
|
|
622
622
|
|
|
623
|
-
.
|
|
623
|
+
.mesh-rounded-t-md {
|
|
624
624
|
border-top-left-radius: 0.375rem;
|
|
625
625
|
border-top-right-radius: 0.375rem;
|
|
626
626
|
}
|
|
627
627
|
|
|
628
|
-
.
|
|
628
|
+
.mesh-border {
|
|
629
629
|
border-width: 1px;
|
|
630
630
|
}
|
|
631
631
|
|
|
632
|
-
.
|
|
632
|
+
.mesh-border-solid {
|
|
633
633
|
border-style: solid;
|
|
634
634
|
}
|
|
635
635
|
|
|
636
|
-
.
|
|
636
|
+
.mesh-border-current {
|
|
637
637
|
border-color: currentColor;
|
|
638
638
|
}
|
|
639
639
|
|
|
640
|
-
.
|
|
640
|
+
.mesh-bg-neutral-50 {
|
|
641
641
|
--tw-bg-opacity: 1;
|
|
642
642
|
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
|
|
643
643
|
}
|
|
644
644
|
|
|
645
|
-
.
|
|
645
|
+
.mesh-bg-neutral-950 {
|
|
646
646
|
--tw-bg-opacity: 1;
|
|
647
647
|
background-color: rgb(10 10 10 / var(--tw-bg-opacity));
|
|
648
648
|
}
|
|
649
649
|
|
|
650
|
-
.
|
|
650
|
+
.mesh-p-1 {
|
|
651
651
|
padding: 0.25rem;
|
|
652
652
|
}
|
|
653
653
|
|
|
654
|
-
.
|
|
654
|
+
.mesh-p-2 {
|
|
655
655
|
padding: 0.5rem;
|
|
656
656
|
}
|
|
657
657
|
|
|
658
|
-
.
|
|
658
|
+
.mesh-px-4 {
|
|
659
659
|
padding-left: 1rem;
|
|
660
660
|
padding-right: 1rem;
|
|
661
661
|
}
|
|
662
662
|
|
|
663
|
-
.
|
|
663
|
+
.mesh-py-2 {
|
|
664
664
|
padding-top: 0.5rem;
|
|
665
665
|
padding-bottom: 0.5rem;
|
|
666
666
|
}
|
|
667
667
|
|
|
668
|
-
.
|
|
668
|
+
.mesh-pr-2 {
|
|
669
669
|
padding-right: 0.5rem;
|
|
670
670
|
}
|
|
671
671
|
|
|
672
|
-
.
|
|
672
|
+
.mesh-text-center {
|
|
673
673
|
text-align: center;
|
|
674
674
|
}
|
|
675
675
|
|
|
676
|
-
.
|
|
676
|
+
.mesh-text-lg {
|
|
677
677
|
font-size: 1.125rem;
|
|
678
678
|
line-height: 1.75rem;
|
|
679
679
|
}
|
|
680
680
|
|
|
681
|
-
.
|
|
681
|
+
.mesh-text-xl {
|
|
682
682
|
font-size: 1.25rem;
|
|
683
683
|
line-height: 1.75rem;
|
|
684
684
|
}
|
|
685
685
|
|
|
686
|
-
.
|
|
686
|
+
.mesh-text-xs {
|
|
687
687
|
font-size: 0.75rem;
|
|
688
688
|
line-height: 1rem;
|
|
689
689
|
}
|
|
690
690
|
|
|
691
|
-
.
|
|
691
|
+
.mesh-font-normal {
|
|
692
692
|
font-weight: 400;
|
|
693
693
|
}
|
|
694
694
|
|
|
695
|
-
.
|
|
695
|
+
.mesh-font-semibold {
|
|
696
696
|
font-weight: 600;
|
|
697
697
|
}
|
|
698
698
|
|
|
699
|
-
.
|
|
699
|
+
.mesh-text-gray-700 {
|
|
700
700
|
--tw-text-opacity: 1;
|
|
701
701
|
color: rgb(55 65 81 / var(--tw-text-opacity));
|
|
702
702
|
}
|
|
703
703
|
|
|
704
|
-
.
|
|
704
|
+
.mesh-text-neutral-50 {
|
|
705
705
|
--tw-text-opacity: 1;
|
|
706
706
|
color: rgb(250 250 250 / var(--tw-text-opacity));
|
|
707
707
|
}
|
|
708
708
|
|
|
709
|
-
.
|
|
709
|
+
.mesh-text-neutral-950 {
|
|
710
710
|
--tw-text-opacity: 1;
|
|
711
711
|
color: rgb(10 10 10 / var(--tw-text-opacity));
|
|
712
712
|
}
|
|
713
713
|
|
|
714
|
-
.
|
|
714
|
+
.mesh-no-underline {
|
|
715
715
|
text-decoration-line: none;
|
|
716
716
|
}
|
|
717
717
|
|
|
718
|
-
.
|
|
718
|
+
.mesh-opacity-80 {
|
|
719
719
|
opacity: 0.8;
|
|
720
720
|
}
|
|
721
721
|
|
|
722
|
-
.
|
|
722
|
+
.mesh-shadow-sm {
|
|
723
723
|
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
724
724
|
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
725
725
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
726
726
|
}
|
|
727
727
|
|
|
728
|
-
.
|
|
728
|
+
.mesh-backdrop-blur {
|
|
729
729
|
--tw-backdrop-blur: blur(8px);
|
|
730
730
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
731
731
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
732
732
|
}
|
|
733
733
|
|
|
734
|
-
.hover\:
|
|
734
|
+
.hover\:mesh-text-black:hover {
|
|
735
735
|
--tw-text-opacity: 1;
|
|
736
736
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
737
737
|
}
|
|
738
738
|
|
|
739
|
-
.hover\:
|
|
739
|
+
.hover\:mesh-opacity-100:hover {
|
|
740
740
|
opacity: 1;
|
|
741
741
|
}
|
package/dist/index.js
CHANGED
|
@@ -14,7 +14,7 @@ function Button({
|
|
|
14
14
|
return /* @__PURE__ */ jsx(
|
|
15
15
|
"button",
|
|
16
16
|
{
|
|
17
|
-
className: `
|
|
17
|
+
className: `mesh-mr-menu-list mesh-flex mesh-w-60 mesh-items-center mesh-justify-center mesh-rounded-t-md mesh-border mesh-px-4 mesh-py-2 mesh-text-lg mesh-font-normal mesh-shadow-sm ${isDarkMode ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
18
18
|
onClick: () => setHideMenuList && setHideMenuList(!hideMenuList),
|
|
19
19
|
onMouseEnter,
|
|
20
20
|
onMouseLeave,
|
|
@@ -246,11 +246,11 @@ function MenuItem({
|
|
|
246
246
|
return /* @__PURE__ */ jsxs(
|
|
247
247
|
"div",
|
|
248
248
|
{
|
|
249
|
-
className: "
|
|
249
|
+
className: "mesh-flex mesh-cursor-pointer mesh-items-center mesh-px-4 mesh-py-2 mesh-opacity-80 hover:mesh-opacity-100 mesh-h-16",
|
|
250
250
|
onClick: action,
|
|
251
251
|
children: [
|
|
252
|
-
icon && /* @__PURE__ */ jsx3("img", { className: "
|
|
253
|
-
/* @__PURE__ */ jsx3("span", { className: "
|
|
252
|
+
icon && /* @__PURE__ */ jsx3("img", { className: "mesh-pr-2 mesh-m-1 mesh-h-8", src: icon }),
|
|
253
|
+
/* @__PURE__ */ jsx3("span", { className: "mesh-mr-menu-item mesh-text-xl mesh-font-normal mesh-text-gray-700 hover:mesh-text-black", children: label.split(" ").map((word) => {
|
|
254
254
|
return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
|
|
255
255
|
}).join(" ") })
|
|
256
256
|
]
|
|
@@ -263,7 +263,7 @@ import { jsx as jsx4 } from "react/jsx-runtime";
|
|
|
263
263
|
var ChevronDown = () => /* @__PURE__ */ jsx4(
|
|
264
264
|
"svg",
|
|
265
265
|
{
|
|
266
|
-
className: "
|
|
266
|
+
className: "mesh-m-2 mesh-h-6",
|
|
267
267
|
fill: "none",
|
|
268
268
|
"aria-hidden": "true",
|
|
269
269
|
viewBox: "0 0 24 24",
|
|
@@ -291,13 +291,13 @@ var WalletBalance = ({
|
|
|
291
291
|
}) => {
|
|
292
292
|
const lovelace = useLovelace();
|
|
293
293
|
return connected && lovelace && wallet?.icon ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
294
|
-
/* @__PURE__ */ jsx5("img", { className: "
|
|
294
|
+
/* @__PURE__ */ jsx5("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }),
|
|
295
295
|
"\u20B3",
|
|
296
296
|
" ",
|
|
297
297
|
parseInt((parseInt(lovelace, 10) / 1e6).toString(), 10),
|
|
298
298
|
".",
|
|
299
|
-
/* @__PURE__ */ jsx5("span", { className: "
|
|
300
|
-
] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx5(Fragment2, { children: /* @__PURE__ */ jsx5("img", { className: "
|
|
299
|
+
/* @__PURE__ */ jsx5("span", { className: "mesh-text-xs", children: lovelace.substring(lovelace.length - 6) })
|
|
300
|
+
] }) : connected && wallet?.icon ? /* @__PURE__ */ jsx5(Fragment2, { children: /* @__PURE__ */ jsx5("img", { className: "mesh-m-2 mesh-h-6", src: wallet.icon }) }) : connecting ? /* @__PURE__ */ jsx5(Fragment2, { children: "Connecting..." }) : /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
301
301
|
label,
|
|
302
302
|
" ",
|
|
303
303
|
/* @__PURE__ */ jsx5(ChevronDown, {})
|
|
@@ -354,7 +354,7 @@ var CardanoWallet = ({
|
|
|
354
354
|
/* @__PURE__ */ jsx6(
|
|
355
355
|
"div",
|
|
356
356
|
{
|
|
357
|
-
className: `
|
|
357
|
+
className: `mesh-mr-menu-list mesh-absolute mesh-w-60 mesh-rounded-b-md mesh-border mesh-text-center mesh-shadow-sm mesh-backdrop-blur ${hideMenuList && "mesh-hidden"} ${isDarkMode ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
358
358
|
style: { zIndex: 50 },
|
|
359
359
|
children: !connected && wallets.length > 0 ? /* @__PURE__ */ jsx6(Fragment3, { children: wallets.map((wallet, index) => /* @__PURE__ */ jsx6(
|
|
360
360
|
MenuItem,
|
|
@@ -389,7 +389,7 @@ import { jsx as jsx7 } from "react/jsx-runtime";
|
|
|
389
389
|
var MeshLogo = () => /* @__PURE__ */ jsx7(
|
|
390
390
|
"svg",
|
|
391
391
|
{
|
|
392
|
-
className: "
|
|
392
|
+
className: "mesh-h-16 mesh-p-2",
|
|
393
393
|
fill: "currentColor",
|
|
394
394
|
viewBox: "0 0 300 200",
|
|
395
395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -402,7 +402,7 @@ import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
|
402
402
|
var MeshBadge = ({ isDark = false }) => /* @__PURE__ */ jsxs4(
|
|
403
403
|
"a",
|
|
404
404
|
{
|
|
405
|
-
className: `
|
|
405
|
+
className: `mesh-flex mesh-max-w-fit mesh-flex-col mesh-items-center mesh-rounded-md mesh-border mesh-border-solid mesh-border-current mesh-p-1 mesh-text-xl mesh-font-semibold mesh-no-underline ${isDark ? `mesh-bg-neutral-950 mesh-text-neutral-50` : `mesh-bg-neutral-50 mesh-text-neutral-950`}`,
|
|
406
406
|
style: {
|
|
407
407
|
color: isDark ? "#EEEEEE" : "#111111",
|
|
408
408
|
backgroundColor: isDark ? "#111111" : "#EEEEEE"
|