@box/blueprint-web 11.11.0 → 12.0.0

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"accordionContent":"bp_accordion_module_accordionContent--408bd","slideDown":"bp_accordion_module_slideDown--408bd","slideUp":"bp_accordion_module_slideUp--408bd","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--408bd","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--408bd","accordionItem":"bp_accordion_module_accordionItem--408bd","accordionFixedContent":"bp_accordion_module_accordionFixedContent--408bd","accordionHeader":"bp_accordion_module_accordionHeader--408bd","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--408bd","accordionStatus":"bp_accordion_module_accordionStatus--408bd","accordionIconStatus":"bp_accordion_module_accordionIconStatus--408bd","accordionTrigger":"bp_accordion_module_accordionTrigger--408bd","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--408bd"};
+var styles = {"accordionContent":"bp_accordion_module_accordionContent--ae5da","slideDown":"bp_accordion_module_slideDown--ae5da","slideUp":"bp_accordion_module_slideUp--ae5da","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--ae5da","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--ae5da","accordionItem":"bp_accordion_module_accordionItem--ae5da","accordionFixedContent":"bp_accordion_module_accordionFixedContent--ae5da","accordionHeader":"bp_accordion_module_accordionHeader--ae5da","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--ae5da","accordionStatus":"bp_accordion_module_accordionStatus--ae5da","accordionIconStatus":"bp_accordion_module_accordionIconStatus--ae5da","accordionTrigger":"bp_accordion_module_accordionTrigger--ae5da","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--ae5da"};
 
 export { styles as default };

package/dist/lib-esm/avatar/avatar.d.ts

@@ -2,28 +2,24 @@ export declare const Avatar: import("react").ForwardRefExoticComponent<(Omit<Omi
     ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
 } & {
     anonymous?: boolean;
-    children?: import("react").ReactElement;
     size?: import("./types").AvatarSize;
     text?: string;
 } & Required<Pick<import("./types").Image, keyof import("./types").Image>> & Omit<import("./types").Image, keyof import("./types").Image> & Required<Pick<import("./types").WithColor, "color">> & Partial<Record<"colorIndex", never>> & Omit<import("./types").WithColor, keyof import("./types").WithColor>, "ref"> | Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
 } & {
     anonymous?: boolean;
-    children?: import("react").ReactElement;
     size?: import("./types").AvatarSize;
     text?: string;
 } & Required<Pick<import("./types").Image, keyof import("./types").Image>> & Omit<import("./types").Image, keyof import("./types").Image> & Required<Pick<import("./types").WithColor, "colorIndex">> & Partial<Record<"color", never>> & Omit<import("./types").WithColor, keyof import("./types").WithColor>, "ref"> | Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
 } & {
     anonymous?: boolean;
-    children?: import("react").ReactElement;
     size?: import("./types").AvatarSize;
     text?: string;
 } & Partial<Record<keyof import("./types").Image, never>> & Omit<import("./types").Image, keyof import("./types").Image> & Required<Pick<import("./types").WithColor, "color">> & Partial<Record<"colorIndex", never>> & Omit<import("./types").WithColor, keyof import("./types").WithColor>, "ref"> | Omit<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
     ref?: ((instance: HTMLImageElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLImageElement> | null | undefined;
 } & {
     anonymous?: boolean;
-    children?: import("react").ReactElement;
     size?: import("./types").AvatarSize;
     text?: string;
 } & Partial<Record<keyof import("./types").Image, never>> & Omit<import("./types").Image, keyof import("./types").Image> & Required<Pick<import("./types").WithColor, "colorIndex">> & Partial<Record<"color", never>> & Omit<import("./types").WithColor, keyof import("./types").WithColor>, "ref">) & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -2,15 +2,14 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Avatar as Avatar$1 } from '@box/blueprint-web-assets/icons/Line';
 import { GrayBlack } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
-import { forwardRef, useState, useEffect, Children, cloneElement } from 'react';
+import { forwardRef, useState, useEffect } from 'react';
 import styles from './avatar.module.js';
-import { colors, anonymousAvatarIconSizes, badgeSizes } from './consts.js';
+import { colors, anonymousAvatarIconSizes } from './consts.js';
 
 const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     alt,
     anonymous,
-    children,
     className,
     color,
     colorIndex,
@@ -29,12 +28,6 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   }, [src]);
   const backgroundColor = color || colors[(colorIndex || 0) % colors.length];
   const anonymousAvatarIconSize = anonymousAvatarIconSizes[size];
-  const child = children && Children.only(children);
-  const badgeSize = badgeSizes[size];
-  const badge = child && /*#__PURE__*/cloneElement(child, {
-    height: badgeSize,
-    width: badgeSize
-  });
   const imageIsLoading = !!src && !imageIsLoaded;
   const shouldShowText = !anonymous && text && !imageIsLoaded;
   const shouldShowAnonymousAvatar = anonymous || imageIsLoading && !text;
@@ -70,9 +63,6 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
         onLoad?.(event);
       },
       src: src
-    }), badge && jsx("div", {
-      className: styles.badge,
-      children: badge
     })]
   });
   return jsx("div", {

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"avatar":"bp_avatar_module_avatar--2ec61","badge":"bp_avatar_module_badge--2ec61","text":"bp_avatar_module_text--2ec61","small":"bp_avatar_module_small--2ec61","length-1":"bp_avatar_module_length-1--2ec61","length-2":"bp_avatar_module_length-2--2ec61","medium":"bp_avatar_module_medium--2ec61","large":"bp_avatar_module_large--2ec61","length-3":"bp_avatar_module_length-3--2ec61","length-4":"bp_avatar_module_length-4--2ec61","xlarge":"bp_avatar_module_xlarge--2ec61","xxlarge":"bp_avatar_module_xxlarge--2ec61","image":"bp_avatar_module_image--2ec61","loading":"bp_avatar_module_loading--2ec61","anonymousAvatar":"bp_avatar_module_anonymousAvatar--2ec61"};
+var styles = {"avatar":"bp_avatar_module_avatar--05bbb","text":"bp_avatar_module_text--05bbb","small":"bp_avatar_module_small--05bbb","length-1":"bp_avatar_module_length-1--05bbb","length-2":"bp_avatar_module_length-2--05bbb","medium":"bp_avatar_module_medium--05bbb","large":"bp_avatar_module_large--05bbb","length-3":"bp_avatar_module_length-3--05bbb","length-4":"bp_avatar_module_length-4--05bbb","xlarge":"bp_avatar_module_xlarge--05bbb","xxlarge":"bp_avatar_module_xxlarge--05bbb","badge":"bp_avatar_module_badge--05bbb","image":"bp_avatar_module_image--05bbb","loading":"bp_avatar_module_loading--05bbb","anonymousAvatar":"bp_avatar_module_anonymousAvatar--05bbb"};
 
 export { styles as default };

package/dist/lib-esm/avatar/consts.d.ts

@@ -1,6 +1,5 @@
 import { type AvatarSize, type Color } from './types';
 export declare const anonymousAvatarIconSizes: Record<AvatarSize, string>;
 export declare const AvatarSizes: readonly ["small", "medium", "large", "xlarge", "xxlarge"];
-export declare const badgeSizes: Record<AvatarSize, string>;
 export declare const colorsMap: Record<string, Color>;
 export declare const colors: string[];

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

@@ -1,4 +1,4 @@
-import { Size3, Size4, Size5, Size7, Size9, BoxBlue50, DarkBlue50, Yellow50, GreenLight50, Yellorange50, LightBlue50, WatermelonRed50, PurpleRain50, Orange50, Grimace50, Size2, Size6 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Size3, Size4, Size5, Size7, Size9, BoxBlue50, DarkBlue50, Yellow50, GreenLight50, Yellorange50, LightBlue50, WatermelonRed50, PurpleRain50, Orange50, Grimace50 } from '@box/blueprint-web-assets/tokens/tokens';
 
 const anonymousAvatarIconSizes = {
   small: Size3,
@@ -7,13 +7,6 @@ const anonymousAvatarIconSizes = {
   xlarge: Size7,
   xxlarge: Size9
 };
-const badgeSizes = {
-  small: Size2,
-  medium: Size3,
-  large: Size3,
-  xlarge: Size4,
-  xxlarge: Size6
-};
 const colorsMap = {
   BoxBlue50,
   DarkBlue50,
@@ -28,4 +21,4 @@ const colorsMap = {
 };
 const colors = Object.values(colorsMap);
 
-export { anonymousAvatarIconSizes, badgeSizes, colors, colorsMap };
+export { anonymousAvatarIconSizes, colors, colorsMap };

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

@@ -1,5 +1,4 @@
 import { type BoxBlue50, type DarkBlue50, type GreenLight50, type Grimace50, type LightBlue50, type Orange50, type PurpleRain50, type WatermelonRed50, type Yellorange50, type Yellow50 } from '@box/blueprint-web-assets/tokens/tokens';
-import { type ReactElement } from 'react';
 import { type RequireAllOrNone, type RequireExactlyOne } from 'type-fest';
 import { type AvatarSizes } from './consts';
 export type AvatarSize = (typeof AvatarSizes)[number];
@@ -23,10 +22,6 @@ export interface WithColor {
 export type AvatarProps = React.ComponentPropsWithRef<'img'> & {
     /** Whether to display the anonymous user image */
     anonymous?: boolean;
-    /** The badge element. This prop will be removed in a future major release. Please use IconBadge or StatusBadge components instead.
-     * @deprecated
-     */
-    children?: ReactElement;
     /** The size of the avatar */
     size?: AvatarSize;
     /** The text to display, e.g. the user initial or the number of users editing the document.

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_card_tooltip_module_content--e4a6b","card":"bp_card_tooltip_module_card--e4a6b","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--e4a6b","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--e4a6b","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--e4a6b","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--e4a6b"};
+var styles = {"content":"bp_card_tooltip_module_content--986aa","card":"bp_card_tooltip_module_card--986aa","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--986aa","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--986aa","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--986aa","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--986aa"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_card_tooltip_v2_module_content--e4a01","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--e4a01","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--e4a01","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--e4a01","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--e4a01"};
+var styles = {"content":"bp_card_tooltip_v2_module_content--bb724","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--bb724","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--bb724","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--bb724","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--bb724"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"option":"bp_checkbox_module_option--08711","checkbox":"bp_checkbox_module_checkbox--08711","indicator":"bp_checkbox_module_indicator--08711","label":"bp_checkbox_module_label--08711","description":"bp_checkbox_module_description--08711","disabled":"bp_checkbox_module_disabled--08711"};
+var styles = {"option":"bp_checkbox_module_option--5f9ac","checkbox":"bp_checkbox_module_checkbox--5f9ac","indicator":"bp_checkbox_module_indicator--5f9ac","label":"bp_checkbox_module_label--5f9ac","description":"bp_checkbox_module_description--5f9ac","disabled":"bp_checkbox_module_disabled--5f9ac"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_module_container--ab378","disabled":"bp_combobox_module_disabled--ab378","label":"bp_combobox_module_label--ab378","hiddenLabel":"bp_combobox_module_hiddenLabel--ab378","comboboxContainer":"bp_combobox_module_comboboxContainer--ab378","withComboboxButtons":"bp_combobox_module_withComboboxButtons--ab378","error":"bp_combobox_module_error--ab378","textInputWrapper":"bp_combobox_module_textInputWrapper--ab378","textInput":"bp_combobox_module_textInput--ab378","errorIcon":"bp_combobox_module_errorIcon--ab378","comboboxButtons":"bp_combobox_module_comboboxButtons--ab378","withChips":"bp_combobox_module_withChips--ab378","inlineError":"bp_combobox_module_inlineError--ab378","popover":"bp_combobox_module_popover--ab378","option":"bp_combobox_module_option--ab378","indicator":"bp_combobox_module_indicator--ab378","indicatorIcon":"bp_combobox_module_indicatorIcon--ab378","optionWithIndicator":"bp_combobox_module_optionWithIndicator--ab378","loadingIndicator":"bp_combobox_module_loadingIndicator--ab378","noResultOption":"bp_combobox_module_noResultOption--ab378"};
+var styles = {"container":"bp_combobox_module_container--ba0a1","disabled":"bp_combobox_module_disabled--ba0a1","label":"bp_combobox_module_label--ba0a1","hiddenLabel":"bp_combobox_module_hiddenLabel--ba0a1","comboboxContainer":"bp_combobox_module_comboboxContainer--ba0a1","withComboboxButtons":"bp_combobox_module_withComboboxButtons--ba0a1","error":"bp_combobox_module_error--ba0a1","textInputWrapper":"bp_combobox_module_textInputWrapper--ba0a1","textInput":"bp_combobox_module_textInput--ba0a1","errorIcon":"bp_combobox_module_errorIcon--ba0a1","comboboxButtons":"bp_combobox_module_comboboxButtons--ba0a1","withChips":"bp_combobox_module_withChips--ba0a1","inlineError":"bp_combobox_module_inlineError--ba0a1","popover":"bp_combobox_module_popover--ba0a1","option":"bp_combobox_module_option--ba0a1","indicator":"bp_combobox_module_indicator--ba0a1","indicatorIcon":"bp_combobox_module_indicatorIcon--ba0a1","optionWithIndicator":"bp_combobox_module_optionWithIndicator--ba0a1","loadingIndicator":"bp_combobox_module_loadingIndicator--ba0a1","noResultOption":"bp_combobox_module_noResultOption--ba0a1"};
 
 export { styles as default };

package/dist/lib-esm/combobox-group/combobox-group.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"container":"bp_combobox_group_module_container--185a1","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--185a1","disabled":"bp_combobox_group_module_disabled--185a1","label":"bp_combobox_group_module_label--185a1","trailing":"bp_combobox_group_module_trailing--185a1","leading":"bp_combobox_group_module_leading--185a1","errorCombobox":"bp_combobox_group_module_errorCombobox--185a1","errorSelect":"bp_combobox_group_module_errorSelect--185a1","selectHasFocus":"bp_combobox_group_module_selectHasFocus--185a1","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--185a1"};
+var styles = {"container":"bp_combobox_group_module_container--6857b","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--6857b","disabled":"bp_combobox_group_module_disabled--6857b","label":"bp_combobox_group_module_label--6857b","trailing":"bp_combobox_group_module_trailing--6857b","leading":"bp_combobox_group_module_leading--6857b","errorCombobox":"bp_combobox_group_module_errorCombobox--6857b","errorSelect":"bp_combobox_group_module_errorSelect--6857b","selectHasFocus":"bp_combobox_group_module_selectHasFocus--6857b","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--6857b"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"datePicker":"bp_date_picker_module_datePicker--2634d","disabled":"bp_date_picker_module_disabled--2634d","label":"bp_date_picker_module_label--2634d","group":"bp_date_picker_module_group--2634d","groupContainer":"bp_date_picker_module_groupContainer--2634d","error":"bp_date_picker_module_error--2634d","groupContainerInput":"bp_date_picker_module_groupContainerInput--2634d","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--2634d","button":"bp_date_picker_module_button--2634d","clear":"bp_date_picker_module_clear--2634d","inlineError":"bp_date_picker_module_inlineError--2634d","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--2634d","slide":"bp_date_picker_module_slide--2634d"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--27985","disabled":"bp_date_picker_module_disabled--27985","label":"bp_date_picker_module_label--27985","group":"bp_date_picker_module_group--27985","groupContainer":"bp_date_picker_module_groupContainer--27985","error":"bp_date_picker_module_error--27985","groupContainerInput":"bp_date_picker_module_groupContainerInput--27985","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--27985","button":"bp_date_picker_module_button--27985","clear":"bp_date_picker_module_clear--27985","inlineError":"bp_date_picker_module_inlineError--27985","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--27985","slide":"bp_date_picker_module_slide--27985"};
 
 export { styles as default };

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--3d482","pressed":"bp_icon_dual_state_button_module_pressed--3d482","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--3d482","smallButton":"bp_icon_dual_state_button_module_smallButton--3d482"};
+var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--462b9","pressed":"bp_icon_dual_state_button_module_pressed--462b9","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--462b9","smallButton":"bp_icon_dual_state_button_module_smallButton--462b9"};
 
 export { styles as default };

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--86bab","high-contrast":"bp_icon_toggle_button_module_high-contrast--86bab","icon":"bp_icon_toggle_button_module_icon--86bab","default":"bp_icon_toggle_button_module_default--86bab","medium":"bp_icon_toggle_button_module_medium--86bab","small":"bp_icon_toggle_button_module_small--86bab","x-small":"bp_icon_toggle_button_module_x-small--86bab"};
+var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--45e04","high-contrast":"bp_icon_toggle_button_module_high-contrast--45e04","icon":"bp_icon_toggle_button_module_icon--45e04","default":"bp_icon_toggle_button_module_default--45e04","medium":"bp_icon_toggle_button_module_medium--45e04","small":"bp_icon_toggle_button_module_small--45e04","x-small":"bp_icon_toggle_button_module_x-small--45e04"};
 
 export { styles as default };