@hashsome/ui 0.3.0 → 0.4.0

package/dist/entities/top-bar.js

@@ -143,6 +143,12 @@ function StatusChip({ children }) {
 function WeatherChip({ entity }) {
     return useEntity(entity)?.kind === 'weather' ? (_jsx(WeatherPill, { entity: entity })) : (_jsx(SensorWeather, { entity: entity }));
 }
+/** Text boxes cut to the height of the digits, so the reading and the range, in different sizes, are
+ * both centred on their digits and not on the font's line box (which sits a little low or high).
+ * Where the browser does not know `text-box` the text keeps its usual box. */
+/** The height of one line of the 12px label text. */
+const LABEL_LINE = 15;
+const TRIM_TO_DIGITS = { textBox: 'trim-both cap alphabetic' };
 function WeatherPill({ entity }) {
     const handle = useEntityHandle('weather', entity);
     const { status } = handle;
@@ -157,9 +163,9 @@ function WeatherPill({ entity }) {
     const range = today?.temperature !== undefined && today.low !== undefined
         ? `${Math.round(today.temperature)}° / ${Math.round(today.low)}°`
         : undefined;
-    const chip = (_jsxs(StatusChip, { children: [_jsx(Flex, { as: "span", children: _jsx(WeatherIcon, { condition: condition, size: 14 }) }), _jsx(Typography, { as: "span", variant: "label", children: ready
+    const chip = (_jsxs(StatusChip, { children: [_jsx(Flex, { as: "span", css: { minHeight: LABEL_LINE }, children: _jsx(WeatherIcon, { condition: condition, size: 14 }) }), _jsx(Typography, { as: "span", variant: "label", css: TRIM_TO_DIGITS, children: ready
                     ? `${Math.round(weather.temperature ?? 0)}°`
-                    : statusLabels[status] }), ready && range ? (_jsx(Typography, { as: "span", variant: "secondary", color: "textMuted", children: range })) : null] }));
+                    : statusLabels[status] }), ready && range ? (_jsx(Typography, { as: "span", variant: "secondary", color: "textMuted", css: TRIM_TO_DIGITS, children: range })) : null] }));
     if (!forecastable) {
         return chip;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashsome/ui",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Design system components and hooks",
   "type": "module",
   "exports": {
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@emotion/react": "11.14.0",
-    "@hashsome/core": "0.3.0",
+    "@hashsome/core": "0.4.0",
     "e-prim": "2.0.1",
     "motion": "13.4.5",
     "react": "19.3.0",