@box/blueprint-web 16.20.7 → 17.0.1

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

@@ -1,7 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef, useState, useRef, useCallback } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { Button } from '../button/button.js';
 import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
 import { useControllableState } from '../utils/useControllableState.js';
@@ -46,9 +45,6 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     onChange: onOpenChange,
     defaultProp: defaultOpen
   });
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const localLeftRef = useRef(null);
   const onLeftButtonMountCallback = useCallback(button => {
     if (button?.offsetWidth) {
@@ -88,7 +84,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     open: open,
     children: [jsxs("span", {
       className: styles.splitButton,
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       children: [jsx(Button, {
         ...rest,
         ref: onLeftButtonMountCallback,
@@ -116,7 +112,7 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     }), jsx(DropdownMenu.Content, {
       className: styles.dropdown,
       container: container,
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       ...alignOpts,
       children: children
     })]

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

@@ -2,7 +2,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { IconIconOnLight } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, useMemo, createElement } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { colorToTokenMap, colors, colorsMap } from './consts.js';
 import styles from './status.module.js';
 
@@ -23,9 +22,6 @@ const Status = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     'aria-label': ariaLabel,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const backgroundColor = useMemo(() => {
     const bgColor = color || getColorFromColorsMap(colorIndex);
     return colorToTokenMap[bgColor] || 'SurfaceStatusSurfaceGray';
@@ -78,7 +74,7 @@ const Status = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
   return jsx("span", {
     className: clsx(styles.maxContainer, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: innerElement
   });
 });

package/dist/lib-esm/switch/switch-item.js

@@ -5,7 +5,6 @@ import { forwardRef, useState } 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 { TextWithInfoBadge } from '../util-components/text-with-info-badge/text-with-info-badge.js';
 import { composeEventHandlers } from '../utils/composeEventHandlers.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
@@ -29,9 +28,6 @@ const Switch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   const descriptionId = useUniqueId('description-', !!description);
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -41,7 +37,7 @@ const Switch = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx([styles.option], {
       [styles.disabled]: disabled
     }, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     "data-bp-animated": isAnimationEnabled ? 'true' : 'false',
     children: [jsxs("label", {
       className: clsx(styles.label, {

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

@@ -1,7 +1,6 @@
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
 import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './text.module.js';
 
 const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -13,9 +12,6 @@ const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     typography
   } = useBlueprintConfiguration();
@@ -23,7 +19,7 @@ const Text = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.textReset, styles.breakWord, styles[variant], styles[color], className),
-    'data-modern': enableModernizedComponents ? 'true' : 'false',
+    'data-modern': 'true' ,
     'data-typography': typography
   }, children);
 });

package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.js

@@ -3,7 +3,6 @@ import { PencilCrossed } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef, useRef, useState, useCallback, useEffect, useMemo, cloneElement } from 'react';
 import { flushSync } from 'react-dom';
-import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { LoadingIndicator } from '../../loading-indicator/loading-indicator.js';
 import { debounce } from '../../utils/debounce.js';
 import { ownerWindow } from '../../utils/ownerWindow.js';
@@ -62,9 +61,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
     'data-bp-animated': animatedDataAttribute,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   const {
     current: isControlled
   } = useRef(value != null);
@@ -241,9 +238,6 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
   });
   const shouldCompensateScrollbar = !state.overflow && !isScrollbarVisible && (hasError || isLoading && !enableModernizedComponents);
   const endIcon = useMemo(() => {
-    if (!enableModernizedComponents) {
-      return null;
-    }
     if (isLoading) {
       return jsx("div", {
         className: styles.loadingIndicatorReset,
@@ -272,7 +266,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
   return jsxs("div", {
     className: clsx(styles.border, hasError && styles.hasError, readOnly && styles.readOnly, rest.disabled && styles.disabled),
     "data-bp-animated": animatedDataAttribute,
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     style: {
       '--end-icon-width': endIconWidth ? `${endIconWidth}px` : '0px'
     },
@@ -282,7 +276,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
       className: clsx(classNames, {
         [styles.withEndIcon]: !!endIconComponent
       }, readOnly && styles.readOnly),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       onBlur: onBlur,
       onChange: handleChange,
       onFocus: onFocus,
@@ -304,7 +298,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
       ref: shadowRef,
       "aria-hidden": true,
       className: classNames,
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       readOnly: true,
       style: {
         ...hiddenTextAreaStyle.shadow,
@@ -312,15 +306,7 @@ const TextAreaAutosize = /*#__PURE__*/forwardRef(function TextAreaAutosize(props
         padding: 0
       },
       tabIndex: -1
-    }), !enableModernizedComponents && isLoading && jsx(LoadingIndicator, {
-      "aria-label": loadingAriaLabel,
-      className: styles.loadingIndicator,
-      "data-modern": "false",
-      onClick: focusTextArea,
-      style: !state.overflow ? {
-        right: '0.75rem'
-      } : {}
-    }), enableModernizedComponents && endIconComponent && jsx("div", {
+    }), !enableModernizedComponents, endIconComponent && jsx("div", {
       className: styles.endIconWrap,
       children: endIconComponent
     })]

package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"textArea":"bp_text_area_autosize_module_textArea--970f2","loading":"bp_text_area_autosize_module_loading--970f2","readOnly":"bp_text_area_autosize_module_readOnly--970f2","withEndIcon":"bp_text_area_autosize_module_withEndIcon--970f2","error":"bp_text_area_autosize_module_error--970f2","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--970f2","loadingIndicatorReset":"bp_text_area_autosize_module_loadingIndicatorReset--970f2","border":"bp_text_area_autosize_module_border--970f2","hasError":"bp_text_area_autosize_module_hasError--970f2","disabled":"bp_text_area_autosize_module_disabled--970f2","endIconWrap":"bp_text_area_autosize_module_endIconWrap--970f2","endIcon":"bp_text_area_autosize_module_endIcon--970f2"};
+var styles = {"textArea":"bp_text_area_autosize_module_textArea--970f2","loading":"bp_text_area_autosize_module_loading--970f2","readOnly":"bp_text_area_autosize_module_readOnly--970f2","withEndIcon":"bp_text_area_autosize_module_withEndIcon--970f2","error":"bp_text_area_autosize_module_error--970f2","loadingIndicatorReset":"bp_text_area_autosize_module_loadingIndicatorReset--970f2","border":"bp_text_area_autosize_module_border--970f2","hasError":"bp_text_area_autosize_module_hasError--970f2","disabled":"bp_text_area_autosize_module_disabled--970f2","endIconWrap":"bp_text_area_autosize_module_endIconWrap--970f2","endIcon":"bp_text_area_autosize_module_endIcon--970f2"};
 
 export { styles as default };

package/dist/lib-esm/text-area/text-area.js

@@ -4,7 +4,6 @@ import { forwardRef } 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 { InlineError } from '../primitives/inline-error/inline-error.js';
 import { useLabelable } from '../util-components/labelable/useLabelable.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
@@ -24,9 +23,6 @@ const TextArea = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     maxRows,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -43,7 +39,7 @@ const TextArea = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       [styles.disabled]: disabled,
       [styles.error]: hasError
     }, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [jsx(Label, {
       className: clsx([styles.label], {
         [styles.hidden]: hideLabel

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

@@ -6,7 +6,6 @@ import { LoadingIndicator } from '../loading-indicator/loading-indicator.js';
 import { Text } from '../text/text.js';
 import { TooltipWrapper } from '../utils/TooltipWrapper.js';
 import { useBlueprintConfiguration } from '../blueprint-configuration-context/useBlueprintConfiguration.js';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { getButtonOptions } from '../utils/getButtonOptions.js';
 import { useIsEllipsized } from '../utils/useIsEllipsized.js';
 import styles from './text-button.module.js';
@@ -25,9 +24,6 @@ const TextButton = /*#__PURE__*/forwardRef((props, ref) => {
     variant,
     ...rest
   } = getButtonOptions(props);
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -37,7 +33,7 @@ const TextButton = /*#__PURE__*/forwardRef((props, ref) => {
     current: null
   });
   const iconsSize = `0.875${inheritFont ? 'em' : 'rem'}`;
-  const dataModernValue = enableModernizedComponents ? 'true' : 'false';
+  const dataModernValue = 'true' ;
   return jsx(TooltipWrapper, {
     tooltipContent: children,
     tooltipSide: tooltipSide,

package/dist/lib-esm/text-input/text-input.js

@@ -1,12 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
-import { PencilCrossed as PencilCrossed$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { PencilCrossed } from '@box/blueprint-web-assets/icons/Medium';
 import clsx from 'clsx';
 import { forwardRef, useRef, useCallback, useMemo, cloneElement } 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 { LoadingIndicator } from '../loading-indicator/loading-indicator.js';
 import { BaseTextInput } from '../primitives/base-text-input/base-text-input.js';
 import { useForkRef } from '../utils/useForkRef.js';
@@ -21,9 +20,7 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     loadingAriaLabel,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   const {
     componentsWithAnimationEnabled
   } = useBlueprintConfiguration();
@@ -49,7 +46,7 @@ const TextInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       });
     }
     if (readOnly) {
-      const PencilCrossedIcon = enableModernizedComponents ? PencilCrossed : PencilCrossed$1;
+      const PencilCrossedIcon = PencilCrossed ;
       return jsx(PencilCrossedIcon, {
         onClick: focusInput,
         role: "presentation"

package/dist/lib-esm/text-toggle-button/text-toggle-button.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { BaseToggleButton } from '../util-components/base-toggle-button/base-toggle-button.js';
 import styles from './text-toggle-button.module.js';
 
@@ -9,14 +8,11 @@ const TextToggleButton = /*#__PURE__*/forwardRef(({
   className,
   ...rest
 }, ref) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(BaseToggleButton, {
     ...rest,
     ref: ref,
     className: clsx(styles.textToggleButton, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false'
+    "data-modern": 'true' 
   });
 });
 TextToggleButton.displayName = 'TextToggleButton';

package/dist/lib-esm/time-picker/time-picker.js

@@ -1,11 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { ClockBadge, XMark as XMark$1 } from '@box/blueprint-web-assets/icons/Fill';
+import '@box/blueprint-web-assets/icons/Fill';
 import { Clock, XMark } from '@box/blueprint-web-assets/icons/Medium';
-import { bpSize040, bpGray65, Size4, Gray65 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize040, bpGray65 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, useRef, useCallback } from 'react';
 import { TimeField, DateInput, DateSegment } from 'react-aria-components';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
 import { InlineError } from '../primitives/inline-error/inline-error.js';
 import { useLabelable } from '../util-components/labelable/useLabelable.js';
@@ -13,12 +12,6 @@ import { useControllableState } from '../utils/useControllableState.js';
 import { useUniqueId } from '../utils/useUniqueId.js';
 import styles from './time-picker.module.js';
 
-const ClearIcon = label => () => jsx(XMark$1, {
-  "aria-label": label,
-  color: Gray65,
-  height: Size4,
-  width: Size4
-});
 const ClearIconModern = label => () => jsx(XMark, {
   "aria-label": label,
   color: bpGray65,
@@ -40,9 +33,6 @@ const TimePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     shouldForceLeadingZeros = true,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   // Component may be uncontrolled or controlled
   const [time, setTimeValue] = useControllableState({
     prop: value,
@@ -74,7 +64,7 @@ const TimePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className: clsx(styles.timePicker, {
       [styles.disabled]: isDisabled
     }, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     isDisabled: isDisabled,
     isInvalid: hasError,
     onChange: setTimeValue,
@@ -105,23 +95,17 @@ const TimePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         "aria-label": clearTimePickerAriaLabel,
         className: styles.clearButton,
         disabled: isDisabled,
-        icon: enableModernizedComponents ? ClearIconModern(clearTimePickerAriaLabel) : ClearIcon(clearTimePickerAriaLabel),
+        icon: ClearIconModern(clearTimePickerAriaLabel) ,
         onClick: handleClearInputButtonClicked,
         onKeyDownCapture: handleClearButtonKeypress,
         size: "x-small"
-      }), enableModernizedComponents ? jsx(Clock, {
+      }), jsx(Clock, {
         "aria-label": clockIconAriaLabel,
         className: styles.clockIcon,
         color: bpGray65,
         height: bpSize040,
         width: bpSize040
-      }) : jsx(ClockBadge, {
-        "aria-label": clockIconAriaLabel,
-        className: styles.clockIcon,
-        color: Gray65,
-        height: Size4,
-        width: Size4
-      })]
+      }) ]
     }), jsx(InlineError, {
       className: styles.inlineError,
       id: inlineErrorId,

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

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -14,9 +13,6 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     disabled,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToolbarPrimitive.Button, {
     ...rest,
     ref: forwardedRef,
@@ -24,7 +20,7 @@ const ToolbarButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...(disabled ? {
       'data-disabled': ''
     } : {}),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     disabled: disabled,
     style: {
       '--toolbar-button-color': backgroundColor,

package/dist/lib-esm/toolbar/toolbar-dropdown-indicator.js

@@ -1,9 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { ChevronDown, Caret } from '@box/blueprint-web-assets/icons/Fill';
+import { ChevronDown } from '@box/blueprint-web-assets/icons/Fill';
 import { Size2 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, useMemo } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarDropdownIndicator = /*#__PURE__*/forwardRef(({
@@ -11,10 +10,8 @@ const ToolbarDropdownIndicator = /*#__PURE__*/forwardRef(({
   className,
   color
 }, forwardedRef) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const Icon = useMemo(() => enableModernizedComponents ? ChevronDown : Caret, [enableModernizedComponents]);
+  const enableModernizedComponents = true;
+  const Icon = useMemo(() => ChevronDown , [enableModernizedComponents]);
   return jsx(Icon, {
     ref: forwardedRef,
     className: clsx({

package/dist/lib-esm/toolbar/toolbar-input.js

@@ -3,7 +3,6 @@ import { AlertCircle } from '@box/blueprint-web-assets/icons/Medium';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { composeToolbarInputKeyDownCapture } from './toolbar-input-keydown.js';
 import styles from './toolbar.module.js';
 
@@ -22,9 +21,6 @@ const ToolbarInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     type = 'text',
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const showError = error && !disabled;
   return jsxs("div", {
     className: styles.toolbarInputContainer,
@@ -36,7 +32,7 @@ const ToolbarInput = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         ref: forwardedRef,
         type: type,
         className: clsx(styles.toolbarInput, showError && styles.toolbarInputError, className),
-        "data-modern": enableModernizedComponents ? 'true' : 'false',
+        "data-modern": 'true' ,
         disabled: disabled,
         "aria-invalid": showError || undefined,
         onKeyDown: onKeyDown,

package/dist/lib-esm/toolbar/toolbar-link.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -11,14 +10,11 @@ const ToolbarLink = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToolbarPrimitive.Link, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarLink, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: jsx("span", {
       className: styles.toolbarLinkText,
       children: children

package/dist/lib-esm/toolbar/toolbar-root.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { ToolbarScrollableContainer } from './toolbar-scrollable-container.js';
 import styles from './toolbar.module.js';
 import { HorizontalScrollProvider } from './utils/horizontal-scroll-context.js';
@@ -14,9 +13,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     scrollable,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   if (scrollable) {
     const {
       ariaLabelNextButton,
@@ -30,7 +27,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: clsx(styles.toolbarRoot, {
         [styles.ScrollableToolbarWithReducedPadding]: enableModernizedComponents
       }, className),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       style: {
         maxWidth
       },
@@ -48,7 +45,7 @@ const ToolbarRoot = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarRoot, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-text-toggle-item.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarTextToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -10,14 +9,11 @@ const ToolbarTextToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToolbarPrimitive.ToggleItem, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarTextToggleItem),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-toggle-group.js

@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarToggleGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -11,14 +10,11 @@ const ToolbarToggleGroup = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(ToolbarPrimitive.ToggleGroup, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toggleGroup, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: children
   });
 });

package/dist/lib-esm/toolbar/toolbar-toggle-item.js

@@ -3,7 +3,6 @@ import { IconIconOnLight, Size5 } from '@box/blueprint-web-assets/tokens/tokens'
 import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './toolbar.module.js';
 
 const ToolbarToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
@@ -13,14 +12,11 @@ const ToolbarToggleItem = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     color = IconIconOnLight,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs(ToolbarPrimitive.ToggleItem, {
     ...rest,
     ref: forwardedRef,
     className: clsx(styles.toolbarItem, styles.toolbarToggle),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: [children, /*#__PURE__*/createElement(icon, {
       height: Size5,
       width: Size5,

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

@@ -6,7 +6,6 @@ import React__default, { useContext } 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 styles from './tooltip.module.js';
 
 /**
@@ -83,14 +82,6 @@ const TooltipTrigger = /*#__PURE__*/React__default.forwardRef(function TooltipTr
     children: props.children
   });
 });
-const Arrow = /*#__PURE__*/React__default.forwardRef(function Arrow({
-  variant
-}, ref) {
-  return jsx("div", {
-    ref: ref,
-    className: clsx(styles.arrow, styles[variant])
-  });
-});
 const Content = /*#__PURE__*/React__default.forwardRef(function Content(props, ref) {
   const {
     children,
@@ -99,22 +90,14 @@ const Content = /*#__PURE__*/React__default.forwardRef(function Content(props, r
     className,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs(RadixTooltip.Content, {
     ...rest,
     ref: ref,
     className: clsx(styles.content, styles[variant], className),
     collisionPadding: collisionPadding,
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     sideOffset: 3,
-    children: [children, !enableModernizedComponents && jsx(RadixTooltip.Arrow, {
-      asChild: true,
-      children: jsx(Arrow, {
-        variant: variant
-      })
-    })]
+    children: [children, false]
   });
 });