@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 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 || badgeCurrency ? `${badgeLabel}: ${badgeValue}${badgeCurrency ? ` ${badgeCurrency}` : ""}` : badgeLabel;
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 labelValue = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex h-11 flex-col justify-center gap-1 whitespace-nowrap", children: [
7106
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-xs text-on-subtle", children: label }),
7107
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
7108
- /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-[20px] font-bold text-on-prominent", children: formatBalanceValue(value) }),
7109
- currency && /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
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)("div", { className: "flex flex-1 flex-col gap-2", children: [
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
- labelValue
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", children: icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex w-10 shrink-0 justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "w-max", children: creditBadge }) }) : creditBadge })
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
- /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("p", { className: "leading-none", children: [
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
  ] })