@box/blueprint-web 7.35.0 → 7.36.2
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 +912 -897
- 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/index.d.ts +8 -0
- package/lib-esm/page/page-content.d.ts +3 -0
- package/lib-esm/page/page-context.d.ts +27 -0
- package/lib-esm/page/page-global-header.d.ts +3 -0
- package/lib-esm/page/page-navigation.d.ts +3 -0
- package/lib-esm/page/page-root.d.ts +3 -0
- package/lib-esm/page/types.d.ts +23 -0
- 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.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/split-button/split-button.js +18 -10
- 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/lib-esm/utils/createSetRefWithCallback.d.ts +2 -0
- package/lib-esm/utils/useBreakpoint.d.ts +2 -1
- package/lib-esm/utils/useBreakpoint.js +11 -1
- package/package.json +4 -4
|
@@ -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--59b39","segment":"bp_loading_indicator_module_segment--59b39","small":"bp_loading_indicator_module_small--59b39","large":"bp_loading_indicator_module_large--59b39","x-large":"bp_loading_indicator_module_x-large--59b39","default":"bp_loading_indicator_module_default--59b39","segment-transform":"bp_loading_indicator_module_segment-transform--59b39","segment-default":"bp_loading_indicator_module_segment-default--59b39","dark":"bp_loading_indicator_module_dark--59b39","segment-dark":"bp_loading_indicator_module_segment-dark--59b39","light":"bp_loading_indicator_module_light--59b39","segment-light":"bp_loading_indicator_module_segment-light--59b39"};
|
|
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--7e682","content":"bp_modal_module_content--7e682","popup_bounce_in":"bp_modal_module_popup_bounce_in--7e682","smallSizeModal":"bp_modal_module_smallSizeModal--7e682","mediumSizeModal":"bp_modal_module_mediumSizeModal--7e682","largeSizeModal":"bp_modal_module_largeSizeModal--7e682","xlargeSizeModal":"bp_modal_module_xlargeSizeModal--7e682","close":"bp_modal_module_close--7e682","onColor":"bp_modal_module_onColor--7e682","backButton":"bp_modal_module_backButton--7e682","modalHeader":"bp_modal_module_modalHeader--7e682","modalTitle":"bp_modal_module_modalTitle--7e682","body":"bp_modal_module_body--7e682","scrollableContainer":"bp_modal_module_scrollableContainer--7e682","headerDividerLine":"bp_modal_module_headerDividerLine--7e682","footerDividerLine":"bp_modal_module_footerDividerLine--7e682","footer":"bp_modal_module_footer--7e682","footerButton":"bp_modal_module_footerButton--7e682"};
|
|
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--402a0","ellipsis":"bp_navigation_menu_module_ellipsis--402a0","navigationMenuSeparator":"bp_navigation_menu_module_navigationMenuSeparator--402a0"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export { usePage } from './page-context';
|
|
3
|
+
export * from './types';
|
|
4
|
+
export declare const Page: import("react").ForwardRefExoticComponent<import("./types").PageProps & import("react").RefAttributes<HTMLDivElement>> & {
|
|
5
|
+
Navigation: import("react").ForwardRefExoticComponent<import("./types").PageNavigationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
6
|
+
GlobalHeader: import("react").ForwardRefExoticComponent<import("./types").GlobalHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
|
+
Content: import("react").ForwardRefExoticComponent<import("./types").PageContentProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type PropsWithChildren } from 'react';
|
|
2
|
+
export interface PageContextValuesType {
|
|
3
|
+
navigationExpanded: boolean;
|
|
4
|
+
setNavigationExpanded: (expanded: boolean) => void;
|
|
5
|
+
toggleNavigationExpanded: () => void;
|
|
6
|
+
pageContainer: HTMLElement | null;
|
|
7
|
+
setPageContainer: (container: HTMLDivElement | null) => void;
|
|
8
|
+
globalHeaderContainer: HTMLDivElement | null;
|
|
9
|
+
setGlobalHeaderContainer: (container: HTMLDivElement | null) => void;
|
|
10
|
+
}
|
|
11
|
+
export interface PageContextProps {
|
|
12
|
+
/**
|
|
13
|
+
* Whether navigation is initially expanded
|
|
14
|
+
* */
|
|
15
|
+
defaultNavigationExpanded: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Callback called when the navigation is toggled
|
|
18
|
+
* */
|
|
19
|
+
onToggleNavigationExpanded?: (nextState: boolean) => void;
|
|
20
|
+
}
|
|
21
|
+
export declare const PageContext: import("react").Context<PageContextValuesType | null>;
|
|
22
|
+
export declare const PageContextProvider: ({ children, onToggleNavigationExpanded, defaultNavigationExpanded, }: PropsWithChildren<PageContextProps>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const usePage: () => {
|
|
24
|
+
navigationExpanded: boolean;
|
|
25
|
+
setNavigationExpanded: (expanded: boolean) => void;
|
|
26
|
+
toggleNavigationExpanded: () => void;
|
|
27
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type PageContextProps } from './page-context';
|
|
3
|
+
export type PageLayoutProps = React.HTMLAttributes<HTMLDivElement>;
|
|
4
|
+
export type GlobalHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
5
|
+
export type PageContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
6
|
+
export interface PageProps extends PageLayoutProps, Pick<PageContextProps, 'onToggleNavigationExpanded'> {
|
|
7
|
+
/**
|
|
8
|
+
* Whether the navigation is initially expanded.
|
|
9
|
+
*
|
|
10
|
+
* If not provided:
|
|
11
|
+
* - in screens > 1220px the navigation will be initially expanded,
|
|
12
|
+
* - otherwise it will be initially collapsed,
|
|
13
|
+
* */
|
|
14
|
+
defaultNavigationExpanded?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface PageNavigationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
17
|
+
/**
|
|
18
|
+
* The children to render within the navigation
|
|
19
|
+
* */
|
|
20
|
+
children: ReactNode | (({ expanded }: {
|
|
21
|
+
expanded: boolean;
|
|
22
|
+
}) => ReactNode);
|
|
23
|
+
}
|
|
@@ -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--faa4b","pageSection":"bp_page_section_module_pageSection--faa4b","pageSectionHeader":"bp_page_section_module_pageSectionHeader--faa4b","pageSectionContent":"bp_page_section_module_pageSectionContent--faa4b","pageSectionDivider":"bp_page_section_module_pageSectionDivider--faa4b"};
|
|
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--679e8","iconButton":"bp_password_input_module_iconButton--679e8"};
|
|
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--ef8c5","icon":"bp_base_button_module_icon--ef8c5","primary":"bp_base_button_module_primary--ef8c5","secondary":"bp_base_button_module_secondary--ef8c5","tertiary":"bp_base_button_module_tertiary--ef8c5","outline":"bp_base_button_module_outline--ef8c5","small":"bp_base_button_module_small--ef8c5","isIconButton":"bp_base_button_module_isIconButton--ef8c5","large":"bp_base_button_module_large--ef8c5","hide":"bp_base_button_module_hide--ef8c5"};
|
|
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--ab47a","actions":"bp_base_inline_notice_module_actions--ab47a","actionButtonPrimary":"bp_base_inline_notice_module_actionButtonPrimary--ab47a","actionButtonTertiary":"bp_base_inline_notice_module_actionButtonTertiary--ab47a","backgroundYellow":"bp_base_inline_notice_module_backgroundYellow--ab47a","backgroundBlue":"bp_base_inline_notice_module_backgroundBlue--ab47a","backgroundRed":"bp_base_inline_notice_module_backgroundRed--ab47a","backgroundGreen":"bp_base_inline_notice_module_backgroundGreen--ab47a","backgroundPurple":"bp_base_inline_notice_module_backgroundPurple--ab47a","contentContainer":"bp_base_inline_notice_module_contentContainer--ab47a","content":"bp_base_inline_notice_module_content--ab47a","title":"bp_base_inline_notice_module_title--ab47a"};
|
|
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--4b0e7","label":"bp_base_text_input_module_label--4b0e7","hidden":"bp_base_text_input_module_hidden--4b0e7","textInput":"bp_base_text_input_module_textInput--4b0e7","error":"bp_base_text_input_module_error--4b0e7","iconShared":"bp_base_text_input_module_iconShared--4b0e7","disabled":"bp_base_text_input_module_disabled--4b0e7","inlineError":"bp_base_text_input_module_inlineError--4b0e7"};
|
|
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--9504e","calendarGrid":"bp_calendar_module_calendarGrid--9504e","calendarHeaderCell":"bp_calendar_module_calendarHeaderCell--9504e","calendarHeader":"bp_calendar_module_calendarHeader--9504e","calendarHeaderHeading":"bp_calendar_module_calendarHeaderHeading--9504e","calendarHeaderButton":"bp_calendar_module_calendarHeaderButton--9504e","calendarCell":"bp_calendar_module_calendarCell--9504e","today":"bp_calendar_module_today--9504e"};
|
|
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--7e663","labelText":"bp_chip_module_labelText--7e663","chipStatus":"bp_chip_module_chipStatus--7e663","chipButton":"bp_chip_module_chipButton--7e663","singleSelectChip":"bp_chip_module_singleSelectChip--7e663","multiSelectChip":"bp_chip_module_multiSelectChip--7e663","chipsGroup":"bp_chip_module_chipsGroup--7e663"};
|
|
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--b205f","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--b205f","menuItem":"bp_context_menu_module_menuItem--b205f"};
|
|
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--eec05","ellipsis":"bp_dropdown_menu_module_ellipsis--eec05","checkmark":"bp_dropdown_menu_module_checkmark--eec05","item":"bp_dropdown_menu_module_item--eec05","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--eec05","radioItem":"bp_dropdown_menu_module_radioItem--eec05","checkboxItem":"bp_dropdown_menu_module_checkboxItem--eec05","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--eec05"};
|
|
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--af4d5","icon":"bp_icon_button_module_icon--af4d5","default":"bp_icon_button_module_default--af4d5","icon-logo":"bp_icon_button_module_icon-logo--af4d5","high-contrast":"bp_icon_button_module_high-contrast--af4d5","small-utility":"bp_icon_button_module_small-utility--af4d5","large":"bp_icon_button_module_large--af4d5","small":"bp_icon_button_module_small--af4d5","x-small":"bp_icon_button_module_x-small--af4d5"};
|
|
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--ca94d","empty":"bp_inline_error_module_empty--ca94d","errorIcon":"bp_inline_error_module_errorIcon--ca94d"};
|
|
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--82435","inheritFont":"bp_link_module_inheritFont--82435","standalone":"bp_link_module_standalone--82435","hasIcon":"bp_link_module_hasIcon--82435","icon":"bp_link_module_icon--82435"};
|
|
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--c5cdd","root":"bp_notification_module_root--c5cdd","container":"bp_notification_module_container--c5cdd","mobileContainer":"bp_notification_module_mobileContainer--c5cdd","withButtons":"bp_notification_module_withButtons--c5cdd","info":"bp_notification_module_info--c5cdd","success":"bp_notification_module_success--c5cdd","warning":"bp_notification_module_warning--c5cdd","error":"bp_notification_module_error--c5cdd","typeIconContainer":"bp_notification_module_typeIconContainer--c5cdd","typeIcon":"bp_notification_module_typeIcon--c5cdd","text":"bp_notification_module_text--c5cdd","contentButtonSection":"bp_notification_module_contentButtonSection--c5cdd","contentButtons":"bp_notification_module_contentButtons--c5cdd","closeButtonSection":"bp_notification_module_closeButtonSection--c5cdd","closeButton":"bp_notification_module_closeButton--c5cdd"};
|
|
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--7760e","sticky":"bp_page_header_module_sticky--7760e","default":"bp_page_header_module_default--7760e","inline":"bp_page_header_module_inline--7760e","corner":"bp_page_header_module_corner--7760e","startElements":"bp_page_header_module_startElements--7760e","endElements":"bp_page_header_module_endElements--7760e"};
|
|
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--2fddb","popoverContentContainer":"bp_popover_module_popoverContentContainer--2fddb","popoverCard":"bp_popover_module_popoverCard--2fddb","popoverMainContentOuterContainer":"bp_popover_module_popoverMainContentOuterContainer--2fddb","popoverMainContentInnerContainerPadding":"bp_popover_module_popoverMainContentInnerContainerPadding--2fddb","popoverFooter":"bp_popover_module_popoverFooter--2fddb","popoverFooterTopBorder":"bp_popover_module_popoverFooterTopBorder--2fddb"};
|
|
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--0f76d","contentSwitchTabList":"bp_tabs_module_contentSwitchTabList--0f76d","contentSwitchTab":"bp_tabs_module_contentSwitchTab--0f76d","tabsListContainer":"bp_tabs_module_tabsListContainer--0f76d","tabList":"bp_tabs_module_tabList--0f76d","tabSeparator":"bp_tabs_module_tabSeparator--0f76d","tab":"bp_tabs_module_tab--0f76d"};
|
|
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--4f293","horizontal":"bp_radio_group_module_horizontal--4f293","radioOption":"bp_radio_group_module_radioOption--4f293","label":"bp_radio_group_module_label--4f293","description":"bp_radio_group_module_description--4f293","disabled":"bp_radio_group_module_disabled--4f293","radioButton":"bp_radio_group_module_radioButton--4f293","indicator":"bp_radio_group_module_indicator--4f293"};
|
|
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--f146a","searchIcon":"bp_search_module_searchIcon--f146a","global":"bp_search_module_global--f146a","searchInput":"bp_search_module_searchInput--f146a","firefoxDefaultOpacityFix":"bp_search_module_firefoxDefaultOpacityFix--f146a","withoutActionButton":"bp_search_module_withoutActionButton--f146a","clearSearchIcon":"bp_search_module_clearSearchIcon--f146a","actionButton":"bp_search_module_actionButton--f146a"};
|
|
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--56f5c","disabled":"bp_select_module_disabled--56f5c","label":"bp_select_module_label--56f5c","triggerBtn":"bp_select_module_triggerBtn--56f5c","error":"bp_select_module_error--56f5c","iconWrapper":"bp_select_module_iconWrapper--56f5c","icon":"bp_select_module_icon--56f5c","content":"bp_select_module_content--56f5c","viewport":"bp_select_module_viewport--56f5c","option":"bp_select_module_option--56f5c","secondaryText":"bp_select_module_secondaryText--56f5c","indicator":"bp_select_module_indicator--56f5c","separator":"bp_select_module_separator--56f5c"};
|
|
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--4e61a","header":"bp_side_panel_module_header--4e61a","headerMobile":"bp_side_panel_module_headerMobile--4e61a","headerShadow":"bp_side_panel_module_headerShadow--4e61a","persistentContent":"bp_side_panel_module_persistentContent--4e61a","contentAnimatedSlideIn":"bp_side_panel_module_contentAnimatedSlideIn--4e61a","slideIn":"bp_side_panel_module_slideIn--4e61a","contentAnimatedSlideOut":"bp_side_panel_module_contentAnimatedSlideOut--4e61a","slideOut":"bp_side_panel_module_slideOut--4e61a","contentNormal":"bp_side_panel_module_contentNormal--4e61a","contentLarge":"bp_side_panel_module_contentLarge--4e61a","dropShadowContent":"bp_side_panel_module_dropShadowContent--4e61a","close":"bp_side_panel_module_close--4e61a","overlayContent":"bp_side_panel_module_overlayContent--4e61a","overlay":"bp_side_panel_module_overlay--4e61a","dropShadowOverlay":"bp_side_panel_module_dropShadowOverlay--4e61a","scrollableContainer":"bp_side_panel_module_scrollableContainer--4e61a","footer":"bp_side_panel_module_footer--4e61a","footerShadow":"bp_side_panel_module_footerShadow--4e61a","footerButton":"bp_side_panel_module_footerButton--4e61a"};
|
|
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--85e3c","hasFocus":"bp_slider_range_module_hasFocus--85e3c","thumb":"bp_slider_range_module_thumb--85e3c","root":"bp_slider_range_module_root--85e3c","disabled":"bp_slider_range_module_disabled--85e3c","track":"bp_slider_range_module_track--85e3c"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { forwardRef, useState, useCallback } from 'react';
|
|
3
|
+
import { forwardRef, useState, useRef, useCallback } from 'react';
|
|
4
4
|
import { Button } from '../button/button.js';
|
|
5
5
|
import { DropdownMenu } from '../primitives/dropdown-menu/index.js';
|
|
6
6
|
import { useControllableState } from '../utils/useControllableState.js';
|
|
@@ -10,6 +10,16 @@ import styles from './styles.module.js';
|
|
|
10
10
|
const getLeftButtonWidth = (loading, leftButtonSize, rightButtonSize) => {
|
|
11
11
|
return loading && leftButtonSize && rightButtonSize ? leftButtonSize + rightButtonSize : undefined;
|
|
12
12
|
};
|
|
13
|
+
const updateForwardedRef = (forwardedRef, button) => {
|
|
14
|
+
if (!forwardedRef) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
if (typeof forwardedRef === 'function') {
|
|
18
|
+
forwardedRef(button);
|
|
19
|
+
} else {
|
|
20
|
+
forwardedRef.current = button;
|
|
21
|
+
}
|
|
22
|
+
};
|
|
13
23
|
const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
14
24
|
const {
|
|
15
25
|
align = 'end',
|
|
@@ -34,19 +44,14 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
34
44
|
onChange: onOpenChange,
|
|
35
45
|
defaultProp: defaultOpen
|
|
36
46
|
});
|
|
47
|
+
const localLeftRef = useRef(null);
|
|
37
48
|
const onLeftButtonMountCallback = useCallback(button => {
|
|
38
49
|
if (button?.offsetWidth) {
|
|
39
50
|
setLeftButtonSize(button?.offsetWidth);
|
|
40
51
|
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
if (typeof forwardedRef === 'function') {
|
|
45
|
-
forwardedRef(button);
|
|
46
|
-
} else {
|
|
47
|
-
forwardedRef.current = button;
|
|
48
|
-
}
|
|
49
|
-
}, [forwardedRef]);
|
|
52
|
+
localLeftRef.current = button;
|
|
53
|
+
updateForwardedRef(forwardedRef, button);
|
|
54
|
+
}, [forwardedRef, setLeftButtonSize]);
|
|
50
55
|
const onRightButtonMountCallback = useCallback(button => {
|
|
51
56
|
if (button?.offsetWidth) {
|
|
52
57
|
setRightButtonSize(button.offsetWidth);
|
|
@@ -56,6 +61,9 @@ const SplitButton = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
56
61
|
if (disabled) {
|
|
57
62
|
return;
|
|
58
63
|
}
|
|
64
|
+
if (localLeftRef.current?.offsetWidth) {
|
|
65
|
+
setLeftButtonSize(localLeftRef.current.offsetWidth);
|
|
66
|
+
}
|
|
59
67
|
setOpen(!open);
|
|
60
68
|
}, [disabled, open, setOpen]);
|
|
61
69
|
const shouldAlignToLeft = align === 'start' && leftButtonSize;
|
|
@@ -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--88fd7","status":"bp_status_module_status--88fd7","reverse":"bp_status_module_reverse--88fd7","circle":"bp_status_module_circle--88fd7","text":"bp_status_module_text--88fd7","maxContainer":"bp_status_module_maxContainer--88fd7","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--88fd7","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--88fd7","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--88fd7","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--88fd7","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--88fd7","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--88fd7","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--88fd7","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--88fd7"};
|
|
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--fe734","label":"bp_switch_module_label--fe734","rightAlign":"bp_switch_module_rightAlign--fe734","description":"bp_switch_module_description--fe734","switch":"bp_switch_module_switch--fe734","thumb":"bp_switch_module_thumb--fe734","disabled":"bp_switch_module_disabled--fe734"};
|
|
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--fcca1","breakWord":"bp_text_module_breakWord--fcca1","textOnLightDefault":"bp_text_module_textOnLightDefault--fcca1","textOnLightSecondary":"bp_text_module_textOnLightSecondary--fcca1","textOnLightLink":"bp_text_module_textOnLightLink--fcca1","textOnDarkDefault":"bp_text_module_textOnDarkDefault--fcca1","titleMondo":"bp_text_module_titleMondo--fcca1","titleXLarge":"bp_text_module_titleXLarge--fcca1","titleLarge":"bp_text_module_titleLarge--fcca1","titleMedium":"bp_text_module_titleMedium--fcca1","titleSmall":"bp_text_module_titleSmall--fcca1","subtitle":"bp_text_module_subtitle--fcca1","bodyLargeBold":"bp_text_module_bodyLargeBold--fcca1","bodyLarge":"bp_text_module_bodyLarge--fcca1","bodyDefaultBold":"bp_text_module_bodyDefaultBold--fcca1","bodyDefaultSemibold":"bp_text_module_bodyDefaultSemibold--fcca1","bodyDefault":"bp_text_module_bodyDefault--fcca1","caption":"bp_text_module_caption--fcca1","labelBold":"bp_text_module_labelBold--fcca1","label":"bp_text_module_label--fcca1"};
|
|
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--46a81","error":"bp_text_area_autosize_module_error--46a81","loading":"bp_text_area_autosize_module_loading--46a81","loadingIndicator":"bp_text_area_autosize_module_loadingIndicator--46a81","border":"bp_text_area_autosize_module_border--46a81"};
|
|
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--dbb54","label":"bp_text_area_module_label--dbb54","hidden":"bp_text_area_module_hidden--dbb54","disabled":"bp_text_area_module_disabled--dbb54","inlineError":"bp_text_area_module_inlineError--dbb54"};
|
|
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--290d4","isFontInherited":"bp_text_button_module_isFontInherited--290d4","isIconButton":"bp_text_button_module_isIconButton--290d4","scaleLoader":"bp_text_button_module_scaleLoader--290d4","icon":"bp_text_button_module_icon--290d4","hideTextContent":"bp_text_button_module_hideTextContent--290d4","visuallyHidden":"bp_text_button_module_visuallyHidden--290d4"};
|
|
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--5eae5","iconLoading":"bp_text_input_module_iconLoading--5eae5"};
|
|
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--0fa7a","separator":"bp_toolbar_module_separator--0fa7a","toggleGroup":"bp_toolbar_module_toggleGroup--0fa7a","toolbarItem":"bp_toolbar_module_toolbarItem--0fa7a","toolbarToggle":"bp_toolbar_module_toolbarToggle--0fa7a","dropdownIndicator":"bp_toolbar_module_dropdownIndicator--0fa7a","invertCaret":"bp_toolbar_module_invertCaret--0fa7a","triggerButtonSelectedWithColor":"bp_toolbar_module_triggerButtonSelectedWithColor--0fa7a","toolbarIcon":"bp_toolbar_module_toolbarIcon--0fa7a"};
|
|
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--ec661","standard":"bp_tooltip_module_standard--ec661","error":"bp_tooltip_module_error--ec661","arrow":"bp_tooltip_module_arrow--ec661"};
|
|
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--a676d","smallListItem":"bp_base_grid_list_item_module_smallListItem--a676d","loading":"bp_base_grid_list_item_module_loading--a676d","thumbnail":"bp_base_grid_list_item_module_thumbnail--a676d","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--a676d","header":"bp_base_grid_list_item_module_header--a676d","subtitle":"bp_base_grid_list_item_module_subtitle--a676d","actions":"bp_base_grid_list_item_module_actions--a676d","selection":"bp_base_grid_list_item_module_selection--a676d","inner":"bp_base_grid_list_item_module_inner--a676d","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--a676d","largeList":"bp_base_grid_list_item_module_largeList--a676d","largeListItem":"bp_base_grid_list_item_module_largeListItem--a676d","fade":"bp_base_grid_list_item_module_fade--a676d","description":"bp_base_grid_list_item_module_description--a676d","snippet":"bp_base_grid_list_item_module_snippet--a676d","snippetContent":"bp_base_grid_list_item_module_snippetContent--a676d","react-aria-DropIndicator":"bp_base_grid_list_item_module_react-aria-DropIndicator--a676d","gridList":"bp_base_grid_list_item_module_gridList--a676d","gridListItem":"bp_base_grid_list_item_module_gridListItem--a676d","statusPin":"bp_base_grid_list_item_module_statusPin--a676d","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--a676d","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--a676d","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--a676d","staticList":"bp_base_grid_list_item_module_staticList--a676d","staticListItem":"bp_base_grid_list_item_module_staticListItem--a676d"};
|
|
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--478e8","fieldset":"bp_legend_module_fieldset--478e8","legend":"bp_legend_module_legend--478e8","wide":"bp_legend_module_wide--478e8"};
|
|
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--f2f11","label":"bp_menu_item_sections_module_label--f2f11","bold":"bp_menu_item_sections_module_bold--f2f11","description":"bp_menu_item_sections_module_description--f2f11","menuItemSideContent":"bp_menu_item_sections_module_menuItemSideContent--f2f11","textOnLightSecondary":"bp_menu_item_sections_module_textOnLightSecondary--f2f11"};
|
|
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--25d25","searchTermString":"bp_search_term_string_module_searchTermString--25d25"};
|
|
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--85088","muted":"bp_text_with_info_badge_module_muted--85088","badgeContainer":"bp_text_with_info_badge_module_badgeContainer--85088","badge":"bp_text_with_info_badge_module_badge--85088"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -7,6 +7,7 @@ var Breakpoint;
|
|
|
7
7
|
Breakpoint[Breakpoint["Medium"] = 2] = "Medium";
|
|
8
8
|
Breakpoint[Breakpoint["Large"] = 3] = "Large";
|
|
9
9
|
Breakpoint[Breakpoint["XLarge"] = 4] = "XLarge";
|
|
10
|
+
Breakpoint[Breakpoint["XXLarge"] = 5] = "XXLarge";
|
|
10
11
|
})(Breakpoint || (Breakpoint = {}));
|
|
11
12
|
const breakpointsBounds = {
|
|
12
13
|
small: Number(BreakpointSmall.replace('px', '')),
|
|
@@ -27,16 +28,25 @@ const useBreakpoint = () => {
|
|
|
27
28
|
const isSmall = useMedia(`(max-width: ${breakpointsBounds.small}px)`);
|
|
28
29
|
const isMedium = useMedia(`(max-width: ${breakpointsBounds.medium}px)`);
|
|
29
30
|
const isLarge = useMedia(`(max-width: ${breakpointsBounds.large}px)`);
|
|
31
|
+
const isXLarge = useMedia(`(max-width: ${breakpointsBounds.xlarge}px)`);
|
|
30
32
|
if (isSmall) {
|
|
33
|
+
// max 374px
|
|
31
34
|
return Breakpoint.Small;
|
|
32
35
|
}
|
|
33
36
|
if (isMedium) {
|
|
37
|
+
// min 375px - max 767px
|
|
34
38
|
return Breakpoint.Medium;
|
|
35
39
|
}
|
|
36
40
|
if (isLarge) {
|
|
41
|
+
// min 768px - max 1023px
|
|
37
42
|
return Breakpoint.Large;
|
|
38
43
|
}
|
|
39
|
-
|
|
44
|
+
if (isXLarge) {
|
|
45
|
+
// min 1023px - max 1219px
|
|
46
|
+
return Breakpoint.XLarge;
|
|
47
|
+
}
|
|
48
|
+
// min 1220px
|
|
49
|
+
return Breakpoint.XXLarge;
|
|
40
50
|
};
|
|
41
51
|
|
|
42
52
|
export { Breakpoint, useBreakpoint };
|