@box/blueprint-web 6.23.1 → 6.24.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 (64) 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/basics/collapsible/collapsible-section.module.js +1 -1
  4. package/lib-esm/basics/date-picker/date-picker.module.js +1 -1
  5. package/lib-esm/basics/navigation-menu/navigation-menu.module.js +1 -1
  6. package/lib-esm/basics/text-input/text-input.module.js +1 -1
  7. package/lib-esm/card/card.module.js +1 -1
  8. package/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
  9. package/lib-esm/checkbox/checkbox.module.js +1 -1
  10. package/lib-esm/combobox/combobox.module.js +1 -1
  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/empty-state/empty-state.module.js +1 -1
  15. package/lib-esm/ghost/ghost.module.js +1 -1
  16. package/lib-esm/guided-tooltip/guided-tooltip.module.js +1 -1
  17. package/lib-esm/index.css +777 -777
  18. package/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
  19. package/lib-esm/modal/modal-close.js +3 -5
  20. package/lib-esm/modal/modal.module.js +1 -1
  21. package/lib-esm/primitives/base-button/base-button.module.js +1 -1
  22. package/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
  23. package/lib-esm/primitives/calendar/calendar.module.js +1 -1
  24. package/lib-esm/primitives/chips/chip.module.js +1 -1
  25. package/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
  26. package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
  27. package/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
  28. package/lib-esm/primitives/inline-error/inline-error.module.js +1 -1
  29. package/lib-esm/primitives/link/link.module.js +1 -1
  30. package/lib-esm/primitives/notification/notification.module.js +1 -1
  31. package/lib-esm/primitives/page-header/page-header.module.js +1 -1
  32. package/lib-esm/primitives/popover/popover.module.js +1 -1
  33. package/lib-esm/primitives/tabs/tabs.module.js +1 -1
  34. package/lib-esm/radio-group/radio-group.module.js +1 -1
  35. package/lib-esm/search-input/search.module.js +1 -1
  36. package/lib-esm/select/select.module.js +1 -1
  37. package/lib-esm/side-panel/side-panel.module.js +1 -1
  38. package/lib-esm/slider/slider-incrementer.module.js +1 -1
  39. package/lib-esm/slider/slider-range.module.js +1 -1
  40. package/lib-esm/slider/slider.module.js +1 -1
  41. package/lib-esm/status/status.module.js +1 -1
  42. package/lib-esm/switch/switch.module.js +1 -1
  43. package/lib-esm/text/text.module.js +1 -1
  44. package/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
  45. package/lib-esm/text-area/text-area.module.js +1 -1
  46. package/lib-esm/text-button/text-button.module.js +1 -1
  47. package/lib-esm/toolbar/toolbar.module.js +1 -1
  48. package/lib-esm/tooltip/tooltip.module.js +1 -1
  49. package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
  50. package/lib-esm/util-components/interactive-icon/interactive-icon.module.js +1 -1
  51. package/lib-esm/util-components/legend/legend.module.js +1 -1
  52. package/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
  53. package/lib-esm/util-components/search-term-string/search-term-string.module.js +1 -1
  54. package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js +1 -1
  55. package/lib-esm/utils/{testStories.utils.d.ts → storybook/testStories.utils.d.ts} +4 -0
  56. package/lib-esm/utils/useBreakpoint.js +7 -7
  57. package/lib-esm/utils/useMedia.d.ts +1 -0
  58. package/lib-esm/utils/useMedia.js +16 -0
  59. package/lib-esm/utils/useScreenSize.d.ts +4 -0
  60. package/package.json +4 -4
  61. package/lib-esm/utils/useScreenSize.js +0 -23
  62. /package/lib-esm/utils/{VariantsAggregator.d.ts → storybook/VariantsAggregator.d.ts} +0 -0
  63. /package/lib-esm/utils/{a11yExceptionsConfig.d.ts → storybook/a11yExceptionsConfig.d.ts} +0 -0
  64. /package/lib-esm/utils/{waitForAnimation.d.ts → storybook/waitForAnimation.d.ts} +0 -0
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"crawler":"bp_loading_indicator_module_crawler--9cdc7","segment":"bp_loading_indicator_module_segment--9cdc7","small":"bp_loading_indicator_module_small--9cdc7","large":"bp_loading_indicator_module_large--9cdc7","x-large":"bp_loading_indicator_module_x-large--9cdc7","default":"bp_loading_indicator_module_default--9cdc7","segment-transform":"bp_loading_indicator_module_segment-transform--9cdc7","segment-default":"bp_loading_indicator_module_segment-default--9cdc7","dark":"bp_loading_indicator_module_dark--9cdc7","segment-dark":"bp_loading_indicator_module_segment-dark--9cdc7","light":"bp_loading_indicator_module_light--9cdc7","segment-light":"bp_loading_indicator_module_segment-light--9cdc7"};
2
+ var styles = {"crawler":"bp_loading_indicator_module_crawler--f467e","segment":"bp_loading_indicator_module_segment--f467e","small":"bp_loading_indicator_module_small--f467e","large":"bp_loading_indicator_module_large--f467e","x-large":"bp_loading_indicator_module_x-large--f467e","default":"bp_loading_indicator_module_default--f467e","segment-transform":"bp_loading_indicator_module_segment-transform--f467e","segment-default":"bp_loading_indicator_module_segment-default--f467e","dark":"bp_loading_indicator_module_dark--f467e","segment-dark":"bp_loading_indicator_module_segment-dark--f467e","light":"bp_loading_indicator_module_light--f467e","segment-light":"bp_loading_indicator_module_segment-light--f467e"};
3
3
 
4
4
  export { styles as default };
@@ -4,7 +4,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
4
4
  import clsx from 'clsx';
5
5
  import { forwardRef } from 'react';
6
6
  import { IconButton } from '../primitives/icon-button/icon-button.js';
7
- import { useScreenSize } from '../utils/useScreenSize.js';
7
+ import { useMedia } from '../utils/useMedia.js';
8
8
  import styles from './modal.module.js';
9
9
 
10
10
  /**
@@ -20,12 +20,10 @@ const ModalClose = /*#__PURE__*/forwardRef(({
20
20
  }, forwardedRef) => {
21
21
  // Change IconButton size for Mobile (only when IconButton size is large)
22
22
  // TODO: change to media query tokens
23
- const {
24
- width
25
- } = useScreenSize();
26
23
  const breakpoint = 460;
24
+ const isMobile = useMedia(`(max-width: ${breakpoint}px)`);
27
25
  let iconButtonSize = size;
28
- if (size === 'large' && width < breakpoint) {
26
+ if (size === 'large' && isMobile) {
29
27
  iconButtonSize = 'small';
30
28
  }
31
29
  return jsx(RadixDialog.Close, {
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"overlay":"bp_modal_module_overlay--817e7","content":"bp_modal_module_content--817e7","popup_bounce_in":"bp_modal_module_popup_bounce_in--817e7","close":"bp_modal_module_close--817e7","onColor":"bp_modal_module_onColor--817e7","backButton":"bp_modal_module_backButton--817e7","modalHeader":"bp_modal_module_modalHeader--817e7","modalTitle":"bp_modal_module_modalTitle--817e7","body":"bp_modal_module_body--817e7","scrollableContainer":"bp_modal_module_scrollableContainer--817e7","headerDividerLine":"bp_modal_module_headerDividerLine--817e7","footerDividerLine":"bp_modal_module_footerDividerLine--817e7","footer":"bp_modal_module_footer--817e7","footerButton":"bp_modal_module_footerButton--817e7"};
2
+ var styles = {"overlay":"bp_modal_module_overlay--01a99","content":"bp_modal_module_content--01a99","popup_bounce_in":"bp_modal_module_popup_bounce_in--01a99","close":"bp_modal_module_close--01a99","onColor":"bp_modal_module_onColor--01a99","backButton":"bp_modal_module_backButton--01a99","modalHeader":"bp_modal_module_modalHeader--01a99","modalTitle":"bp_modal_module_modalTitle--01a99","body":"bp_modal_module_body--01a99","scrollableContainer":"bp_modal_module_scrollableContainer--01a99","headerDividerLine":"bp_modal_module_headerDividerLine--01a99","footerDividerLine":"bp_modal_module_footerDividerLine--01a99","footer":"bp_modal_module_footer--01a99","footerButton":"bp_modal_module_footerButton--01a99"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"button":"bp_base_button_module_button--b9af9","icon":"bp_base_button_module_icon--b9af9","primary":"bp_base_button_module_primary--b9af9","secondary":"bp_base_button_module_secondary--b9af9","tertiary":"bp_base_button_module_tertiary--b9af9","outline":"bp_base_button_module_outline--b9af9","small":"bp_base_button_module_small--b9af9","isIconButton":"bp_base_button_module_isIconButton--b9af9","large":"bp_base_button_module_large--b9af9","hide":"bp_base_button_module_hide--b9af9"};
2
+ var styles = {"button":"bp_base_button_module_button--5069e","icon":"bp_base_button_module_icon--5069e","primary":"bp_base_button_module_primary--5069e","secondary":"bp_base_button_module_secondary--5069e","tertiary":"bp_base_button_module_tertiary--5069e","outline":"bp_base_button_module_outline--5069e","small":"bp_base_button_module_small--5069e","isIconButton":"bp_base_button_module_isIconButton--5069e","large":"bp_base_button_module_large--5069e","hide":"bp_base_button_module_hide--5069e"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--a4388","actions":"bp_base_inline_notice_module_actions--a4388","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--a4388","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--a4388","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--a4388","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--a4388","backgroundRed":"bp_base_inline_notice_module_backgroundRed--a4388","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--a4388","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--a4388","contentContainer":"bp_base_inline_notice_module_contentContainer--a4388","content":"bp_base_inline_notice_module_content--a4388","title":"bp_base_inline_notice_module_title--a4388"};
2
+ var styles = {"noticeWrapper":"bp_base_inline_notice_module_noticeWrapper--45de7","actions":"bp_base_inline_notice_module_actions--45de7","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--45de7","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--45de7","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--45de7","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--45de7","backgroundRed":"bp_base_inline_notice_module_backgroundRed--45de7","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--45de7","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--45de7","contentContainer":"bp_base_inline_notice_module_contentContainer--45de7","content":"bp_base_inline_notice_module_content--45de7","title":"bp_base_inline_notice_module_title--45de7"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"calendar":"bp_calendar_module_calendar--31acb","calendarGrid":"bp_calendar_module_calendarGrid--31acb","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--31acb","calendarHeader":"bp_calendar_module_calendarHeader--31acb","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--31acb","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--31acb","calendarCell":"bp_calendar_module_calendarCell--31acb","today":"bp_calendar_module_today--31acb"};
2
+ var styles = {"calendar":"bp_calendar_module_calendar--e2cfe","calendarGrid":"bp_calendar_module_calendarGrid--e2cfe","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--e2cfe","calendarHeader":"bp_calendar_module_calendarHeader--e2cfe","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--e2cfe","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--e2cfe","calendarCell":"bp_calendar_module_calendarCell--e2cfe","today":"bp_calendar_module_today--e2cfe"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"chip":"bp_chip_module_chip--7f24b","labelText":"bp_chip_module_labelText--7f24b","chipStatus":"bp_chip_module_chipStatus--7f24b","chipButton":"bp_chip_module_chipButton--7f24b","singleSelectChip":"bp_chip_module_singleSelectChip--7f24b","multiSelectChip":"bp_chip_module_multiSelectChip--7f24b","chipsGroup":"bp_chip_module_chipsGroup--7f24b"};
2
+ var styles = {"chip":"bp_chip_module_chip--0d399","labelText":"bp_chip_module_labelText--0d399","chipStatus":"bp_chip_module_chipStatus--0d399","chipButton":"bp_chip_module_chipButton--0d399","singleSelectChip":"bp_chip_module_singleSelectChip--0d399","multiSelectChip":"bp_chip_module_multiSelectChip--0d399","chipsGroup":"bp_chip_module_chipsGroup--0d399"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"menuBlock":"bp_context_menu_module_menuBlock--9c43b","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--9c43b","menuItem":"bp_context_menu_module_menuItem--9c43b"};
2
+ var styles = {"menuBlock":"bp_context_menu_module_menuBlock--06c77","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--06c77","menuItem":"bp_context_menu_module_menuItem--06c77"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"content":"bp_dropdown_menu_module_content--33b3e","ellipsis":"bp_dropdown_menu_module_ellipsis--33b3e","checkmark":"bp_dropdown_menu_module_checkmark--33b3e","item":"bp_dropdown_menu_module_item--33b3e","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--33b3e","radioItem":"bp_dropdown_menu_module_radioItem--33b3e","checkboxItem":"bp_dropdown_menu_module_checkboxItem--33b3e","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--33b3e"};
2
+ var styles = {"content":"bp_dropdown_menu_module_content--a50e5","ellipsis":"bp_dropdown_menu_module_ellipsis--a50e5","checkmark":"bp_dropdown_menu_module_checkmark--a50e5","item":"bp_dropdown_menu_module_item--a50e5","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--a50e5","radioItem":"bp_dropdown_menu_module_radioItem--a50e5","checkboxItem":"bp_dropdown_menu_module_checkboxItem--a50e5","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--a50e5"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"iconButton":"bp_icon_button_module_iconButton--5ec37","iconColor":"bp_icon_button_module_iconColor--5ec37","large":"bp_icon_button_module_large--5ec37","small":"bp_icon_button_module_small--5ec37","x-small":"bp_icon_button_module_x-small--5ec37"};
2
+ var styles = {"iconButton":"bp_icon_button_module_iconButton--16bdc","iconColor":"bp_icon_button_module_iconColor--16bdc","large":"bp_icon_button_module_large--16bdc","small":"bp_icon_button_module_small--16bdc","x-small":"bp_icon_button_module_x-small--16bdc"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"inlineError":"bp_inline_error_module_inlineError--2a9c3","empty":"bp_inline_error_module_empty--2a9c3","errorIcon":"bp_inline_error_module_errorIcon--2a9c3"};
2
+ var styles = {"inlineError":"bp_inline_error_module_inlineError--1b891","empty":"bp_inline_error_module_empty--1b891","errorIcon":"bp_inline_error_module_errorIcon--1b891"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"link":"bp_link_module_link--4f9f7","inheritFont":"bp_link_module_inheritFont--4f9f7","standalone":"bp_link_module_standalone--4f9f7"};
2
+ var styles = {"link":"bp_link_module_link--cc977","inheritFont":"bp_link_module_inheritFont--cc977","standalone":"bp_link_module_standalone--cc977"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"viewport":"bp_notification_module_viewport--afda1","root":"bp_notification_module_root--afda1","container":"bp_notification_module_container--afda1","info":"bp_notification_module_info--afda1","success":"bp_notification_module_success--afda1","warning":"bp_notification_module_warning--afda1","error":"bp_notification_module_error--afda1","typeIcon":"bp_notification_module_typeIcon--afda1","text":"bp_notification_module_text--afda1","buttonSection":"bp_notification_module_buttonSection--afda1","contentButtons":"bp_notification_module_contentButtons--afda1","closeButton":"bp_notification_module_closeButton--afda1"};
2
+ var styles = {"viewport":"bp_notification_module_viewport--cf3b6","root":"bp_notification_module_root--cf3b6","container":"bp_notification_module_container--cf3b6","info":"bp_notification_module_info--cf3b6","success":"bp_notification_module_success--cf3b6","warning":"bp_notification_module_warning--cf3b6","error":"bp_notification_module_error--cf3b6","typeIcon":"bp_notification_module_typeIcon--cf3b6","text":"bp_notification_module_text--cf3b6","buttonSection":"bp_notification_module_buttonSection--cf3b6","contentButtons":"bp_notification_module_contentButtons--cf3b6","closeButton":"bp_notification_module_closeButton--cf3b6"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"pageHeader":"bp_page_header_module_pageHeader--987a9","sticky":"bp_page_header_module_sticky--987a9","default":"bp_page_header_module_default--987a9","inline":"bp_page_header_module_inline--987a9","corner":"bp_page_header_module_corner--987a9","startElements":"bp_page_header_module_startElements--987a9","endElements":"bp_page_header_module_endElements--987a9"};
2
+ var styles = {"pageHeader":"bp_page_header_module_pageHeader--acd4a","sticky":"bp_page_header_module_sticky--acd4a","default":"bp_page_header_module_default--acd4a","inline":"bp_page_header_module_inline--acd4a","corner":"bp_page_header_module_corner--acd4a","startElements":"bp_page_header_module_startElements--acd4a","endElements":"bp_page_header_module_endElements--acd4a"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"popoverMainContent":"bp_popover_module_popoverMainContent--d8e0f","popoverContentContainer":"bp_popover_module_popoverContentContainer--d8e0f","popoverCard":"bp_popover_module_popoverCard--d8e0f","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--d8e0f","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--d8e0f","popoverFooter":"bp_popover_module_popoverFooter--d8e0f","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--d8e0f"};
2
+ var styles = {"popoverMainContent":"bp_popover_module_popoverMainContent--aa58e","popoverContentContainer":"bp_popover_module_popoverContentContainer--aa58e","popoverCard":"bp_popover_module_popoverCard--aa58e","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--aa58e","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--aa58e","popoverFooter":"bp_popover_module_popoverFooter--aa58e","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--aa58e"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--6a56b","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--6a56b","contentSwitchTab":"bp_tabs_module_contentSwitchTab--6a56b","tabsListContainer":"bp_tabs_module_tabsListContainer--6a56b","tabList":"bp_tabs_module_tabList--6a56b","tabSeparator":"bp_tabs_module_tabSeparator--6a56b","tab":"bp_tabs_module_tab--6a56b"};
2
+ var styles = {"hiddenWidthSetter":"bp_tabs_module_hiddenWidthSetter--016e3","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--016e3","contentSwitchTab":"bp_tabs_module_contentSwitchTab--016e3","tabsListContainer":"bp_tabs_module_tabsListContainer--016e3","tabList":"bp_tabs_module_tabList--016e3","tabSeparator":"bp_tabs_module_tabSeparator--016e3","tab":"bp_tabs_module_tab--016e3"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"root":"bp_radio_group_module_root--6ee1d","horizontal":"bp_radio_group_module_horizontal--6ee1d","radioOption":"bp_radio_group_module_radioOption--6ee1d","label":"bp_radio_group_module_label--6ee1d","description":"bp_radio_group_module_description--6ee1d","disabled":"bp_radio_group_module_disabled--6ee1d","radioButton":"bp_radio_group_module_radioButton--6ee1d","indicator":"bp_radio_group_module_indicator--6ee1d"};
2
+ var styles = {"root":"bp_radio_group_module_root--2065e","horizontal":"bp_radio_group_module_horizontal--2065e","radioOption":"bp_radio_group_module_radioOption--2065e","label":"bp_radio_group_module_label--2065e","description":"bp_radio_group_module_description--2065e","disabled":"bp_radio_group_module_disabled--2065e","radioButton":"bp_radio_group_module_radioButton--2065e","indicator":"bp_radio_group_module_indicator--2065e"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"search":"bp_search_module_search--8a5f1","searchIcon":"bp_search_module_searchIcon--8a5f1","global":"bp_search_module_global--8a5f1","searchInput":"bp_search_module_searchInput--8a5f1","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--8a5f1","withoutActionButton":"bp_search_module_withoutActionButton--8a5f1","clearSearchIcon":"bp_search_module_clearSearchIcon--8a5f1","actionButton":"bp_search_module_actionButton--8a5f1"};
2
+ var styles = {"search":"bp_search_module_search--9dab8","searchIcon":"bp_search_module_searchIcon--9dab8","global":"bp_search_module_global--9dab8","searchInput":"bp_search_module_searchInput--9dab8","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--9dab8","withoutActionButton":"bp_search_module_withoutActionButton--9dab8","clearSearchIcon":"bp_search_module_clearSearchIcon--9dab8","actionButton":"bp_search_module_actionButton--9dab8"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_select_module_container--81bd2","disabled":"bp_select_module_disabled--81bd2","label":"bp_select_module_label--81bd2","triggerBtn":"bp_select_module_triggerBtn--81bd2","error":"bp_select_module_error--81bd2","iconWrapper":"bp_select_module_iconWrapper--81bd2","icon":"bp_select_module_icon--81bd2","content":"bp_select_module_content--81bd2","viewport":"bp_select_module_viewport--81bd2","option":"bp_select_module_option--81bd2","secondaryText":"bp_select_module_secondaryText--81bd2","indicator":"bp_select_module_indicator--81bd2","separator":"bp_select_module_separator--81bd2"};
2
+ var styles = {"container":"bp_select_module_container--bbdb3","disabled":"bp_select_module_disabled--bbdb3","label":"bp_select_module_label--bbdb3","triggerBtn":"bp_select_module_triggerBtn--bbdb3","error":"bp_select_module_error--bbdb3","iconWrapper":"bp_select_module_iconWrapper--bbdb3","icon":"bp_select_module_icon--bbdb3","content":"bp_select_module_content--bbdb3","viewport":"bp_select_module_viewport--bbdb3","option":"bp_select_module_option--bbdb3","secondaryText":"bp_select_module_secondaryText--bbdb3","indicator":"bp_select_module_indicator--bbdb3","separator":"bp_select_module_separator--bbdb3"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_side_panel_module_content--fc635","header":"bp_side_panel_module_header--fc635","headerMobile":"bp_side_panel_module_headerMobile--fc635","headerShadow":"bp_side_panel_module_headerShadow--fc635","contentAnimated":"bp_side_panel_module_contentAnimated--fc635","slideIn":"bp_side_panel_module_slideIn--fc635","dropShadowContent":"bp_side_panel_module_dropShadowContent--fc635","close":"bp_side_panel_module_close--fc635","overlay":"bp_side_panel_module_overlay--fc635","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--fc635","scrollableContainer":"bp_side_panel_module_scrollableContainer--fc635","footer":"bp_side_panel_module_footer--fc635","footerShadow":"bp_side_panel_module_footerShadow--fc635","footerButton":"bp_side_panel_module_footerButton--fc635"};
2
+ var styles = {"content":"bp_side_panel_module_content--e5396","header":"bp_side_panel_module_header--e5396","headerMobile":"bp_side_panel_module_headerMobile--e5396","headerShadow":"bp_side_panel_module_headerShadow--e5396","contentAnimated":"bp_side_panel_module_contentAnimated--e5396","slideIn":"bp_side_panel_module_slideIn--e5396","dropShadowContent":"bp_side_panel_module_dropShadowContent--e5396","close":"bp_side_panel_module_close--e5396","overlay":"bp_side_panel_module_overlay--e5396","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--e5396","scrollableContainer":"bp_side_panel_module_scrollableContainer--e5396","footer":"bp_side_panel_module_footer--e5396","footerShadow":"bp_side_panel_module_footerShadow--e5396","footerButton":"bp_side_panel_module_footerButton--e5396"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_slider_incrementer_module_container--82653"};
2
+ var styles = {"container":"bp_slider_incrementer_module_container--1f30e"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_slider_range_module_container--00457","hasFocus":"bp_slider_range_module_hasFocus--00457","thumb":"bp_slider_range_module_thumb--00457","root":"bp_slider_range_module_root--00457","disabled":"bp_slider_range_module_disabled--00457","track":"bp_slider_range_module_track--00457"};
2
+ var styles = {"container":"bp_slider_range_module_container--94ed5","hasFocus":"bp_slider_range_module_hasFocus--94ed5","thumb":"bp_slider_range_module_thumb--94ed5","root":"bp_slider_range_module_root--94ed5","disabled":"bp_slider_range_module_disabled--94ed5","track":"bp_slider_range_module_track--94ed5"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"container":"bp_slider_module_container--9699b"};
2
+ var styles = {"container":"bp_slider_module_container--7e911"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"interactiveStatus":"bp_status_module_interactiveStatus--8ccf1","status":"bp_status_module_status--8ccf1","reverse":"bp_status_module_reverse--8ccf1","circle":"bp_status_module_circle--8ccf1","text":"bp_status_module_text--8ccf1","maxContainer":"bp_status_module_maxContainer--8ccf1","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--8ccf1","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--8ccf1","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--8ccf1","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--8ccf1","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--8ccf1","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--8ccf1","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--8ccf1","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--8ccf1"};
2
+ var styles = {"interactiveStatus":"bp_status_module_interactiveStatus--0686d","status":"bp_status_module_status--0686d","reverse":"bp_status_module_reverse--0686d","circle":"bp_status_module_circle--0686d","text":"bp_status_module_text--0686d","maxContainer":"bp_status_module_maxContainer--0686d","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--0686d","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--0686d","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--0686d","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--0686d","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--0686d","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--0686d","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--0686d","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--0686d"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"option":"bp_switch_module_option--c6dca","label":"bp_switch_module_label--c6dca","rightAlign":"bp_switch_module_rightAlign--c6dca","description":"bp_switch_module_description--c6dca","switch":"bp_switch_module_switch--c6dca","thumb":"bp_switch_module_thumb--c6dca","disabled":"bp_switch_module_disabled--c6dca"};
2
+ var styles = {"option":"bp_switch_module_option--0df43","label":"bp_switch_module_label--0df43","rightAlign":"bp_switch_module_rightAlign--0df43","description":"bp_switch_module_description--0df43","switch":"bp_switch_module_switch--0df43","thumb":"bp_switch_module_thumb--0df43","disabled":"bp_switch_module_disabled--0df43"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"textReset":"bp_text_module_textReset--6aa3e","breakWord":"bp_text_module_breakWord--6aa3e","textOnLightDefault":"bp_text_module_textOnLightDefault--6aa3e","textOnLightSecondary":"bp_text_module_textOnLightSecondary--6aa3e","textOnLightLink":"bp_text_module_textOnLightLink--6aa3e","textOnDarkDefault":"bp_text_module_textOnDarkDefault--6aa3e","titleMondo":"bp_text_module_titleMondo--6aa3e","titleXLarge":"bp_text_module_titleXLarge--6aa3e","titleLarge":"bp_text_module_titleLarge--6aa3e","titleMedium":"bp_text_module_titleMedium--6aa3e","titleSmall":"bp_text_module_titleSmall--6aa3e","subtitle":"bp_text_module_subtitle--6aa3e","bodyLargeBold":"bp_text_module_bodyLargeBold--6aa3e","bodyLarge":"bp_text_module_bodyLarge--6aa3e","bodyDefaultBold":"bp_text_module_bodyDefaultBold--6aa3e","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--6aa3e","bodyDefault":"bp_text_module_bodyDefault--6aa3e","caption":"bp_text_module_caption--6aa3e","labelBold":"bp_text_module_labelBold--6aa3e","label":"bp_text_module_label--6aa3e"};
2
+ var styles = {"textReset":"bp_text_module_textReset--df917","breakWord":"bp_text_module_breakWord--df917","textOnLightDefault":"bp_text_module_textOnLightDefault--df917","textOnLightSecondary":"bp_text_module_textOnLightSecondary--df917","textOnLightLink":"bp_text_module_textOnLightLink--df917","textOnDarkDefault":"bp_text_module_textOnDarkDefault--df917","titleMondo":"bp_text_module_titleMondo--df917","titleXLarge":"bp_text_module_titleXLarge--df917","titleLarge":"bp_text_module_titleLarge--df917","titleMedium":"bp_text_module_titleMedium--df917","titleSmall":"bp_text_module_titleSmall--df917","subtitle":"bp_text_module_subtitle--df917","bodyLargeBold":"bp_text_module_bodyLargeBold--df917","bodyLarge":"bp_text_module_bodyLarge--df917","bodyDefaultBold":"bp_text_module_bodyDefaultBold--df917","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--df917","bodyDefault":"bp_text_module_bodyDefault--df917","caption":"bp_text_module_caption--df917","labelBold":"bp_text_module_labelBold--df917","label":"bp_text_module_label--df917"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"textArea":"bp_text_area_autosize_module_textArea--3bf78","error":"bp_text_area_autosize_module_error--3bf78","loading":"bp_text_area_autosize_module_loading--3bf78","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--3bf78","border":"bp_text_area_autosize_module_border--3bf78"};
2
+ var styles = {"textArea":"bp_text_area_autosize_module_textArea--f04b5","error":"bp_text_area_autosize_module_error--f04b5","loading":"bp_text_area_autosize_module_loading--f04b5","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--f04b5","border":"bp_text_area_autosize_module_border--f04b5"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"textAreaContainer":"bp_text_area_module_textAreaContainer--fcd64","label":"bp_text_area_module_label--fcd64","hidden":"bp_text_area_module_hidden--fcd64","disabled":"bp_text_area_module_disabled--fcd64","inlineError":"bp_text_area_module_inlineError--fcd64"};
2
+ var styles = {"textAreaContainer":"bp_text_area_module_textAreaContainer--6a4d6","label":"bp_text_area_module_label--6a4d6","hidden":"bp_text_area_module_hidden--6a4d6","disabled":"bp_text_area_module_disabled--6a4d6","inlineError":"bp_text_area_module_inlineError--6a4d6"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"textButton":"bp_text_button_module_textButton--2afec","isFontInherited":"bp_text_button_module_isFontInherited--2afec","isIconButton":"bp_text_button_module_isIconButton--2afec","scaleLoader":"bp_text_button_module_scaleLoader--2afec","icon":"bp_text_button_module_icon--2afec","hideTextContent":"bp_text_button_module_hideTextContent--2afec","visuallyHidden":"bp_text_button_module_visuallyHidden--2afec"};
2
+ var styles = {"textButton":"bp_text_button_module_textButton--805aa","isFontInherited":"bp_text_button_module_isFontInherited--805aa","isIconButton":"bp_text_button_module_isIconButton--805aa","scaleLoader":"bp_text_button_module_scaleLoader--805aa","icon":"bp_text_button_module_icon--805aa","hideTextContent":"bp_text_button_module_hideTextContent--805aa","visuallyHidden":"bp_text_button_module_visuallyHidden--805aa"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"toolbarRoot":"bp_toolbar_module_toolbarRoot--d025f","separator":"bp_toolbar_module_separator--d025f","toggleGroup":"bp_toolbar_module_toggleGroup--d025f","toolbarItem":"bp_toolbar_module_toolbarItem--d025f","toolbarToggle":"bp_toolbar_module_toolbarToggle--d025f","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--d025f","invertCaret":"bp_toolbar_module_invertCaret--d025f","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--d025f","toolbarIcon":"bp_toolbar_module_toolbarIcon--d025f"};
2
+ var styles = {"toolbarRoot":"bp_toolbar_module_toolbarRoot--76448","separator":"bp_toolbar_module_separator--76448","toggleGroup":"bp_toolbar_module_toggleGroup--76448","toolbarItem":"bp_toolbar_module_toolbarItem--76448","toolbarToggle":"bp_toolbar_module_toolbarToggle--76448","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--76448","invertCaret":"bp_toolbar_module_invertCaret--76448","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--76448","toolbarIcon":"bp_toolbar_module_toolbarIcon--76448"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"content":"bp_tooltip_module_content--bac44","standard":"bp_tooltip_module_standard--bac44","error":"bp_tooltip_module_error--bac44","arrow":"bp_tooltip_module_arrow--bac44"};
2
+ var styles = {"content":"bp_tooltip_module_content--38756","standard":"bp_tooltip_module_standard--38756","error":"bp_tooltip_module_error--38756","arrow":"bp_tooltip_module_arrow--38756"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"smallList":"bp_base_grid_list_item_module_smallList--07a1c","smallListItem":"bp_base_grid_list_item_module_smallListItem--07a1c","loading":"bp_base_grid_list_item_module_loading--07a1c","thumbnail":"bp_base_grid_list_item_module_thumbnail--07a1c","customSize":"bp_base_grid_list_item_module_customSize--07a1c","header":"bp_base_grid_list_item_module_header--07a1c","subtitle":"bp_base_grid_list_item_module_subtitle--07a1c","actions":"bp_base_grid_list_item_module_actions--07a1c","selection":"bp_base_grid_list_item_module_selection--07a1c","inner":"bp_base_grid_list_item_module_inner--07a1c","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--07a1c","largeList":"bp_base_grid_list_item_module_largeList--07a1c","largeListItem":"bp_base_grid_list_item_module_largeListItem--07a1c","fade":"bp_base_grid_list_item_module_fade--07a1c","description":"bp_base_grid_list_item_module_description--07a1c","snippet":"bp_base_grid_list_item_module_snippet--07a1c","snippetContent":"bp_base_grid_list_item_module_snippetContent--07a1c","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--07a1c","gridList":"bp_base_grid_list_item_module_gridList--07a1c","gridListItem":"bp_base_grid_list_item_module_gridListItem--07a1c","statusPin":"bp_base_grid_list_item_module_statusPin--07a1c","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--07a1c","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--07a1c","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--07a1c"};
2
+ var styles = {"smallList":"bp_base_grid_list_item_module_smallList--6e353","smallListItem":"bp_base_grid_list_item_module_smallListItem--6e353","loading":"bp_base_grid_list_item_module_loading--6e353","thumbnail":"bp_base_grid_list_item_module_thumbnail--6e353","customSize":"bp_base_grid_list_item_module_customSize--6e353","header":"bp_base_grid_list_item_module_header--6e353","subtitle":"bp_base_grid_list_item_module_subtitle--6e353","actions":"bp_base_grid_list_item_module_actions--6e353","selection":"bp_base_grid_list_item_module_selection--6e353","inner":"bp_base_grid_list_item_module_inner--6e353","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--6e353","largeList":"bp_base_grid_list_item_module_largeList--6e353","largeListItem":"bp_base_grid_list_item_module_largeListItem--6e353","fade":"bp_base_grid_list_item_module_fade--6e353","description":"bp_base_grid_list_item_module_description--6e353","snippet":"bp_base_grid_list_item_module_snippet--6e353","snippetContent":"bp_base_grid_list_item_module_snippetContent--6e353","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--6e353","gridList":"bp_base_grid_list_item_module_gridList--6e353","gridListItem":"bp_base_grid_list_item_module_gridListItem--6e353","statusPin":"bp_base_grid_list_item_module_statusPin--6e353","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--6e353","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--6e353","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--6e353"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"interactiveIcon":"bp_interactive_icon_module_interactiveIcon--a3e54"};
2
+ var styles = {"interactiveIcon":"bp_interactive_icon_module_interactiveIcon--cbf66"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"legendText":"bp_legend_module_legendText--08246","fieldset":"bp_legend_module_fieldset--08246","legend":"bp_legend_module_legend--08246","wide":"bp_legend_module_wide--08246"};
2
+ var styles = {"legendText":"bp_legend_module_legendText--c758b","fieldset":"bp_legend_module_fieldset--c758b","legend":"bp_legend_module_legend--c758b","wide":"bp_legend_module_wide--c758b"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--98e65","label":"bp_menu_item_sections_module_label--98e65","bold":"bp_menu_item_sections_module_bold--98e65","description":"bp_menu_item_sections_module_description--98e65","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--98e65","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--98e65"};
2
+ var styles = {"menuItemMainContent":"bp_menu_item_sections_module_menuItemMainContent--81e36","label":"bp_menu_item_sections_module_label--81e36","bold":"bp_menu_item_sections_module_bold--81e36","description":"bp_menu_item_sections_module_description--81e36","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--81e36","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--81e36"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"searchTerm":"bp_search_term_string_module_searchTerm--dd7c2","searchTermString":"bp_search_term_string_module_searchTermString--dd7c2"};
2
+ var styles = {"searchTerm":"bp_search_term_string_module_searchTerm--af9a4","searchTermString":"bp_search_term_string_module_searchTermString--af9a4"};
3
3
 
4
4
  export { styles as default };
@@ -1,4 +1,4 @@
1
1
  import '../../index.css';
2
- var styles = {"text":"bp_text_with_info_badge_module_text--6c00c","muted":"bp_text_with_info_badge_module_muted--6c00c","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--6c00c","badge":"bp_text_with_info_badge_module_badge--6c00c"};
2
+ var styles = {"text":"bp_text_with_info_badge_module_text--b6d47","muted":"bp_text_with_info_badge_module_muted--b6d47","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--b6d47","badge":"bp_text_with_info_badge_module_badge--b6d47"};
3
3
 
4
4
  export { styles as default };
@@ -47,6 +47,10 @@ export declare const onlyDocsParametersConfig: {
47
47
  };
48
48
  };
49
49
  export declare const subComponentsDocsConfig: {
50
+ componentPlacement: string;
51
+ docs: {
52
+ page: () => string;
53
+ };
50
54
  viewMode: string;
51
55
  previewTabs: {
52
56
  canvas: {
@@ -1,5 +1,5 @@
1
1
  import { BreakpointSmall, BreakpointMedium, BreakpointLarge, BreakpointXlarge } from '@box/blueprint-web-assets/tokens/tokens';
2
- import { useScreenSize } from './useScreenSize.js';
2
+ import { useMedia } from './useMedia.js';
3
3
 
4
4
  var Breakpoint;
5
5
  (function (Breakpoint) {
@@ -24,16 +24,16 @@ const breakpointsBounds = {
24
24
  * @returns Breakpoint enum
25
25
  */
26
26
  const useBreakpoint = () => {
27
- const {
28
- width
29
- } = useScreenSize();
30
- if (width <= breakpointsBounds.small) {
27
+ const isSmall = useMedia(`(max-width: ${breakpointsBounds.small}px)`);
28
+ const isMedium = useMedia(`(max-width: ${breakpointsBounds.medium}px)`);
29
+ const isLarge = useMedia(`(max-width: ${breakpointsBounds.large}px)`);
30
+ if (isSmall) {
31
31
  return Breakpoint.Small;
32
32
  }
33
- if (width <= breakpointsBounds.medium) {
33
+ if (isMedium) {
34
34
  return Breakpoint.Medium;
35
35
  }
36
- if (width <= breakpointsBounds.large) {
36
+ if (isLarge) {
37
37
  return Breakpoint.Large;
38
38
  }
39
39
  return Breakpoint.XLarge;
@@ -0,0 +1 @@
1
+ export declare const useMedia: (query: string) => boolean;
@@ -0,0 +1,16 @@
1
+ import { useState, useEffect } from 'react';
2
+
3
+ const useMedia = query => {
4
+ const [matches, setMatches] = useState(window.matchMedia(query).matches);
5
+ useEffect(() => {
6
+ const mediaQueryList = window.matchMedia(query);
7
+ const onChange = e => setMatches(e.matches);
8
+ mediaQueryList.addEventListener('change', onChange);
9
+ return () => {
10
+ mediaQueryList.removeEventListener('change', onChange);
11
+ };
12
+ }, [query]);
13
+ return matches;
14
+ };
15
+
16
+ export { useMedia };
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @deprecated This hook is deprecated. Consider using useBreakpoint instead.
3
+ * @todo Remove it in next breaking change.
4
+ */
1
5
  export declare const useScreenSize: () => {
2
6
  width: number;
3
7
  height: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web",
3
- "version": "6.23.1",
3
+ "version": "6.24.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "publishConfig": {
6
6
  "access": "public",
@@ -23,7 +23,7 @@
23
23
  "dependencies": {
24
24
  "@ariakit/react": "0.4.1",
25
25
  "@ariakit/react-core": "0.4.1",
26
- "@box/blueprint-web-assets": "^4.7.0",
26
+ "@box/blueprint-web-assets": "^4.8.0",
27
27
  "@internationalized/date": "^3.5.1",
28
28
  "@radix-ui/react-accordion": "^1.1.2",
29
29
  "@radix-ui/react-checkbox": "^1.0.4",
@@ -55,9 +55,9 @@
55
55
  "type-fest": "^3.2.0"
56
56
  },
57
57
  "devDependencies": {
58
- "@box/storybook-utils": "^0.0.3"
58
+ "@box/storybook-utils": "^0.0.5"
59
59
  },
60
- "gitHead": "3a45db7265f9708c69680144bb0d1c5d7a1cb793",
60
+ "gitHead": "ac656c48b936d1eb1c60852eb6213fdfd4eba0a0",
61
61
  "module": "lib-esm/index.js",
62
62
  "main": "lib-esm/index.js",
63
63
  "exports": {
@@ -1,23 +0,0 @@
1
- import { useState, useEffect } from 'react';
2
-
3
- const useScreenSize = () => {
4
- const [screenSize, setScreenSize] = useState({
5
- width: window.innerWidth,
6
- height: window.innerHeight
7
- });
8
- useEffect(() => {
9
- const handleResize = () => {
10
- setScreenSize({
11
- width: window.innerWidth,
12
- height: window.innerHeight
13
- });
14
- };
15
- window.addEventListener('resize', handleResize);
16
- return () => {
17
- window.removeEventListener('resize', handleResize);
18
- };
19
- }, []);
20
- return screenSize;
21
- };
22
-
23
- export { useScreenSize };