@homebound/beam 2.217.0 → 2.218.0

package/dist/components/AvatarButton.d.ts

@@ -11,21 +11,21 @@ export declare const hoverStyles: {
     boxShadow: import("csstype").Property.BoxShadow | undefined;
 };
 export declare const pressedStyles: {
-    borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+    borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
 } & {
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
 } & {
     content: import("csstype").Property.Content | undefined;
 } & {
-    width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+    width: import("csstype").Property.Width<string | 0> | undefined;
 } & {
-    height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+    height: import("csstype").Property.Height<string | 0> | undefined;
 } & {
     position: import("csstype").Property.Position | undefined;
 } & {
-    top: import("csstype").Property.Top<0 | (string & {})> | undefined;
+    top: import("csstype").Property.Top<string | 0> | undefined;
 } & {
-    left: import("csstype").Property.Left<0 | (string & {})> | undefined;
+    left: import("csstype").Property.Left<string | 0> | undefined;
 } & {
     opacity: import("csstype").Property.Opacity | undefined;
 };

package/dist/components/Icon.js

@@ -30,7 +30,7 @@ exports.Icons = {
     // Actions
     kanban: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("path", { d: "M19.893 3.001H4C2.897 3.001 2 3.898 2 5.001V19.001C2 20.104 2.897 21.001 4 21.001H19.893C20.996 21.001 21.893 20.104 21.893 19.001V8V7V6V5.001V5C21.892 3.897 20.994 3.001 19.893 3.001ZM8 19.001H4V8H8V19.001ZM14 19.001H10V8H14V19.001ZM16 19.001V8H19.893L19.894 19.001H16Z" }, void 0) }, void 0)),
     expand: (0, jsx_runtime_1.jsx)("path", { d: "M5 12H3V21H12V19H5V12ZM12 5H19V12H21V3H12V5Z" }, void 0),
-    collapse: ((0, jsx_runtime_1.jsx)("path", { d: "M21 15.344L18.879 17.465L15.707 14.293L14.293 15.707L17.465 18.879L15.344 21H21V15.344ZM3 8.656L5.121 6.535L8.293 9.707L9.707 8.293L6.535 5.121L8.656 3H3V8.656ZM21 3H15.344L17.465 5.121L14.293 8.293L15.707 9.707L18.879 6.535L21 8.656V3ZM3 21H8.656L6.535 18.879L9.707 15.707L8.293 14.293L5.121 17.465L3 15.344V21Z" }, void 0)),
+    collapse: ((0, jsx_runtime_1.jsx)("path", { d: "M16.121 6.465L14 4.344V10H19.656L17.535 7.879L20.707 4.707L19.293 3.293L16.121 6.465ZM4.70703 3.293L3.29303 4.707L6.46503 7.879L4.34403 10H10V4.344L7.87903 6.465L4.70703 3.293ZM19.656 14H14V19.656L16.121 17.535L19.293 20.707L20.707 19.293L17.535 16.121L19.656 14ZM6.46503 16.121L3.29303 19.293L4.70703 20.707L7.87903 17.535L10 19.656V14H4.34403L6.46503 16.121Z" }, void 0)),
     drag: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 8C7.44772 8 7 7.55228 7 7L7 5C7 4.44772 7.44772 4 8 4L10 4C10.5523 4 11 4.44772 11 5L11 7C11 7.55228 10.5523 8 10 8L8 8Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M8 14C7.44772 14 7 13.5523 7 13L7 11C7 10.4477 7.44772 10 8 10L10 10C10.5523 10 11 10.4477 11 11L11 13C11 13.5523 10.5523 14 10 14L8 14Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M8 20C7.44772 20 7 19.5523 7 19L7 17C7 16.4477 7.44772 16 8 16L10 16C10.5523 16 11 16.4477 11 17L11 19C11 19.5523 10.5523 20 10 20L8 20Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M14 8C13.4477 8 13 7.55228 13 7L13 5C13 4.44772 13.4477 4 14 4L16 4C16.5523 4 17 4.44772 17 5L17 7C17 7.55228 16.5523 8 16 8L14 8Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M14 14C13.4477 14 13 13.5523 13 13L13 11C13 10.4477 13.4477 10 14 10L16 10C16.5523 10 17 10.4477 17 11L17 13C17 13.5523 16.5523 14 16 14L14 14Z" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M14 20C13.4477 20 13 19.5523 13 19L13 17C13 16.4477 13.4477 16 14 16L16 16C16.5523 16 17 16.4477 17 17L17 19C17 19.5523 16.5523 20 16 20L14 20Z" }, void 0)] }, void 0)),
     x: ((0, jsx_runtime_1.jsx)("path", { d: "M16.192 6.34399L11.949 10.586L7.70697 6.34399L6.29297 7.75799L10.535 12L6.29297 16.242L7.70697 17.656L11.949 13.414L16.192 17.656L17.606 16.242L13.364 12L17.606 7.75799L16.192 6.34399Z" }, void 0)),
     loader: ((0, jsx_runtime_1.jsx)("path", { d: "M12 22C17.421 22 22 17.421 22 12H20C20 16.337 16.337 20 12 20C7.663 20 4 16.337 4 12C4 7.664 7.663 4 12 4V2C6.579 2 2 6.58 2 12C2 17.421 6.579 22 12 22Z" }, void 0)),

package/dist/components/Layout/ScrollableParent.d.ts

@@ -17,6 +17,6 @@ export declare const scrollContainerBottomPadding: {
 } & {
     display: import("csstype").Property.Display | undefined;
 } & {
-    height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+    height: import("csstype").Property.Height<string | 0> | undefined;
 };
 export {};

package/dist/components/Tabs.d.ts

@@ -57,44 +57,44 @@ export declare function getTabStyles(): {
     } & {
         alignItems: import("csstype").Property.AlignItems | undefined;
     } & {
-        height: import("csstype").Property.Height<0 | (string & {})> | undefined;
+        height: import("csstype").Property.Height<string | 0> | undefined;
     } & {
-        paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
+        paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
-        paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+        paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     } & {
-        paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
+        paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
     } & {
-        outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+        outline: import("csstype").Property.Outline<string | 0> | undefined;
     } & {
         color: import("csstype").Property.Color | undefined;
     } & {
-        width: import("csstype").Property.Width<0 | (string & {})> | undefined;
+        width: import("csstype").Property.Width<string | 0> | undefined;
     } & {
         cursor: import("csstype").Property.Cursor | undefined;
     } & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     };
     activeStyles: {
         borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
     } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<0 | (string & {})> | undefined;
+        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     } & {
         fontWeight: import("csstype").Property.FontWeight | undefined;
     } & {
-        fontSize: import("csstype").Property.FontSize<0 | (string & {})> | undefined;
+        fontSize: import("csstype").Property.FontSize<string | 0> | undefined;
     } & {
-        lineHeight: import("csstype").Property.LineHeight<0 | (string & {})> | undefined;
+        lineHeight: import("csstype").Property.LineHeight<string | 0> | undefined;
     } & {
         color: import("csstype").Property.Color | undefined;
     };
@@ -111,9 +111,9 @@ export declare function getTabStyles(): {
     hoverStyles: {
         borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
     } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<0 | (string & {})> | undefined;
+        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     };
@@ -122,9 +122,9 @@ export declare function getTabStyles(): {
     } & {
         borderBottomStyle: import("csstype").Property.BorderBottomStyle | undefined;
     } & {
-        borderBottomWidth: import("csstype").Property.BorderBottomWidth<0 | (string & {})> | undefined;
+        borderBottomWidth: import("csstype").Property.BorderBottomWidth<string | 0> | undefined;
     } & {
-        paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
+        paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
     } & {
         borderColor: import("csstype").Property.BorderColor | undefined;
     };

package/dist/hooks/useBreakpoint.d.ts

@@ -1,11 +1,11 @@
-import { BreakpointKey } from "../Css";
+import { Breakpoint } from "../Css";
+declare type BreakpointsType = Record<Breakpoint, boolean>;
 /**
  * A React hook to return a record of responsive breakpoints that updates on resize.
  *
  * @example
  * const { breakpoints } = useBreakpoint();
- * if(breakpoints.mdAndDown) {...do something cool}
+ * if (breakpoints.mdAndDown) { ...do something cool }
  */
-declare type BreakpointsType = Record<BreakpointKey, boolean>;
 export declare const useBreakpoint: () => BreakpointsType;
 export {};

package/dist/hooks/useBreakpoint.js

@@ -6,8 +6,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBreakpoint = void 0;
 const fast_deep_equal_1 = __importDefault(require("fast-deep-equal"));
 const react_1 = require("react");
+const index_1 = require("../utils/index");
 const use_debounce_1 = require("use-debounce");
 const Css_1 = require("../Css");
+/**
+ * A React hook to return a record of responsive breakpoints that updates on resize.
+ *
+ * @example
+ * const { breakpoints } = useBreakpoint();
+ * if (breakpoints.mdAndDown) { ...do something cool }
+ */
 const useBreakpoint = () => {
     const [breakpoints, setBreakpoints] = (0, react_1.useState)(matchMediaBreakpoints());
     const handleResize = (0, use_debounce_1.useDebouncedCallback)(() => {
@@ -20,13 +28,13 @@ const useBreakpoint = () => {
         window.addEventListener("resize", handleResize);
         // Remove event listener on cleanup
         return () => window.removeEventListener("resize", handleResize);
-    }, []);
+    }, [handleResize]);
     return breakpoints;
 };
 exports.useBreakpoint = useBreakpoint;
 function matchMediaBreakpoints() {
-    let bps = {};
-    Object.entries(Css_1.Breakpoints).forEach(([name, bp]) => {
+    const bps = {};
+    (0, index_1.safeEntries)(Css_1.Breakpoints).forEach(([name, bp]) => {
         bps[name] = window.matchMedia(bp.replace("@media ", "")).matches;
     });
     return bps;

package/dist/inputs/RadioGroupField.d.ts

@@ -32,27 +32,27 @@ export interface RadioGroupFieldProps<K extends string> {
  */
 export declare function RadioGroupField<K extends string>(props: RadioGroupFieldProps<K>): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const radioReset: {
-    outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
+    outline: import("csstype").Property.Outline<string | 0> | undefined;
     appearance: import("csstype").Property.Appearance | undefined;
-    paddingTop: import("csstype").Property.PaddingTop<0 | (string & {})> | undefined;
-    paddingBottom: import("csstype").Property.PaddingBottom<0 | (string & {})> | undefined;
-    paddingRight: import("csstype").Property.PaddingRight<0 | (string & {})> | undefined;
-    paddingLeft: import("csstype").Property.PaddingLeft<0 | (string & {})> | undefined;
+    paddingTop: import("csstype").Property.PaddingTop<string | 0> | undefined;
+    paddingBottom: import("csstype").Property.PaddingBottom<string | 0> | undefined;
+    paddingRight: import("csstype").Property.PaddingRight<string | 0> | undefined;
+    paddingLeft: import("csstype").Property.PaddingLeft<string | 0> | undefined;
     display: import("csstype").Property.Display | undefined;
-    verticalAlign: import("csstype").Property.VerticalAlign<0 | (string & {})> | undefined;
+    verticalAlign: import("csstype").Property.VerticalAlign<string | 0> | undefined;
     userSelect: import("csstype").Property.UserSelect | undefined;
     flexShrink: import("csstype").Property.FlexShrink | undefined;
-    height: import("csstype").Property.Height<0 | (string & {})> | undefined;
-    width: import("csstype").Property.Width<0 | (string & {})> | undefined;
-    borderRadius: import("csstype").Property.BorderRadius<0 | (string & {})> | undefined;
+    height: import("csstype").Property.Height<string | 0> | undefined;
+    width: import("csstype").Property.Width<string | 0> | undefined;
+    borderRadius: import("csstype").Property.BorderRadius<string | 0> | undefined;
 };
 export declare const radioDefault: {
-    transition: import("csstype").Property.Transition<string & {}> | undefined;
+    transition: import("csstype").Property.Transition<string> | undefined;
     color: import("csstype").Property.Color | undefined;
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
     borderColor: import("csstype").Property.BorderColor | undefined;
     borderStyle: import("csstype").Property.BorderStyle | undefined;
-    borderWidth: import("csstype").Property.BorderWidth<0 | (string & {})> | undefined;
+    borderWidth: import("csstype").Property.BorderWidth<string | 0> | undefined;
 };
 export declare const radioUnchecked: {
     cursor: import("csstype").Property.Cursor | undefined;
@@ -63,14 +63,14 @@ export declare const radioChecked: {
     borderColor: import("csstype").Property.BorderColor | undefined;
     backgroundImage: import("csstype").Property.BackgroundImage | undefined;
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    backgroundSize: import("csstype").Property.BackgroundSize<0 | (string & {})> | undefined;
-    backgroundPosition: import("csstype").Property.BackgroundPosition<0 | (string & {})> | undefined;
+    backgroundSize: import("csstype").Property.BackgroundSize<string | 0> | undefined;
+    backgroundPosition: import("csstype").Property.BackgroundPosition<string | 0> | undefined;
     backgroundRepeat: import("csstype").Property.BackgroundRepeat | undefined;
 };
 export declare const radioFocus: {
     boxShadow: import("csstype").Property.BoxShadow | undefined;
-    outline: import("csstype").Property.Outline<0 | (string & {})> | undefined;
-    outlineOffset: import("csstype").Property.OutlineOffset<0 | (string & {})> | undefined;
+    outline: import("csstype").Property.Outline<string | 0> | undefined;
+    outlineOffset: import("csstype").Property.OutlineOffset<string | 0> | undefined;
 };
 export declare const radioHover: {
     color: import("csstype").Property.Color | undefined;
@@ -78,8 +78,8 @@ export declare const radioHover: {
 };
 export declare const radioDisabled: {
     backgroundColor: import("csstype").Property.BackgroundColor | undefined;
-    backgroundSize: import("csstype").Property.BackgroundSize<0 | (string & {})> | undefined;
-    backgroundPosition: import("csstype").Property.BackgroundPosition<0 | (string & {})> | undefined;
+    backgroundSize: import("csstype").Property.BackgroundSize<string | 0> | undefined;
+    backgroundPosition: import("csstype").Property.BackgroundPosition<string | 0> | undefined;
     backgroundRepeat: import("csstype").Property.BackgroundRepeat | undefined;
     cursor: import("csstype").Property.Cursor | undefined;
     color: import("csstype").Property.Color | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homebound/beam",
-  "version": "2.217.0",
+  "version": "2.218.0",
   "author": "Homebound",
   "license": "MIT",
   "main": "dist/index.js",
@@ -77,7 +77,7 @@
     "@homebound/eslint-config": "1.5.1",
     "@homebound/rtl-react-router-utils": "^1.0.3",
     "@homebound/rtl-utils": "^2.59.3",
-    "@homebound/truss": "^1.115.0",
+    "@homebound/truss": "^1.121.0",
     "@homebound/tsconfig": "^1.0.3",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@semantic-release/exec": "^6.0.3",