@homebound/beam 4.52.0 → 4.53.1

package/dist/index.d.cts

@@ -309,7 +309,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bcBlack(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
-    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `borderColor: "rgba(250, 250, 250, 1)"`. */
     get bcGray50(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
@@ -2263,7 +2263,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get black(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
-    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `color: "rgba(250, 250, 250, 1)"`. */
     get gray50(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
@@ -2559,7 +2559,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bgBlack(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
-    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `backgroundColor: "rgba(250, 250, 250, 1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
@@ -2855,7 +2855,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get fBlack(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
-    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `fill: "rgba(250, 250, 250, 1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
@@ -4945,7 +4945,7 @@ declare enum Palette {
     White = "rgba(255, 255, 255, 1)",
     Transparent = "rgba(0,0,0,0)",
     Black = "rgba(0, 0, 0, 1)",
-    Gray50 = "rgba(255, 253, 253, 1)",
+    Gray50 = "rgba(250, 250, 250, 1)",
     Gray100 = "rgba(247, 245, 245, 1)",
     Gray200 = "rgba(236, 235, 235, 1)",
     Gray300 = "rgba(221, 220, 220, 1)",
@@ -8137,6 +8137,8 @@ type ButtonGroupProps = {
     /** Disables all buttons in ButtonGroup */
     disabled?: boolean;
     size?: ButtonGroupSize;
+    /** Stretches the group to its container, splitting the width evenly between the buttons. */
+    fullWidth?: boolean;
 };
 type ButtonGroupButton = {
     icon?: IconProps["icon"];
@@ -9633,8 +9635,10 @@ type ViewToggleButtonProps = {
     view: TableView;
     onChange: (view: TableView) => void;
     defaultOpen?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
 };
-declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): React$1.JSX.Element;
+declare function ViewToggleButton({ view, onChange, defaultOpen, ...props }: ViewToggleButtonProps): React$1.JSX.Element;
 
 type UsePersistedFilterProps$1<F> = {
     filterDefs: FilterDefs<F>;
@@ -9657,6 +9661,11 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     emptyFallback?: string;
     /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
     actions?: HeaderAction[];
+    /**
+     * A button group that switches between the table's views, e.g. Cost / Price. Mark the current view `active`.
+     * Sits before the columns selector; in the mobile format it moves to the top of the columns menu, if there is one.
+     */
+    viewModeToggle?: ButtonGroupButton[];
     /** Shows "N Rows Selected · Clear" before the columns selector; Clear deselects every row. */
     selectionSummary?: boolean;
     hideEditColumns?: boolean;
@@ -11187,6 +11196,13 @@ type EditColumnsButtonProps<R extends Kinded> = {
     api: GridTableApi<R>;
     /** When set, columns that share a name use one Edit Columns switch. */
     shareColumnVisibility?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
+    /**
+     * A button group pinned full width above the column list, e.g. the table's view mode toggle when it has no room
+     * in the toolbar.
+     */
+    viewToggle?: Omit<ButtonGroupProps, "size" | "fullWidth">;
     defaultOpen?: boolean;
 } & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): React$1.JSX.Element;

package/dist/index.d.ts

@@ -309,7 +309,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bcBlack(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
-    /** Sets `borderColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `borderColor: "rgba(250, 250, 250, 1)"`. */
     get bcGray50(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
@@ -2263,7 +2263,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get black(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
-    /** Sets `color: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `color: "rgba(250, 250, 250, 1)"`. */
     get gray50(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
@@ -2559,7 +2559,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bgBlack(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
-    /** Sets `backgroundColor: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `backgroundColor: "rgba(250, 250, 250, 1)"`. */
     get bgGray50(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
@@ -2855,7 +2855,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get fBlack(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
-    /** Sets `fill: "rgba(255, 253, 253, 1)"`. */
+    /** Sets `fill: "rgba(250, 250, 250, 1)"`. */
     get fGray50(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
@@ -4945,7 +4945,7 @@ declare enum Palette {
     White = "rgba(255, 255, 255, 1)",
     Transparent = "rgba(0,0,0,0)",
     Black = "rgba(0, 0, 0, 1)",
-    Gray50 = "rgba(255, 253, 253, 1)",
+    Gray50 = "rgba(250, 250, 250, 1)",
     Gray100 = "rgba(247, 245, 245, 1)",
     Gray200 = "rgba(236, 235, 235, 1)",
     Gray300 = "rgba(221, 220, 220, 1)",
@@ -8137,6 +8137,8 @@ type ButtonGroupProps = {
     /** Disables all buttons in ButtonGroup */
     disabled?: boolean;
     size?: ButtonGroupSize;
+    /** Stretches the group to its container, splitting the width evenly between the buttons. */
+    fullWidth?: boolean;
 };
 type ButtonGroupButton = {
     icon?: IconProps["icon"];
@@ -9633,8 +9635,10 @@ type ViewToggleButtonProps = {
     view: TableView;
     onChange: (view: TableView) => void;
     defaultOpen?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
 };
-declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): React$1.JSX.Element;
+declare function ViewToggleButton({ view, onChange, defaultOpen, ...props }: ViewToggleButtonProps): React$1.JSX.Element;
 
 type UsePersistedFilterProps$1<F> = {
     filterDefs: FilterDefs<F>;
@@ -9657,6 +9661,11 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
     emptyFallback?: string;
     /** Inline buttons, icon buttons, and an optional overflow menu (`kind: "menu"`). */
     actions?: HeaderAction[];
+    /**
+     * A button group that switches between the table's views, e.g. Cost / Price. Mark the current view `active`.
+     * Sits before the columns selector; in the mobile format it moves to the top of the columns menu, if there is one.
+     */
+    viewModeToggle?: ButtonGroupButton[];
     /** Shows "N Rows Selected · Clear" before the columns selector; Clear deselects every row. */
     selectionSummary?: boolean;
     hideEditColumns?: boolean;
@@ -11187,6 +11196,13 @@ type EditColumnsButtonProps<R extends Kinded> = {
     api: GridTableApi<R>;
     /** When set, columns that share a name use one Edit Columns switch. */
     shareColumnVisibility?: boolean;
+    /** Renders the icon-only trigger. Defaults to the `sm` breakpoint. */
+    compact?: boolean;
+    /**
+     * A button group pinned full width above the column list, e.g. the table's view mode toggle when it has no room
+     * in the toolbar.
+     */
+    viewToggle?: Omit<ButtonGroupProps, "size" | "fullWidth">;
     defaultOpen?: boolean;
 } & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): React$1.JSX.Element;