@caratlogic/design-system 0.1.38 → 0.1.39

package/dist/index.esm.js

@@ -15484,7 +15484,10 @@ function formatRuleValue(value, unit) {
     const number = value.toLocaleString('en-US', { maximumFractionDigits: 2 });
     if (!unit)
         return number;
-    return unit === '%' ? `${number}%` : `${number} ${unit}`;
+    // Symbols sit right after the number (`60%`, `34°`); words take a space (`2 ct`).
+    return unit === '%' || unit === '°'
+        ? `${number}${unit}`
+        : `${number} ${unit}`;
 }
 /** The help popover's rule list for a column's typical range; rules use short numbers (`1k`) that the field accepts as typed. */
 function buildNumberRuleHelp({ low, high, exact, unit, } = DEFAULT_NUMBER_RULE_EXAMPLES) {
@@ -15739,8 +15742,10 @@ function getPanelClassName(variant, active, className) {
     return cn('flex min-w-0 flex-col gap-3', variant === 'card' && 'rounded-xl border bg-card p-4', variant === 'card' && (active ? 'border-primary' : 'border-border'), variant === 'popover' && 'p-3', className);
 }
 function getTitleClassName(variant) {
-    return cn('flex items-center gap-2 text-foreground', variant === 'section'
-        ? 'text-xs font-medium text-label'
+    return cn('flex items-center gap-2 text-foreground', 
+    // A section title is a field name: between the card title and grey helper text.
+    variant === 'section'
+        ? 'text-xs font-medium text-foreground/70'
         : 'text-sm font-semibold');
 }