@trading-game/design-intelligence-layer 0.16.4 → 0.16.5
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 +13 -19
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +13 -19
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -7085,7 +7085,7 @@ function CreditTicketCard({
|
|
|
7085
7085
|
}) {
|
|
7086
7086
|
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex w-full flex-col gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "relative flex w-full items-stretch justify-between rounded-sm bg-subtle", children: [
|
|
7087
7087
|
(() => {
|
|
7088
|
-
const badgeText = badgeValue
|
|
7088
|
+
const badgeText = badgeValue ? `${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
|
|
7089
7089
|
const creditBadge = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Badge, { variant: "fill-credit", size: "sm", className: "!gap-1 !font-medium !tracking-normal", children: [
|
|
7090
7090
|
badgeIcon,
|
|
7091
7091
|
badgeText,
|
|
@@ -7102,14 +7102,11 @@ function CreditTicketCard({
|
|
|
7102
7102
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipContent, { side: badgeInfoSide, align: badgeInfoAlign, title: badgeInfoTitle, closeLabel: badgeInfoCloseLabel, variant: "inverse", className: "max-w-xs whitespace-normal", children: badgeInfo })
|
|
7103
7103
|
] }) })
|
|
7104
7104
|
] });
|
|
7105
|
-
const
|
|
7106
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("
|
|
7107
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
7108
|
-
|
|
7109
|
-
|
|
7110
|
-
" ",
|
|
7111
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
|
|
7112
|
-
] })
|
|
7105
|
+
const valueText = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
|
|
7106
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
|
|
7107
|
+
currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
7108
|
+
" ",
|
|
7109
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
|
|
7113
7110
|
] })
|
|
7114
7111
|
] });
|
|
7115
7112
|
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
@@ -7119,24 +7116,21 @@ function CreditTicketCard({
|
|
|
7119
7116
|
"flex flex-1 overflow-hidden",
|
|
7120
7117
|
compact ? "flex-col gap-2 px-2 py-4" : "items-center gap-4 px-4 py-4"
|
|
7121
7118
|
),
|
|
7122
|
-
children: compact ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
7119
|
+
children: compact ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
7123
7120
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
7124
7121
|
icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
|
|
7125
|
-
|
|
7122
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
|
|
7123
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
|
|
7124
|
+
valueText
|
|
7125
|
+
] })
|
|
7126
7126
|
] }),
|
|
7127
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex",
|
|
7127
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: cn("flex", icon && "pl-12"), children: creditBadge })
|
|
7128
7128
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
7129
7129
|
icon && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-primary text-primary", children: icon }),
|
|
7130
7130
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-1 whitespace-nowrap", children: [
|
|
7131
7131
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
|
|
7132
7132
|
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center gap-4", children: [
|
|
7133
|
-
|
|
7134
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
|
|
7135
|
-
currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
|
|
7136
|
-
" ",
|
|
7137
|
-
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-on-subtle", children: currency })
|
|
7138
|
-
] })
|
|
7139
|
-
] }),
|
|
7133
|
+
valueText,
|
|
7140
7134
|
creditBadge
|
|
7141
7135
|
] })
|
|
7142
7136
|
] })
|