@box/blueprint-web 12.49.0 → 12.50.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/dist/lib-esm/avatar/avatar.module.js +1 -1
- package/dist/lib-esm/badge/base-badge.module.js +1 -1
- package/dist/lib-esm/badge/icon-badge.d.ts +1 -1
- package/dist/lib-esm/badge/icon-badge.js +17 -2
- 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 +717 -714
- 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-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/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 = {"avatar":"bp_avatar_module_avatar--
|
|
2
|
+
var styles = {"avatar":"bp_avatar_module_avatar--763de","text":"bp_avatar_module_text--763de","small":"bp_avatar_module_small--763de","length-1":"bp_avatar_module_length-1--763de","length-2":"bp_avatar_module_length-2--763de","medium":"bp_avatar_module_medium--763de","large":"bp_avatar_module_large--763de","length-3":"bp_avatar_module_length-3--763de","length-4":"bp_avatar_module_length-4--763de","xlarge":"bp_avatar_module_xlarge--763de","xxlarge":"bp_avatar_module_xxlarge--763de","badge":"bp_avatar_module_badge--763de","image":"bp_avatar_module_image--763de","loading":"bp_avatar_module_loading--763de","anonymousAvatar":"bp_avatar_module_anonymousAvatar--763de","iconContainer":"bp_avatar_module_iconContainer--763de"};
|
|
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--7614a","badge":"bp_base_badge_module_badge--7614a","smallSizeBadge":"bp_base_badge_module_smallSizeBadge--7614a","mediumSizeBadge":"bp_base_badge_module_mediumSizeBadge--7614a","largeSizeBadge":"bp_base_badge_module_largeSizeBadge--7614a","xlargeSizeBadge":"bp_base_badge_module_xlargeSizeBadge--7614a","xxlargeSizeBadge":"bp_base_badge_module_xxlargeSizeBadge--7614a","iconBadge":"bp_base_badge_module_iconBadge--7614a","interactiveWrapper":"bp_base_badge_module_interactiveWrapper--7614a","statusBadge":"bp_base_badge_module_statusBadge--7614a","numericBadge":"bp_base_badge_module_numericBadge--7614a","numericBadgeSingleDigit":"bp_base_badge_module_numericBadgeSingleDigit--7614a","numericBadgeMoreDigits":"bp_base_badge_module_numericBadgeMoreDigits--7614a"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -6,7 +6,7 @@ export interface TooltipConfig {
|
|
|
6
6
|
}
|
|
7
7
|
export interface IconBadgeProps extends BadgeProps {
|
|
8
8
|
/** The variant of the icon badge. */
|
|
9
|
-
variant: 'file-audio' | 'file-bookmark' | 'file-box-app' | 'file-code' | 'file-default' | 'file-drawing' | 'file-excel' | 'file-hub' | 'file-illustrator' | 'file-indesign' | 'file-numbers' | 'file-photoshop' | 'file-powerpoint' | 'file-presentation' | 'file-slides' | 'file-spreadsheet' | 'file-text' | 'file-three-d' | 'file-vector' | 'file-word' | 'file-zip' | 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending';
|
|
9
|
+
variant: 'file-audio' | 'file-bookmark' | 'file-box-app' | 'file-code' | 'file-default' | 'file-drawing' | 'file-excel' | 'file-hub' | 'file-illustrator' | 'file-indesign' | 'file-numbers' | 'file-photoshop' | 'file-powerpoint' | 'file-presentation' | 'file-slides' | 'file-spreadsheet' | 'file-text' | 'file-three-d' | 'file-vector' | 'file-word' | 'file-zip' | 'file-pdf' | 'file-docs' | 'file-sheets' | 'file-image' | 'file-canvas' | 'file-pages' | 'file-keynote' | 'file-boxnote' | 'file-video' | 'folder-external' | 'folder-shared' | 'action-relay' | 'action-mention' | 'action-task' | 'action-taskapproval' | 'action-annotation' | 'action-performed-completed' | 'action-performed-rejected' | 'collaborator-external' | 'collaborator-admin' | 'collaborator-coadmin' | 'content-pin' | 'content-collection' | 'content-offline' | 'content-progress' | 'alert-error' | 'status-pending' | 'status-in-progress' | 'status-forwarded' | 'status-alert';
|
|
10
10
|
/** Whether to show the tooltip when hovering over the badge. */
|
|
11
11
|
showTooltipOnBadge?: boolean;
|
|
12
12
|
/** The configuration for the tooltip, required if showTooltipOnBadge is true. */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge } from '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
-
import { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
2
|
+
import { FileAudio, FileBookmark, BoxApps, FileBoxNote, FileCanvas, Code, FileDefault, FileDocs, FileDrawing, FileExcel, Hubs, FileIllustrator, FileImage, FileIndesign, FileKeynote, FileNumbers, FilePages, FilePdf, FilePhotoshop, FilePowerpoint, FilePresentation, FileSheets, FileSlides, FileSpreadsheet, FileText, FileThreeD, FileVector, FileVideo, FileWord, FileZip, FolderExternal, FolderShared, Relay, EllipsisBubble, Task, ApprovalTask, Annotation, Checkmark, XMark, GlobeBadge, Star, Pin, Arrow, CheckmarkUnderline, Loader, Alert, ClockBadge, Ellipsis, ArrowRight } from '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
+
import { SurfaceBadgeAudioSurface, GrayWhite, SurfaceBadgeBookmarkSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBoxnoteSurface, Gray100, SurfaceBadgeCanvasSurface, SurfaceBadgeCodeSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeDocsSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeExcelSurface, SurfaceBadgeHubsSurface, SurfaceBadgeIllustratorSurface, IconIconIllustrator, SurfaceBadgeImageSurface, SurfaceBadgeIndesignSurface, IconIconIndesign, SurfaceBadgeKeynoteSurface, SurfaceBadgeNumbersSurface, SurfaceBadgePagesSurface, SurfaceBadgePdfSurface, SurfaceBadgePhotoshopSurface, IconIconPhotoshop, SurfaceBadgePowerpointSurface, SurfaceBadgePresentationSurface, SurfaceBadgeSheetsSurface, SurfaceBadgeSlidesSurface, GrayBlack, SurfaceBadgeSpreadsheetSurface, SurfaceBadgeTextSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeVectorSurface, SurfaceBadgeVideoSurface, SurfaceBadgeWordSurface, SurfaceBadgeZipSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeRelaySurface, SurfaceBadgeMentionSurface, SurfaceBadgeTaskSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeExternalSurface, SurfaceBadgeAdminSurface, SurfaceBadgeCoadminSurface, SurfaceBadgePinSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgeOfflineSurface, SurfaceBadgeProgressSurface, SurfaceBadgeErrorSurface, Orange100, SurfaceBadgeInprogressSurface, SurfaceBadgeForwardSurface, SurfaceBadgeAlertSurface } from '@box/blueprint-web-assets/tokens/tokens';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
5
|
import mapValues from 'lodash/mapValues';
|
|
6
6
|
import { createElement } from 'react';
|
|
@@ -252,6 +252,21 @@ const badgeVariantToIconProps = {
|
|
|
252
252
|
backgroundColor: Orange100,
|
|
253
253
|
icon: ClockBadge,
|
|
254
254
|
iconColor: GrayWhite
|
|
255
|
+
},
|
|
256
|
+
'status-in-progress': {
|
|
257
|
+
backgroundColor: SurfaceBadgeInprogressSurface,
|
|
258
|
+
icon: Ellipsis,
|
|
259
|
+
iconColor: GrayWhite
|
|
260
|
+
},
|
|
261
|
+
'status-forwarded': {
|
|
262
|
+
backgroundColor: SurfaceBadgeForwardSurface,
|
|
263
|
+
icon: ArrowRight,
|
|
264
|
+
iconColor: GrayWhite
|
|
265
|
+
},
|
|
266
|
+
'status-alert': {
|
|
267
|
+
backgroundColor: SurfaceBadgeAlertSurface,
|
|
268
|
+
icon: Alert,
|
|
269
|
+
iconColor: GrayWhite
|
|
255
270
|
}
|
|
256
271
|
};
|
|
257
272
|
const badgeSizeToIconSize = {
|
|
@@ -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--5df0f","card":"bp_card_tooltip_module_card--5df0f","slideDownAndFade":"bp_card_tooltip_module_slideDownAndFade--5df0f","slideLeftAndFade":"bp_card_tooltip_module_slideLeftAndFade--5df0f","slideUpAndFade":"bp_card_tooltip_module_slideUpAndFade--5df0f","slideRightAndFade":"bp_card_tooltip_module_slideRightAndFade--5df0f"};
|
|
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--1c9f5","slideDownAndFade":"bp_card_tooltip_v2_module_slideDownAndFade--1c9f5","slideLeftAndFade":"bp_card_tooltip_v2_module_slideLeftAndFade--1c9f5","slideUpAndFade":"bp_card_tooltip_v2_module_slideUpAndFade--1c9f5","slideRightAndFade":"bp_card_tooltip_v2_module_slideRightAndFade--1c9f5"};
|
|
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--13b90","checkbox":"bp_checkbox_module_checkbox--13b90","indicator":"bp_checkbox_module_indicator--13b90","label":"bp_checkbox_module_label--13b90","description":"bp_checkbox_module_description--13b90","disabled":"bp_checkbox_module_disabled--13b90"};
|
|
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--1b447","popover":"bp_combobox_module_popover--1b447","disabled":"bp_combobox_module_disabled--1b447","label":"bp_combobox_module_label--1b447","hiddenLabel":"bp_combobox_module_hiddenLabel--1b447","comboboxContainer":"bp_combobox_module_comboboxContainer--1b447","withComboboxButtons":"bp_combobox_module_withComboboxButtons--1b447","error":"bp_combobox_module_error--1b447","textInputWrapper":"bp_combobox_module_textInputWrapper--1b447","textInput":"bp_combobox_module_textInput--1b447","errorIcon":"bp_combobox_module_errorIcon--1b447","comboboxButtons":"bp_combobox_module_comboboxButtons--1b447","withChips":"bp_combobox_module_withChips--1b447","inlineError":"bp_combobox_module_inlineError--1b447","option":"bp_combobox_module_option--1b447","indicator":"bp_combobox_module_indicator--1b447","indicatorIcon":"bp_combobox_module_indicatorIcon--1b447","optionWithIndicator":"bp_combobox_module_optionWithIndicator--1b447","loadingIndicator":"bp_combobox_module_loadingIndicator--1b447","noResultOption":"bp_combobox_module_noResultOption--1b447"};
|
|
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--6fdb4","trailing":"bp_combobox_group_module_trailing--6fdb4","leading":"bp_combobox_group_module_leading--6fdb4","comboboxGroupcontainer":"bp_combobox_group_module_comboboxGroupcontainer--6fdb4","disabled":"bp_combobox_group_module_disabled--6fdb4","label":"bp_combobox_group_module_label--6fdb4","errorCombobox":"bp_combobox_group_module_errorCombobox--6fdb4","errorSelect":"bp_combobox_group_module_errorSelect--6fdb4","selectHasFocus":"bp_combobox_group_module_selectHasFocus--6fdb4","comboboxHasFocus":"bp_combobox_group_module_comboboxHasFocus--6fdb4"};
|
|
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--beeaa","cardContent":"bp_content_card_module_cardContent--beeaa","cardTitle":"bp_content_card_module_cardTitle--beeaa","cardTitleText":"bp_content_card_module_cardTitleText--beeaa","cardBody":"bp_content_card_module_cardBody--beeaa","cardBodyText":"bp_content_card_module_cardBodyText--beeaa","cardIcon":"bp_content_card_module_cardIcon--beeaa","cardBackground":"bp_content_card_module_cardBackground--beeaa","image":"bp_content_card_module_image--beeaa","ghostCard":"bp_content_card_module_ghostCard--beeaa","iconGhost":"bp_content_card_module_iconGhost--beeaa","titleGhost":"bp_content_card_module_titleGhost--beeaa","bodyGhost":"bp_content_card_module_bodyGhost--beeaa","pillGhostContainer":"bp_content_card_module_pillGhostContainer--beeaa","pillGhost":"bp_content_card_module_pillGhost--beeaa"};
|
|
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--a1fc4","childrenWrapper":"bp_sticky_cell_module_childrenWrapper--a1fc4","verticalBar":"bp_sticky_cell_module_verticalBar--a1fc4","isScrolledX":"bp_sticky_cell_module_isScrolledX--a1fc4","stickyCellBelow":"bp_sticky_cell_module_stickyCellBelow--a1fc4","stickyCellOuterLeft":"bp_sticky_cell_module_stickyCellOuterLeft--a1fc4"};
|
|
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--b8a31","isScrolledX":"bp_data_table_module_isScrolledX--b8a31","hideActionWrapperRight":"bp_data_table_module_hideActionWrapperRight--b8a31"};
|
|
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--761d1","disabled":"bp_date_picker_module_disabled--761d1","label":"bp_date_picker_module_label--761d1","group":"bp_date_picker_module_group--761d1","groupContainer":"bp_date_picker_module_groupContainer--761d1","error":"bp_date_picker_module_error--761d1","groupContainerInput":"bp_date_picker_module_groupContainerInput--761d1","groupContainerInputSegment":"bp_date_picker_module_groupContainerInputSegment--761d1","button":"bp_date_picker_module_button--761d1","clear":"bp_date_picker_module_clear--761d1","inlineError":"bp_date_picker_module_inlineError--761d1","datePickerPopoverContent":"bp_date_picker_module_datePickerPopoverContent--761d1","slide":"bp_date_picker_module_slide--761d1"};
|
|
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--70af2","illustration":"bp_empty_state_module_illustration--70af2","body":"bp_empty_state_module_body--70af2","heading":"bp_empty_state_module_heading--70af2","button":"bp_empty_state_module_button--70af2","small":"bp_empty_state_module_small--70af2"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|