@box/blueprint-web 17.20.1 → 17.21.0

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

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button } from '@ariakit/react';
-import { IconIconBlue, Size6, Size5, Size4, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpIconIconBlue, bpSize060, bpSize050, bpSize040, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import { forwardRef, createElement } from 'react';
 import { composeEventHandlers } from '../utils/composeEventHandlers.js';
@@ -8,9 +8,9 @@ import { useControllableState } from '../utils/useControllableState.js';
 import styles from './icon-dual-state-button.module.js';
 
 const buttonSizeToIconSize = {
-  xsmall: Size4,
-  small: Size5,
-  medium: Size6
+  xsmall: bpSize040,
+  small: bpSize050,
+  medium: bpSize060
 };
 const renderIcon = (icon, size, color) => /*#__PURE__*/createElement(icon, {
   width: size,
@@ -45,7 +45,6 @@ const IconDualStateButton = /*#__PURE__*/forwardRef(({
       [styles.pressed]: pressed
     }),
     "data-disabled": disabled ? '' : undefined,
-    "data-modern": 'true' ,
     "data-state": pressed ? 'on' : 'off',
     disabled: disabled,
     onClick: composeEventHandlers(onClick, () => {
@@ -53,7 +52,7 @@ const IconDualStateButton = /*#__PURE__*/forwardRef(({
         setPressed(!pressed);
       }
     }),
-    children: pressed ? renderIcon(iconOn, iconSize, IconIconBlue) : renderIcon(iconOff, iconSize, IconIconOnLightSecondary)
+    children: pressed ? renderIcon(iconOn, iconSize, bpIconIconBlue) : renderIcon(iconOff, iconSize, IconIconOnLightSecondary)
   });
 });
 IconDualStateButton.displayName = 'IconDualStateButton';

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--a542c","pressed":"bp_icon_dual_state_button_module_pressed--a542c","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--a542c","smallButton":"bp_icon_dual_state_button_module_smallButton--a542c"};
+var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--78c81","pressed":"bp_icon_dual_state_button_module_pressed--78c81","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--78c81","smallButton":"bp_icon_dual_state_button_module_smallButton--78c81"};
 
 export { styles as default };

package/dist/lib-esm/icon-toggle-button/icon-toggle-button.d.ts

@@ -1,4 +1,3 @@
 import { type IconToggleButtonProps } from './types';
 export declare const iconSizeMap: Record<NonNullable<IconToggleButtonProps['size']>, string>;
-export declare const iconSizeMapModern: Record<NonNullable<IconToggleButtonProps['size']>, string>;
 export declare const IconToggleButton: import("react").ForwardRefExoticComponent<Omit<IconToggleButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -5,7 +5,7 @@ import { forwardRef, createElement } from 'react';
 import { BaseToggleButton } from '../util-components/base-toggle-button/base-toggle-button.js';
 import styles from './icon-toggle-button.module.js';
 
-const iconSizeMapModern = {
+const iconSizeMap = {
   'x-small': bpSize040,
   small: bpSize050,
   medium: bpSize060
@@ -21,15 +21,14 @@ const IconToggleButton = /*#__PURE__*/forwardRef(({
     ...rest,
     ref: ref,
     className: clsx(styles.iconToggleButton, styles[variant], styles[size], className),
-    "data-modern": 'true' ,
     children: /*#__PURE__*/createElement(icon, {
       className: styles.icon,
-      height: iconSizeMapModern[size] ,
-      width: iconSizeMapModern[size] ,
+      height: iconSizeMap[size],
+      width: iconSizeMap[size],
       role: 'presentation'
     })
   });
 });
 IconToggleButton.displayName = 'IconToggleButton';
 
-export { IconToggleButton, iconSizeMapModern };
+export { IconToggleButton, iconSizeMap };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--197fc","high-contrast":"bp_icon_toggle_button_module_high-contrast--197fc","icon":"bp_icon_toggle_button_module_icon--197fc","default":"bp_icon_toggle_button_module_default--197fc","medium":"bp_icon_toggle_button_module_medium--197fc","small":"bp_icon_toggle_button_module_small--197fc","x-small":"bp_icon_toggle_button_module_x-small--197fc"};
+var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--a448b","high-contrast":"bp_icon_toggle_button_module_high-contrast--a448b","icon":"bp_icon_toggle_button_module_icon--a448b","default":"bp_icon_toggle_button_module_default--a448b","medium":"bp_icon_toggle_button_module_medium--a448b","small":"bp_icon_toggle_button_module_small--a448b","x-small":"bp_icon_toggle_button_module_x-small--a448b"};
 
 export { styles as default };