@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.
package/dist/index.js CHANGED
@@ -2068,10 +2068,20 @@ function SplitBar({
2068
2068
  s.tone === "card" ? "bg-white text-oca-ink" : "bg-oca-ink text-white"
2069
2069
  ),
2070
2070
  style: { flexBasis: `${s.pct}%` },
2071
- children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "oca-tabular text-[1.25rem] leading-none tracking-[-0.02em] md:text-[1.875rem]", children: [
2072
- s.pct,
2073
- "%"
2074
- ] })
2071
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
2072
+ "span",
2073
+ {
2074
+ className: cn(
2075
+ "oca-tabular leading-none tracking-[-0.02em]",
2076
+ // A small share gets a smaller figure, so it fits its segment at any width.
2077
+ s.pct < 30 ? "text-[1.125rem] md:text-[1.375rem]" : "text-[1.25rem] md:text-[1.875rem]"
2078
+ ),
2079
+ children: [
2080
+ s.pct,
2081
+ "%"
2082
+ ]
2083
+ }
2084
+ )
2075
2085
  },
2076
2086
  i
2077
2087
  )) }),