@box/blueprint-web 7.24.0 → 7.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/lib-esm/accordion/accordion.module.js +1 -1
  2. package/lib-esm/avatar/avatar.module.js +1 -1
  3. package/lib-esm/badge/base-badge.module.js +1 -1
  4. package/lib-esm/card/card.module.js +1 -1
  5. package/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
  6. package/lib-esm/checkbox/checkbox.module.js +1 -1
  7. package/lib-esm/collapsible/collapsible-section.module.js +1 -1
  8. package/lib-esm/combobox/combobox.js +4 -6
  9. package/lib-esm/combobox/combobox.module.js +1 -1
  10. package/lib-esm/combobox/types.d.ts +2 -5
  11. package/lib-esm/content-card/content-card.module.js +1 -1
  12. package/lib-esm/data-table/cell/sticky-cell.module.js +1 -1
  13. package/lib-esm/data-table/data-table.module.js +1 -1
  14. package/lib-esm/date-picker/date-picker.js +5 -2
  15. package/lib-esm/date-picker/date-picker.module.js +1 -1
  16. package/lib-esm/date-picker/types.d.ts +6 -3
  17. package/lib-esm/divider/divider.module.js +1 -1
  18. package/lib-esm/empty-state/empty-state.module.js +1 -1
  19. package/lib-esm/ghost/ghost.module.js +1 -1
  20. package/lib-esm/guided-tooltip/guided-tooltip.module.js +1 -1
  21. package/lib-esm/icon-dual-state-button/icon-dual-state-button.module.js +1 -1
  22. package/lib-esm/icon-toggle-button/icon-toggle-button.module.js +1 -1
  23. package/lib-esm/index.css +940 -891
  24. package/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
  25. package/lib-esm/modal/modal.module.js +1 -1
  26. package/lib-esm/navigation-menu/navigation-menu.module.js +1 -1
  27. package/lib-esm/page-section/page-section.module.js +1 -1
  28. package/lib-esm/password-input/password-input.module.js +1 -1
  29. package/lib-esm/primitives/base-button/base-button.module.js +1 -1
  30. package/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
  31. package/lib-esm/primitives/base-text-input/base-text-input.js +4 -6
  32. package/lib-esm/primitives/base-text-input/base-text-input.module.js +1 -1
  33. package/lib-esm/primitives/base-text-input/types.d.ts +2 -3
  34. package/lib-esm/primitives/calendar/calendar.module.js +1 -1
  35. package/lib-esm/primitives/chips/chip.module.js +1 -1
  36. package/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
  37. package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
  38. package/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
  39. package/lib-esm/primitives/inline-error/inline-error.module.js +1 -1
  40. package/lib-esm/primitives/link/link.module.js +1 -1
  41. package/lib-esm/primitives/notification/notification.module.js +1 -1
  42. package/lib-esm/primitives/page-header/page-header.module.js +1 -1
  43. package/lib-esm/primitives/popover/popover.module.js +1 -1
  44. package/lib-esm/primitives/tabs/tabs.module.js +1 -1
  45. package/lib-esm/radio-group/radio-group.module.js +1 -1
  46. package/lib-esm/search-input/search.module.js +1 -1
  47. package/lib-esm/select/select.js +3 -5
  48. package/lib-esm/select/select.module.js +1 -1
  49. package/lib-esm/select/types.d.ts +2 -5
  50. package/lib-esm/side-panel/side-panel-content.js +23 -10
  51. package/lib-esm/side-panel/side-panel-header.js +1 -1
  52. package/lib-esm/side-panel/side-panel-overlay.d.ts +1 -0
  53. package/lib-esm/side-panel/side-panel-overlay.js +2 -1
  54. package/lib-esm/side-panel/side-panel.js +2 -2
  55. package/lib-esm/side-panel/side-panel.module.js +1 -1
  56. package/lib-esm/side-panel/types.d.ts +3 -1
  57. package/lib-esm/slider/slider-incrementer.module.js +1 -1
  58. package/lib-esm/slider/slider-range.module.js +1 -1
  59. package/lib-esm/slider/slider.module.js +1 -1
  60. package/lib-esm/status/status.module.js +1 -1
  61. package/lib-esm/switch/switch.module.js +1 -1
  62. package/lib-esm/text/text.module.js +1 -1
  63. package/lib-esm/text/types.d.ts +6 -3
  64. package/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
  65. package/lib-esm/text-area/text-area.d.ts +2 -4
  66. package/lib-esm/text-area/text-area.js +4 -6
  67. package/lib-esm/text-area/text-area.module.js +1 -1
  68. package/lib-esm/text-area/types.d.ts +2 -3
  69. package/lib-esm/text-button/text-button.module.js +1 -1
  70. package/lib-esm/text-input/text-input.module.js +1 -1
  71. package/lib-esm/text-toggle-button/text-toggle-button.module.js +1 -1
  72. package/lib-esm/toolbar/toolbar.module.js +1 -1
  73. package/lib-esm/tooltip/tooltip.module.js +1 -1
  74. package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
  75. package/lib-esm/util-components/interactive-icon/interactive-icon.module.js +1 -1
  76. package/lib-esm/util-components/labelable/index.d.ts +1 -0
  77. package/lib-esm/util-components/labelable/types.d.ts +15 -0
  78. package/lib-esm/util-components/labelable/useLabelable.d.ts +3 -0
  79. package/lib-esm/util-components/labelable/useLabelable.js +69 -0
  80. package/lib-esm/util-components/legend/legend.module.js +1 -1
  81. package/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
  82. package/lib-esm/util-components/search-term-string/search-term-string.module.js +1 -1
  83. package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js +1 -1
  84. package/package.json +5 -5
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"accordionContent":"bp_accordion_module_accordionContent--f21e0","slideDown":"bp_accordion_module_slideDown--f21e0","slideUp":"bp_accordion_module_slideUp--f21e0","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--f21e0","accordionItem":"bp_accordion_module_accordionItem--f21e0","accordionFixedContent":"bp_accordion_module_accordionFixedContent--f21e0","accordionHeader":"bp_accordion_module_accordionHeader--f21e0","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--f21e0","accordionStatus":"bp_accordion_module_accordionStatus--f21e0","accordionTrigger":"bp_accordion_module_accordionTrigger--f21e0","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--f21e0"};
2
+ var styles = {"accordionContent":"bp_accordion_module_accordionContent--9afa5","slideDown":"bp_accordion_module_slideDown--9afa5","slideUp":"bp_accordion_module_slideUp--9afa5","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--9afa5","accordionItem":"bp_accordion_module_accordionItem--9afa5","accordionFixedContent":"bp_accordion_module_accordionFixedContent--9afa5","accordionHeader":"bp_accordion_module_accordionHeader--9afa5","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--9afa5","accordionStatus":"bp_accordion_module_accordionStatus--9afa5","accordionTrigger":"bp_accordion_module_accordionTrigger--9afa5","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--9afa5"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"avatar":"bp_avatar_module_avatar--cf181","badge":"bp_avatar_module_badge--cf181","text":"bp_avatar_module_text--cf181","small":"bp_avatar_module_small--cf181","length-1":"bp_avatar_module_length-1--cf181","length-2":"bp_avatar_module_length-2--cf181","medium":"bp_avatar_module_medium--cf181","large":"bp_avatar_module_large--cf181","length-3":"bp_avatar_module_length-3--cf181","length-4":"bp_avatar_module_length-4--cf181","xlarge":"bp_avatar_module_xlarge--cf181","image":"bp_avatar_module_image--cf181","loading":"bp_avatar_module_loading--cf181","anonymousAvatar":"bp_avatar_module_anonymousAvatar--cf181"};
2
+ var styles = {"avatar":"bp_avatar_module_avatar--90fd8","badge":"bp_avatar_module_badge--90fd8","text":"bp_avatar_module_text--90fd8","small":"bp_avatar_module_small--90fd8","length-1":"bp_avatar_module_length-1--90fd8","length-2":"bp_avatar_module_length-2--90fd8","medium":"bp_avatar_module_medium--90fd8","large":"bp_avatar_module_large--90fd8","length-3":"bp_avatar_module_length-3--90fd8","length-4":"bp_avatar_module_length-4--90fd8","xlarge":"bp_avatar_module_xlarge--90fd8","image":"bp_avatar_module_image--90fd8","loading":"bp_avatar_module_loading--90fd8","anonymousAvatar":"bp_avatar_module_anonymousAvatar--90fd8"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--ef5c8","badge":"bp_base_badge_module_badge--ef5c8","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--ef5c8","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--ef5c8","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--ef5c8","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--ef5c8","iconBadge":"bp_base_badge_module_iconBadge--ef5c8","statusBadge":"bp_base_badge_module_statusBadge--ef5c8","numericBadge":"bp_base_badge_module_numericBadge--ef5c8","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--ef5c8","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--ef5c8"};
2
+ var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--cd931","badge":"bp_base_badge_module_badge--cd931","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--cd931","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--cd931","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--cd931","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--cd931","iconBadge":"bp_base_badge_module_iconBadge--cd931","statusBadge":"bp_base_badge_module_statusBadge--cd931","numericBadge":"bp_base_badge_module_numericBadge--cd931","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--cd931","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--cd931"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"card":"bp_card_module_card--2f90f","dropshadow-1":"bp_card_module_dropshadow-1--2f90f","dropshadow-3":"bp_card_module_dropshadow-3--2f90f"};
2
+ var styles = {"card":"bp_card_module_card--5fee6","dropshadow-1":"bp_card_module_dropshadow-1--5fee6","dropshadow-3":"bp_card_module_dropshadow-3--5fee6"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_card_tooltip_module_content--9c0fc","card":"bp_card_tooltip_module_card--9c0fc","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--9c0fc","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--9c0fc","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--9c0fc","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--9c0fc"};
2
+ var styles = {"content":"bp_card_tooltip_module_content--7f881","card":"bp_card_tooltip_module_card--7f881","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--7f881","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--7f881","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--7f881","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--7f881"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"option":"bp_checkbox_module_option--28199","checkbox":"bp_checkbox_module_checkbox--28199","indicator":"bp_checkbox_module_indicator--28199","label":"bp_checkbox_module_label--28199","description":"bp_checkbox_module_description--28199","disabled":"bp_checkbox_module_disabled--28199"};
2
+ var styles = {"option":"bp_checkbox_module_option--a97d2","checkbox":"bp_checkbox_module_checkbox--a97d2","indicator":"bp_checkbox_module_indicator--a97d2","label":"bp_checkbox_module_label--a97d2","description":"bp_checkbox_module_description--a97d2","disabled":"bp_checkbox_module_disabled--a97d2"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--74f84","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--74f84","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--74f84","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--74f84","slideDown":"bp_collapsible_section_module_slideDown--74f84","slideUp":"bp_collapsible_section_module_slideUp--74f84","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--74f84"};
2
+ var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--d652e","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--d652e","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--d652e","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--d652e","slideDown":"bp_collapsible_section_module_slideDown--d652e","slideUp":"bp_collapsible_section_module_slideUp--d652e","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--d652e"};
3
3
 
4
4
  export { styles as default };
@@ -11,9 +11,9 @@ import { InlineError } from '../primitives/inline-error/inline-error.js';
11
11
  import { TextArea } from '../text-area/text-area.js';
12
12
  import { useForkRef } from '../utils/useForkRef.js';
13
13
  import { useUniqueId } from '../utils/useUniqueId.js';
14
- import { VisuallyHidden } from '../visually-hidden/visually-hidden.js';
15
14
  import { ChipsGroup } from './chips-group.js';
16
15
  import styles from './combobox.module.js';
16
+ import { useLabelable } from '../util-components/labelable/useLabelable.js';
17
17
 
18
18
  const getOptionValue = option => typeof option === 'string' ? option : option.value;
19
19
  const getOptionFromValue = (value, options) => options.find(option => typeof option === 'string' ? option === value : option.value === value);
@@ -236,15 +236,13 @@ const RootInner = ({
236
236
  const reference = useForkRef(inputRef, ref);
237
237
  const showChipsGroup = Array.isArray(selectedValue) && selectedValue.length > 0;
238
238
  const showComboboxCancelButton = clearButtonAriaLabel && (inputValue.length > 0 || (Array.isArray(selectedValue) ? selectedValue.length > 0 : !!selectedValue));
239
+ const Label = useLabelable(label, comboboxId);
239
240
  const inputComponent = isInput ? jsxs(Fragment, {
240
- children: [jsx("label", {
241
+ children: [jsx(Label, {
241
242
  className: clsx(styles.label, {
242
243
  [styles.hiddenLabel]: hideLabel
243
244
  }),
244
- htmlFor: comboboxId,
245
- children: hideLabel ? jsx(VisuallyHidden, {
246
- children: label
247
- }) : label
245
+ hideLabel: hideLabel
248
246
  }), jsx(PopoverAnchor, {
249
247
  store: comboboxStore,
250
248
  children: jsxs("div", {
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_combobox_module_container--40e62","disabled":"bp_combobox_module_disabled--40e62","label":"bp_combobox_module_label--40e62","hiddenLabel":"bp_combobox_module_hiddenLabel--40e62","comboboxContainer":"bp_combobox_module_comboboxContainer--40e62","withComboboxButtons":"bp_combobox_module_withComboboxButtons--40e62","error":"bp_combobox_module_error--40e62","textInputWrapper":"bp_combobox_module_textInputWrapper--40e62","textInput":"bp_combobox_module_textInput--40e62","errorIcon":"bp_combobox_module_errorIcon--40e62","comboboxButtons":"bp_combobox_module_comboboxButtons--40e62","withChipsGroup":"bp_combobox_module_withChipsGroup--40e62","inlineError":"bp_combobox_module_inlineError--40e62","popover":"bp_combobox_module_popover--40e62","option":"bp_combobox_module_option--40e62","indicator":"bp_combobox_module_indicator--40e62","indicatorIcon":"bp_combobox_module_indicatorIcon--40e62","optionWithIndicator":"bp_combobox_module_optionWithIndicator--40e62","loadingIndicator":"bp_combobox_module_loadingIndicator--40e62","noResultOption":"bp_combobox_module_noResultOption--40e62"};
2
+ var styles = {"container":"bp_combobox_module_container--77643","disabled":"bp_combobox_module_disabled--77643","label":"bp_combobox_module_label--77643","hiddenLabel":"bp_combobox_module_hiddenLabel--77643","comboboxContainer":"bp_combobox_module_comboboxContainer--77643","withComboboxButtons":"bp_combobox_module_withComboboxButtons--77643","error":"bp_combobox_module_error--77643","textInputWrapper":"bp_combobox_module_textInputWrapper--77643","textInput":"bp_combobox_module_textInput--77643","errorIcon":"bp_combobox_module_errorIcon--77643","comboboxButtons":"bp_combobox_module_comboboxButtons--77643","withChipsGroup":"bp_combobox_module_withChipsGroup--77643","inlineError":"bp_combobox_module_inlineError--77643","popover":"bp_combobox_module_popover--77643","option":"bp_combobox_module_option--77643","indicator":"bp_combobox_module_indicator--77643","indicatorIcon":"bp_combobox_module_indicatorIcon--77643","optionWithIndicator":"bp_combobox_module_optionWithIndicator--77643","loadingIndicator":"bp_combobox_module_loadingIndicator--77643","noResultOption":"bp_combobox_module_noResultOption--77643"};
3
3
 
4
4
  export { styles as default };
@@ -2,6 +2,7 @@
2
2
  import { type SelectItemProps } from '@ariakit/react-core/select/select-item';
3
3
  import { type SelectRendererProps } from '@ariakit/react-core/select/select-renderer';
4
4
  import { type TextAreaProps } from '../text-area/types';
5
+ import { type Labelable } from '../util-components/labelable/types';
5
6
  export type OptionValue = {
6
7
  value: string;
7
8
  disabled?: boolean;
@@ -9,11 +10,7 @@ export type OptionValue = {
9
10
  export type SingleSelectComboboxValue<FreeInput, T> = FreeInput extends true ? string : T;
10
11
  export type MultiSelectComboboxValue<FreeInput, T> = FreeInput extends true ? string[] : T[];
11
12
  export type ComboboxValue<Multiple, FreeInput, T> = Multiple extends true ? MultiSelectComboboxValue<FreeInput, T> : SingleSelectComboboxValue<FreeInput, T>;
12
- export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue> {
13
- /**
14
- * The label for the combobox.
15
- */
16
- label: string;
13
+ export interface ComboboxBaseProps<Multiple extends boolean, FreeInput extends boolean, T extends OptionValue> extends Labelable {
17
14
  /**
18
15
  * The list of values for the combobox items.
19
16
  */
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"card":"bp_content_card_module_card--55e4c","cardContent":"bp_content_card_module_cardContent--55e4c","cardTitle":"bp_content_card_module_cardTitle--55e4c","cardTitleText":"bp_content_card_module_cardTitleText--55e4c","cardBody":"bp_content_card_module_cardBody--55e4c","cardBodyText":"bp_content_card_module_cardBodyText--55e4c","cardIcon":"bp_content_card_module_cardIcon--55e4c","cardBackground":"bp_content_card_module_cardBackground--55e4c","image":"bp_content_card_module_image--55e4c","ghostCard":"bp_content_card_module_ghostCard--55e4c","iconGhost":"bp_content_card_module_iconGhost--55e4c","titleGhost":"bp_content_card_module_titleGhost--55e4c","bodyGhost":"bp_content_card_module_bodyGhost--55e4c","pillGhostContainer":"bp_content_card_module_pillGhostContainer--55e4c","pillGhost":"bp_content_card_module_pillGhost--55e4c"};
2
+ var styles = {"card":"bp_content_card_module_card--66a67","cardContent":"bp_content_card_module_cardContent--66a67","cardTitle":"bp_content_card_module_cardTitle--66a67","cardTitleText":"bp_content_card_module_cardTitleText--66a67","cardBody":"bp_content_card_module_cardBody--66a67","cardBodyText":"bp_content_card_module_cardBodyText--66a67","cardIcon":"bp_content_card_module_cardIcon--66a67","cardBackground":"bp_content_card_module_cardBackground--66a67","image":"bp_content_card_module_image--66a67","ghostCard":"bp_content_card_module_ghostCard--66a67","iconGhost":"bp_content_card_module_iconGhost--66a67","titleGhost":"bp_content_card_module_titleGhost--66a67","bodyGhost":"bp_content_card_module_bodyGhost--66a67","pillGhostContainer":"bp_content_card_module_pillGhostContainer--66a67","pillGhost":"bp_content_card_module_pillGhost--66a67"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--05467","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--05467","verticalBar":"bp_sticky_cell_module_verticalBar--05467","isScrolledX":"bp_sticky_cell_module_isScrolledX--05467","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--05467","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--05467"};
2
+ var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--5b8ed","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--5b8ed","verticalBar":"bp_sticky_cell_module_verticalBar--5b8ed","isScrolledX":"bp_sticky_cell_module_isScrolledX--5b8ed","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--5b8ed","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--5b8ed"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--ccb85","isScrolledX":"bp_data_table_module_isScrolledX--ccb85","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--ccb85"};
2
+ var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--1c634","isScrolledX":"bp_data_table_module_isScrolledX--1c634","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--1c634"};
3
3
 
4
4
  export { styles as default };
@@ -4,12 +4,13 @@ import { Gray65, Size4 } from '@box/blueprint-web-assets/tokens/tokens';
4
4
  import * as RadixPopover from '@radix-ui/react-popover';
5
5
  import clsx from 'clsx';
6
6
  import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
7
- import { DatePicker as DatePicker$1, Label, Group, DateInput, DateSegment, Button } from 'react-aria-components';
7
+ import { DatePicker as DatePicker$1, Group, DateInput, DateSegment, Button } from 'react-aria-components';
8
8
  import { Calendar as Calendar$1 } from '../primitives/calendar/calendar.js';
9
9
  import '@internationalized/date';
10
10
  import { IconButton } from '../primitives/icon-button/icon-button.js';
11
11
  import { InlineError } from '../primitives/inline-error/inline-error.js';
12
12
  import styles from './date-picker.module.js';
13
+ import { useLabelable } from '../util-components/labelable/useLabelable.js';
13
14
 
14
15
  const XMarkIcon = label => () => jsx(XMark, {
15
16
  "aria-label": label,
@@ -23,6 +24,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
23
24
  onChange,
24
25
  value,
25
26
  defaultValue,
27
+ hideLabel = false,
26
28
  label,
27
29
  openCalendarDropdownAriaLabel,
28
30
  clearDatePickerAriaLabel,
@@ -108,6 +110,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
108
110
  }
109
111
  }, []);
110
112
  const displayValue = value !== undefined ? value : internalValue;
113
+ const Label = useLabelable(label, '');
111
114
  return jsx(RadixPopover.Root, {
112
115
  onOpenChange: setIsCalendarOpen,
113
116
  open: isCalendarOpen,
@@ -124,7 +127,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
124
127
  className: clsx(styles.label, {
125
128
  [styles.disabled]: isDisabled
126
129
  }),
127
- children: label
130
+ hideLabel: hideLabel
128
131
  }), jsx(RadixPopover.Anchor, {
129
132
  asChild: true,
130
133
  children: jsxs(Group, {
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"datePicker":"bp_date_picker_module_datePicker--45cdd","disabled":"bp_date_picker_module_disabled--45cdd","label":"bp_date_picker_module_label--45cdd","group":"bp_date_picker_module_group--45cdd","groupContainer":"bp_date_picker_module_groupContainer--45cdd","error":"bp_date_picker_module_error--45cdd","groupContainerInput":"bp_date_picker_module_groupContainerInput--45cdd","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--45cdd","button":"bp_date_picker_module_button--45cdd","clear":"bp_date_picker_module_clear--45cdd","popover":"bp_date_picker_module_popover--45cdd","slide":"bp_date_picker_module_slide--45cdd","popoverContent":"bp_date_picker_module_popoverContent--45cdd","inlineError":"bp_date_picker_module_inlineError--45cdd"};
2
+ var styles = {"datePicker":"bp_date_picker_module_datePicker--e8043","disabled":"bp_date_picker_module_disabled--e8043","label":"bp_date_picker_module_label--e8043","group":"bp_date_picker_module_group--e8043","groupContainer":"bp_date_picker_module_groupContainer--e8043","error":"bp_date_picker_module_error--e8043","groupContainerInput":"bp_date_picker_module_groupContainerInput--e8043","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--e8043","button":"bp_date_picker_module_button--e8043","clear":"bp_date_picker_module_clear--e8043","popover":"bp_date_picker_module_popover--e8043","slide":"bp_date_picker_module_slide--e8043","popoverContent":"bp_date_picker_module_popoverContent--e8043","inlineError":"bp_date_picker_module_inlineError--e8043"};
3
3
 
4
4
  export { styles as default };
@@ -3,11 +3,14 @@ import { type DatePickerProps as RACDatePickerProps, type DateValue } from 'reac
3
3
  import { type CalendarBase } from '../primitives/calendar/types';
4
4
  import { type InputValueProps } from '../types/input-value-props';
5
5
  import { type Modify } from '../types/modify';
6
- interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'children'> {
6
+ import { type Labelable } from '../util-components/labelable/types';
7
+ interface DatePickerPropsBase extends Omit<RACDatePickerProps<DateValue>, 'children'>, Labelable {
7
8
  /**
8
- * Label displayed above date-picker input
9
+ * When `true`, label text is hidden.
10
+ *
11
+ * @default false
9
12
  */
10
- label: string;
13
+ hideLabel?: boolean;
11
14
  /**
12
15
  * Aria label for button opening calendar in DatePicker
13
16
  */
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"divider":"bp_divider_module_divider--58f06"};
2
+ var styles = {"divider":"bp_divider_module_divider--85082"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"emptyState":"bp_empty_state_module_emptyState--62a6e","illustration":"bp_empty_state_module_illustration--62a6e","body":"bp_empty_state_module_body--62a6e","heading":"bp_empty_state_module_heading--62a6e","button":"bp_empty_state_module_button--62a6e","small":"bp_empty_state_module_small--62a6e"};
2
+ var styles = {"emptyState":"bp_empty_state_module_emptyState--74b11","illustration":"bp_empty_state_module_illustration--74b11","body":"bp_empty_state_module_body--74b11","heading":"bp_empty_state_module_heading--74b11","button":"bp_empty_state_module_button--74b11","small":"bp_empty_state_module_small--74b11"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"ghost":"bp_ghost_module_ghost--672d9","ghost-keyframes":"bp_ghost_module_ghost-keyframes--672d9","circle":"bp_ghost_module_circle--672d9","pill":"bp_ghost_module_pill--672d9","rectangle":"bp_ghost_module_rectangle--672d9"};
2
+ var styles = {"ghost":"bp_ghost_module_ghost--55dd0","ghost-keyframes":"bp_ghost_module_ghost-keyframes--55dd0","circle":"bp_ghost_module_circle--55dd0","pill":"bp_ghost_module_pill--55dd0","rectangle":"bp_ghost_module_rectangle--55dd0"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_guided_tooltip_module_content--911f7","body":"bp_guided_tooltip_module_body--911f7","noTitle":"bp_guided_tooltip_module_noTitle--911f7","title":"bp_guided_tooltip_module_title--911f7","footer":"bp_guided_tooltip_module_footer--911f7","actionButtons":"bp_guided_tooltip_module_actionButtons--911f7","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--911f7","closeButton":"bp_guided_tooltip_module_closeButton--911f7","arrow":"bp_guided_tooltip_module_arrow--911f7","icon":"bp_guided_tooltip_module_icon--911f7","illustration":"bp_guided_tooltip_module_illustration--911f7"};
2
+ var styles = {"content":"bp_guided_tooltip_module_content--ae109","body":"bp_guided_tooltip_module_body--ae109","noTitle":"bp_guided_tooltip_module_noTitle--ae109","title":"bp_guided_tooltip_module_title--ae109","footer":"bp_guided_tooltip_module_footer--ae109","actionButtons":"bp_guided_tooltip_module_actionButtons--ae109","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--ae109","closeButton":"bp_guided_tooltip_module_closeButton--ae109","arrow":"bp_guided_tooltip_module_arrow--ae109","icon":"bp_guided_tooltip_module_icon--ae109","illustration":"bp_guided_tooltip_module_illustration--ae109"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--c18d4","pressed":"bp_icon_dual_state_button_module_pressed--c18d4","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--c18d4","smallButton":"bp_icon_dual_state_button_module_smallButton--c18d4"};
2
+ var styles = {"iconDualStateButton":"bp_icon_dual_state_button_module_iconDualStateButton--7683c","pressed":"bp_icon_dual_state_button_module_pressed--7683c","xsmallButton":"bp_icon_dual_state_button_module_xsmallButton--7683c","smallButton":"bp_icon_dual_state_button_module_smallButton--7683c"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--bf96b","high-contrast":"bp_icon_toggle_button_module_high-contrast--bf96b","icon":"bp_icon_toggle_button_module_icon--bf96b","default":"bp_icon_toggle_button_module_default--bf96b","medium":"bp_icon_toggle_button_module_medium--bf96b","small":"bp_icon_toggle_button_module_small--bf96b","x-small":"bp_icon_toggle_button_module_x-small--bf96b"};
2
+ var styles = {"iconToggleButton":"bp_icon_toggle_button_module_iconToggleButton--aa4cf","high-contrast":"bp_icon_toggle_button_module_high-contrast--aa4cf","icon":"bp_icon_toggle_button_module_icon--aa4cf","default":"bp_icon_toggle_button_module_default--aa4cf","medium":"bp_icon_toggle_button_module_medium--aa4cf","small":"bp_icon_toggle_button_module_small--aa4cf","x-small":"bp_icon_toggle_button_module_x-small--aa4cf"};
3
3
 
4
4
  export { styles as default };