@box/blueprint-web 6.33.0 → 6.34.0

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

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

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

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

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"card":"bp_card_module_card--7a954","dropshadow-1":"bp_card_module_dropshadow-1--7a954","dropshadow-3":"bp_card_module_dropshadow-3--7a954"};
+var styles = {"card":"bp_card_module_card--6144b","dropshadow-1":"bp_card_module_dropshadow-1--6144b","dropshadow-3":"bp_card_module_dropshadow-3--6144b"};
 
 export { styles as default };

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

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

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

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

package/lib-esm/collapsible/collapsible-section.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--a3f66","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--a3f66","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--a3f66","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--a3f66","slideDown":"bp_collapsible_section_module_slideDown--a3f66","slideUp":"bp_collapsible_section_module_slideUp--a3f66","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--a3f66"};
+var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--85003","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--85003","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--85003","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--85003","slideDown":"bp_collapsible_section_module_slideDown--85003","slideUp":"bp_collapsible_section_module_slideUp--85003","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--85003"};
 
 export { styles as default };

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

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

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"card":"bp_content_card_module_card--f7f8d","cardContent":"bp_content_card_module_cardContent--f7f8d","cardTitle":"bp_content_card_module_cardTitle--f7f8d","cardTitleText":"bp_content_card_module_cardTitleText--f7f8d","cardBody":"bp_content_card_module_cardBody--f7f8d","cardBodyText":"bp_content_card_module_cardBodyText--f7f8d","cardIcon":"bp_content_card_module_cardIcon--f7f8d","cardBackground":"bp_content_card_module_cardBackground--f7f8d","image":"bp_content_card_module_image--f7f8d","ghostCard":"bp_content_card_module_ghostCard--f7f8d","iconGhost":"bp_content_card_module_iconGhost--f7f8d","titleGhost":"bp_content_card_module_titleGhost--f7f8d","bodyGhost":"bp_content_card_module_bodyGhost--f7f8d","pillGhostContainer":"bp_content_card_module_pillGhostContainer--f7f8d","pillGhost":"bp_content_card_module_pillGhost--f7f8d"};
+var styles = {"card":"bp_content_card_module_card--7794a","cardContent":"bp_content_card_module_cardContent--7794a","cardTitle":"bp_content_card_module_cardTitle--7794a","cardTitleText":"bp_content_card_module_cardTitleText--7794a","cardBody":"bp_content_card_module_cardBody--7794a","cardBodyText":"bp_content_card_module_cardBodyText--7794a","cardIcon":"bp_content_card_module_cardIcon--7794a","cardBackground":"bp_content_card_module_cardBackground--7794a","image":"bp_content_card_module_image--7794a","ghostCard":"bp_content_card_module_ghostCard--7794a","iconGhost":"bp_content_card_module_iconGhost--7794a","titleGhost":"bp_content_card_module_titleGhost--7794a","bodyGhost":"bp_content_card_module_bodyGhost--7794a","pillGhostContainer":"bp_content_card_module_pillGhostContainer--7794a","pillGhost":"bp_content_card_module_pillGhost--7794a"};
 
 export { styles as default };

package/lib-esm/content-field/content-field.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ContentFieldProps } from './types';
 export declare const contentFieldButtonTestId = "ContentField-button";
-export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title }: ContentFieldProps) => JSX.Element;
+export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title, error, }: ContentFieldProps) => JSX.Element;

package/lib-esm/content-field/content-field.js

@@ -8,6 +8,7 @@ import { createRef } from 'react';
 import { useFullTextTooltip } from '../utils/useFullTextTooltip.js';
 import styles from './content-field.module.js';
 import { messages } from './messages.js';
+import { InlineError } from '../primitives/inline-error/inline-error.js';
 
 const ContentIconContainer = ({
   children
@@ -42,7 +43,8 @@ const ContentField = ({
   onClick,
   onClickClearButton,
   isSharedFolder,
-  title
+  title,
+  error
 }) => {
   const ref = /*#__PURE__*/createRef();
   const {
@@ -54,39 +56,49 @@ const ContentField = ({
   });
   return jsxs("div", {
     className: styles.contentFieldWrapper,
-    children: [jsx(Tooltip, {
-      ...wrapperProps,
-      children: jsxs(Button, {
-        className: clsx(styles.contentButton, {
-          [styles.hasSelection]: title
+    children: [jsxs("div", {
+      className: styles.contentField,
+      children: [jsx(Tooltip, {
+        ...wrapperProps,
+        children: jsxs(Button, {
+          className: clsx(styles.contentButton, {
+            [styles.hasSelection]: title,
+            [styles.error]: !!error
+          }),
+          "data-testid": contentFieldButtonTestId,
+          onClick: onClick,
+          type: "button",
+          children: [jsx(ContentIcon, {
+            isSharedFolder: isSharedFolder
+          }), jsx("div", {
+            className: styles.contentLabelWrapper,
+            children: jsx("div", {
+              ref: ref,
+              className: styles.contentLabel,
+              children: title ?? hintText
+            })
+          })]
+        })
+      }), title && jsx(Button, {
+        "aria-label": messages.clearContentFieldButtonLabel,
+        className: clsx(styles.clearButton, {
+          [styles.hasSelection]: title,
+          [styles.error]: !!error
+        }),
+        onClick: handleOnClickClearButton({
+          ref,
+          onClickClearButton
         }),
-        "data-testid": contentFieldButtonTestId,
-        onClick: onClick,
         type: "button",
-        children: [jsx(ContentIcon, {
-          isSharedFolder: isSharedFolder
-        }), jsx("div", {
-          className: styles.contentLabelWrapper,
-          children: jsx("div", {
-            ref: ref,
-            className: styles.contentLabel,
-            children: title ?? hintText
-          })
-        })]
-      })
-    }), title && jsx(Button, {
-      "aria-label": messages.clearContentFieldButtonLabel,
-      className: styles.clearButton,
-      onClick: handleOnClickClearButton({
-        ref,
-        onClickClearButton
-      }),
-      type: "button",
-      children: jsx(XMark, {
-        "aria-label": messages.clearContentFieldIconLabel,
-        height: Space6,
-        width: Space6
-      })
+        children: jsx(XMark, {
+          "aria-label": messages.clearContentFieldIconLabel,
+          height: Space6,
+          width: Space6
+        })
+      })]
+    }), jsx(InlineError, {
+      className: styles.inlineError,
+      children: error
     })]
   });
 };

package/lib-esm/content-field/content-field.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--d616b","contentButton":"bp_content_field_module_contentButton--d616b","hasSelection":"bp_content_field_module_hasSelection--d616b","contentIconContainer":"bp_content_field_module_contentIconContainer--d616b","contentIconShared":"bp_content_field_module_contentIconShared--d616b","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--d616b","contentLabel":"bp_content_field_module_contentLabel--d616b","clearButton":"bp_content_field_module_clearButton--d616b"};
+var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--557cc","contentField":"bp_content_field_module_contentField--557cc","inlineError":"bp_content_field_module_inlineError--557cc","contentButton":"bp_content_field_module_contentButton--557cc","error":"bp_content_field_module_error--557cc","hasSelection":"bp_content_field_module_hasSelection--557cc","contentIconContainer":"bp_content_field_module_contentIconContainer--557cc","contentIconShared":"bp_content_field_module_contentIconShared--557cc","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--557cc","contentLabel":"bp_content_field_module_contentLabel--557cc","clearButton":"bp_content_field_module_clearButton--557cc"};
 
 export { styles as default };

package/lib-esm/content-field/types.d.ts

@@ -20,4 +20,8 @@ export interface ContentFieldProps {
      * title of the selected content selected content
      */
     title?: string;
+    /**
+     * The content of the error message
+     */
+    error?: React.ReactNode;
 }

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

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

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

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

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"datePicker":"bp_date_picker_module_datePicker--bf6a3","disabled":"bp_date_picker_module_disabled--bf6a3","label":"bp_date_picker_module_label--bf6a3","group":"bp_date_picker_module_group--bf6a3","groupContainer":"bp_date_picker_module_groupContainer--bf6a3","error":"bp_date_picker_module_error--bf6a3","groupContainerInput":"bp_date_picker_module_groupContainerInput--bf6a3","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--bf6a3","button":"bp_date_picker_module_button--bf6a3","clear":"bp_date_picker_module_clear--bf6a3","popover":"bp_date_picker_module_popover--bf6a3","slide":"bp_date_picker_module_slide--bf6a3","popoverContent":"bp_date_picker_module_popoverContent--bf6a3","inlineError":"bp_date_picker_module_inlineError--bf6a3"};
+var styles = {"datePicker":"bp_date_picker_module_datePicker--9cd94","disabled":"bp_date_picker_module_disabled--9cd94","label":"bp_date_picker_module_label--9cd94","group":"bp_date_picker_module_group--9cd94","groupContainer":"bp_date_picker_module_groupContainer--9cd94","error":"bp_date_picker_module_error--9cd94","groupContainerInput":"bp_date_picker_module_groupContainerInput--9cd94","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--9cd94","button":"bp_date_picker_module_button--9cd94","clear":"bp_date_picker_module_clear--9cd94","popover":"bp_date_picker_module_popover--9cd94","slide":"bp_date_picker_module_slide--9cd94","popoverContent":"bp_date_picker_module_popoverContent--9cd94","inlineError":"bp_date_picker_module_inlineError--9cd94"};
 
 export { styles as default };

package/lib-esm/empty-state/empty-state.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"emptyState":"bp_empty_state_module_emptyState--2f4c0","illustration":"bp_empty_state_module_illustration--2f4c0","body":"bp_empty_state_module_body--2f4c0","heading":"bp_empty_state_module_heading--2f4c0","button":"bp_empty_state_module_button--2f4c0","small":"bp_empty_state_module_small--2f4c0"};
+var styles = {"emptyState":"bp_empty_state_module_emptyState--c3a0d","illustration":"bp_empty_state_module_illustration--c3a0d","body":"bp_empty_state_module_body--c3a0d","heading":"bp_empty_state_module_heading--c3a0d","button":"bp_empty_state_module_button--c3a0d","small":"bp_empty_state_module_small--c3a0d"};
 
 export { styles as default };

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

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"ghost":"bp_ghost_module_ghost--a8ff6","ghost-keyframes":"bp_ghost_module_ghost-keyframes--a8ff6","circle":"bp_ghost_module_circle--a8ff6","pill":"bp_ghost_module_pill--a8ff6","rectangle":"bp_ghost_module_rectangle--a8ff6"};
+var styles = {"ghost":"bp_ghost_module_ghost--6cf32","ghost-keyframes":"bp_ghost_module_ghost-keyframes--6cf32","circle":"bp_ghost_module_circle--6cf32","pill":"bp_ghost_module_pill--6cf32","rectangle":"bp_ghost_module_rectangle--6cf32"};
 
 export { styles as default };

package/lib-esm/guided-tooltip/guided-tooltip.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"content":"bp_guided_tooltip_module_content--56cfc","body":"bp_guided_tooltip_module_body--56cfc","noTitle":"bp_guided_tooltip_module_noTitle--56cfc","title":"bp_guided_tooltip_module_title--56cfc","footer":"bp_guided_tooltip_module_footer--56cfc","actionButtons":"bp_guided_tooltip_module_actionButtons--56cfc","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--56cfc","closeButton":"bp_guided_tooltip_module_closeButton--56cfc","arrow":"bp_guided_tooltip_module_arrow--56cfc","icon":"bp_guided_tooltip_module_icon--56cfc","illustration":"bp_guided_tooltip_module_illustration--56cfc"};
+var styles = {"content":"bp_guided_tooltip_module_content--47972","body":"bp_guided_tooltip_module_body--47972","noTitle":"bp_guided_tooltip_module_noTitle--47972","title":"bp_guided_tooltip_module_title--47972","footer":"bp_guided_tooltip_module_footer--47972","actionButtons":"bp_guided_tooltip_module_actionButtons--47972","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--47972","closeButton":"bp_guided_tooltip_module_closeButton--47972","arrow":"bp_guided_tooltip_module_arrow--47972","icon":"bp_guided_tooltip_module_icon--47972","illustration":"bp_guided_tooltip_module_illustration--47972"};
 
 export { styles as default };