@box/blueprint-web 17.16.0 → 17.17.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/components.css +351 -681
- package/dist/lib-esm/data-table/data-table.module.js +1 -1
- package/dist/lib-esm/index.css +351 -681
- package/dist/lib-esm/inline-table/inline-table.js +0 -1
- package/dist/lib-esm/inline-table/inline-table.module.js +1 -1
- package/dist/lib-esm/list-item/main.module.js +1 -1
- package/dist/lib-esm/list-item/table-column.js +8 -11
- package/dist/lib-esm/list-item/table-header-default.js +0 -1
- package/dist/lib-esm/list-item/table.js +0 -2
- package/dist/lib-esm/small-list-item/small-list.js +0 -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/base-grid-list-item/base-grid-list.js +0 -1
- package/dist/lib-esm/util-components/base-grid-list-item/utils/rac-tooltip.js +1 -5
- package/dist/lib-esm/util-components/list-checkbox/list-checkbox.js +0 -1
- package/dist/lib-esm/util-components/list-checkbox/list-checkbox.module.js +1 -1
- package/package.json +3 -3
|
@@ -12,7 +12,6 @@ const Table = /*#__PURE__*/React__default.forwardRef((props, ref) => {
|
|
|
12
12
|
} = props;
|
|
13
13
|
return jsx("table", {
|
|
14
14
|
className: clsx(hideBorder && styles.borderHidden, fullSpan && styles.fullSpan, styles.inlineTable, className),
|
|
15
|
-
"data-modern": 'true' ,
|
|
16
15
|
...rest,
|
|
17
16
|
ref: ref
|
|
18
17
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"inlineTable":"bp_inline_table_module_inlineTable--
|
|
2
|
+
var styles = {"inlineTable":"bp_inline_table_module_inlineTable--f26a1","borderHidden":"bp_inline_table_module_borderHidden--f26a1","fullSpan":"bp_inline_table_module_fullSpan--f26a1","actionCell":"bp_inline_table_module_actionCell--f26a1"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--
|
|
2
|
+
var styles = {"tableSortingContainer":"bp_main_module_tableSortingContainer--c1b8c","resizableTableContainer":"bp_main_module_resizableTableContainer--c1b8c","resizableTable":"bp_main_module_resizableTable--c1b8c","tableHeader":"bp_main_module_tableHeader--c1b8c","column":"bp_main_module_column--c1b8c","columnNameWrapper":"bp_main_module_columnNameWrapper--c1b8c","columnName":"bp_main_module_columnName--c1b8c","focusVisible":"bp_main_module_focusVisible--c1b8c","sorted":"bp_main_module_sorted--c1b8c","sortingFlexWrapper":"bp_main_module_sortingFlexWrapper--c1b8c","columnResizer":"bp_main_module_columnResizer--c1b8c","dropdownHeaderContainer":"bp_main_module_dropdownHeaderContainer--c1b8c","droppableColumn":"bp_main_module_droppableColumn--c1b8c","actionColumn":"bp_main_module_actionColumn--c1b8c","hiddenColumn":"bp_main_module_hiddenColumn--c1b8c","tableBody":"bp_main_module_tableBody--c1b8c","row":"bp_main_module_row--c1b8c","cell":"bp_main_module_cell--c1b8c","actionsWrapper":"bp_main_module_actionsWrapper--c1b8c","actionChildren":"bp_main_module_actionChildren--c1b8c","actions":"bp_main_module_actions--c1b8c","alwaysShowSelection":"bp_main_module_alwaysShowSelection--c1b8c","isCellHidden":"bp_main_module_isCellHidden--c1b8c"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import '@box/blueprint-web-assets/icons/Fill';
|
|
3
2
|
import { ArrowUp, ArrowDown } from '@box/blueprint-web-assets/icons/Medium';
|
|
4
3
|
import { bpSize040, bpTextTextOnLight } from '@box/blueprint-web-assets/tokens/tokens';
|
|
5
4
|
import clsx from 'clsx';
|
|
@@ -17,19 +16,17 @@ function SortingArrowIcon({
|
|
|
17
16
|
direction
|
|
18
17
|
}) {
|
|
19
18
|
const props = {
|
|
20
|
-
color: bpTextTextOnLight
|
|
21
|
-
height: bpSize040
|
|
19
|
+
color: bpTextTextOnLight,
|
|
20
|
+
height: bpSize040,
|
|
22
21
|
role: 'presentation',
|
|
23
22
|
visibility,
|
|
24
|
-
width: bpSize040
|
|
23
|
+
width: bpSize040
|
|
25
24
|
};
|
|
26
|
-
{
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
32
|
-
}
|
|
25
|
+
return direction === 'up' ? jsx(ArrowUp, {
|
|
26
|
+
...props
|
|
27
|
+
}) : jsx(ArrowDown, {
|
|
28
|
+
...props
|
|
29
|
+
});
|
|
33
30
|
}
|
|
34
31
|
function SortIndicator({
|
|
35
32
|
direction
|
|
@@ -29,7 +29,6 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
29
29
|
} = props;
|
|
30
30
|
const resizableContainerRef = useRef(null);
|
|
31
31
|
const dropdownHeaderContainerRef = useRef(null);
|
|
32
|
-
const enableModernizedComponents = true;
|
|
33
32
|
return jsx(CustomTableOptionsProvider, {
|
|
34
33
|
selectionVisibility: selectionVisibility,
|
|
35
34
|
children: jsx(TableSortingProvider, {
|
|
@@ -49,7 +48,6 @@ const Table = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
49
48
|
children: jsx(ResizableTableContainer, {
|
|
50
49
|
ref: resizableContainerRef,
|
|
51
50
|
className: styles.resizableTableContainer,
|
|
52
|
-
"data-modern": enableModernizedComponents,
|
|
53
51
|
...resizableTableContainerProps,
|
|
54
52
|
children: jsx(TableInner, {
|
|
55
53
|
ref: ref,
|
|
@@ -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--1c940","smallListItem":"bp_base_grid_list_item_module_smallListItem--1c940","loading":"bp_base_grid_list_item_module_loading--1c940","thumbnail":"bp_base_grid_list_item_module_thumbnail--1c940","thumbnailContent":"bp_base_grid_list_item_module_thumbnailContent--1c940","header":"bp_base_grid_list_item_module_header--1c940","subtitle":"bp_base_grid_list_item_module_subtitle--1c940","actions":"bp_base_grid_list_item_module_actions--1c940","selection":"bp_base_grid_list_item_module_selection--1c940","inner":"bp_base_grid_list_item_module_inner--1c940","actionsCheckboxWrapper":"bp_base_grid_list_item_module_actionsCheckboxWrapper--1c940","largeList":"bp_base_grid_list_item_module_largeList--1c940","largeListItem":"bp_base_grid_list_item_module_largeListItem--1c940","fade":"bp_base_grid_list_item_module_fade--1c940","description":"bp_base_grid_list_item_module_description--1c940","snippet":"bp_base_grid_list_item_module_snippet--1c940","snippetContent":"bp_base_grid_list_item_module_snippetContent--1c940","gridList":"bp_base_grid_list_item_module_gridList--1c940","gridListItem":"bp_base_grid_list_item_module_gridListItem--1c940","statusPin":"bp_base_grid_list_item_module_statusPin--1c940","isItemInteracted":"bp_base_grid_list_item_module_isItemInteracted--1c940","tooltipContent":"bp_base_grid_list_item_module_tooltipContent--1c940","tooltipArrow":"bp_base_grid_list_item_module_tooltipArrow--1c940","gridListV2":"bp_base_grid_list_item_module_gridListV2--1c940","gridListV2Item":"bp_base_grid_list_item_module_gridListV2Item--1c940","noActions":"bp_base_grid_list_item_module_noActions--1c940","thumbnailBadges":"bp_base_grid_list_item_module_thumbnailBadges--1c940","statusBadge":"bp_base_grid_list_item_module_statusBadge--1c940","fileTypePill":"bp_base_grid_list_item_module_fileTypePill--1c940","textCentered":"bp_base_grid_list_item_module_textCentered--1c940","innerCentered":"bp_base_grid_list_item_module_innerCentered--1c940","gridListV2Small":"bp_base_grid_list_item_module_gridListV2Small--1c940","gridListV2XSmall":"bp_base_grid_list_item_module_gridListV2XSmall--1c940","gridListV2XSmallBordered":"bp_base_grid_list_item_module_gridListV2XSmallBordered--1c940","gridV2ClickShield":"bp_base_grid_list_item_module_gridV2ClickShield--1c940","listV2ClickShield":"bp_base_grid_list_item_module_listV2ClickShield--1c940","listV2":"bp_base_grid_list_item_module_listV2--1c940","listV2Item":"bp_base_grid_list_item_module_listV2Item--1c940","listV2Divider":"bp_base_grid_list_item_module_listV2Divider--1c940","content":"bp_base_grid_list_item_module_content--1c940","staticList":"bp_base_grid_list_item_module_staticList--1c940","staticListItem":"bp_base_grid_list_item_module_staticListItem--1c940"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -106,7 +106,6 @@ const BaseGridList = /*#__PURE__*/forwardRef(function BaseGridList(props, forwar
|
|
|
106
106
|
...rest,
|
|
107
107
|
ref: forwardedRef,
|
|
108
108
|
className: clsx(layoutStyleClass, variantClass, className),
|
|
109
|
-
"data-modern": 'true' ,
|
|
110
109
|
layout: layoutFinal,
|
|
111
110
|
...(ownsAction ? {} : {
|
|
112
111
|
onAction: handleOnAction
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { useMemo } from 'react';
|
|
4
3
|
import { Tooltip, OverlayArrow } from 'react-aria-components';
|
|
5
4
|
import styles from '../base-grid-list-item.module.js';
|
|
6
5
|
|
|
@@ -8,11 +7,8 @@ const RACTooltip = ({
|
|
|
8
7
|
children,
|
|
9
8
|
...props
|
|
10
9
|
}) => {
|
|
11
|
-
const enableModernizedComponents = true;
|
|
12
|
-
const fill = useMemo(() => 'var(--bp-gray-100)' , [enableModernizedComponents]);
|
|
13
10
|
return jsxs(Tooltip, {
|
|
14
11
|
className: clsx(styles.tooltipContent),
|
|
15
|
-
"data-modern": 'true' ,
|
|
16
12
|
offset: 3,
|
|
17
13
|
placement: "bottom",
|
|
18
14
|
...props,
|
|
@@ -24,7 +20,7 @@ const RACTooltip = ({
|
|
|
24
20
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25
21
|
children: jsx("path", {
|
|
26
22
|
d: "m8.5 0-8 8h16l-8-8Z",
|
|
27
|
-
fill:
|
|
23
|
+
fill: "var(--bp-gray-100)"
|
|
28
24
|
})
|
|
29
25
|
})
|
|
30
26
|
}), children]
|
|
@@ -16,7 +16,6 @@ import styles from './list-checkbox.module.js';
|
|
|
16
16
|
const ListCheckbox = /*#__PURE__*/forwardRef((props, ref) => {
|
|
17
17
|
return jsx("div", {
|
|
18
18
|
className: clsx(styles.selection, props.className),
|
|
19
|
-
"data-modern": 'true' ,
|
|
20
19
|
children: jsx(Checkbox, {
|
|
21
20
|
...props,
|
|
22
21
|
ref: ref,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"selection":"bp_list_checkbox_module_selection--
|
|
2
|
+
var styles = {"selection":"bp_list_checkbox_module_selection--6d182","checkbox":"bp_list_checkbox_module_checkbox--6d182"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.17.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@ariakit/react": "0.4.21",
|
|
57
57
|
"@ariakit/react-core": "0.4.21",
|
|
58
|
-
"@box/blueprint-web-assets": "^5.10.
|
|
58
|
+
"@box/blueprint-web-assets": "^5.10.28",
|
|
59
59
|
"@internationalized/date": "^3.12.0",
|
|
60
60
|
"@radix-ui/react-accordion": "1.1.2",
|
|
61
61
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"devDependencies": {
|
|
87
87
|
"@box/box-test-client": "^3.2.7",
|
|
88
88
|
"@box/playwright-utils": "^2.8.5",
|
|
89
|
-
"@box/storybook-utils": "^1.2.
|
|
89
|
+
"@box/storybook-utils": "^1.2.72",
|
|
90
90
|
"@figma/code-connect": "1.4.4",
|
|
91
91
|
"@playwright/test": "1.46.1",
|
|
92
92
|
"@types/js-yaml": "^4.0.9",
|