@orangecheck/app-design 0.4.1 → 0.4.2

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.
@@ -1095,10 +1095,20 @@ function SplitBar({
1095
1095
  s.tone === "card" ? "bg-white text-oca-ink" : "bg-oca-ink text-white"
1096
1096
  ),
1097
1097
  style: { flexBasis: `${s.pct}%` },
1098
- children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "oca-tabular text-[1.25rem] leading-none tracking-[-0.02em] md:text-[1.875rem]", children: [
1099
- s.pct,
1100
- "%"
1101
- ] })
1098
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
1099
+ "span",
1100
+ {
1101
+ className: cn(
1102
+ "oca-tabular leading-none tracking-[-0.02em]",
1103
+ // A small share gets a smaller figure, so it fits its segment at any width.
1104
+ s.pct < 30 ? "text-[1.125rem] md:text-[1.375rem]" : "text-[1.25rem] md:text-[1.875rem]"
1105
+ ),
1106
+ children: [
1107
+ s.pct,
1108
+ "%"
1109
+ ]
1110
+ }
1111
+ )
1102
1112
  },
1103
1113
  i
1104
1114
  )) }),