@box/blueprint-web 12.129.0 → 12.130.0

package/dist/lib-esm/modal/alert-modal.d.ts

@@ -5,16 +5,24 @@ export declare const AlertModal: {
 } & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/dist/lib-esm/modal/modal-footer.d.ts

@@ -6,16 +6,24 @@ import { type ModalFooterProps } from './types';
 export declare const ModalFooter: import("react").ForwardRefExoticComponent<ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };

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

@@ -33,17 +33,25 @@ export declare const Modal: (({ children, modal, ...props }: ModalProps) => impo
     Footer: import("react").ForwardRefExoticComponent<import("./types").ModalFooterProps & import("react").RefAttributes<HTMLDivElement>> & {
         PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
         SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     };
     Header: import("react").ForwardRefExoticComponent<import("./types").ModalHeaderProps & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/lib-esm/primitives/base-button/base-button.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '@ariakit/react';
 import clsx from 'clsx';
-import { forwardRef, useRef, useMemo, Children, isValidElement } from 'react';
+import { forwardRef, useRef, useMemo } from 'react';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { LoadingIndicator } from '../../loading-indicator/loading-indicator.js';
 import { getButtonOptions } from '../../utils/getButtonOptions.js';
@@ -10,8 +10,17 @@ import { BaseButtonContext } from './base-button-context.js';
 import { BaseButtonIcon } from './base-button-icon.js';
 import { BaseButtonLabel } from './base-button-label.js';
 import styles from './base-button.module.js';
-import { loadingIndicatorVariantMap } from './utils.js';
+import { getButtonTypeFromChildren, loadingIndicatorVariantMap } from './utils.js';
 
+const buttonTypeClassMap = {
+  'icon-only': styles.isIconButton,
+  'text-with-end-icon': styles.isTextWithIconEndButton,
+  'text-with-start-icon': styles.isTextWithIconStartButton,
+  'text-with-start-and-end-icon': styles.isTextWithStartAndEndIconButton
+};
+function getButtonClassName(variant, size, buttonType, loading, className) {
+  return clsx(styles.button, variant && styles[variant], size && styles[size], buttonTypeClassMap[buttonType], loading && styles.hide, className);
+}
 const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   const {
     children,
@@ -27,18 +36,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     enableModernizedComponents
   } = useBlueprintModernization();
   const ref = useRef(null);
-  const buttonType = useMemo(() => {
-    const childArray = Children.toArray(children);
-    const hasIcon = childArray.some(child => /*#__PURE__*/isValidElement(child) && child.type === BaseButtonIcon);
-    const hasText = childArray.some(child => /*#__PURE__*/isValidElement(child) && child.type === BaseButtonLabel);
-    if (hasIcon && hasText) {
-      return 'text-with-icon';
-    }
-    if (hasIcon && !hasText) {
-      return 'icon-only';
-    }
-    return 'text-only';
-  }, [children]);
+  const buttonType = useMemo(() => getButtonTypeFromChildren(children, BaseButtonIcon, BaseButtonLabel), [children]);
   const context = useMemo(() => ({
     ariaLabel,
     loading,
@@ -50,11 +48,7 @@ const BaseButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     ...rest,
     ref: useForkRef(ref, forwardedRef),
     "aria-label": loading ? undefined : ariaLabel,
-    className: clsx([styles.button, styles[variant], styles[size]], {
-      [styles.isIconButton]: buttonType === 'icon-only',
-      [styles.isTextWithIconButton]: buttonType === 'text-with-icon',
-      [styles.hide]: loading
-    }, className),
+    className: getButtonClassName(variant, size, buttonType, loading, className),
     "data-modern": enableModernizedComponents ? 'true' : 'false',
     children: jsxs(BaseButtonContext.Provider, {
       value: context,

package/dist/lib-esm/primitives/base-button/base-button.module.js

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"button":"bp_base_button_module_button--a1f47","primary":"bp_base_button_module_primary--a1f47","secondary":"bp_base_button_module_secondary--a1f47","tertiary":"bp_base_button_module_tertiary--a1f47","outline":"bp_base_button_module_outline--a1f47","small":"bp_base_button_module_small--a1f47","isIconButton":"bp_base_button_module_isIconButton--a1f47","isTextWithIconButton":"bp_base_button_module_isTextWithIconButton--a1f47","large":"bp_base_button_module_large--a1f47","icon":"bp_base_button_module_icon--a1f47","hide":"bp_base_button_module_hide--a1f47"};
+var styles = {"button":"bp_base_button_module_button--558f5","primary":"bp_base_button_module_primary--558f5","secondary":"bp_base_button_module_secondary--558f5","tertiary":"bp_base_button_module_tertiary--558f5","outline":"bp_base_button_module_outline--558f5","small":"bp_base_button_module_small--558f5","isIconButton":"bp_base_button_module_isIconButton--558f5","isTextWithIconEndButton":"bp_base_button_module_isTextWithIconEndButton--558f5","isTextWithIconStartButton":"bp_base_button_module_isTextWithIconStartButton--558f5","isTextWithStartAndEndIconButton":"bp_base_button_module_isTextWithStartAndEndIconButton--558f5","large":"bp_base_button_module_large--558f5","icon":"bp_base_button_module_icon--558f5","hide":"bp_base_button_module_hide--558f5"};
 
 export { styles as default };

package/dist/lib-esm/primitives/base-button/types.d.ts

@@ -22,7 +22,8 @@ export type BaseButtonIconProps = ComponentPropsWithRef<'span'> & {
     icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
     iconProps?: SVGProps<SVGSVGElement>;
 };
+export type BaseButtonButtonType = 'text-only' | 'icon-only' | 'text-with-end-icon' | 'text-with-start-icon' | 'text-with-start-and-end-icon';
 export type BaseButtonContextType = Pick<BaseButtonProps, 'loading'> & Required<Pick<BaseButtonProps, 'variant' | 'size'>> & {
     ariaLabel?: BaseButtonProps['aria-label'];
-    buttonType: 'text-only' | 'icon-only' | 'text-with-icon';
+    buttonType: BaseButtonButtonType;
 };

package/dist/lib-esm/primitives/base-button/utils.d.ts

@@ -1,5 +1,9 @@
+import { type ReactNode } from 'react';
 import { type LoadingIndicatorProps } from '../../loading-indicator/loading-indicator';
-import { type BaseButtonProps } from './types';
+import { type BaseButtonIcon } from './base-button-icon';
+import { type BaseButtonLabel } from './base-button-label';
+import { type BaseButtonButtonType, type BaseButtonProps } from './types';
+export declare function getButtonTypeFromChildren(children: ReactNode, baseButtonIcon: typeof BaseButtonIcon, baseButtonLabel: typeof BaseButtonLabel): BaseButtonButtonType;
 export declare const getIconSize: (buttonSize: NonNullable<BaseButtonProps["size"]>, isIconButton: boolean, enableModernizedComponents?: boolean) => {
     readonly width: string;
     readonly height: string;

package/dist/lib-esm/primitives/base-button/utils.js

@@ -1,5 +1,25 @@
 import { IconIconOnLight, TextCtaLink, IconIconOnDark, bpSize050, bpSize040, Size5, Size4, Size3 } from '@box/blueprint-web-assets/tokens/tokens';
+import { Children, isValidElement } from 'react';
 
+function getButtonTypeFromChildren(children, baseButtonIcon, baseButtonLabel) {
+  const childArray = Children.toArray(children);
+  const labelIndex = childArray.findIndex(child => /*#__PURE__*/isValidElement(child) && child.type === baseButtonLabel);
+  const hasText = labelIndex >= 0;
+  const iconIndices = childArray.map((child, index) => /*#__PURE__*/isValidElement(child) && child.type === baseButtonIcon ? index : -1).filter(i => i >= 0);
+  const positions = iconIndices.map(i => i < labelIndex ? 'start' : 'end');
+  const hasStartIcon = positions.includes('start');
+  const hasEndIcon = positions.includes('end');
+  if (!hasText && iconIndices.length >= 1) {
+    return 'icon-only';
+  }
+  if (hasText && iconIndices.length === 1) {
+    return positions[0] === 'start' ? 'text-with-start-icon' : 'text-with-end-icon';
+  }
+  if (hasText && hasStartIcon && hasEndIcon) {
+    return 'text-with-start-and-end-icon';
+  }
+  return 'text-only';
+}
 const getIconSize = (buttonSize, isIconButton, enableModernizedComponents = false) => {
   const isLarge = buttonSize === 'large';
   let size;
@@ -30,4 +50,4 @@ const buttonVariantToIconColorMap = {
   outline: IconIconOnLight
 };
 
-export { buttonVariantToIconColorMap, getIconSize, loadingIndicatorVariantMap };
+export { buttonVariantToIconColorMap, getButtonTypeFromChildren, getIconSize, loadingIndicatorVariantMap };

package/dist/lib-esm/side-panel/side-panel-footer.d.ts

@@ -6,16 +6,24 @@ import { type SidePanelFooterProps } from './types';
 export declare const SidePanelFooter: import("react").ForwardRefExoticComponent<Omit<SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
     PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
         children?: string | string[];
-        icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+        icon?: import("../button/types").SvgIconComponent;
+        endIcon?: import("../button/types").SvgIconComponent;
+        startIcon?: import("../button/types").SvgIconComponent;
     }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/dist/lib-esm/side-panel/side-panel.d.ts

@@ -7,17 +7,25 @@ export declare const SidePanel: ((props: SidePanelProps) => import("react/jsx-ru
     Footer: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelFooterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
         PrimaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
         SecondaryButton: import("react").ForwardRefExoticComponent<(Omit<import("../primitives/base-button").BaseButtonInterface & Required<Pick<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref"> | Omit<import("../primitives/base-button").BaseButtonInterface & Partial<Record<keyof import("../primitives/base-button").Loading, never>> & Omit<import("../primitives/base-button").Loading, keyof import("../primitives/base-button").Loading> & {
             children?: string | string[];
-            icon?: import("react").FunctionComponent<import("react").PropsWithChildren<import("react").SVGProps<SVGSVGElement>>>;
+            icon?: import("../button/types").SvgIconComponent;
+            endIcon?: import("../button/types").SvgIconComponent;
+            startIcon?: import("../button/types").SvgIconComponent;
         }, "ref">) & import("react").RefAttributes<HTMLButtonElement>>;
     };
     Header: import("react").ForwardRefExoticComponent<Omit<import("./types").SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,4 +1,4 @@
 import '../../index.css';
-var styles = {"smallList":"bp_base_grid_list_item_module_smallList--98669","smallListItem":"bp_base_grid_list_item_module_smallListItem--98669","header":"bp_base_grid_list_item_module_header--98669","subtitle":"bp_base_grid_list_item_module_subtitle--98669","loading":"bp_base_grid_list_item_module_loading--98669","thumbnail":"bp_base_grid_list_item_module_thumbnail--98669","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--98669","actions":"bp_base_grid_list_item_module_actions--98669","selection":"bp_base_grid_list_item_module_selection--98669","inner":"bp_base_grid_list_item_module_inner--98669","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--98669","largeList":"bp_base_grid_list_item_module_largeList--98669","largeListItem":"bp_base_grid_list_item_module_largeListItem--98669","fade":"bp_base_grid_list_item_module_fade--98669","description":"bp_base_grid_list_item_module_description--98669","snippet":"bp_base_grid_list_item_module_snippet--98669","snippetContent":"bp_base_grid_list_item_module_snippetContent--98669","gridList":"bp_base_grid_list_item_module_gridList--98669","gridListItem":"bp_base_grid_list_item_module_gridListItem--98669","statusPin":"bp_base_grid_list_item_module_statusPin--98669","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--98669","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--98669","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--98669","gridListV2":"bp_base_grid_list_item_module_gridListV2--98669","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--98669","noActions":"bp_base_grid_list_item_module_noActions--98669","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--98669","statusBadge":"bp_base_grid_list_item_module_statusBadge--98669","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--98669","textCentered":"bp_base_grid_list_item_module_textCentered--98669","innerCentered":"bp_base_grid_list_item_module_innerCentered--98669","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--98669","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--98669","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--98669","listV2":"bp_base_grid_list_item_module_listV2--98669","listV2Item":"bp_base_grid_list_item_module_listV2Item--98669","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--98669","content":"bp_base_grid_list_item_module_content--98669","staticList":"bp_base_grid_list_item_module_staticList--98669","staticListItem":"bp_base_grid_list_item_module_staticListItem--98669"};
+var styles = {"smallList":"bp_base_grid_list_item_module_smallList--537f7","smallListItem":"bp_base_grid_list_item_module_smallListItem--537f7","header":"bp_base_grid_list_item_module_header--537f7","subtitle":"bp_base_grid_list_item_module_subtitle--537f7","loading":"bp_base_grid_list_item_module_loading--537f7","thumbnail":"bp_base_grid_list_item_module_thumbnail--537f7","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--537f7","actions":"bp_base_grid_list_item_module_actions--537f7","selection":"bp_base_grid_list_item_module_selection--537f7","inner":"bp_base_grid_list_item_module_inner--537f7","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--537f7","largeList":"bp_base_grid_list_item_module_largeList--537f7","largeListItem":"bp_base_grid_list_item_module_largeListItem--537f7","fade":"bp_base_grid_list_item_module_fade--537f7","description":"bp_base_grid_list_item_module_description--537f7","snippet":"bp_base_grid_list_item_module_snippet--537f7","snippetContent":"bp_base_grid_list_item_module_snippetContent--537f7","gridList":"bp_base_grid_list_item_module_gridList--537f7","gridListItem":"bp_base_grid_list_item_module_gridListItem--537f7","statusPin":"bp_base_grid_list_item_module_statusPin--537f7","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--537f7","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--537f7","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--537f7","gridListV2":"bp_base_grid_list_item_module_gridListV2--537f7","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--537f7","noActions":"bp_base_grid_list_item_module_noActions--537f7","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--537f7","statusBadge":"bp_base_grid_list_item_module_statusBadge--537f7","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--537f7","textCentered":"bp_base_grid_list_item_module_textCentered--537f7","innerCentered":"bp_base_grid_list_item_module_innerCentered--537f7","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--537f7","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--537f7","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--537f7","listV2":"bp_base_grid_list_item_module_listV2--537f7","listV2Item":"bp_base_grid_list_item_module_listV2Item--537f7","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--537f7","content":"bp_base_grid_list_item_module_content--537f7","staticList":"bp_base_grid_list_item_module_staticList--537f7","staticListItem":"bp_base_grid_list_item_module_staticListItem--537f7"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "12.129.0",
+    "version": "12.130.0",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.15",
         "@ariakit/react-core": "0.4.15",
-        "@box/blueprint-web-assets": "^4.97.1",
+        "@box/blueprint-web-assets": "^4.97.3",
         "@internationalized/date": "^3.7.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -77,7 +77,7 @@
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^0.16.22",
+        "@box/storybook-utils": "^0.16.24",
         "@figma/code-connect": "1.3.12",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",