@box/blueprint-web 16.20.6 → 17.0.0

package/dist/lib-esm/content-card/content-card-body.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 { Text } from '../text/text.js';
 import styles from './content-card.module.js';
 
@@ -11,11 +10,8 @@ const ContentCardBody = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
-  const variant = enableModernizedComponents ? 'bodySmall' : 'bodyDefault';
-  const color = enableModernizedComponents ? 'textOnLightSecondary' : 'textOnLightDefault';
+  const variant = 'bodySmall' ;
+  const color = 'textOnLightSecondary' ;
   return jsx("div", {
     className: clsx(styles.cardBody, className),
     children: jsx(Text, {

package/dist/lib-esm/content-card/content-card.js

@@ -1,7 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Size14, Size1, Size6, Size4, Size18, Size5 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { Ghost } from '../ghost/ghost.js';
 import { ContentCardBody } from './content-card-body.js';
 import { ContentCardFooter } from './content-card-footer.js';
@@ -10,12 +9,9 @@ import { ContentCardTitle } from './content-card-title.js';
 import styles from './content-card.module.js';
 
 const GhostContentCard = () => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsxs("div", {
     className: styles.ghostCard,
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     "data-testid": "ghost-content-card",
     children: [jsx(Ghost, {
       borderRadius: Size1,
@@ -66,9 +62,6 @@ const ContentCardComponent = ({
   onSelect,
   ...rest
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const handleKeyDown = event => {
     if (event.key === 'Enter') {
       onSelect(event);
@@ -80,7 +73,7 @@ const ContentCardComponent = ({
   return jsx("div", {
     ...rest,
     className: clsx(styles.card, className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     onClick: onSelect,
     onKeyDown: handleKeyDown,
     role: "link",

package/dist/lib-esm/data-table/cell/sticky-cell.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--a6787","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--a6787","verticalBar":"bp_sticky_cell_module_verticalBar--a6787","isScrolledX":"bp_sticky_cell_module_isScrolledX--a6787","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--a6787","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--a6787"};
+var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--ccd5e","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--ccd5e","verticalBar":"bp_sticky_cell_module_verticalBar--ccd5e","isScrolledX":"bp_sticky_cell_module_isScrolledX--ccd5e","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--ccd5e","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--ccd5e"};
 
 export { styles as default };

package/dist/lib-esm/data-table/data-table.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--28834","isScrolledX":"bp_data_table_module_isScrolledX--28834","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--28834"};
+var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--9a3ae","isScrolledX":"bp_data_table_module_isScrolledX--9a3ae","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--9a3ae"};
 
 export { styles as default };

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

@@ -5,7 +5,6 @@ import * as RadixPopover from '@radix-ui/react-popover';
 import clsx from 'clsx';
 import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
 import { DatePicker as DatePicker$1, Group, DateInput, DateSegment, Button } from 'react-aria-components';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { Calendar as Calendar$1 } from '../primitives/calendar/calendar.js';
 import '@internationalized/date';
 import { IconButton } from '../primitives/icon-button/icon-button.js';
@@ -49,9 +48,6 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     previousMonthAriaLabel,
     ...rest
   } = props;
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const [internalValue, setInternalValue] = useState(defaultValue);
   useEffect(() => {
     if (value !== undefined) {
@@ -152,7 +148,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
       className: clsx(styles.datePicker, {
         [styles.disabled]: isDisabled
       }, className),
-      "data-modern": enableModernizedComponents ? 'true' : 'false',
+      "data-modern": 'true' ,
       isDisabled: isDisabled,
       isInvalid: hasError,
       onChange: onDatePickerValueChanged,

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

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './ghost.module.js';
 
 /**
@@ -22,9 +21,7 @@ const Ghost = ({
   style = {},
   ...rest
 }) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
+  const enableModernizedComponents = true;
   return jsx("span", {
     className: clsx(className, styles.ghost, {
       [styles[variant]]: !!variant

package/dist/lib-esm/icon-dual-state-button/icon-dual-state-button.js

@@ -3,7 +3,6 @@ import { Button } from '@ariakit/react';
 import { IconIconBlue, Size6, Size5, Size4, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
-import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import { composeEventHandlers } from '../utils/composeEventHandlers.js';
 import { useControllableState } from '../utils/useControllableState.js';
 import styles from './icon-dual-state-button.module.js';
@@ -37,9 +36,6 @@ const IconDualStateButton = /*#__PURE__*/forwardRef(({
     onChange: onPressedChange,
     defaultProp: defaultPressed
   });
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   const iconSize = buttonSizeToIconSize[size];
   return jsx(Button, {
     ...rest,
@@ -49,7 +45,7 @@ const IconDualStateButton = /*#__PURE__*/forwardRef(({
       [styles.pressed]: pressed
     }),
     "data-disabled": disabled ? '' : undefined,
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     "data-state": pressed ? 'on' : 'off',
     disabled: disabled,
     onClick: composeEventHandlers(onClick, () => {

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

@@ -1,16 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import { bpSize060, bpSize050, bpSize040, Size6, Size5, Size4 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize060, bpSize050, bpSize040 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, createElement } 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 './icon-toggle-button.module.js';
 
-const iconSizeMap = {
-  'x-small': Size4,
-  small: Size5,
-  medium: Size6
-};
 const iconSizeMapModern = {
   'x-small': bpSize040,
   small: bpSize050,
@@ -23,22 +17,19 @@ const IconToggleButton = /*#__PURE__*/forwardRef(({
   size = 'medium',
   ...rest
 }, ref) => {
-  const {
-    enableModernizedComponents
-  } = useBlueprintModernization();
   return jsx(BaseToggleButton, {
     ...rest,
     ref: ref,
     className: clsx(styles.iconToggleButton, styles[variant], styles[size], className),
-    "data-modern": enableModernizedComponents ? 'true' : 'false',
+    "data-modern": 'true' ,
     children: /*#__PURE__*/createElement(icon, {
       className: styles.icon,
-      height: enableModernizedComponents ? iconSizeMapModern[size] : iconSizeMap[size],
-      width: enableModernizedComponents ? iconSizeMapModern[size] : iconSizeMap[size],
+      height: iconSizeMapModern[size] ,
+      width: iconSizeMapModern[size] ,
       role: 'presentation'
     })
   });
 });
 IconToggleButton.displayName = 'IconToggleButton';
 
-export { IconToggleButton, iconSizeMap, iconSizeMapModern };
+export { IconToggleButton, iconSizeMapModern };