@box/blueprint-web 17.11.5 → 17.12.0

package/dist/lib-esm/list-item/main.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--7a476","resizableTableContainer":"bp_main_module_resizableTableContainer--7a476","resizableTable":"bp_main_module_resizableTable--7a476","tableHeader":"bp_main_module_tableHeader--7a476","column":"bp_main_module_column--7a476","columnNameWrapper":"bp_main_module_columnNameWrapper--7a476","columnName":"bp_main_module_columnName--7a476","focusVisible":"bp_main_module_focusVisible--7a476","sorted":"bp_main_module_sorted--7a476","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--7a476","columnResizer":"bp_main_module_columnResizer--7a476","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--7a476","droppableColumn":"bp_main_module_droppableColumn--7a476","actionColumn":"bp_main_module_actionColumn--7a476","hiddenColumn":"bp_main_module_hiddenColumn--7a476","tableBody":"bp_main_module_tableBody--7a476","row":"bp_main_module_row--7a476","cell":"bp_main_module_cell--7a476","actionsWrapper":"bp_main_module_actionsWrapper--7a476","actionChildren":"bp_main_module_actionChildren--7a476","actions":"bp_main_module_actions--7a476","isCellHidden":"bp_main_module_isCellHidden--7a476"};
+var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--ec435","resizableTableContainer":"bp_main_module_resizableTableContainer--ec435","resizableTable":"bp_main_module_resizableTable--ec435","tableHeader":"bp_main_module_tableHeader--ec435","column":"bp_main_module_column--ec435","columnNameWrapper":"bp_main_module_columnNameWrapper--ec435","columnName":"bp_main_module_columnName--ec435","focusVisible":"bp_main_module_focusVisible--ec435","sorted":"bp_main_module_sorted--ec435","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--ec435","columnResizer":"bp_main_module_columnResizer--ec435","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--ec435","droppableColumn":"bp_main_module_droppableColumn--ec435","actionColumn":"bp_main_module_actionColumn--ec435","hiddenColumn":"bp_main_module_hiddenColumn--ec435","tableBody":"bp_main_module_tableBody--ec435","row":"bp_main_module_row--ec435","cell":"bp_main_module_cell--ec435","actionsWrapper":"bp_main_module_actionsWrapper--ec435","actionChildren":"bp_main_module_actionChildren--ec435","actions":"bp_main_module_actions--ec435","isCellHidden":"bp_main_module_isCellHidden--ec435"};
 
 export { styles as default };

package/dist/lib-esm/primitives/notification/notification.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"viewport":"bp_notification_module_viewport--3428d","root":"bp_notification_module_root--3428d","text":"bp_notification_module_text--3428d","info":"bp_notification_module_info--3428d","success":"bp_notification_module_success--3428d","warning":"bp_notification_module_warning--3428d","error":"bp_notification_module_error--3428d","container":"bp_notification_module_container--3428d","messageRow":"bp_notification_module_messageRow--3428d","withButtons":"bp_notification_module_withButtons--3428d","typeIconContainer":"bp_notification_module_typeIconContainer--3428d","typeIcon":"bp_notification_module_typeIcon--3428d","contentButtonSection":"bp_notification_module_contentButtonSection--3428d","contentButtons":"bp_notification_module_contentButtons--3428d","closeButtonSection":"bp_notification_module_closeButtonSection--3428d","closeButton":"bp_notification_module_closeButton--3428d"};
+var styles = {"viewport":"bp_notification_module_viewport--595c9","root":"bp_notification_module_root--595c9","container":"bp_notification_module_container--595c9","messageRow":"bp_notification_module_messageRow--595c9","withButtons":"bp_notification_module_withButtons--595c9","info":"bp_notification_module_info--595c9","success":"bp_notification_module_success--595c9","warning":"bp_notification_module_warning--595c9","error":"bp_notification_module_error--595c9","typeIconContainer":"bp_notification_module_typeIconContainer--595c9","typeIcon":"bp_notification_module_typeIcon--595c9","text":"bp_notification_module_text--595c9","contentButtonSection":"bp_notification_module_contentButtonSection--595c9","contentButtons":"bp_notification_module_contentButtons--595c9","closeButtonSection":"bp_notification_module_closeButtonSection--595c9","closeButton":"bp_notification_module_closeButton--595c9"};
 
 export { styles as default };

package/dist/lib-esm/primitives/notification/private-notification-element.d.ts

@@ -1,4 +1,4 @@
-import { AlertBadge } from '@box/blueprint-web-assets/icons/Line';
+import { AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
 import * as Toast from '@radix-ui/react-toast';
 import { type ToastProps } from '@radix-ui/react-toast';
 import { type ComponentProps, type ReactNode } from 'react';
@@ -27,8 +27,7 @@ export interface PrivateNotificationElementProps extends ToastProps {
     /** This props should be Notification.Buttons only */
     children?: ReactNode;
 }
-export declare const createLegacyIconProps: (iconLabel: string) => ComponentProps<typeof AlertBadge>;
-export declare const createIconProps: (iconLabel: string) => ComponentProps<typeof AlertBadge>;
+export declare const createIconProps: (iconLabel: string) => ComponentProps<typeof AlertCircle>;
 export declare const getIcon: (iconLabel: string, variant: PrivateNotificationElementProps["variant"]) => ReactNode;
 /**
  * A base component mounted on a page when addNotification is invoked.

package/dist/lib-esm/primitives/notification/private-notification-element.js

@@ -1,6 +1,4 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import '@box/blueprint-web-assets/icons/Fill';
-import '@box/blueprint-web-assets/icons/Line';
 import { XMark, AlertTriangle, InformationCircle, CheckmarkCircle, AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
 import { bpIconIconOnLight, bpSize050 } from '@box/blueprint-web-assets/tokens/tokens';
 import * as Toast from '@radix-ui/react-toast';
@@ -59,12 +57,10 @@ function PrivateNotificationElement(props) {
     children,
     ...rest
   } = props;
-  const enableModernizedComponents = true;
-  const iconComponent = useMemo(() => getIcon(typeIconAriaLabel, variant) , [typeIconAriaLabel, variant, enableModernizedComponents]);
+  const iconComponent = useMemo(() => getIcon(typeIconAriaLabel, variant), [typeIconAriaLabel, variant]);
   return jsx(Toast.Root, {
     ...rest,
     className: clsx(styles.root, styles[variant]),
-    "data-modern": 'true' ,
     onOpenChange: onClose,
     open: open,
     type: sensitivity,
@@ -96,7 +92,7 @@ function PrivateNotificationElement(props) {
           children: jsx(IconButton, {
             "aria-label": closeButtonAriaLabel,
             className: styles.closeButton,
-            icon: XMark ,
+            icon: XMark,
             onClick: onClose
           })
         })

package/dist/lib-esm/status/consts.js

@@ -1,24 +1,24 @@
-import { SurfaceStatusSurfaceGreen, SurfaceStatusSurfaceDarkBlue, SurfaceStatusSurfaceLightBlue, SurfaceStatusSurfacePurple, SurfaceStatusSurfaceRed, SurfaceStatusSurfaceOrange, SurfaceStatusSurfaceYellow, SurfaceStatusSurfaceGray } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSurfaceStatusSurfaceGreen, bpSurfaceStatusSurfaceDarkBlue, bpSurfaceStatusSurfaceLightBlue, bpSurfaceStatusSurfacePurple, bpSurfaceStatusSurfaceRed, bpSurfaceStatusSurfaceOrange, bpSurfaceStatusSurfaceYellow, bpSurfaceStatusSurfaceGray } from '@box/blueprint-web-assets/tokens/tokens';
 
 const colorsMap = {
-  SurfaceStatusSurfaceGray,
-  SurfaceStatusSurfaceYellow,
-  SurfaceStatusSurfaceOrange,
-  SurfaceStatusSurfaceRed,
-  SurfaceStatusSurfacePurple,
-  SurfaceStatusSurfaceLightBlue,
-  SurfaceStatusSurfaceDarkBlue,
-  SurfaceStatusSurfaceGreen
+  SurfaceStatusSurfaceGray: bpSurfaceStatusSurfaceGray,
+  SurfaceStatusSurfaceYellow: bpSurfaceStatusSurfaceYellow,
+  SurfaceStatusSurfaceOrange: bpSurfaceStatusSurfaceOrange,
+  SurfaceStatusSurfaceRed: bpSurfaceStatusSurfaceRed,
+  SurfaceStatusSurfacePurple: bpSurfaceStatusSurfacePurple,
+  SurfaceStatusSurfaceLightBlue: bpSurfaceStatusSurfaceLightBlue,
+  SurfaceStatusSurfaceDarkBlue: bpSurfaceStatusSurfaceDarkBlue,
+  SurfaceStatusSurfaceGreen: bpSurfaceStatusSurfaceGreen
 };
 const colorToTokenMap = {
-  [SurfaceStatusSurfaceGray]: 'SurfaceStatusSurfaceGray',
-  [SurfaceStatusSurfaceYellow]: 'SurfaceStatusSurfaceYellow',
-  [SurfaceStatusSurfaceOrange]: 'SurfaceStatusSurfaceOrange',
-  [SurfaceStatusSurfaceRed]: 'SurfaceStatusSurfaceRed',
-  [SurfaceStatusSurfacePurple]: 'SurfaceStatusSurfacePurple',
-  [SurfaceStatusSurfaceLightBlue]: 'SurfaceStatusSurfaceLightBlue',
-  [SurfaceStatusSurfaceDarkBlue]: 'SurfaceStatusSurfaceDarkBlue',
-  [SurfaceStatusSurfaceGreen]: 'SurfaceStatusSurfaceGreen'
+  [bpSurfaceStatusSurfaceGray]: 'SurfaceStatusSurfaceGray',
+  [bpSurfaceStatusSurfaceYellow]: 'SurfaceStatusSurfaceYellow',
+  [bpSurfaceStatusSurfaceOrange]: 'SurfaceStatusSurfaceOrange',
+  [bpSurfaceStatusSurfaceRed]: 'SurfaceStatusSurfaceRed',
+  [bpSurfaceStatusSurfacePurple]: 'SurfaceStatusSurfacePurple',
+  [bpSurfaceStatusSurfaceLightBlue]: 'SurfaceStatusSurfaceLightBlue',
+  [bpSurfaceStatusSurfaceDarkBlue]: 'SurfaceStatusSurfaceDarkBlue',
+  [bpSurfaceStatusSurfaceGreen]: 'SurfaceStatusSurfaceGreen'
 };
 const colors = Object.values(colorsMap);
 

package/dist/lib-esm/status/status.js

@@ -74,7 +74,6 @@ const Status = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
   return jsx("span", {
     className: clsx(styles.maxContainer, className),
-    "data-modern": 'true' ,
     children: innerElement
   });
 });

package/dist/lib-esm/status/status.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"status":"bp_status_module_status--7bc63","reverse":"bp_status_module_reverse--7bc63","circle":"bp_status_module_circle--7bc63","text":"bp_status_module_text--7bc63","maxContainer":"bp_status_module_maxContainer--7bc63","interactiveStatus":"bp_status_module_interactiveStatus--7bc63","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--7bc63","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--7bc63","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--7bc63","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63"};
+var styles = {"status":"bp_status_module_status--8267f","reverse":"bp_status_module_reverse--8267f","circle":"bp_status_module_circle--8267f","text":"bp_status_module_text--8267f","maxContainer":"bp_status_module_maxContainer--8267f","interactiveStatus":"bp_status_module_interactiveStatus--8267f","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--8267f","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--8267f","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--8267f","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--8267f","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--8267f","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--8267f","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--8267f","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--8267f"};
 
 export { styles as default };

package/dist/lib-esm/tooltip/tooltip.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Space4 } from '@box/blueprint-web-assets/tokens/px-tokens';
+import { bpSpace040 } from '@box/blueprint-web-assets/tokens/px-tokens';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import clsx from 'clsx';
 import React__default, { useContext } from 'react';
@@ -18,7 +18,7 @@ import styles from './tooltip.module.js';
  * **IMPORTANT (2)**: Must wrap interactive component/element (such as: HTMLInputElement, HTMLAnchorElement,  HTMLTextAreaElement, etc. [list of focusable elements](https://allyjs.io/data-tables/focusable.html))
  *
  */
-const defaultCollisionPadding = parseInt(Space4, 10);
+const defaultCollisionPadding = parseInt(bpSpace040, 10);
 const Tooltip = props => {
   const {
     children,
@@ -90,14 +90,13 @@ const Content = /*#__PURE__*/React__default.forwardRef(function Content(props, r
     className,
     ...rest
   } = props;
-  return jsxs(RadixTooltip.Content, {
+  return jsx(RadixTooltip.Content, {
     ...rest,
     ref: ref,
     className: clsx(styles.content, styles[variant], className),
     collisionPadding: collisionPadding,
-    "data-modern": 'true' ,
     sideOffset: 3,
-    children: [children, false]
+    children: children
   });
 });
 

package/dist/lib-esm/tooltip/tooltip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_tooltip_module_content--4b268","bpTooltipTopSlideEnter":"bp_tooltip_module_bpTooltipTopSlideEnter--4b268","bpTooltipFadeIn":"bp_tooltip_module_bpTooltipFadeIn--4b268","bpTooltipRightSlideEnter":"bp_tooltip_module_bpTooltipRightSlideEnter--4b268","bpTooltipBottomSlideEnter":"bp_tooltip_module_bpTooltipBottomSlideEnter--4b268","bpTooltipLeftSlideEnter":"bp_tooltip_module_bpTooltipLeftSlideEnter--4b268","bpTooltipTopSlideExit":"bp_tooltip_module_bpTooltipTopSlideExit--4b268","bpTooltipFadeOut":"bp_tooltip_module_bpTooltipFadeOut--4b268","bpTooltipRightSlideExit":"bp_tooltip_module_bpTooltipRightSlideExit--4b268","bpTooltipBottomSlideExit":"bp_tooltip_module_bpTooltipBottomSlideExit--4b268","bpTooltipLeftSlideExit":"bp_tooltip_module_bpTooltipLeftSlideExit--4b268","standard":"bp_tooltip_module_standard--4b268","error":"bp_tooltip_module_error--4b268","arrow":"bp_tooltip_module_arrow--4b268"};
+var styles = {"content":"bp_tooltip_module_content--733b4","standard":"bp_tooltip_module_standard--733b4","error":"bp_tooltip_module_error--733b4","bpTooltipTopSlideEnter":"bp_tooltip_module_bpTooltipTopSlideEnter--733b4","bpTooltipFadeIn":"bp_tooltip_module_bpTooltipFadeIn--733b4","bpTooltipRightSlideEnter":"bp_tooltip_module_bpTooltipRightSlideEnter--733b4","bpTooltipBottomSlideEnter":"bp_tooltip_module_bpTooltipBottomSlideEnter--733b4","bpTooltipLeftSlideEnter":"bp_tooltip_module_bpTooltipLeftSlideEnter--733b4","bpTooltipTopSlideExit":"bp_tooltip_module_bpTooltipTopSlideExit--733b4","bpTooltipFadeOut":"bp_tooltip_module_bpTooltipFadeOut--733b4","bpTooltipRightSlideExit":"bp_tooltip_module_bpTooltipRightSlideExit--733b4","bpTooltipBottomSlideExit":"bp_tooltip_module_bpTooltipBottomSlideExit--733b4","bpTooltipLeftSlideExit":"bp_tooltip_module_bpTooltipLeftSlideExit--733b4"};
 
 export { styles as default };

package/dist/lib-esm/tooltip/types.d.ts

@@ -32,6 +32,3 @@ export interface TooltipProviderProps {
     /** Prevents tooltip content from remaining open when hovering. Disabling this has accessibility consequences. */
     disableHoverableContent?: boolean;
 }
-export interface ArrowProps {
-    variant: TooltipVariant;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "17.11.5",
+    "version": "17.12.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -55,7 +55,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.10.12",
+        "@box/blueprint-web-assets": "^5.10.13",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -86,7 +86,7 @@
     "devDependencies": {
         "@box/box-test-client": "^3.2.7",
         "@box/playwright-utils": "^2.8.5",
-        "@box/storybook-utils": "^1.2.56",
+        "@box/storybook-utils": "^1.2.57",
         "@figma/code-connect": "1.4.4",
         "@playwright/test": "1.46.1",
         "@types/js-yaml": "^4.0.9",