@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.
- package/lib-esm/accordion/accordion.module.js +1 -1
- package/lib-esm/avatar/avatar.module.js +1 -1
- package/lib-esm/basics/collapsible/collapsible-section.module.js +1 -1
- package/lib-esm/basics/date-picker/date-picker.module.js +1 -1
- package/lib-esm/basics/navigation-menu/navigation-menu.module.js +1 -1
- package/lib-esm/basics/text-input/text-input.module.js +1 -1
- package/lib-esm/card/card.module.js +1 -1
- package/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/lib-esm/checkbox/checkbox.module.js +1 -1
- package/lib-esm/combobox/combobox.module.js +1 -1
- package/lib-esm/content-card/content-card.module.js +1 -1
- package/lib-esm/data-table/cell/sticky-cell.module.js +1 -1
- package/lib-esm/data-table/data-table.module.js +1 -1
- package/lib-esm/empty-state/empty-state.module.js +1 -1
- package/lib-esm/ghost/ghost.module.js +1 -1
- package/lib-esm/guided-tooltip/guided-tooltip.module.js +1 -1
- package/lib-esm/index.css +777 -777
- package/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
- package/lib-esm/modal/modal-close.js +3 -5
- package/lib-esm/modal/modal.module.js +1 -1
- package/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/lib-esm/primitives/base-inline-notice/base-inline-notice.module.js +1 -1
- package/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/lib-esm/primitives/chips/chip.module.js +1 -1
- package/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- package/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/lib-esm/primitives/icon-button/icon-button.module.js +1 -1
- package/lib-esm/primitives/inline-error/inline-error.module.js +1 -1
- package/lib-esm/primitives/link/link.module.js +1 -1
- package/lib-esm/primitives/notification/notification.module.js +1 -1
- package/lib-esm/primitives/page-header/page-header.module.js +1 -1
- package/lib-esm/primitives/popover/popover.module.js +1 -1
- package/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/lib-esm/radio-group/radio-group.module.js +1 -1
- package/lib-esm/search-input/search.module.js +1 -1
- package/lib-esm/select/select.module.js +1 -1
- package/lib-esm/side-panel/side-panel.module.js +1 -1
- package/lib-esm/slider/slider-incrementer.module.js +1 -1
- package/lib-esm/slider/slider-range.module.js +1 -1
- package/lib-esm/slider/slider.module.js +1 -1
- package/lib-esm/status/status.module.js +1 -1
- package/lib-esm/switch/switch.module.js +1 -1
- package/lib-esm/text/text.module.js +1 -1
- package/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
- package/lib-esm/text-area/text-area.module.js +1 -1
- package/lib-esm/text-button/text-button.module.js +1 -1
- package/lib-esm/toolbar/toolbar.module.js +1 -1
- package/lib-esm/tooltip/tooltip.module.js +1 -1
- package/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/lib-esm/util-components/interactive-icon/interactive-icon.module.js +1 -1
- package/lib-esm/util-components/legend/legend.module.js +1 -1
- package/lib-esm/util-components/menu-item-sections/menu-item-sections.module.js +1 -1
- package/lib-esm/util-components/search-term-string/search-term-string.module.js +1 -1
- package/lib-esm/util-components/text-with-info-badge/text-with-info-badge.module.js +1 -1
- package/lib-esm/utils/{testStories.utils.d.ts → storybook/testStories.utils.d.ts} +4 -0
- package/lib-esm/utils/useBreakpoint.js +7 -7
- package/lib-esm/utils/useMedia.d.ts +1 -0
- package/lib-esm/utils/useMedia.js +16 -0
- package/lib-esm/utils/useScreenSize.d.ts +4 -0
- package/package.json +4 -4
- package/lib-esm/utils/useScreenSize.js +0 -23
- /package/lib-esm/utils/{VariantsAggregator.d.ts → storybook/VariantsAggregator.d.ts} +0 -0
- /package/lib-esm/utils/{a11yExceptionsConfig.d.ts → storybook/a11yExceptionsConfig.d.ts} +0 -0
- /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--
|
|
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 {
|
|
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' &&
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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_range_module_container--
|
|
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 = {"interactiveStatus":"bp_status_module_interactiveStatus--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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 = {"legendText":"bp_legend_module_legendText--
|
|
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--
|
|
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--
|
|
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--
|
|
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 };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BreakpointSmall, BreakpointMedium, BreakpointLarge, BreakpointXlarge } from '@box/blueprint-web-assets/tokens/tokens';
|
|
2
|
-
import {
|
|
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
|
-
|
|
29
|
-
|
|
30
|
-
if (
|
|
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 (
|
|
33
|
+
if (isMedium) {
|
|
34
34
|
return Breakpoint.Medium;
|
|
35
35
|
}
|
|
36
|
-
if (
|
|
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "6.
|
|
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.
|
|
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.
|
|
58
|
+
"@box/storybook-utils": "^0.0.5"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
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 };
|
|
File without changes
|
|
File without changes
|
|
File without changes
|