@homebound/beam 2.150.0 → 2.151.2

package/dist/components/Chip.js

@@ -7,13 +7,12 @@ const Css_1 = require("../Css");
 const useTestIds_1 = require("../utils/useTestIds");
 /** Kinda like a chip, but read-only, so no `onClick` or `hover`. */
 function Chip(props) {
-    var _a;
     const { text, xss = {} } = props;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
-    const typeScale = (_a = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.typeScale) !== null && _a !== void 0 ? _a : "sm";
+    const compact = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.compact;
     const tid = (0, useTestIds_1.useTestIds)(props, "chip");
     return ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: {
-            ...Css_1.Css[typeScale].dif.aic.br16.pl1.px1.pyPx(2).gray900.bgGray200.$,
+            ...Css_1.Css[compact ? "xs" : "sm"].dif.aic.br16.pl1.px1.pyPx(2).gray900.bgGray200.$,
             ...xss,
         } }, tid, { title: text }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.lineClamp1.breakAll.$ }, { children: text }), void 0) }), void 0));
 }

package/dist/components/ToggleChip.js

@@ -3,21 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleChip = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const Icon_1 = require("./Icon");
+const PresentationContext_1 = require("./PresentationContext");
 const Css_1 = require("../Css");
 const useTestIds_1 = require("../utils/useTestIds");
 function ToggleChip(props) {
     const { text, onClick, xss = {}, disabled = false } = props;
+    const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
+    // If compact, then use a smaller type scale
+    const compact = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.compact;
     const tid = (0, useTestIds_1.useTestIds)(props, "chip");
     return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ type: "button", css: {
-            ...Css_1.Css.dif.aic.br16.sm.pl1
-                // Use a lower right-padding to get closer to the `X` circle
-                .prPx(4)
+            ...Css_1.Css[compact ? "xs" : "sm"].dif.aic.br16.pl1
+                // Use a lower right-padding to get closer to the `X` circle when not disabled
+                .prPx(2)
                 .pyPx(2)
                 .gray900.bgGray200.if(disabled)
-                .mh((0, Css_1.px)(28)).gray600.$,
+                .gray600.pr1.mhPx(compact ? 20 : 28).$,
             ":hover:not(:disabled)": Css_1.Css.bgGray300.$,
             ":disabled": Css_1.Css.cursorNotAllowed.$,
             ...xss,
-        }, disabled: disabled, onClick: onClick }, tid, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.prPx(6).tl.lineClamp1.breakAll.if(disabled).prPx(4).$, title: text }, { children: text }), void 0), !disabled && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.fs0.br16.bgGray400.$ }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "x", color: Css_1.Palette.Gray700 }, void 0) }), void 0))] }), void 0));
+        }, disabled: disabled, onClick: onClick }, tid, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.prPx(6).tl.lineClamp1.breakAll.if(disabled).pr0.$, title: text }, { children: text }), void 0), !disabled && ((0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.fs0.br16.bgGray400.$ }, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "x", color: Css_1.Palette.Gray700, inc: compact ? 2 : undefined }, void 0) }), void 0))] }), void 0));
 }
 exports.ToggleChip = ToggleChip;

package/dist/inputs/NumberField.d.ts

@@ -9,6 +9,7 @@ export interface NumberFieldProps {
     value: number | undefined;
     onChange: (value: number | undefined) => void;
     compact?: boolean;
+    clearable?: boolean;
     /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;
     required?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.150.0",
+  "version": "2.151.2",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",