@homebound/beam 2.173.0 → 2.174.0

package/dist/components/Chip.d.ts

@@ -3,6 +3,7 @@ declare type ChipType = "caution" | "warning" | "success" | "light" | "dark" | "
 export declare const ChipTypes: Record<ChipType, ChipType>;
 export interface ChipProps<X> {
     text: string;
+    title?: string;
     xss?: X;
     type?: ChipType;
 }

package/dist/components/Chip.js

@@ -16,7 +16,7 @@ exports.ChipTypes = {
 };
 /** Kinda like a chip, but read-only, so no `onClick` or `hover`. */
 function Chip({ type = exports.ChipTypes.neutral, ...props }) {
-    const { text, xss = {} } = props;
+    const { text, title = text, xss = {} } = props;
     const { fieldProps } = (0, PresentationContext_1.usePresentationContext)();
     const compact = fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.compact;
     const tid = (0, useTestIds_1.useTestIds)(props, "chip");
@@ -24,7 +24,7 @@ function Chip({ type = exports.ChipTypes.neutral, ...props }) {
             ...Css_1.Css[compact ? "xs" : "sm"].dif.aic.br16.pl1.px1.pyPx(2).gray900.$,
             ...typeStyles[type],
             ...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));
+        } }, tid, { title: title }, { children: (0, jsx_runtime_1.jsx)("span", Object.assign({ css: Css_1.Css.lineClamp1.breakAll.$ }, { children: text }), void 0) }), void 0));
 }
 exports.Chip = Chip;
 const typeStyles = {

package/dist/components/Chips.d.ts

@@ -1,7 +1,11 @@
 import { Margin, Only, Xss } from "../Css";
 declare type ChipsXss = Xss<Margin>;
+export interface ChipValue {
+    text: string;
+    title: string;
+}
 export interface ChipsProps<X> {
-    values: string[];
+    values: string[] | ChipValue[];
     xss?: X;
 }
 /** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */

package/dist/components/Chips.js

@@ -13,6 +13,9 @@ function Chips(props) {
             ...Css_1.Css.df.aifs.gap1.whiteSpace("normal").$,
             ...(wrap !== false ? Css_1.Css.add({ flexWrap: "wrap" }).$ : {}),
             ...xss,
-        } }, { children: values.map((value, i) => ((0, jsx_runtime_1.jsx)(Chip_1.Chip, { text: value }, i))) }), void 0));
+        } }, { children: values.map((value, i) => {
+            const { text, title } = (value.hasOwnProperty("text") ? value : { text: value });
+            return (0, jsx_runtime_1.jsx)(Chip_1.Chip, { text: text, title: title }, i);
+        }) }), void 0));
 }
 exports.Chips = Chips;

package/package.json

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