@viasat/beam-react 2.39.0 → 2.39.2

package/lib/BadgeDot/BadgeDot.d.ts

@@ -1,4 +1,5 @@
-import { BadgeDotAppearance as Appearance, BadgeDotEmphasis as Emphasis } from '@viasat/beam-shared/components/badgeDot';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { BadgeDotAppearance, BadgeDotEmphasis } from '@viasat/beam-shared/components/badgeDot';
 import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
 /**
  * # A11y things that a user must do:
@@ -8,11 +9,11 @@ import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
  * - aria-describedby: to associate the dot with the text if text is present
  * - aria-label: to add a description to the dot when no visible text is present
  */
-export interface BadgeDotProps extends React.ComponentPropsWithoutRef<'span'> {
+export interface BadgeDotProps extends ComponentPropsWithoutRef<'span'> {
     /**
      * Provide text for the BadgeDot
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Specify the theme of the BadgeDot. By default it inherits the theme from the parent
      */
@@ -21,12 +22,12 @@ export interface BadgeDotProps extends React.ComponentPropsWithoutRef<'span'> {
      * Specify the appearance of the BadgeDot
      * @default 'infoPrimary'
      */
-    appearance?: Appearance;
+    appearance?: BadgeDotAppearance;
     /**
      * Specify the emphasis of the BadgeDot
      * @default 'strong'
      */
-    emphasis?: Emphasis;
+    emphasis?: BadgeDotEmphasis;
     /**
      * Overrides default dot color
      */

package/lib/Divider/Divider.d.ts

@@ -1,7 +1,7 @@
-import { default as React, ReactNode } from 'react';
-import { Spacing as DividerSpacing } from '@viasat/beam-shared/utils';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Spacing } from '@viasat/beam-shared/utils';
 import { DividerBorderColor, DividerOrientation, DividerBorderWidth, DividerBorderStyle, DividerAlignContent } from '@viasat/beam-shared/components/divider';
-export interface DividerProps extends React.ComponentPropsWithRef<'div'> {
+export interface DividerProps extends ComponentPropsWithRef<'div'> {
     /**
      * Add text to the Divider
      */
@@ -20,7 +20,7 @@ export interface DividerProps extends React.ComponentPropsWithRef<'div'> {
      * Add equal padding to each side of the Divider
      * @default '0'
      */
-    inset?: DividerSpacing;
+    inset?: Spacing;
     /**
      * Specify the width of the divider line
      * @default 'md'
@@ -45,4 +45,4 @@ export interface DividerProps extends React.ComponentPropsWithRef<'div'> {
      */
     alignContent?: DividerAlignContent;
 }
-export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Divider: import('react').ForwardRefExoticComponent<Omit<DividerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/FileUpload/FileUpload.d.ts

@@ -68,7 +68,10 @@ export interface FileUploadProps extends React.ComponentPropsWithRef<'input'> {
      */
     width?: string;
     /**
-     * Specify the callback function that is called when a file is uploaded. Setting this prop will make upload asynchronous
+     * Specify the callback function that is called when a file is uploaded. Setting this prop will make upload asynchronous.
+     * The `actions` argument exposes `progress(percent: number)`, `success()`,
+     * `error(message: string)`, and `dismiss()` to report upload state back to the
+     * component; `abortSignal` fires when the user cancels the upload.
      */
     onUpload?: (file: File, actions: FileActions, abortSignal: AbortSignal) => void;
     /**

package/lib/FloatingUI/FloatingUI.content.d.ts

@@ -5,7 +5,10 @@ export type Overlay = boolean | FloatingOverlayProps | 'transparent';
 export type FocusManagerProps = Omit<FloatingFocusManagerProps, 'children' | 'context'>;
 export type FloatingUIContentProps = Omit<BoxProps, 'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'shadow' | 'theme' | 'm' | 'mAfter' | 'mBefore' | 'mBottom' | 'mTop' | 'mx' | 'my'> & {
     /**
-     * Specify if the content should render with an overlay
+     * Specify if the content should render with an overlay.
+     * Pass `true` for a default dimmed scrim, `'transparent'` for an invisible
+     * click-blocking overlay, or a `FloatingOverlayProps` object (e.g. to lock
+     * scroll or apply custom styling) for full control. Omit or `false` for none.
      * @default false
      */
     overlay?: Overlay;

package/lib/Header/HeaderNavigation.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),a=require("../_Navigation/Navigation.cjs.js");require("../../chunks/NavigationItem.PeFGKPy2.js");function n({className:r,...e}){return i.jsx(a._Navigation,{"aria-label":"Main Navigation",...e})}const o=Object.assign(t.memo(n),{displayName:"HeaderNavigation",Item:Object.assign(a._Navigation.Item,{displayName:"HeaderNavigationItem"})});exports.HeaderNavigation=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("../_Navigation/Navigation.cjs.js"),o=require("../../chunks/NavigationItem.PeFGKPy2.js");function r({className:s,...i}){return e.jsx(n._Navigation,{"aria-label":"Main Navigation",...i})}const g=t.memo(r),a=g;a.displayName="HeaderNavigation";a.Item=o._NavigationItem;exports.HeaderNavigation=a;

package/lib/Header/HeaderNavigation.d.ts

@@ -1,14 +1,10 @@
 import { NavigationProps } from '../_Navigation';
+import { _NavigationItem } from '../_Navigation/NavigationItem';
 export type HeaderNavigationProps = NavigationProps;
 declare function _HeaderNavigation({ className, ...props }: HeaderNavigationProps): import("react/jsx-runtime").JSX.Element;
-export declare const HeaderNavigation: import('react').NamedExoticComponent<NavigationProps> & {
-    readonly type: typeof _HeaderNavigation;
-} & {
+declare const _Memo: import('react').MemoExoticComponent<typeof _HeaderNavigation>;
+export declare const HeaderNavigation: typeof _Memo & {
     displayName: string;
-    Item: import('react').NamedExoticComponent<import('../_Navigation').NavigationItemProps> & {
-        readonly type: (props: import('../_Navigation').NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
-    } & {
-        displayName: string;
-    };
+    Item: typeof _NavigationItem;
 };
 export {};

package/lib/Header/HeaderNavigation.es.js

@@ -1,16 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { memo as t } from "react";
-import { _Navigation as a } from "../_Navigation/Navigation.es.js";
-import "../../chunks/NavigationItem.Dj8FWMjs.js";
-function o({ className: m, ...i }) {
-  return /* @__PURE__ */ e(a, { "aria-label": "Main Navigation", ...i });
+import { _Navigation as e } from "../_Navigation/Navigation.es.js";
+import { _ as m } from "../../chunks/NavigationItem.Dj8FWMjs.js";
+function r({ className: N, ...i }) {
+  return /* @__PURE__ */ o(e, { "aria-label": "Main Navigation", ...i });
 }
-const g = Object.assign(t(o), {
-  displayName: "HeaderNavigation",
-  Item: Object.assign(a.Item, {
-    displayName: "HeaderNavigationItem"
-  })
-});
+const n = t(r), a = n;
+a.displayName = "HeaderNavigation";
+a.Item = m;
 export {
-  g as HeaderNavigation
+  a as HeaderNavigation
 };

package/lib/PageLayout/PageLayout.d.ts

@@ -9,7 +9,10 @@ export interface PageLayoutProps extends ComponentPropsWithoutRef<'div'> {
      */
     children?: ReactNode;
     /**
-     * Configuration for SideNav and Header passed to SideNavContext
+     * Configuration for SideNav and Header, passed to SideNavContext.
+     * Accepts `{ withMobile?: boolean; defaultOpen?: boolean }` — `withMobile`
+     * enables mobile responsive behavior (default `true`); `defaultOpen` sets the
+     * SideNav's initial open state (default `false`).
      */
     sideNavConfig?: SideNavConfig;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.39.0",
+  "version": "2.39.2",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.39.0",
-    "@viasat/beam-shared": "2.39.0",
-    "@viasat/beam-styles": "2.39.0",
-    "@viasat/beam-tokens": "2.39.0",
-    "@viasat/beam-icons": "2.39.0",
+    "@viasat/beam-fonts": "2.39.2",
+    "@viasat/beam-shared": "2.39.2",
+    "@viasat/beam-styles": "2.39.2",
+    "@viasat/beam-tokens": "2.39.2",
+    "@viasat/beam-icons": "2.39.2",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",