@box/blueprint-web 7.24.1 → 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.
- package/lib-esm/accordion/accordion.module.js +1 -1
- package/lib-esm/avatar/avatar.module.js +1 -1
- package/lib-esm/badge/base-badge.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/collapsible/collapsible-section.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/date-picker/date-picker.module.js +1 -1
- package/lib-esm/divider/divider.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/icon-dual-state-button/icon-dual-state-button.module.js +1 -1
- package/lib-esm/icon-toggle-button/icon-toggle-button.module.js +1 -1
- package/lib-esm/index.css +940 -891
- package/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
- package/lib-esm/modal/modal.module.js +1 -1
- package/lib-esm/navigation-menu/navigation-menu.module.js +1 -1
- package/lib-esm/page-section/page-section.module.js +1 -1
- package/lib-esm/password-input/password-input.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/base-text-input/base-text-input.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-content.js +23 -10
- package/lib-esm/side-panel/side-panel-header.js +1 -1
- package/lib-esm/side-panel/side-panel-overlay.d.ts +1 -0
- package/lib-esm/side-panel/side-panel-overlay.js +2 -1
- package/lib-esm/side-panel/side-panel.js +2 -2
- package/lib-esm/side-panel/side-panel.module.js +1 -1
- package/lib-esm/side-panel/types.d.ts +3 -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/text-input/text-input.module.js +1 -1
- package/lib-esm/text-toggle-button/text-toggle-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/package.json +4 -3
|
@@ -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--36c81","segment":"bp_loading_indicator_module_segment--36c81","small":"bp_loading_indicator_module_small--36c81","large":"bp_loading_indicator_module_large--36c81","x-large":"bp_loading_indicator_module_x-large--36c81","default":"bp_loading_indicator_module_default--36c81","segment-transform":"bp_loading_indicator_module_segment-transform--36c81","segment-default":"bp_loading_indicator_module_segment-default--36c81","dark":"bp_loading_indicator_module_dark--36c81","segment-dark":"bp_loading_indicator_module_segment-dark--36c81","light":"bp_loading_indicator_module_light--36c81","segment-light":"bp_loading_indicator_module_segment-light--36c81"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -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--5b86b","content":"bp_modal_module_content--5b86b","popup_bounce_in":"bp_modal_module_popup_bounce_in--5b86b","smallSizeModal":"bp_modal_module_smallSizeModal--5b86b","mediumSizeModal":"bp_modal_module_mediumSizeModal--5b86b","largeSizeModal":"bp_modal_module_largeSizeModal--5b86b","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--5b86b","close":"bp_modal_module_close--5b86b","onColor":"bp_modal_module_onColor--5b86b","backButton":"bp_modal_module_backButton--5b86b","modalHeader":"bp_modal_module_modalHeader--5b86b","modalTitle":"bp_modal_module_modalTitle--5b86b","body":"bp_modal_module_body--5b86b","scrollableContainer":"bp_modal_module_scrollableContainer--5b86b","headerDividerLine":"bp_modal_module_headerDividerLine--5b86b","footerDividerLine":"bp_modal_module_footerDividerLine--5b86b","footer":"bp_modal_module_footer--5b86b","footerButton":"bp_modal_module_footerButton--5b86b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"link":"bp_navigation_menu_module_link--
|
|
2
|
+
var styles = {"link":"bp_navigation_menu_module_link--51f06","ellipsis":"bp_navigation_menu_module_ellipsis--51f06","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--51f06"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"pageSectionContainer":"bp_page_section_module_pageSectionContainer--
|
|
2
|
+
var styles = {"pageSectionContainer":"bp_page_section_module_pageSectionContainer--1a75e","pageSection":"bp_page_section_module_pageSection--1a75e","pageSectionHeader":"bp_page_section_module_pageSectionHeader--1a75e","pageSectionContent":"bp_page_section_module_pageSectionContent--1a75e","pageSectionDivider":"bp_page_section_module_pageSectionDivider--1a75e"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"passwordInput":"bp_password_input_module_passwordInput--
|
|
2
|
+
var styles = {"passwordInput":"bp_password_input_module_passwordInput--561e8","iconButton":"bp_password_input_module_iconButton--561e8"};
|
|
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--baf1f","icon":"bp_base_button_module_icon--baf1f","primary":"bp_base_button_module_primary--baf1f","secondary":"bp_base_button_module_secondary--baf1f","tertiary":"bp_base_button_module_tertiary--baf1f","outline":"bp_base_button_module_outline--baf1f","small":"bp_base_button_module_small--baf1f","isIconButton":"bp_base_button_module_isIconButton--baf1f","large":"bp_base_button_module_large--baf1f","hide":"bp_base_button_module_hide--baf1f"};
|
|
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--fe159","actions":"bp_base_inline_notice_module_actions--fe159","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--fe159","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--fe159","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--fe159","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--fe159","backgroundRed":"bp_base_inline_notice_module_backgroundRed--fe159","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--fe159","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--fe159","contentContainer":"bp_base_inline_notice_module_contentContainer--fe159","content":"bp_base_inline_notice_module_content--fe159","title":"bp_base_inline_notice_module_title--fe159"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"textInputContainer":"bp_base_text_input_module_textInputContainer--
|
|
2
|
+
var styles = {"textInputContainer":"bp_base_text_input_module_textInputContainer--5af83","label":"bp_base_text_input_module_label--5af83","hidden":"bp_base_text_input_module_hidden--5af83","textInput":"bp_base_text_input_module_textInput--5af83","error":"bp_base_text_input_module_error--5af83","iconShared":"bp_base_text_input_module_iconShared--5af83","disabled":"bp_base_text_input_module_disabled--5af83","inlineError":"bp_base_text_input_module_inlineError--5af83"};
|
|
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--51ced","calendarGrid":"bp_calendar_module_calendarGrid--51ced","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--51ced","calendarHeader":"bp_calendar_module_calendarHeader--51ced","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--51ced","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--51ced","calendarCell":"bp_calendar_module_calendarCell--51ced","today":"bp_calendar_module_today--51ced"};
|
|
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--5a00a","labelText":"bp_chip_module_labelText--5a00a","chipStatus":"bp_chip_module_chipStatus--5a00a","chipButton":"bp_chip_module_chipButton--5a00a","singleSelectChip":"bp_chip_module_singleSelectChip--5a00a","multiSelectChip":"bp_chip_module_multiSelectChip--5a00a","chipsGroup":"bp_chip_module_chipsGroup--5a00a"};
|
|
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--fbae7","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--fbae7","menuItem":"bp_context_menu_module_menuItem--fbae7"};
|
|
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--7a079","ellipsis":"bp_dropdown_menu_module_ellipsis--7a079","checkmark":"bp_dropdown_menu_module_checkmark--7a079","item":"bp_dropdown_menu_module_item--7a079","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--7a079","radioItem":"bp_dropdown_menu_module_radioItem--7a079","checkboxItem":"bp_dropdown_menu_module_checkboxItem--7a079","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--7a079"};
|
|
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--057c9","icon":"bp_icon_button_module_icon--057c9","default":"bp_icon_button_module_default--057c9","icon-logo":"bp_icon_button_module_icon-logo--057c9","high-contrast":"bp_icon_button_module_high-contrast--057c9","small-utility":"bp_icon_button_module_small-utility--057c9","large":"bp_icon_button_module_large--057c9","small":"bp_icon_button_module_small--057c9","x-small":"bp_icon_button_module_x-small--057c9"};
|
|
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--fb9d1","empty":"bp_inline_error_module_empty--fb9d1","errorIcon":"bp_inline_error_module_errorIcon--fb9d1"};
|
|
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--d6465","inheritFont":"bp_link_module_inheritFont--d6465","standalone":"bp_link_module_standalone--d6465","hasIcon":"bp_link_module_hasIcon--d6465","icon":"bp_link_module_icon--d6465"};
|
|
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--e99a6","root":"bp_notification_module_root--e99a6","container":"bp_notification_module_container--e99a6","mobileContainer":"bp_notification_module_mobileContainer--e99a6","withButtons":"bp_notification_module_withButtons--e99a6","info":"bp_notification_module_info--e99a6","success":"bp_notification_module_success--e99a6","warning":"bp_notification_module_warning--e99a6","error":"bp_notification_module_error--e99a6","typeIconContainer":"bp_notification_module_typeIconContainer--e99a6","typeIcon":"bp_notification_module_typeIcon--e99a6","text":"bp_notification_module_text--e99a6","contentButtonSection":"bp_notification_module_contentButtonSection--e99a6","contentButtons":"bp_notification_module_contentButtons--e99a6","closeButtonSection":"bp_notification_module_closeButtonSection--e99a6","closeButton":"bp_notification_module_closeButton--e99a6"};
|
|
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--9b90b","sticky":"bp_page_header_module_sticky--9b90b","default":"bp_page_header_module_default--9b90b","inline":"bp_page_header_module_inline--9b90b","corner":"bp_page_header_module_corner--9b90b","startElements":"bp_page_header_module_startElements--9b90b","endElements":"bp_page_header_module_endElements--9b90b"};
|
|
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--2068d","popoverContentContainer":"bp_popover_module_popoverContentContainer--2068d","popoverCard":"bp_popover_module_popoverCard--2068d","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--2068d","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--2068d","popoverFooter":"bp_popover_module_popoverFooter--2068d","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--2068d"};
|
|
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--daece","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--daece","contentSwitchTab":"bp_tabs_module_contentSwitchTab--daece","tabsListContainer":"bp_tabs_module_tabsListContainer--daece","tabList":"bp_tabs_module_tabList--daece","tabSeparator":"bp_tabs_module_tabSeparator--daece","tab":"bp_tabs_module_tab--daece"};
|
|
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--0c7de","horizontal":"bp_radio_group_module_horizontal--0c7de","radioOption":"bp_radio_group_module_radioOption--0c7de","label":"bp_radio_group_module_label--0c7de","description":"bp_radio_group_module_description--0c7de","disabled":"bp_radio_group_module_disabled--0c7de","radioButton":"bp_radio_group_module_radioButton--0c7de","indicator":"bp_radio_group_module_indicator--0c7de"};
|
|
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--f2b54","searchIcon":"bp_search_module_searchIcon--f2b54","global":"bp_search_module_global--f2b54","searchInput":"bp_search_module_searchInput--f2b54","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--f2b54","withoutActionButton":"bp_search_module_withoutActionButton--f2b54","clearSearchIcon":"bp_search_module_clearSearchIcon--f2b54","actionButton":"bp_search_module_actionButton--f2b54"};
|
|
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--48e5e","disabled":"bp_select_module_disabled--48e5e","label":"bp_select_module_label--48e5e","triggerBtn":"bp_select_module_triggerBtn--48e5e","error":"bp_select_module_error--48e5e","iconWrapper":"bp_select_module_iconWrapper--48e5e","icon":"bp_select_module_icon--48e5e","content":"bp_select_module_content--48e5e","viewport":"bp_select_module_viewport--48e5e","option":"bp_select_module_option--48e5e","secondaryText":"bp_select_module_secondaryText--48e5e","indicator":"bp_select_module_indicator--48e5e","separator":"bp_select_module_separator--48e5e"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import * as RadixDialog from '@radix-ui/react-dialog';
|
|
3
3
|
import { clsx } from 'clsx';
|
|
4
|
-
import { forwardRef } from 'react';
|
|
4
|
+
import { forwardRef, useCallback } from 'react';
|
|
5
|
+
import { FocusScope } from '@radix-ui/react-focus-scope';
|
|
5
6
|
import styles from './side-panel.module.js';
|
|
6
7
|
import { useVariant } from './variant-context.js';
|
|
7
8
|
|
|
@@ -15,14 +16,26 @@ const SidePanelContent = /*#__PURE__*/forwardRef(({
|
|
|
15
16
|
...props
|
|
16
17
|
}, forwardedRef) => {
|
|
17
18
|
const variant = useVariant();
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
const isInteractiveOverlayVariant = variant === 'interactiveOverlay';
|
|
20
|
+
const handleInteractOutside = useCallback(event => {
|
|
21
|
+
if (isInteractiveOverlayVariant) {
|
|
22
|
+
event.preventDefault();
|
|
23
|
+
}
|
|
24
|
+
}, [isInteractiveOverlayVariant]);
|
|
25
|
+
return jsx(FocusScope, {
|
|
26
|
+
trapped: !isInteractiveOverlayVariant,
|
|
27
|
+
children: jsx(RadixDialog.Content, {
|
|
28
|
+
...props,
|
|
29
|
+
ref: forwardedRef,
|
|
30
|
+
asChild: asChild,
|
|
31
|
+
className: clsx(styles.content, styles.contentAnimatedSlideIn, {
|
|
32
|
+
[styles.overlayContent]: variant !== 'persistent',
|
|
33
|
+
[styles.contentAnimatedSlideOut]: isInteractiveOverlayVariant,
|
|
34
|
+
[styles.dropShadowContent]: variant === 'dropShadowOverlay'
|
|
35
|
+
}, className),
|
|
36
|
+
onInteractOutside: handleInteractOutside,
|
|
37
|
+
children: children
|
|
38
|
+
})
|
|
26
39
|
});
|
|
27
40
|
});
|
|
28
41
|
/**
|
|
@@ -34,7 +47,7 @@ const SidePanelPersistentContent = /*#__PURE__*/forwardRef(({
|
|
|
34
47
|
...props
|
|
35
48
|
}, forwardedRef) => jsx("div", {
|
|
36
49
|
ref: forwardedRef,
|
|
37
|
-
className: clsx(styles.content, className),
|
|
50
|
+
className: clsx(styles.content, styles.persistentContent, className),
|
|
38
51
|
...props,
|
|
39
52
|
children: children
|
|
40
53
|
}));
|
|
@@ -40,7 +40,7 @@ const SidePanelHeader = /*#__PURE__*/forwardRef(({
|
|
|
40
40
|
[styles.headerShadow]: isScrolledUnderHeader,
|
|
41
41
|
[styles.headerMobile]: isMobile
|
|
42
42
|
}, className);
|
|
43
|
-
if (variant === 'overlay' || variant === 'dropShadowOverlay') {
|
|
43
|
+
if (variant === 'overlay' || variant === 'dropShadowOverlay' || variant === 'interactiveOverlay') {
|
|
44
44
|
return jsx(RadixDialog.Title, {
|
|
45
45
|
...rest,
|
|
46
46
|
ref: forwardedRef,
|
|
@@ -2,5 +2,6 @@
|
|
|
2
2
|
import { type SidePanelOverlayComponentProps } from './types';
|
|
3
3
|
/**
|
|
4
4
|
* A layer that covers the inert portion of the view when the dialog is open.
|
|
5
|
+
* For 'interactiveOverlay' variant we not cover the inert portion of the view.
|
|
5
6
|
*/
|
|
6
7
|
export declare const SidePanelOverlay: import("react").ForwardRefExoticComponent<Omit<SidePanelOverlayComponentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -7,6 +7,7 @@ import { useVariant } from './variant-context.js';
|
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* A layer that covers the inert portion of the view when the dialog is open.
|
|
10
|
+
* For 'interactiveOverlay' variant we not cover the inert portion of the view.
|
|
10
11
|
*/
|
|
11
12
|
const SidePanelOverlay = /*#__PURE__*/forwardRef(({
|
|
12
13
|
children,
|
|
@@ -17,7 +18,7 @@ const SidePanelOverlay = /*#__PURE__*/forwardRef(({
|
|
|
17
18
|
const variant = useVariant();
|
|
18
19
|
return jsx(RadixDialog.Portal, {
|
|
19
20
|
container: container,
|
|
20
|
-
children: jsx(RadixDialog.Overlay, {
|
|
21
|
+
children: variant === 'interactiveOverlay' ? children : jsx(RadixDialog.Overlay, {
|
|
21
22
|
ref: forwardedRef,
|
|
22
23
|
className: clsx(styles.overlay, {
|
|
23
24
|
[styles.dropShadowOverlay]: variant === 'dropShadowOverlay'
|
|
@@ -26,10 +26,10 @@ const Root = props => {
|
|
|
26
26
|
})
|
|
27
27
|
});
|
|
28
28
|
}
|
|
29
|
-
if (variant === 'overlay' || variant === 'dropShadowOverlay') {
|
|
29
|
+
if (variant === 'overlay' || variant === 'dropShadowOverlay' || variant === 'interactiveOverlay') {
|
|
30
30
|
return jsx(Root$1, {
|
|
31
31
|
...restProps,
|
|
32
|
-
modal:
|
|
32
|
+
modal: variant !== 'interactiveOverlay',
|
|
33
33
|
children: jsx(VariantProvider, {
|
|
34
34
|
variant: variant,
|
|
35
35
|
children: jsx(ScrollProvider, {
|
|
@@ -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--64cc5","header":"bp_side_panel_module_header--64cc5","headerMobile":"bp_side_panel_module_headerMobile--64cc5","headerShadow":"bp_side_panel_module_headerShadow--64cc5","persistentContent":"bp_side_panel_module_persistentContent--64cc5","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--64cc5","slideIn":"bp_side_panel_module_slideIn--64cc5","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--64cc5","slideOut":"bp_side_panel_module_slideOut--64cc5","dropShadowContent":"bp_side_panel_module_dropShadowContent--64cc5","close":"bp_side_panel_module_close--64cc5","overlayContent":"bp_side_panel_module_overlayContent--64cc5","overlay":"bp_side_panel_module_overlay--64cc5","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--64cc5","scrollableContainer":"bp_side_panel_module_scrollableContainer--64cc5","footer":"bp_side_panel_module_footer--64cc5","footerShadow":"bp_side_panel_module_footerShadow--64cc5","footerButton":"bp_side_panel_module_footerButton--64cc5"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -6,8 +6,10 @@ import { type ComponentPropsWithRef, type FunctionComponent, type PropsWithChild
|
|
|
6
6
|
* 'overlay' - side panel is displayed over the page content on a darkened overlay
|
|
7
7
|
*
|
|
8
8
|
* 'dropShadowOverlay' - side panel is displayed over the page content on a transparent overlay
|
|
9
|
+
*
|
|
10
|
+
* 'interactiveOverlay' - side panel is displayed over the page content and does not block interaction with the page content
|
|
9
11
|
*/
|
|
10
|
-
export type SidePanelVariant = 'persistent' | 'overlay' | 'dropShadowOverlay';
|
|
12
|
+
export type SidePanelVariant = 'persistent' | 'overlay' | 'dropShadowOverlay' | 'interactiveOverlay';
|
|
11
13
|
export type SidePanelProps = (SidePanelPersistentProps | SidePanelOverlayProps) & {
|
|
12
14
|
variant: SidePanelVariant;
|
|
13
15
|
};
|
|
@@ -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--39095","hasFocus":"bp_slider_range_module_hasFocus--39095","thumb":"bp_slider_range_module_thumb--39095","root":"bp_slider_range_module_root--39095","disabled":"bp_slider_range_module_disabled--39095","track":"bp_slider_range_module_track--39095"};
|
|
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--32abb","status":"bp_status_module_status--32abb","reverse":"bp_status_module_reverse--32abb","circle":"bp_status_module_circle--32abb","text":"bp_status_module_text--32abb","maxContainer":"bp_status_module_maxContainer--32abb","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--32abb","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--32abb","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--32abb","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--32abb","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--32abb","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--32abb","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--32abb","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--32abb"};
|
|
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--b23cf","label":"bp_switch_module_label--b23cf","rightAlign":"bp_switch_module_rightAlign--b23cf","description":"bp_switch_module_description--b23cf","switch":"bp_switch_module_switch--b23cf","thumb":"bp_switch_module_thumb--b23cf","disabled":"bp_switch_module_disabled--b23cf"};
|
|
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--61771","breakWord":"bp_text_module_breakWord--61771","textOnLightDefault":"bp_text_module_textOnLightDefault--61771","textOnLightSecondary":"bp_text_module_textOnLightSecondary--61771","textOnLightLink":"bp_text_module_textOnLightLink--61771","textOnDarkDefault":"bp_text_module_textOnDarkDefault--61771","titleMondo":"bp_text_module_titleMondo--61771","titleXLarge":"bp_text_module_titleXLarge--61771","titleLarge":"bp_text_module_titleLarge--61771","titleMedium":"bp_text_module_titleMedium--61771","titleSmall":"bp_text_module_titleSmall--61771","subtitle":"bp_text_module_subtitle--61771","bodyLargeBold":"bp_text_module_bodyLargeBold--61771","bodyLarge":"bp_text_module_bodyLarge--61771","bodyDefaultBold":"bp_text_module_bodyDefaultBold--61771","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--61771","bodyDefault":"bp_text_module_bodyDefault--61771","caption":"bp_text_module_caption--61771","labelBold":"bp_text_module_labelBold--61771","label":"bp_text_module_label--61771"};
|
|
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--fe142","error":"bp_text_area_autosize_module_error--fe142","loading":"bp_text_area_autosize_module_loading--fe142","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--fe142","border":"bp_text_area_autosize_module_border--fe142"};
|
|
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--52ec5","label":"bp_text_area_module_label--52ec5","hidden":"bp_text_area_module_hidden--52ec5","disabled":"bp_text_area_module_disabled--52ec5","inlineError":"bp_text_area_module_inlineError--52ec5"};
|
|
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--ee20a","isFontInherited":"bp_text_button_module_isFontInherited--ee20a","isIconButton":"bp_text_button_module_isIconButton--ee20a","scaleLoader":"bp_text_button_module_scaleLoader--ee20a","icon":"bp_text_button_module_icon--ee20a","hideTextContent":"bp_text_button_module_hideTextContent--ee20a","visuallyHidden":"bp_text_button_module_visuallyHidden--ee20a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"textInput":"bp_text_input_module_textInput--
|
|
2
|
+
var styles = {"textInput":"bp_text_input_module_textInput--be2e7","iconLoading":"bp_text_input_module_iconLoading--be2e7"};
|
|
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--3310b","separator":"bp_toolbar_module_separator--3310b","toggleGroup":"bp_toolbar_module_toggleGroup--3310b","toolbarItem":"bp_toolbar_module_toolbarItem--3310b","toolbarToggle":"bp_toolbar_module_toolbarToggle--3310b","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--3310b","invertCaret":"bp_toolbar_module_invertCaret--3310b","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--3310b","toolbarIcon":"bp_toolbar_module_toolbarIcon--3310b"};
|
|
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--af067","standard":"bp_tooltip_module_standard--af067","error":"bp_tooltip_module_error--af067","arrow":"bp_tooltip_module_arrow--af067"};
|
|
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--9c79b","smallListItem":"bp_base_grid_list_item_module_smallListItem--9c79b","loading":"bp_base_grid_list_item_module_loading--9c79b","thumbnail":"bp_base_grid_list_item_module_thumbnail--9c79b","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--9c79b","header":"bp_base_grid_list_item_module_header--9c79b","subtitle":"bp_base_grid_list_item_module_subtitle--9c79b","actions":"bp_base_grid_list_item_module_actions--9c79b","selection":"bp_base_grid_list_item_module_selection--9c79b","inner":"bp_base_grid_list_item_module_inner--9c79b","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--9c79b","largeList":"bp_base_grid_list_item_module_largeList--9c79b","largeListItem":"bp_base_grid_list_item_module_largeListItem--9c79b","fade":"bp_base_grid_list_item_module_fade--9c79b","description":"bp_base_grid_list_item_module_description--9c79b","snippet":"bp_base_grid_list_item_module_snippet--9c79b","snippetContent":"bp_base_grid_list_item_module_snippetContent--9c79b","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--9c79b","gridList":"bp_base_grid_list_item_module_gridList--9c79b","gridListItem":"bp_base_grid_list_item_module_gridListItem--9c79b","statusPin":"bp_base_grid_list_item_module_statusPin--9c79b","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--9c79b","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--9c79b","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--9c79b","staticList":"bp_base_grid_list_item_module_staticList--9c79b","staticListItem":"bp_base_grid_list_item_module_staticListItem--9c79b"};
|
|
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--853e0","fieldset":"bp_legend_module_fieldset--853e0","legend":"bp_legend_module_legend--853e0","wide":"bp_legend_module_wide--853e0"};
|
|
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--e829a","label":"bp_menu_item_sections_module_label--e829a","bold":"bp_menu_item_sections_module_bold--e829a","description":"bp_menu_item_sections_module_description--e829a","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--e829a","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--e829a"};
|
|
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--79033","searchTermString":"bp_search_term_string_module_searchTermString--79033"};
|
|
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--44e3a","muted":"bp_text_with_info_badge_module_muted--44e3a","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--44e3a","badge":"bp_text_with_info_badge_module_badge--44e3a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.25.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"@ariakit/react": "0.4.5",
|
|
26
26
|
"@ariakit/react-core": "0.4.5",
|
|
27
|
-
"@box/blueprint-web-assets": "^4.
|
|
27
|
+
"@box/blueprint-web-assets": "^4.22.0",
|
|
28
28
|
"@internationalized/date": "^3.5.4",
|
|
29
29
|
"@radix-ui/react-accordion": "1.1.2",
|
|
30
30
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"@radix-ui/react-context-menu": "2.1.5",
|
|
33
33
|
"@radix-ui/react-dialog": "1.0.5",
|
|
34
34
|
"@radix-ui/react-dropdown-menu": "2.0.6",
|
|
35
|
+
"@radix-ui/react-focus-scope": "1.0.4",
|
|
35
36
|
"@radix-ui/react-popover": "1.0.7",
|
|
36
37
|
"@radix-ui/react-radio-group": "1.1.3",
|
|
37
38
|
"@radix-ui/react-scroll-area": "1.0.5",
|
|
@@ -62,7 +63,7 @@
|
|
|
62
63
|
"react-stately": "^3.31.1",
|
|
63
64
|
"tsx": "^4.16.5"
|
|
64
65
|
},
|
|
65
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "d11ef94c0b6fdc3b2cd69ce5ba09cbf931799c74",
|
|
66
67
|
"module": "lib-esm/index.js",
|
|
67
68
|
"main": "lib-esm/index.js",
|
|
68
69
|
"exports": {
|