@box/blueprint-web 12.92.3 → 12.93.1
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/dist/lib-esm/accordion/accordion.module.js +1 -1
- package/dist/lib-esm/avatar/avatar.module.js +1 -1
- package/dist/lib-esm/badge/base-badge.module.js +1 -1
- package/dist/lib-esm/breadcrumb/breadcrumb.d.ts +2 -0
- package/dist/lib-esm/breadcrumb/breadcrumb.js +39 -0
- package/dist/lib-esm/breadcrumb/breadcrumb.module.js +4 -0
- package/dist/lib-esm/breadcrumb/index.d.ts +2 -0
- package/dist/lib-esm/breadcrumb/types.d.ts +19 -0
- package/dist/lib-esm/card-tooltip/card-tooltip.module.js +1 -1
- package/dist/lib-esm/card-tooltip-v2/card-tooltip-v2.module.js +1 -1
- package/dist/lib-esm/checkbox/checkbox.module.js +1 -1
- package/dist/lib-esm/combobox/combobox.module.js +1 -1
- package/dist/lib-esm/combobox-group/combobox-group.module.js +1 -1
- package/dist/lib-esm/content-card/content-card.module.js +1 -1
- package/dist/lib-esm/data-table/cell/sticky-cell.module.js +1 -1
- package/dist/lib-esm/data-table/data-table.module.js +1 -1
- package/dist/lib-esm/date-picker/date-picker.module.js +1 -1
- package/dist/lib-esm/empty-state/empty-state.module.js +1 -1
- package/dist/lib-esm/index.css +1054 -1047
- package/dist/lib-esm/index.d.ts +1 -0
- package/dist/lib-esm/index.js +1 -0
- package/dist/lib-esm/input-chip/input-chip.module.js +1 -1
- package/dist/lib-esm/loading-indicator/loading-indicator.module.js +1 -1
- package/dist/lib-esm/modal/modal.module.js +1 -1
- package/dist/lib-esm/page-section/page-section.module.js +1 -1
- package/dist/lib-esm/password-input/password-input.module.js +1 -1
- package/dist/lib-esm/primitives/base-button/base-button.module.js +1 -1
- package/dist/lib-esm/primitives/base-text-input/base-text-input.module.js +1 -1
- package/dist/lib-esm/primitives/calendar/calendar.module.js +1 -1
- package/dist/lib-esm/primitives/context-menu/context-menu.module.js +1 -1
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu.module.js +1 -1
- package/dist/lib-esm/primitives/notification/notification.module.js +1 -1
- package/dist/lib-esm/primitives/popover/popover.module.js +1 -1
- package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.module.js +1 -1
- package/dist/lib-esm/primitives/tabs/tabs.module.js +1 -1
- package/dist/lib-esm/radio-group/radio-group.module.js +1 -1
- package/dist/lib-esm/select/select.module.js +1 -1
- package/dist/lib-esm/side-panel/side-panel.module.js +1 -1
- package/dist/lib-esm/switch/switch.module.js +1 -1
- package/dist/lib-esm/text/text.module.js +1 -1
- package/dist/lib-esm/text-area/text-area-autosize/text-area-autosize.module.js +1 -1
- package/dist/lib-esm/text-area/text-area.module.js +1 -1
- package/dist/lib-esm/text-button/text-button.module.js +1 -1
- package/dist/lib-esm/text-input/text-input.module.js +1 -1
- package/dist/lib-esm/time-picker/time-picker.module.js +1 -1
- package/dist/lib-esm/toolbar/toolbar.module.js +1 -1
- package/dist/lib-esm/trigger-button/trigger-button.module.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.module.js +1 -1
- package/dist/lib-esm/util-components/interactive-icon/interactive-icon.module.js +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionItem":"bp_accordion_module_accordionItem--
|
|
2
|
+
var styles = {"accordionItem":"bp_accordion_module_accordionItem--e84f6","accordionContent":"bp_accordion_module_accordionContent--e84f6","slideDown":"bp_accordion_module_slideDown--e84f6","slideUp":"bp_accordion_module_slideUp--e84f6","accordion":"bp_accordion_module_accordion--e84f6","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--e84f6","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--e84f6","accordionFixedContent":"bp_accordion_module_accordionFixedContent--e84f6","accordionHeader":"bp_accordion_module_accordionHeader--e84f6","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--e84f6","accordionStatus":"bp_accordion_module_accordionStatus--e84f6","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--e84f6","bgOnly":"bp_accordion_module_bgOnly--e84f6","withIcon":"bp_accordion_module_withIcon--e84f6","accordionTrigger":"bp_accordion_module_accordionTrigger--e84f6","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--e84f6"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"avatar":"bp_avatar_module_avatar--
|
|
2
|
+
var styles = {"avatar":"bp_avatar_module_avatar--2f1fb","small":"bp_avatar_module_small--2f1fb","length-1":"bp_avatar_module_length-1--2f1fb","text":"bp_avatar_module_text--2f1fb","length-2":"bp_avatar_module_length-2--2f1fb","medium":"bp_avatar_module_medium--2f1fb","large":"bp_avatar_module_large--2f1fb","length-3":"bp_avatar_module_length-3--2f1fb","length-4":"bp_avatar_module_length-4--2f1fb","xlarge":"bp_avatar_module_xlarge--2f1fb","xxlarge":"bp_avatar_module_xxlarge--2f1fb","badge":"bp_avatar_module_badge--2f1fb","image":"bp_avatar_module_image--2f1fb","loading":"bp_avatar_module_loading--2f1fb","anonymousAvatar":"bp_avatar_module_anonymousAvatar--2f1fb","iconContainer":"bp_avatar_module_iconContainer--2f1fb"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--
|
|
2
|
+
var styles = {"badgeContainer":"bp_base_badge_module_badgeContainer--c8c81","badge":"bp_base_badge_module_badge--c8c81","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--c8c81","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--c8c81","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--c8c81","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--c8c81","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--c8c81","iconBadge":"bp_base_badge_module_iconBadge--c8c81","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--c8c81","statusBadge":"bp_base_badge_module_statusBadge--c8c81","numericBadge":"bp_base_badge_module_numericBadge--c8c81","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--c8c81","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--c8c81"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { FolderTree } from '@box/blueprint-web-assets/icons/Fill';
|
|
4
|
+
import { Home } from '@box/blueprint-web-assets/icons/MediumFilled';
|
|
5
|
+
import styles from './breadcrumb.module.js';
|
|
6
|
+
|
|
7
|
+
const Breadcrumb = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
8
|
+
const {
|
|
9
|
+
rootIconAriaLabel,
|
|
10
|
+
rootIconVariant,
|
|
11
|
+
isInteractive = true,
|
|
12
|
+
size = 'medium',
|
|
13
|
+
truncationMethod = 'ellipsis',
|
|
14
|
+
...rest
|
|
15
|
+
} = props;
|
|
16
|
+
return jsxs("div", {
|
|
17
|
+
ref: forwardedRef,
|
|
18
|
+
className: styles.breadcrumb,
|
|
19
|
+
...rest,
|
|
20
|
+
children: [rootIconVariant === 'home' && jsx(Home, {
|
|
21
|
+
"aria-label": rootIconAriaLabel
|
|
22
|
+
}), rootIconVariant === 'folder-tree' && jsx(FolderTree, {
|
|
23
|
+
"aria-label": rootIconAriaLabel
|
|
24
|
+
}), jsx("span", {
|
|
25
|
+
children: "Welcome to Breadcrumb!"
|
|
26
|
+
}), isInteractive ? jsx("span", {
|
|
27
|
+
children: "Breadcrumb is interactive"
|
|
28
|
+
}) : jsx("span", {
|
|
29
|
+
children: "Breadcrumb is not interactive"
|
|
30
|
+
}), size && jsxs("span", {
|
|
31
|
+
children: [", ", size, " size"]
|
|
32
|
+
}), truncationMethod && jsxs("span", {
|
|
33
|
+
children: [", and is ", truncationMethod, " truncated"]
|
|
34
|
+
})]
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
Breadcrumb.displayName = 'Breadcrumb';
|
|
38
|
+
|
|
39
|
+
export { Breadcrumb };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type RequireAllOrNone } from 'type-fest';
|
|
2
|
+
export type BreadcrumbProps = {
|
|
3
|
+
/** Controls whether individual crumbs (items) and icons are interactive, or clickable. */
|
|
4
|
+
isInteractive?: boolean;
|
|
5
|
+
/** Controls the height and width of icons and crumbs. */
|
|
6
|
+
size?: 'xsmall' | 'small' | 'medium' | 'large';
|
|
7
|
+
/** Controls behavior when there are too many crumbs to display.
|
|
8
|
+
* Ellipsis shows the crumbs at the beginning and end, with an ellipsis icon in between.
|
|
9
|
+
* Folder shows only the last crumb, preceded by a folder tree icon.
|
|
10
|
+
*/
|
|
11
|
+
truncationMethod?: 'ellipsis' | 'folder';
|
|
12
|
+
} & RequireAllOrNone<rootIconProps, keyof rootIconProps>;
|
|
13
|
+
/** Props for the root icon. These can be ommitted entirely to show no root icon. */
|
|
14
|
+
export interface rootIconProps {
|
|
15
|
+
/** Aria label for the root icon. */
|
|
16
|
+
rootIconAriaLabel: string;
|
|
17
|
+
/** Determines which icon is displayed at the root. */
|
|
18
|
+
rootIconVariant: 'home' | 'folder-tree';
|
|
19
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_card_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_card_tooltip_module_content--b43ae","card":"bp_card_tooltip_module_card--b43ae","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--b43ae","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--b43ae","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--b43ae","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--b43ae"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_card_tooltip_v2_module_content--
|
|
2
|
+
var styles = {"content":"bp_card_tooltip_v2_module_content--f9e9e","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--f9e9e","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--f9e9e","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--f9e9e","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--f9e9e"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"option":"bp_checkbox_module_option--
|
|
2
|
+
var styles = {"option":"bp_checkbox_module_option--c5812","checkbox":"bp_checkbox_module_checkbox--c5812","indicator":"bp_checkbox_module_indicator--c5812","label":"bp_checkbox_module_label--c5812","description":"bp_checkbox_module_description--c5812","disabled":"bp_checkbox_module_disabled--c5812"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--d6de0","label":"bp_combobox_module_label--d6de0","textInput":"bp_combobox_module_textInput--d6de0","popover":"bp_combobox_module_popover--d6de0","disabled":"bp_combobox_module_disabled--d6de0","hiddenLabel":"bp_combobox_module_hiddenLabel--d6de0","comboboxContainer":"bp_combobox_module_comboboxContainer--d6de0","withComboboxButtons":"bp_combobox_module_withComboboxButtons--d6de0","error":"bp_combobox_module_error--d6de0","textInputWrapper":"bp_combobox_module_textInputWrapper--d6de0","errorIcon":"bp_combobox_module_errorIcon--d6de0","comboboxButtons":"bp_combobox_module_comboboxButtons--d6de0","withChips":"bp_combobox_module_withChips--d6de0","inlineError":"bp_combobox_module_inlineError--d6de0","option":"bp_combobox_module_option--d6de0","indicator":"bp_combobox_module_indicator--d6de0","indicatorIcon":"bp_combobox_module_indicatorIcon--d6de0","optionWithIndicator":"bp_combobox_module_optionWithIndicator--d6de0","loadingIndicator":"bp_combobox_module_loadingIndicator--d6de0","noResultOption":"bp_combobox_module_noResultOption--d6de0"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_combobox_group_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_group_module_container--7a54d","trailing":"bp_combobox_group_module_trailing--7a54d","leading":"bp_combobox_group_module_leading--7a54d","label":"bp_combobox_group_module_label--7a54d","comboboxContainer":"bp_combobox_group_module_comboboxContainer--7a54d","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--7a54d","disabled":"bp_combobox_group_module_disabled--7a54d","errorCombobox":"bp_combobox_group_module_errorCombobox--7a54d","errorSelect":"bp_combobox_group_module_errorSelect--7a54d","selectHasFocus":"bp_combobox_group_module_selectHasFocus--7a54d","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--7a54d"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"card":"bp_content_card_module_card--
|
|
2
|
+
var styles = {"card":"bp_content_card_module_card--1a2cc","ghostCard":"bp_content_card_module_ghostCard--1a2cc","cardContent":"bp_content_card_module_cardContent--1a2cc","cardTitle":"bp_content_card_module_cardTitle--1a2cc","cardTitleText":"bp_content_card_module_cardTitleText--1a2cc","cardBody":"bp_content_card_module_cardBody--1a2cc","cardBodyText":"bp_content_card_module_cardBodyText--1a2cc","cardIcon":"bp_content_card_module_cardIcon--1a2cc","cardBackground":"bp_content_card_module_cardBackground--1a2cc","image":"bp_content_card_module_image--1a2cc","iconGhost":"bp_content_card_module_iconGhost--1a2cc","titleGhost":"bp_content_card_module_titleGhost--1a2cc","bodyGhost":"bp_content_card_module_bodyGhost--1a2cc","pillGhostContainer":"bp_content_card_module_pillGhostContainer--1a2cc","pillGhost":"bp_content_card_module_pillGhost--1a2cc"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--
|
|
2
|
+
var styles = {"stickyCell":"bp_sticky_cell_module_stickyCell--7b6e7","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--7b6e7","verticalBar":"bp_sticky_cell_module_verticalBar--7b6e7","isScrolledX":"bp_sticky_cell_module_isScrolledX--7b6e7","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--7b6e7","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--7b6e7"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--
|
|
2
|
+
var styles = {"dataTableWrapper":"bp_data_table_module_dataTableWrapper--b6622","isScrolledX":"bp_data_table_module_isScrolledX--b6622","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--b6622"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"datePicker":"bp_date_picker_module_datePicker--
|
|
2
|
+
var styles = {"datePicker":"bp_date_picker_module_datePicker--e1655","label":"bp_date_picker_module_label--e1655","group":"bp_date_picker_module_group--e1655","disabled":"bp_date_picker_module_disabled--e1655","groupContainer":"bp_date_picker_module_groupContainer--e1655","error":"bp_date_picker_module_error--e1655","groupContainerInput":"bp_date_picker_module_groupContainerInput--e1655","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--e1655","button":"bp_date_picker_module_button--e1655","clear":"bp_date_picker_module_clear--e1655","inlineError":"bp_date_picker_module_inlineError--e1655","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--e1655","slide":"bp_date_picker_module_slide--e1655"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"emptyState":"bp_empty_state_module_emptyState--
|
|
2
|
+
var styles = {"emptyState":"bp_empty_state_module_emptyState--e2700","illustration":"bp_empty_state_module_illustration--e2700","body":"bp_empty_state_module_body--e2700","heading":"bp_empty_state_module_heading--e2700","button":"bp_empty_state_module_button--e2700","small":"bp_empty_state_module_small--e2700"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|