@box/blueprint-web 6.33.1 → 6.34.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/lib-esm/accordion/accordion.module.js +1 -1
- package/lib-esm/avatar/avatar.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/content-field/content-field.d.ts +1 -1
- package/lib-esm/content-field/content-field.js +44 -32
- package/lib-esm/content-field/content-field.module.js +1 -1
- package/lib-esm/content-field/types.d.ts +4 -0
- 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/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 +833 -790
- 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/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/text-input/text-input.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 +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionContent":"bp_accordion_module_accordionContent--
|
|
2
|
+
var styles = {"accordionContent":"bp_accordion_module_accordionContent--ff44d","slideDown":"bp_accordion_module_slideDown--ff44d","slideUp":"bp_accordion_module_slideUp--ff44d","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--ff44d","accordionItem":"bp_accordion_module_accordionItem--ff44d","accordionFixedContent":"bp_accordion_module_accordionFixedContent--ff44d","accordionHeader":"bp_accordion_module_accordionHeader--ff44d","accordionHeaderTrigger":"bp_accordion_module_accordionHeaderTrigger--ff44d","accordionStatus":"bp_accordion_module_accordionStatus--ff44d","accordionTrigger":"bp_accordion_module_accordionTrigger--ff44d","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--ff44d"};
|
|
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--c794a","badge":"bp_avatar_module_badge--c794a","text":"bp_avatar_module_text--c794a","small":"bp_avatar_module_small--c794a","length-1":"bp_avatar_module_length-1--c794a","length-2":"bp_avatar_module_length-2--c794a","medium":"bp_avatar_module_medium--c794a","large":"bp_avatar_module_large--c794a","length-3":"bp_avatar_module_length-3--c794a","length-4":"bp_avatar_module_length-4--c794a","xlarge":"bp_avatar_module_xlarge--c794a","image":"bp_avatar_module_image--c794a","loading":"bp_avatar_module_loading--c794a","anonymousAvatar":"bp_avatar_module_anonymousAvatar--c794a","svg":"bp_avatar_module_svg--c794a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"card":"bp_card_module_card--
|
|
2
|
+
var styles = {"card":"bp_card_module_card--435fe","dropshadow-1":"bp_card_module_dropshadow-1--435fe","dropshadow-3":"bp_card_module_dropshadow-3--435fe"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -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--cdd2b","card":"bp_card_tooltip_module_card--cdd2b","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--cdd2b","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--cdd2b","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--cdd2b","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--cdd2b"};
|
|
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--7ff8c","checkbox":"bp_checkbox_module_checkbox--7ff8c","indicator":"bp_checkbox_module_indicator--7ff8c","label":"bp_checkbox_module_label--7ff8c","description":"bp_checkbox_module_description--7ff8c","disabled":"bp_checkbox_module_disabled--7ff8c"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--
|
|
2
|
+
var styles = {"collapsibleSection":"bp_collapsible_section_module_collapsibleSection--faa65","collapsibleSectionHeader":"bp_collapsible_section_module_collapsibleSectionHeader--faa65","collapsibleSectionHeaderArrow":"bp_collapsible_section_module_collapsibleSectionHeaderArrow--faa65","collapsibleSectionContent":"bp_collapsible_section_module_collapsibleSectionContent--faa65","slideDown":"bp_collapsible_section_module_slideDown--faa65","slideUp":"bp_collapsible_section_module_slideUp--faa65","collapsibleSectionBody":"bp_collapsible_section_module_collapsibleSectionBody--faa65"};
|
|
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--7c9e8","disabled":"bp_combobox_module_disabled--7c9e8","label":"bp_combobox_module_label--7c9e8","hiddenLabel":"bp_combobox_module_hiddenLabel--7c9e8","comboboxContainer":"bp_combobox_module_comboboxContainer--7c9e8","error":"bp_combobox_module_error--7c9e8","textInputWrapper":"bp_combobox_module_textInputWrapper--7c9e8","textInput":"bp_combobox_module_textInput--7c9e8","errorIcon":"bp_combobox_module_errorIcon--7c9e8","withChipsGroup":"bp_combobox_module_withChipsGroup--7c9e8","inlineError":"bp_combobox_module_inlineError--7c9e8","popover":"bp_combobox_module_popover--7c9e8","option":"bp_combobox_module_option--7c9e8","indicator":"bp_combobox_module_indicator--7c9e8","indicatorIcon":"bp_combobox_module_indicatorIcon--7c9e8","optionWithIndicator":"bp_combobox_module_optionWithIndicator--7c9e8","loadingIndicator":"bp_combobox_module_loadingIndicator--7c9e8","noResultOption":"bp_combobox_module_noResultOption--7c9e8"};
|
|
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--6ef96","cardContent":"bp_content_card_module_cardContent--6ef96","cardTitle":"bp_content_card_module_cardTitle--6ef96","cardTitleText":"bp_content_card_module_cardTitleText--6ef96","cardBody":"bp_content_card_module_cardBody--6ef96","cardBodyText":"bp_content_card_module_cardBodyText--6ef96","cardIcon":"bp_content_card_module_cardIcon--6ef96","cardBackground":"bp_content_card_module_cardBackground--6ef96","image":"bp_content_card_module_image--6ef96","ghostCard":"bp_content_card_module_ghostCard--6ef96","iconGhost":"bp_content_card_module_iconGhost--6ef96","titleGhost":"bp_content_card_module_titleGhost--6ef96","bodyGhost":"bp_content_card_module_bodyGhost--6ef96","pillGhostContainer":"bp_content_card_module_pillGhostContainer--6ef96","pillGhost":"bp_content_card_module_pillGhost--6ef96"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type ContentFieldProps } from './types';
|
|
3
3
|
export declare const contentFieldButtonTestId = "ContentField-button";
|
|
4
|
-
export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title }: ContentFieldProps) => JSX.Element;
|
|
4
|
+
export declare const ContentField: ({ hintText, onClick, onClickClearButton, isSharedFolder, title, error, }: ContentFieldProps) => JSX.Element;
|
|
@@ -8,6 +8,7 @@ import { createRef } from 'react';
|
|
|
8
8
|
import { useFullTextTooltip } from '../utils/useFullTextTooltip.js';
|
|
9
9
|
import styles from './content-field.module.js';
|
|
10
10
|
import { messages } from './messages.js';
|
|
11
|
+
import { InlineError } from '../primitives/inline-error/inline-error.js';
|
|
11
12
|
|
|
12
13
|
const ContentIconContainer = ({
|
|
13
14
|
children
|
|
@@ -42,7 +43,8 @@ const ContentField = ({
|
|
|
42
43
|
onClick,
|
|
43
44
|
onClickClearButton,
|
|
44
45
|
isSharedFolder,
|
|
45
|
-
title
|
|
46
|
+
title,
|
|
47
|
+
error
|
|
46
48
|
}) => {
|
|
47
49
|
const ref = /*#__PURE__*/createRef();
|
|
48
50
|
const {
|
|
@@ -54,39 +56,49 @@ const ContentField = ({
|
|
|
54
56
|
});
|
|
55
57
|
return jsxs("div", {
|
|
56
58
|
className: styles.contentFieldWrapper,
|
|
57
|
-
children: [
|
|
58
|
-
|
|
59
|
-
children:
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
children: [jsxs("div", {
|
|
60
|
+
className: styles.contentField,
|
|
61
|
+
children: [jsx(Tooltip, {
|
|
62
|
+
...wrapperProps,
|
|
63
|
+
children: jsxs(Button, {
|
|
64
|
+
className: clsx(styles.contentButton, {
|
|
65
|
+
[styles.hasSelection]: title,
|
|
66
|
+
[styles.error]: !!error
|
|
67
|
+
}),
|
|
68
|
+
"data-testid": contentFieldButtonTestId,
|
|
69
|
+
onClick: onClick,
|
|
70
|
+
type: "button",
|
|
71
|
+
children: [jsx(ContentIcon, {
|
|
72
|
+
isSharedFolder: isSharedFolder
|
|
73
|
+
}), jsx("div", {
|
|
74
|
+
className: styles.contentLabelWrapper,
|
|
75
|
+
children: jsx("div", {
|
|
76
|
+
ref: ref,
|
|
77
|
+
className: styles.contentLabel,
|
|
78
|
+
children: title ?? hintText
|
|
79
|
+
})
|
|
80
|
+
})]
|
|
81
|
+
})
|
|
82
|
+
}), title && jsx(Button, {
|
|
83
|
+
"aria-label": messages.clearContentFieldButtonLabel,
|
|
84
|
+
className: clsx(styles.clearButton, {
|
|
85
|
+
[styles.hasSelection]: title,
|
|
86
|
+
[styles.error]: !!error
|
|
87
|
+
}),
|
|
88
|
+
onClick: handleOnClickClearButton({
|
|
89
|
+
ref,
|
|
90
|
+
onClickClearButton
|
|
62
91
|
}),
|
|
63
|
-
"data-testid": contentFieldButtonTestId,
|
|
64
|
-
onClick: onClick,
|
|
65
92
|
type: "button",
|
|
66
|
-
children:
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
})]
|
|
76
|
-
})
|
|
77
|
-
}), title && jsx(Button, {
|
|
78
|
-
"aria-label": messages.clearContentFieldButtonLabel,
|
|
79
|
-
className: styles.clearButton,
|
|
80
|
-
onClick: handleOnClickClearButton({
|
|
81
|
-
ref,
|
|
82
|
-
onClickClearButton
|
|
83
|
-
}),
|
|
84
|
-
type: "button",
|
|
85
|
-
children: jsx(XMark, {
|
|
86
|
-
"aria-label": messages.clearContentFieldIconLabel,
|
|
87
|
-
height: Space6,
|
|
88
|
-
width: Space6
|
|
89
|
-
})
|
|
93
|
+
children: jsx(XMark, {
|
|
94
|
+
"aria-label": messages.clearContentFieldIconLabel,
|
|
95
|
+
height: Space6,
|
|
96
|
+
width: Space6
|
|
97
|
+
})
|
|
98
|
+
})]
|
|
99
|
+
}), jsx(InlineError, {
|
|
100
|
+
className: styles.inlineError,
|
|
101
|
+
children: error
|
|
90
102
|
})]
|
|
91
103
|
});
|
|
92
104
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--
|
|
2
|
+
var styles = {"contentFieldWrapper":"bp_content_field_module_contentFieldWrapper--557cc","contentField":"bp_content_field_module_contentField--557cc","inlineError":"bp_content_field_module_inlineError--557cc","contentButton":"bp_content_field_module_contentButton--557cc","error":"bp_content_field_module_error--557cc","hasSelection":"bp_content_field_module_hasSelection--557cc","contentIconContainer":"bp_content_field_module_contentIconContainer--557cc","contentIconShared":"bp_content_field_module_contentIconShared--557cc","contentLabelWrapper":"bp_content_field_module_contentLabelWrapper--557cc","contentLabel":"bp_content_field_module_contentLabel--557cc","clearButton":"bp_content_field_module_clearButton--557cc"};
|
|
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--fb8a9","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--fb8a9","verticalBar":"bp_sticky_cell_module_verticalBar--fb8a9","isScrolledX":"bp_sticky_cell_module_isScrolledX--fb8a9","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--fb8a9","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--fb8a9"};
|
|
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--d47a1","isScrolledX":"bp_data_table_module_isScrolledX--d47a1","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--d47a1"};
|
|
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--736d2","disabled":"bp_date_picker_module_disabled--736d2","label":"bp_date_picker_module_label--736d2","group":"bp_date_picker_module_group--736d2","groupContainer":"bp_date_picker_module_groupContainer--736d2","error":"bp_date_picker_module_error--736d2","groupContainerInput":"bp_date_picker_module_groupContainerInput--736d2","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--736d2","button":"bp_date_picker_module_button--736d2","clear":"bp_date_picker_module_clear--736d2","popover":"bp_date_picker_module_popover--736d2","slide":"bp_date_picker_module_slide--736d2","popoverContent":"bp_date_picker_module_popoverContent--736d2","inlineError":"bp_date_picker_module_inlineError--736d2"};
|
|
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--a930a","illustration":"bp_empty_state_module_illustration--a930a","body":"bp_empty_state_module_body--a930a","heading":"bp_empty_state_module_heading--a930a","button":"bp_empty_state_module_button--a930a","small":"bp_empty_state_module_small--a930a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"ghost":"bp_ghost_module_ghost--
|
|
2
|
+
var styles = {"ghost":"bp_ghost_module_ghost--03428","ghost-keyframes":"bp_ghost_module_ghost-keyframes--03428","circle":"bp_ghost_module_circle--03428","pill":"bp_ghost_module_pill--03428","rectangle":"bp_ghost_module_rectangle--03428"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"content":"bp_guided_tooltip_module_content--
|
|
2
|
+
var styles = {"content":"bp_guided_tooltip_module_content--f3bb9","body":"bp_guided_tooltip_module_body--f3bb9","noTitle":"bp_guided_tooltip_module_noTitle--f3bb9","title":"bp_guided_tooltip_module_title--f3bb9","footer":"bp_guided_tooltip_module_footer--f3bb9","actionButtons":"bp_guided_tooltip_module_actionButtons--f3bb9","stepsIndicator":"bp_guided_tooltip_module_stepsIndicator--f3bb9","closeButton":"bp_guided_tooltip_module_closeButton--f3bb9","arrow":"bp_guided_tooltip_module_arrow--f3bb9","icon":"bp_guided_tooltip_module_icon--f3bb9","illustration":"bp_guided_tooltip_module_illustration--f3bb9"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|