@box/blueprint-web 16.20.7 → 17.0.1

package/dist/lib-esm/trigger-button/trigger-button.js

@@ -1,12 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { CaretUp, CaretDown } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { ChevronUp, ChevronDown } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef, useRef } from 'react';
 import '../blueprint-configuration-context/blueprint-configuration-context.js';
 import '../blueprint-configuration-context/consts.js';
 import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { BaseButton } from '../primitives/base-button/index.js';
 import { TooltipWrapper } from '../utils/TooltipWrapper.js';
 import { useIsEllipsized } from '../utils/useIsEllipsized.js';
@@ -37,9 +36,6 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     loading
   } = rest;
   const startIconSize = buttonSizeToStartIconSizeMap[size];
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -53,7 +49,7 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.triggerButton, styles[size], styles[variant], {
       [styles.startIcon]: !!startIcon
     }, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     size: baseButtonSize,
     variant: variant,
     ...rest,
@@ -74,13 +70,10 @@ const TriggerButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         [styles.labelWrap]: overflow === 'wrap'
       }),
       children: label
-    }), enableModernizedComponents ? jsx(BaseButton.Icon, {
+    }), jsx(BaseButton.Icon, {
       className: styles.iconCaret,
       icon: caretDirection === 'up' ? ChevronUp : ChevronDown
-    }) : jsx(BaseButton.Icon, {
-      className: styles.iconCaret,
-      icon: caretDirection === 'up' ? CaretUp : CaretDown
-    })]
+    }) ]
   });
   return overflow === 'ellipsis' && !disabled && !loading ? jsx(TooltipWrapper, {
     tooltipContent: label,

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list.js

@@ -3,7 +3,6 @@ import clsx from 'clsx';
 import { forwardRef, useMemo, createContext, useContext } from 'react';
 import { GridList } from 'react-aria-components';
 import { noop } from '../../utils/noop.js';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { isCtrlKeyPressed } from '../../utils/keyboardUtils.js';
 import styles from './base-grid-list-item.module.js';
 import { isGridV2SingleSelect, isGridListContentTarget, getGridListItemKeyFromTarget } from './grid-list-interaction-utils.js';
@@ -34,9 +33,6 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
     variant = 'large',
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const handleOnAction = onAction || noop;
   // In grid-v2 single-select, React Aria must only ever select on press: passing it onAction would
   // make it treat rows as actionable and swallow the selection. Blueprint fires onAction itself,
@@ -110,7 +106,7 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
         ...rest,
         ref: forwardedRef,
         className: clsx(layoutStyleClass, variantClass, className),
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         layout: layoutFinal,
         ...(ownsAction ? {} : {
           onAction: handleOnAction

package/dist/lib-esm/util-components/base-grid-list-item/utils/rac-tooltip.js

@@ -2,20 +2,17 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useMemo } from 'react';
 import { Tooltip, OverlayArrow } from 'react-aria-components';
-import { useBlueprintModernization } from '../../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from '../base-grid-list-item.module.js';
 
 const RACTooltip = ({
   children,
   ...props
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const fill = useMemo(() => enableModernizedComponents ? 'var(--bp-gray-100)' : 'var(--gray-80)', [enableModernizedComponents]);
+  const enableModernizedComponents = true;
+  const fill = useMemo(() => 'var(--bp-gray-100)' , [enableModernizedComponents]);
   return jsxs(Tooltip, {
     className: clsx(styles.tooltipContent),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     offset: 3,
     placement: "bottom",
     ...props,

package/dist/lib-esm/util-components/legend/legend.js

@@ -1,7 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
-import 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { TextWithInfoBadge } from '../text-with-info-badge/text-with-info-badge.js';
 import styles from './legend.module.js';
 
@@ -16,13 +14,10 @@ function Legend(props) {
     ...rest
   } = props;
   const shouldRenderHeader = header || infoText && infoBadgeAriaLabel;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs("fieldset", {
     ...rest,
     className: clsx(styles.fieldset, styles[gap], className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [shouldRenderHeader ? jsx("legend", {
       className: styles.legendContainer,
       children: jsx(TextWithInfoBadge, {

package/dist/lib-esm/util-components/list-checkbox/list-checkbox.js

@@ -4,7 +4,6 @@ import { Size3, IconIconOnDark } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
 import { Checkbox } from 'react-aria-components';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './list-checkbox.module.js';
 
 /**
@@ -15,12 +14,9 @@ import styles from './list-checkbox.module.js';
  * @see https://react-spectrum.adobe.com/react-aria/Checkbox.html
  */
 const ListCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx("div", {
     className: clsx(styles.selection, props.className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: jsx(Checkbox, {
       ...props,
       ref: ref,

package/dist/lib-esm/util-components/menu-item-sections/menu-item-sections.js

@@ -1,6 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './menu-item-sections.module.js';
 
 /**
@@ -11,15 +10,12 @@ const MenuItemSideContent = ({
   className,
   ...rest
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx("div", {
     ...rest,
     className: clsx(styles.menuItemSideContent, {
       [styles.textOnLightSecondary]: typeof children === 'string'
     }, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 };
@@ -32,13 +28,10 @@ const MenuItemMainContent = ({
   description,
   ...rest
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs("div", {
     ...rest,
     className: clsx(styles.menuItemMainContent, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [jsx("span", {
       className: clsx(styles.label, {
         [styles.bold]: Boolean(description)

package/dist/lib-esm/util-components/text-with-info-badge/text-with-info-badge.js

@@ -1,8 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { InfoBadge } from '@box/blueprint-web-assets/icons/Fill';
 import { clsx } from 'clsx';
-import 'react';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
 import { InteractiveIcon } from '../interactive-icon/interactive-icon.js';
 import styles from './text-with-info-badge.module.js';
@@ -17,12 +15,9 @@ const TextWithInfoBadge = props => {
     variant = 'default',
     tooltipPosition = 'top'
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs("div", {
     className: clsx(styles.text, styles[variant], className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     id: id,
     children: [children, infoText && infoBadgeAriaLabel && jsx("span", {
       className: styles.badgeContainer,

package/dist/lib-esm/utils/TooltipWrapper.d.ts

@@ -4,4 +4,4 @@ export declare const TooltipWrapper: ({ children, withTooltip, tooltipContent, t
     withTooltip: boolean;
     tooltipContent: TooltipProps["content"];
     tooltipSide?: TooltipProps["side"];
-}) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "16.20.7",
+    "version": "17.0.1",
     "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.7.14",
+        "@box/blueprint-web-assets": "^5.7.16",
         "@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.23",
+        "@box/storybook-utils": "^1.2.25",
         "@figma/code-connect": "1.4.4",
         "@playwright/test": "1.46.1",
         "@types/js-yaml": "^4.0.9",