@box/blueprint-web 7.2.1 → 7.2.4

package/lib-esm/index.d.ts

@@ -1,32 +1,30 @@
 export * from './accordion';
 export * from './actionable-inline-notice';
 export * from './avatar';
-export * from './button';
-export * from './collapsible';
-export * from './date-picker';
-export * from './divider';
-export * from './grid-list-item';
-export * from './large-list-item';
-export * from './navigation-menu';
-export * from './small-list-item';
-export * from './text-input';
 export * from './branding-styles';
+export * from './button';
 export * from './card';
 export * from './card-tooltip';
 export * from './checkbox';
+export * from './collapsible';
 export * from './combobox';
 export * from './content-card';
 export * from './content-field';
 export * from './data-table/data-table';
+export * from './date-picker';
+export * from './divider';
 export * from './empty-state';
 export * from './ghost';
+export * from './grid-list-item';
 export * from './guided-tooltip';
 export * from './inline-notice/inline-notice';
 export * from './inline-table/inline-table';
 export * from './input-chip';
+export * from './large-list-item';
 export * from './list-item/list-item';
 export * from './loading-indicator/loading-indicator';
 export * from './modal';
+export * from './navigation-menu';
 export * from './primitives/calendar';
 export * from './primitives/chips/filter-chip';
 export * from './primitives/context-menu';
@@ -46,15 +44,17 @@ export * from './search-input';
 export * from './select';
 export * from './side-panel';
 export * from './slider';
+export * from './small-list-item';
 export * from './status';
 export * from './switch';
 export * from './text';
 export * from './text-area';
 export * from './text-button';
+export * from './text-input';
 export * from './toolbar';
 export * from './tooltip';
 export * from './trigger-button';
-export * from './util-components/scrollable-container/scrollable-container';
 export * from './util-components/focus-trap';
-export * from './utils/useBreakpoint';
+export * from './util-components/scrollable-container/scrollable-container';
 export * from './utils/keyboardUtils';
+export * from './utils/useBreakpoint';

package/lib-esm/index.js

@@ -1,34 +1,32 @@
 export { Accordion } from './accordion/accordion.js';
 export { ActionableInlineNotice } from './actionable-inline-notice/index.js';
 export { Avatar } from './avatar/avatar.js';
-export { Button } from './button/button.js';
-export { CollapsibleSection } from './collapsible/collapsible-section.js';
-export { DatePicker } from './date-picker/date-picker.js';
-export { Divider } from './divider/divider.js';
-export { GridList } from './grid-list-item/index.js';
-export { LargeList } from './large-list-item/index.js';
-export { NavigationMenu } from './navigation-menu/index.js';
-export { SmallList } from './small-list-item/index.js';
-export { TextInput } from './text-input/text-input.js';
 export { BrandingStyles } from './branding-styles/branding-styles.js';
 export { useCustomBranding } from './branding-styles/useCustomBranding.js';
+export { Button } from './button/button.js';
 export { Card } from './card/card.js';
 export { CardTooltip } from './card-tooltip/card-tooltip.js';
 export { Checkbox } from './checkbox/index.js';
+export { CollapsibleSection } from './collapsible/collapsible-section.js';
 export { Combobox, Root } from './combobox/combobox.js';
 export { ContentCard } from './content-card/content-card.js';
 export { ContentField } from './content-field/content-field.js';
 export { DataTableWrapper, StickyCell } from './data-table/data-table.js';
+export { DatePicker } from './date-picker/date-picker.js';
+export { Divider } from './divider/divider.js';
 export { EmptyState } from './empty-state/empty-state.js';
 export { Ghost } from './ghost/ghost.js';
+export { GridList } from './grid-list-item/index.js';
 export { GuidedTooltip } from './guided-tooltip/guided-tooltip.js';
 export { GuidedTooltipContext } from './guided-tooltip/utils/guided-tooltip-context.js';
 export { InlineNotice } from './inline-notice/inline-notice.js';
 export { InlineTable } from './inline-table/inline-table.js';
 export { InputChip } from './input-chip/input-chip.js';
+export { LargeList } from './large-list-item/index.js';
 export { ActionCell, Cell, Column, DropIndicator, Row, Table, TableBody, TableHeader } from './list-item/list-item.js';
 export { LoadingIndicator } from './loading-indicator/loading-indicator.js';
 export { Modal } from './modal/modal.js';
+export { NavigationMenu } from './navigation-menu/index.js';
 export { Calendar } from './primitives/calendar/calendar.js';
 export { CalendarDate, CalendarDateTime, DateFormatter, Time, ZonedDateTime } from './primitives/calendar/classes.util.js';
 export { fromAbsolute } from './primitives/calendar/from-absolute.util.js';
@@ -59,17 +57,19 @@ export { SearchInput } from './search-input/index.js';
 export { SELECT_EMPTY_VALUE, Select } from './select/select.js';
 export { SidePanel } from './side-panel/side-panel.js';
 export { Slider } from './slider/slider.js';
+export { SmallList } from './small-list-item/index.js';
 export { Status } from './status/status.js';
 export { Switch } from './switch/index.js';
 export { Text } from './text/text.js';
 export { TextArea } from './text-area/text-area.js';
 export { TextButton } from './text-button/text-button.js';
+export { TextInput } from './text-input/text-input.js';
 export { Toolbar } from './toolbar/index.js';
 export { Tooltip, TooltipProvider } from './tooltip/tooltip.js';
 export { TriggerButton } from './trigger-button/trigger-button.js';
-export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from './util-components/scrollable-container/scrollable-container.js';
 export { FocusTrap } from './util-components/focus-trap/focus-trap.js';
-export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
+export { ScrollContext, ScrollableContainer, useScroll, useScrollContext } from './util-components/scrollable-container/scrollable-container.js';
 export { isCtrlKeyPressed, isDeleteKeyPressed, keys } from './utils/keyboardUtils.js';
+export { Breakpoint, useBreakpoint } from './utils/useBreakpoint.js';
 export { useNotification } from './primitives/notification/notification-provider.js';
 export { useTabs } from './primitives/tabs/use-tabs.js';

package/lib-esm/navigation-menu/index.d.ts

@@ -8,7 +8,7 @@ export declare const NavigationMenu: {
     Content: import("react").ForwardRefExoticComponent<import("../..").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Link: import("react").ForwardRefExoticComponent<Omit<import("../primitives/link/types").LinkOwnProps<import("react").ElementType<any>> & Omit<any, keyof import("../primitives/link/types").LinkOwnProps<E>>, "ref"> & import("react").RefAttributes<unknown>>;
-    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;
 };
 export { type NavigationMenuContentProps } from './navigation-menu-content';
 export { type NavigationMenuItemProps } from './navigation-menu-item';

package/lib-esm/navigation-menu/navigation-menu-separator.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const NavigationMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;

package/lib-esm/navigation-menu/navigation-menu-separator.js

@@ -1,10 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
+import { Divider } from '../divider/divider.js';
+import styles from './navigation-menu.module.js';
 
 const NavigationMenuSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
-  return jsx(DropdownMenu.Separator, {
-    ref: forwardedRef
+  return jsx(Divider, {
+    ref: forwardedRef,
+    className: styles.navigationMenuSeparator
   });
 });
 NavigationMenuSeparator.displayName = 'NavigationMenu.Separator';

package/lib-esm/navigation-menu/navigation-menu.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"link":"bp_navigation_menu_module_link--ff82b","ellipsis":"bp_navigation_menu_module_ellipsis--ff82b"};
+var styles = {"link":"bp_navigation_menu_module_link--79f80","ellipsis":"bp_navigation_menu_module_ellipsis--79f80","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--79f80"};
 
 export { styles as default };

package/lib-esm/primitives/context-menu/context-menu-items-separator.js

@@ -1,13 +1,13 @@
 import { jsx } from 'react/jsx-runtime';
-import { Separator } from '@radix-ui/react-context-menu';
 import { forwardRef } from 'react';
+import { Divider } from '../../divider/divider.js';
 import styles from './context-menu.module.js';
 
 /**
  * Used to visually separate items in the context menu.
  */
 const ItemsSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
-  return jsx(Separator, {
+  return jsx(Divider, {
     ref: forwardedRef,
     className: styles.menuItemsSeparator
   });

package/lib-esm/primitives/context-menu/context-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"menuBlock":"bp_context_menu_module_menuBlock--b6840","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--b6840","menuItem":"bp_context_menu_module_menuItem--b6840"};
+var styles = {"menuBlock":"bp_context_menu_module_menuBlock--079e2","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--079e2","menuItem":"bp_context_menu_module_menuItem--079e2"};
 
 export { styles as default };

package/lib-esm/primitives/dropdown-menu/dropdown-menu-separator.d.ts

@@ -1,5 +1,2 @@
 /// <reference types="react" />
-/**
- * Based on Radix-UI [DropdownMenu Separator](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#separator)
- */
-export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;

package/lib-esm/primitives/dropdown-menu/dropdown-menu-separator.js

@@ -1,13 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { forwardRef } from 'react';
 import styles from './dropdown-menu.module.js';
+import { Divider } from '../../divider/divider.js';
 
-/**
- * Based on Radix-UI [DropdownMenu Separator](https://www.radix-ui.com/docs/primitives/components/dropdown-menu#separator)
- */
 const DropdownMenuSeparator = /*#__PURE__*/forwardRef((_, forwardedRef) => {
-  return jsx(DropdownMenuPrimitive.Separator, {
+  return jsx(Divider, {
     ref: forwardedRef,
     className: styles.dropdownMenuItemSeparator
   });

package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"content":"bp_dropdown_menu_module_content--d2a98","ellipsis":"bp_dropdown_menu_module_ellipsis--d2a98","checkmark":"bp_dropdown_menu_module_checkmark--d2a98","item":"bp_dropdown_menu_module_item--d2a98","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--d2a98","radioItem":"bp_dropdown_menu_module_radioItem--d2a98","checkboxItem":"bp_dropdown_menu_module_checkboxItem--d2a98","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--d2a98"};
+var styles = {"content":"bp_dropdown_menu_module_content--4f08e","ellipsis":"bp_dropdown_menu_module_ellipsis--4f08e","checkmark":"bp_dropdown_menu_module_checkmark--4f08e","item":"bp_dropdown_menu_module_item--4f08e","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--4f08e","radioItem":"bp_dropdown_menu_module_radioItem--4f08e","checkboxItem":"bp_dropdown_menu_module_checkboxItem--4f08e","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--4f08e"};
 
 export { styles as default };

package/lib-esm/primitives/dropdown-menu/index.d.ts

@@ -10,7 +10,7 @@ export declare const DropdownMenu: {
     CheckboxItem: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Content: import("react").ForwardRefExoticComponent<import("./dropdown-menu-content").DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLHRElement>>;
     SubMenuRoot: {
         (props: import("@radix-ui/react-dropdown-menu").DropdownMenuSubProps): JSX.Element;
         displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "7.2.1",
+    "version": "7.2.4",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
         "access": "public",
@@ -58,7 +58,7 @@
         "@box/storybook-utils": "^0.1.0",
         "react-stately": "^3.31.1"
     },
-    "gitHead": "d6202fe0540a3a49df8e0c513094e968b14ad21b",
+    "gitHead": "a950effd30b2d305f24ef53fbd5a3c7f53b34fe4",
     "module": "lib-esm/index.js",
     "main": "lib-esm/index.js",
     "exports": {