@homebound/beam 3.7.0 → 3.8.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as csstype from 'csstype';
 import { Properties as Properties$1 } from 'csstype';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, AriaAttributes, ReactNode, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
+import React__default, { PropsWithChildren, ReactNode, AriaAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
 import { Temporal } from 'temporal-polyfill';
 import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
 import { VirtuosoHandle, ListRange } from 'react-virtuoso';
@@ -40,7 +40,67 @@ type RuntimeStyles = RawCssProperties & {
     readonly __kind: "runtime";
 };
 type Typography = "xs2" | "xs2Sb" | "xs" | "xsSb" | "sm" | "smSb" | "md" | "mdSb" | "lg" | "xl" | "xl2";
-type CssSetVarKeys = `--${string}`;
+declare enum Tokens {
+    ButtonCautionDisabledBg = "--b-button-caution-disabled-bg",
+    ButtonCautionDisabledFg = "--b-button-caution-disabled-fg",
+    ButtonDangerDisabledBg = "--b-button-danger-disabled-bg",
+    ButtonDangerDisabledFg = "--b-button-danger-disabled-fg",
+    ButtonGhostDisabledFg = "--b-button-ghost-disabled-fg",
+    ButtonGhostFg = "--b-button-ghost-fg",
+    ButtonPrimaryDisabledBg = "--b-button-primary-disabled-bg",
+    ButtonPrimaryDisabledFg = "--b-button-primary-disabled-fg",
+    ButtonTertiaryFg = "--b-button-tertiary-fg",
+    ButtonTertiaryFgPressed = "--b-button-tertiary-fg-pressed",
+    Danger = "--b-danger",
+    DangerPressed = "--b-danger-pressed",
+    FieldBgDefault = "--b-field-bg-default",
+    FieldBgDisabled = "--b-field-bg-disabled",
+    FieldBgHover = "--b-field-bg-hover",
+    FieldBorderDefault = "--b-field-border-default",
+    FieldBorderError = "--b-field-border-error",
+    FieldBorderFocus = "--b-field-border-focus",
+    FieldBorderHover = "--b-field-border-hover",
+    FieldTextDisabled = "--b-field-text-disabled",
+    FocusRingInset = "--b-focus-ring-inset",
+    FocusRingMuted = "--b-focus-ring-muted",
+    ListRowBgHover = "--b-list-row-bg-hover",
+    LoaderSpinner = "--b-loader-spinner",
+    LoaderTrack = "--b-loader-track",
+    MenuItemBgHover = "--b-menu-item-bg-hover",
+    NavItemBgActive = "--b-nav-item-bg-active",
+    NavItemBgHover = "--b-nav-item-bg-hover",
+    NavItemBgPressed = "--b-nav-item-bg-pressed",
+    NavText = "--b-nav-text",
+    NavTextActive = "--b-nav-text-active",
+    NavTextDisabled = "--b-nav-text-disabled",
+    NavTextFocusVisible = "--b-nav-text-focus-visible",
+    NavTextPressed = "--b-nav-text-pressed",
+    NeutralFillHoverStrong = "--b-neutral-fill-hover-strong",
+    NeutralFillHoverSubtle = "--b-neutral-fill-hover-subtle",
+    NeutralFillPressed = "--b-neutral-fill-pressed",
+    NeutralSurfacePressed = "--b-neutral-surface-pressed",
+    OnPrimary = "--b-on-primary",
+    OnSurface = "--b-on-surface",
+    OnSurfaceMuted = "--b-on-surface-muted",
+    PopoverSurface = "--b-popover-surface",
+    Primary = "--b-primary",
+    PrimaryHover = "--b-primary-hover",
+    PrimaryPressed = "--b-primary-pressed",
+    Scrim = "--b-scrim",
+    SelectionIndicator = "--b-selection-indicator",
+    StatusSuccessFg = "--b-status-success-fg",
+    Surface = "--b-surface",
+    TextDisabled = "--b-text-disabled",
+    TextHelper = "--b-text-helper",
+    TextLabel = "--b-text-label",
+    TextLinkDefault = "--b-text-link-default",
+    TextLinkDisabled = "--b-text-link-disabled",
+    TextLinkHover = "--b-text-link-hover",
+    TextLinkPressed = "--b-text-link-pressed",
+    TextPlaceholder = "--b-text-placeholder",
+    TextSelection = "--b-text-selection"
+}
+type CssSetVarKeys = Tokens | `--${string}`;
 type CssSetVarScalar = string | number;
 type CssSetVarValue = CssSetVarScalar | {
     default?: CssSetVarScalar;
@@ -111,7 +171,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     } & {
         borderWidth: csstype.Property.BorderWidth<string | 0> | undefined;
     }, S>;
-    /** Sets `borderColor: "rgba(255,255,255,1)"`. */
+    /** Sets `borderColor: "rgba(255, 255, 255, 1)"`. */
     get bcWhite(): CssBuilder<T & {
         borderColor: csstype.Property.BorderColor | undefined;
     }, S>;
@@ -491,11 +551,11 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     get bshHover(): CssBuilder<T & {
         boxShadow: csstype.Property.BoxShadow | undefined;
     }, S>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"`. */
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(29, 78, 216, 1)"`. */
     get bshFocus(): CssBuilder<T & {
         boxShadow: csstype.Property.BoxShadow | undefined;
     }, S>;
-    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255,255,255,1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
+    /** Sets `boxShadow: "0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px rgba(153, 27, 27, 1)"`. */
     get bshDanger(): CssBuilder<T & {
         boxShadow: csstype.Property.BoxShadow | undefined;
     }, S>;
@@ -1753,7 +1813,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     position(value: Properties["position"]): CssBuilder<T & {
         position: csstype.Property.Position | undefined;
     }, S>;
-    /** Sets `color: "rgba(255,255,255,1)"`. */
+    /** Sets `color: "rgba(255, 255, 255, 1)"`. */
     get white(): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
@@ -2045,7 +2105,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     color(value: Properties["color"]): CssBuilder<T & {
         color: csstype.Property.Color | undefined;
     }, S>;
-    /** Sets `backgroundColor: "rgba(255,255,255,1)"`. */
+    /** Sets `backgroundColor: "rgba(255, 255, 255, 1)"`. */
     get bgWhite(): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
@@ -2337,7 +2397,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     bgColor(value: Properties["backgroundColor"]): CssBuilder<T & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }, S>;
-    /** Sets `fill: "rgba(255,255,255,1)"`. */
+    /** Sets `fill: "rgba(255, 255, 255, 1)"`. */
     get fWhite(): CssBuilder<T & {
         fill: csstype.Property.Fill | undefined;
     }, S>;
@@ -4173,12 +4233,14 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
 }
 /** Converts `inc` into a spacing length using `--t-spacing` (build-time atomic CSS). */
 declare function maybeInc(inc: number | string): string;
+/** Wraps `--token` custom property names as `var(--token)` for CSS property values. */
+declare function maybeCssVar<T>(value: T): T;
 /** Converts `inc` into pixels. */
 declare function increment(inc: number): number;
 /** Convert `pixels` to a `px` units string so it's not ambiguous. */
 declare function px(pixels: number): string;
 declare enum Palette {
-    White = "rgba(255,255,255,1)",
+    White = "rgba(255, 255, 255, 1)",
     Transparent = "rgba(0,0,0,0)",
     Gray50 = "rgba(255, 253, 253, 1)",
     Gray100 = "rgba(247, 245, 245, 1)",
@@ -4276,6 +4338,19 @@ declare enum Breakpoints {
     mdOrLg = "@media screen and (min-width: 600px)"
 }
 
+declare const navLink = "navLink";
+/**
+ * Applies a CSS Reset that is based on modern-normalize + TW customizations.
+ *
+ * The reset styles are now in CssReset.css and are loaded via a side-effect
+ * import. This component is kept for API compatibility — render it at the top
+ * of your app to ensure the CSS file is included in the bundle.
+ */
+declare function CssReset(): null;
+
+/** Primitive (`Palette`), semantic (`Tokens`, `--b-*`), or CSS color keywords for props and Truss param methods. */
+type BeamColor = Palette | Tokens | "inherit" | "currentColor";
+
 type PlainDate = Temporal.PlainDate;
 type DateRange = {
     from: PlainDate | undefined;
@@ -4345,18 +4420,18 @@ declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSa
  */
 declare function useAutoSaveStatus(): AutoSaveStatusContextType;
 
-interface IconProps extends AriaAttributes, DOMProps {
+type IconProps = {
     /** The name of an icon */
     icon: IconKey;
     /** Defaults to currentColor */
-    color?: Palette | "inherit" | "currentColor";
-    bgColor?: Palette;
+    color?: BeamColor;
+    bgColor?: BeamColor;
     /** The size of the icon in increments, i.e. 1 == 8px, default is 3 == 24px. */
     inc?: number;
     /** Styles overrides */
     xss?: Xss<Margin | "visibility" | "flexShrink">;
     tooltip?: ReactNode;
-}
+} & AriaAttributes & DOMProps;
 declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => JSX.Element>;
 /**
  * Map of icons paths mapped to their respective name.
@@ -4606,7 +4681,7 @@ interface PresentationFieldProps {
     errorInTooltip?: true;
     /** Allow the fields to grow to the width of its container. By default, fields will extend up to 550px */
     fullWidth?: boolean;
-    /** Changes bg and hoverBg; Takes priority over `contrast`; Useful when showing many fields w/in a table that require user attention; In no way should be used as a replacement for error/focus state */
+    /** Changes bg and hoverBg; useful when showing many fields w/in a table that require user attention; in no way should be used as a replacement for error/focus state */
     inputStylePalette?: InputStylePalette;
 }
 type PresentationContextProps = {
@@ -4793,7 +4868,7 @@ declare const rowLinkRenderFn: (as: RenderAs, colSpan: number) => RenderCellFn<a
 declare const rowClickRenderFn: (as: RenderAs, api: GridTableApi<any>, colSpan: number) => RenderCellFn<any>;
 
 /** Completely static look & feel, i.e. nothing that is based on row kinds/content. */
-interface GridStyle {
+type GridStyle = {
     /** Applied to the base div element. */
     rootCss?: Properties;
     /** Extra bottom padding for the virtual-table footer loader/spacer, in pixels. */
@@ -4850,7 +4925,7 @@ interface GridStyle {
     /** Applied if there is a fallback/overflow message showing. */
     firstRowMessageCss?: Properties;
     /** Applied on hover if a row has a rowLink/onClick set. */
-    rowHoverColor?: Palette | "none";
+    rowHoverColor?: BeamColor | "none";
     /** Default content to put into an empty cell */
     emptyCell?: ReactNode;
     presentationSettings?: Pick<PresentationFieldProps, "borderless" | "borderOnHover" | "typeScale"> & Pick<PresentationContextProps, "wrap">;
@@ -4873,8 +4948,8 @@ interface GridStyle {
     keptGroupRowCss?: Properties;
     /** Defines styles for the last row `keptGroup` to provide separation from the rest of the table */
     keptLastRowCss?: Properties;
-}
-interface GridStyleDef {
+};
+type GridStyleDef = {
     /** Changes the height of the rows when `rowHeight: fixed` to provide more space between rows for input fields. */
     inlineEditing?: boolean;
     /** Adds styling for grouped rows */
@@ -4895,13 +4970,13 @@ interface GridStyleDef {
     cellTypography?: Typography;
     /** Defines if the table should highlight the row on hover. Defaults to true */
     highlightOnHover?: boolean;
-}
+};
 declare const getTableStyles: (props?: GridStyleDef) => GridStyle;
 /** Defines row-specific styling for each given row `kind` in `R` */
 type RowStyles<R extends Kinded> = {
     [P in R["kind"]]?: RowStyle<DiscriminateUnion<R, "kind", P>>;
 };
-interface RowStyle<R extends Kinded> {
+type RowStyle<R extends Kinded> = {
     /** Applies this css to the wrapper row, i.e. for row-level hovers. */
     rowCss?: Properties | ((row: R) => Properties);
     /** Applies this css to each cell in the row. */
@@ -4912,7 +4987,7 @@ interface RowStyle<R extends Kinded> {
     rowLink?: (row: R) => string;
     /** Fired when the row is clicked, similar to rowLink but for actions that aren't 'go to this link'. */
     onClick?: (row: GridDataRow<R>, api: GridTableApi<R>) => void;
-}
+};
 /** Our original table look & feel/style. */
 declare const defaultStyle: GridStyle;
 /** Tightens up the padding of rows, great for rows that have form elements in them. */
@@ -5887,7 +5962,7 @@ interface BeamProviderProps extends PropsWithChildren<PresentationContextProps>
 }
 declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): JSX.Element;
 
-interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
+type ButtonProps = {
     label: ReactNode;
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -5901,12 +5976,11 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
     type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
     /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
     download?: boolean;
-    contrast?: boolean;
     /** Additional text to further customize button during an async request is in progress. */
     labelInFlight?: string;
     /** Shows pressed/active styles (useful when a menu is open) */
     active?: boolean;
-}
+} & BeamButtonProps & BeamFocusableProps;
 declare function Button(props: ButtonProps): JSX.Element;
 type ButtonSize = "sm" | "md" | "lg";
 type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
@@ -5919,11 +5993,11 @@ type DatePickerProps = {
     useYearPicker?: boolean;
 };
 
-interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
+type IconButtonProps = {
     /** The icon to use within the button. */
     icon: IconProps["icon"];
-    color?: Palette;
-    bgColor?: Palette;
+    color?: BeamColor;
+    bgColor?: BeamColor;
     /** The size of the icon, in increments, defaults to 3 which is 24px. */
     inc?: number;
     /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
@@ -5931,8 +6005,6 @@ interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
     buttonRef?: RefObject<HTMLButtonElement>;
     /** Whether to show a 16x16px version of the IconButton */
     compact?: boolean;
-    /** Whether to display the contrast variant */
-    contrast?: boolean;
     /** Whether to display the circle variant */
     circle?: boolean;
     /** Indicates that the button is active/selected */
@@ -5941,7 +6013,7 @@ interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
     download?: boolean;
     /** Provides label for screen readers - Will become a required soon */
     label?: string;
-}
+} & BeamButtonProps & BeamFocusableProps;
 declare function IconButton(props: IconButtonProps): JSX.Element;
 declare const iconButtonStylesHover: Pick<Properties, never> & {
     backgroundColor: csstype.Property.BackgroundColor | undefined;
@@ -5961,7 +6033,7 @@ declare const iconButtonCircleStylesHover: Pick<Properties, never> & {
     readonly __kind: "buildtime";
 };
 
-interface NavLinkProps extends BeamFocusableProps {
+type NavLinkProps = {
     /** active indicates the user is on the current page */
     active?: boolean;
     disabled?: boolean;
@@ -5971,17 +6043,16 @@ interface NavLinkProps extends BeamFocusableProps {
     icon?: IconKey;
     variant: NavLinkVariant;
     openInNew?: boolean;
-    contrast?: boolean;
     /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
     menuTriggerProps?: AriaButtonProps;
     buttonRef?: RefObject<HTMLElement>;
-}
+} & BeamFocusableProps;
 type NavLinkVariant = "side" | "global";
 declare function NavLink(props: NavLinkProps): JSX.Element;
 
 interface TextButtonTriggerProps extends Pick<ButtonProps, "label" | "variant" | "size" | "icon"> {
 }
-interface IconButtonTriggerProps extends Pick<IconButtonProps, "icon" | "color" | "compact" | "contrast" | "inc"> {
+interface IconButtonTriggerProps extends Pick<IconButtonProps, "icon" | "color" | "compact" | "inc"> {
 }
 interface AvatarButtonTriggerProps extends Pick<AvatarButtonProps, "src" | "name" | "size"> {
 }
@@ -6008,7 +6079,6 @@ interface OverlayTriggerProps {
     variant?: ButtonVariant;
     hideEndAdornment?: boolean;
     showActiveBorder?: boolean;
-    contrast?: boolean;
 }
 
 type ButtonDatePickerProps = {
@@ -6043,7 +6113,6 @@ type ButtonMenuBaseProps = {
     persistentItems?: MenuItem[];
     searchable?: boolean;
     defaultOpen?: boolean;
-    contrast?: boolean;
 } & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
 type SelectionButtonMenuProps = {
     /** Display a menu item as selected based. Use the Menu Item's label to identify */
@@ -6120,34 +6189,36 @@ interface CardProps {
 }
 declare function Card(props: CardProps): JSX.Element;
 
+/** Must match the `contrast` theme axis in tokens and `[data-theme="contrast"]` in `src/css/generated/theme-scopes.css`. */
+declare const contrastDataTheme: "contrast";
+/**
+ * Whether the tree is wrapped in an active {@link ContrastScope} (`contrast` prop true).
+ * Used by portaled overlays (e.g. {@link Popover}) and by field chrome that needs contrast-specific ink.
+ */
+declare function useContrastScope(): boolean;
+type ContrastScopeProps = PropsWithChildren<{
+    contrast?: boolean;
+}>;
+declare function ContrastScope({ children, contrast }: ContrastScopeProps): JSX.Element;
+
 declare function Copy(props: {
     children: string | ReactNode;
 }): JSX.Element;
 
 type CountBadgeXss = "color";
-interface CountBadgeProps<X> {
+type CountBadgeProps<X> = {
     count: number;
     /** Background color of the badge. Defaults to Blue700. */
-    bgColor?: Palette;
-    color?: Palette;
+    bgColor?: BeamColor;
+    color?: BeamColor;
     hideIfZero?: boolean;
-}
+};
 /**
  * CountBadge displays a numeric count in a circular badge.
  * Automatically adjusts size for counts > 100 (increases from 16px to 18px).
  */
 declare function CountBadge<X extends Only<Xss<CountBadgeXss>, X>>(props: CountBadgeProps<X>): JSX.Element | null;
 
-declare const navLink = "navLink";
-/**
- * Applies a CSS Reset that is based on modern-normalize + TW customizations.
- *
- * The reset styles are now in CssReset.css and are loaded via a side-effect
- * import. This component is kept for API compatibility — render it at the top
- * of your app to ensure the CSS file is included in the bundle.
- */
-declare function CssReset(): null;
-
 type DnDGridProps = {
     children: ReactNode;
     /** CSS Grid styles for the grid container. */
@@ -6177,12 +6248,12 @@ declare function useDnDGridItem(props: useDnDGridItemProps): {
 };
 type DnDGridItemProps = ReturnType<typeof useDnDGridItem>;
 
-interface DnDGridItemHandleProps {
+type DnDGridItemHandleProps = {
     dragHandleProps: DnDGridItemProps["dragHandleProps"];
     icon?: IconKey;
     compact?: boolean;
-    color?: Palette;
-}
+    color?: BeamColor;
+};
 /** Provides a specific handle element for dragging a GridItem. Includes handling behaviors and interactions */
 declare function DnDGridItemHandle(props: DnDGridItemHandleProps): JSX.Element;
 
@@ -6270,7 +6341,6 @@ type TextFieldBaseProps<X> = {
     groupProps?: NumberFieldAria["groupProps"];
     endAdornment?: ReactNode;
     startAdornment?: ReactNode;
-    contrast?: boolean;
     clearable?: boolean;
     textAreaMinHeight?: number;
     tooltip?: ReactNode;
@@ -6469,13 +6539,12 @@ declare const DateField: (props: DateFieldProps) => JSX.Element;
 
 declare function DateRangeField(props: DateRangeFieldProps): JSX.Element;
 
-interface ErrorMessageProps {
+type ErrorMessageProps = {
     /** The dom id for `aria-errormessage` to point to us. */
     id?: string;
     errorMsg: string;
-    contrast?: boolean;
     hidden?: boolean;
-}
+};
 /**
  * A helper component for consistently showing error messages across form fields.
  *
@@ -6545,8 +6614,6 @@ type ComboBoxBaseProps<O, V extends Value> = {
      * Unlike `unsetLabel`, this does not add an explicit option for the user to select.
      */
     nothingSelectedText?: string;
-    /** When set the SelectField is expected to be put on a darker background */
-    contrast?: boolean;
     /** Placeholder content */
     placeholder?: string;
     /**
@@ -6918,8 +6985,6 @@ type TreeSelectFieldProps<O, V extends Value> = {
     sizeToContent?: boolean;
     /** The text to show when nothing is selected, i.e. could be "All" for filters. */
     nothingSelectedText?: string;
-    /** When set the SelectField is expected to be put on a darker background */
-    contrast?: boolean;
     /** Placeholder content */
     placeholder?: string;
     hideErrorMessage?: boolean;
@@ -7292,7 +7357,6 @@ declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps):
  */
 declare function HelperText(props: {
     helperText: string | ReactNode;
-    contrast?: boolean;
 }): JSX.Element;
 
 type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
@@ -7881,9 +7945,8 @@ type LoadingSkeletonProps = {
     columns?: number;
     size?: Sizes;
     randomizeWidths?: boolean;
-    contrast?: boolean;
 };
-declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): JSX.Element;
+declare function LoadingSkeleton({ rows, columns, size, randomizeWidths }: LoadingSkeletonProps): JSX.Element;
 
 type QueryResult<QData> = {
     loading: boolean;
@@ -8359,11 +8422,10 @@ type TableReviewLayoutProps<R extends Kinded, X extends Only<GridTableXss, X>, Q
 };
 declare function TableReviewLayout<R extends Kinded, X extends Only<GridTableXss, X>, QData>(props: TableReviewLayoutProps<R, X, QData>): JSX.Element;
 
-interface LoaderProps {
+type LoaderProps = {
     size?: "xs" | "sm" | "md" | "lg";
-    contrast?: boolean;
-}
-declare function Loader({ size, contrast }: LoaderProps): JSX.Element;
+};
+declare function Loader({ size }: LoaderProps): JSX.Element;
 
 type MaxLinesProps = PropsWithChildren<{
     maxLines: number;
@@ -8579,7 +8641,7 @@ declare function useToast(): UseToastProps;
 
 type TooltipXss = Xss<Padding | "borderRadius">;
 /** Note: Only 1 tooltip is ever on screen at a time */
-interface TooltipProps {
+type TooltipProps = {
     /** The content that shows up when hovered */
     title: ReactNode;
     children: ReactNode;
@@ -8592,9 +8654,9 @@ interface TooltipProps {
      */
     delay?: number;
     disabled?: boolean;
-    bgColor?: Palette;
+    bgColor?: BeamColor;
     xss?: TooltipXss;
-}
+};
 declare function Tooltip(props: TooltipProps): JSX.Element;
 type Placement = "top" | "bottom" | "left" | "right" | "auto";
 declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
@@ -8613,4 +8675,4 @@ declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactN
  */
 declare function defaultTestId(label: string): string;
 
-export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, ConfirmCloseModal, type ContentStack, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, Icon, IconButton, type IconButtonProps, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, type PageNumberAndSize, type PageSettings, Pagination, type PaginationConfig, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, Tabs, TabsWithContent, Tag, type TagType, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setGridTableDefaults, setRunningInJest, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, zIndices };
+export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, Icon, IconButton, type IconButtonProps, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type InfiniteScroll, type InlineStyle, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, type PageNumberAndSize, type PageSettings, Pagination, type PaginationConfig, Palette, type Pin, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, Tabs, TabsWithContent, Tag, type TagType, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setGridTableDefaults, setRunningInJest, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, zIndices };