@loafmarkets/ui 0.1.90 → 0.1.91

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.d.mts CHANGED
@@ -902,6 +902,7 @@ type AssetSelectorMetric = {
902
902
  value: ReactNode;
903
903
  accent?: boolean;
904
904
  change?: number;
905
+ secondary?: boolean;
905
906
  };
906
907
  type AssetSelectorBarProps = {
907
908
  propertyName: string;
package/dist/index.d.ts CHANGED
@@ -902,6 +902,7 @@ type AssetSelectorMetric = {
902
902
  value: ReactNode;
903
903
  accent?: boolean;
904
904
  change?: number;
905
+ secondary?: boolean;
905
906
  };
906
907
  type AssetSelectorBarProps = {
907
908
  propertyName: string;
package/dist/index.js CHANGED
@@ -9700,7 +9700,7 @@ function AssetSelectorBar({
9700
9700
  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
9701
9701
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
9702
9702
  /* @__PURE__ */ jsxRuntime.jsx(MetricLabel2, { children: m.label }),
9703
- /* @__PURE__ */ jsxRuntime.jsx(MetricValue, { $accent: !!m.accent, children: m.value })
9703
+ /* @__PURE__ */ jsxRuntime.jsx(MetricValue, { $accent: !!m.accent, $secondary: !!m.secondary, children: m.value })
9704
9704
  ] }),
9705
9705
  m.change != null && /* @__PURE__ */ jsxRuntime.jsxs(MetricChange, { $positive: m.change >= 0, children: [
9706
9706
  m.change >= 0 ? "\u2191" : "\u2193",
@@ -9836,16 +9836,16 @@ var MetricLabel2 = styled25__default.default.span`
9836
9836
  }
9837
9837
  `;
9838
9838
  var MetricValue = styled25__default.default.span`
9839
- font-size: 1.25rem;
9840
- font-weight: 700;
9841
- color: ${(p) => p.$accent ? "#D4AF37" : "#fff"};
9839
+ font-size: ${(p) => p.$secondary ? "0.95rem" : "1.25rem"};
9840
+ font-weight: ${(p) => p.$secondary ? "600" : "700"};
9841
+ color: ${(p) => p.$accent ? "#D4AF37" : p.$secondary ? "rgba(255,255,255,0.7)" : "#fff"};
9842
9842
 
9843
9843
  @media (max-width: 768px) {
9844
- font-size: 1.05rem;
9844
+ font-size: ${(p) => p.$secondary ? "0.85rem" : "1.05rem"};
9845
9845
  }
9846
9846
 
9847
9847
  @media (max-width: 480px) {
9848
- font-size: 0.95rem;
9848
+ font-size: ${(p) => p.$secondary ? "0.8rem" : "0.95rem"};
9849
9849
  }
9850
9850
  `;
9851
9851
  var MetricChange = styled25__default.default.span`