@box/blueprint-web 14.4.1 → 14.4.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/dist/lib-esm/empty-state/empty-state.js +1 -1
- package/dist/lib-esm/guided-tooltip/guided-tooltip-footer.js +1 -1
- package/dist/lib-esm/index.css +0 -15
- package/dist/lib-esm/index.js +1 -1
- package/dist/lib-esm/list-item/utils/column-visibility-context/columnVisibilityContext.js +1 -1
- package/dist/lib-esm/primitives/chips/filter-chip/filter-combo-chip.js +1 -1
- package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-item.js +1 -1
- package/dist/lib-esm/primitives/notification/notification-provider.js +1 -1
- package/dist/lib-esm/select/select-context.js +1 -1
- package/dist/lib-esm/side-panel/variant-context.js +1 -1
- package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js +1 -1
- package/dist/lib-esm/util-components/scrollable-container/scrollable-container.js +1 -1
- package/dist/lib-esm/utils/fast-context.js +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { forwardRef, useMemo,
|
|
3
|
+
import { forwardRef, useMemo, createElement, cloneElement, useContext, createContext } from 'react';
|
|
4
4
|
import styles from './empty-state.module.js';
|
|
5
5
|
import { Button } from '../button/button.js';
|
|
6
6
|
import { Link } from '../primitives/link/link.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import {
|
|
3
|
+
import { useEffect, forwardRef } from 'react';
|
|
4
4
|
import { Button } from '../button/button.js';
|
|
5
5
|
import { getUniqueId } from '../utils/useUniqueId.js';
|
|
6
6
|
import styles from './guided-tooltip.module.js';
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -3509,7 +3509,6 @@
|
|
|
3509
3509
|
display:inline-flex;
|
|
3510
3510
|
flex-direction:row;
|
|
3511
3511
|
gap:var(--checkbox-label-gap);
|
|
3512
|
-
width:-moz-fit-content;
|
|
3513
3512
|
width:fit-content;
|
|
3514
3513
|
}
|
|
3515
3514
|
.bp_checkbox_module_option--b5c8a .bp_checkbox_module_description--b5c8a{
|
|
@@ -3669,7 +3668,6 @@
|
|
|
3669
3668
|
margin-inline-start:calc(var(--collapsible-section-padding)*-1);
|
|
3670
3669
|
padding-block:var(--collapsible-section-borderless-header-padding-block);
|
|
3671
3670
|
padding-inline:var(--collapsible-section-borderless-header-padding-inline-start) .875rem;
|
|
3672
|
-
width:-moz-fit-content;
|
|
3673
3671
|
width:fit-content;
|
|
3674
3672
|
}
|
|
3675
3673
|
.bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:focus-visible,.bp_collapsible_section_module_collapsibleSection--43867[data-variant=borderless] .bp_collapsible_section_module_collapsibleSectionHeader--43867:hover{
|
|
@@ -4196,7 +4194,6 @@
|
|
|
4196
4194
|
.bp_text_area_module_textAreaContainer--62c43 .bp_text_area_module_label--62c43{
|
|
4197
4195
|
color:var(--text-area-container-label-color);
|
|
4198
4196
|
flex:0 0 fit-content;
|
|
4199
|
-
width:-moz-fit-content;
|
|
4200
4197
|
width:fit-content;
|
|
4201
4198
|
}
|
|
4202
4199
|
.bp_text_area_module_textAreaContainer--62c43 .bp_text_area_module_label--62c43:not(.bp_text_area_module_hidden--62c43){
|
|
@@ -6076,7 +6073,6 @@
|
|
|
6076
6073
|
max-width:100%;
|
|
6077
6074
|
padding-block:var(--calendar-padding-block);
|
|
6078
6075
|
padding-inline:var(--calendar-padding-inline);
|
|
6079
|
-
width:-moz-fit-content;
|
|
6080
6076
|
width:fit-content;
|
|
6081
6077
|
}
|
|
6082
6078
|
.bp_calendar_module_calendar--2118e .bp_calendar_module_calendarGrid--2118e{
|
|
@@ -6286,7 +6282,6 @@
|
|
|
6286
6282
|
cursor:default;
|
|
6287
6283
|
display:block;
|
|
6288
6284
|
margin-block-end:var(--date-picker-label-margin-bottom);
|
|
6289
|
-
width:-moz-fit-content;
|
|
6290
6285
|
width:fit-content;
|
|
6291
6286
|
}
|
|
6292
6287
|
.bp_date_picker_module_datePicker--fdedb .bp_date_picker_module_group--fdedb{
|
|
@@ -6327,7 +6322,6 @@
|
|
|
6327
6322
|
border-radius:unset;
|
|
6328
6323
|
box-shadow:unset;
|
|
6329
6324
|
color:var(--date-picker-input-text-color);
|
|
6330
|
-
height:-moz-fit-content;
|
|
6331
6325
|
height:fit-content;
|
|
6332
6326
|
padding:unset;
|
|
6333
6327
|
transition:unset;
|
|
@@ -9016,7 +9010,6 @@ table.bp_inline_table_module_inlineTable--fc22e[data-modern=true] td:last-child,
|
|
|
9016
9010
|
.bp_base_text_input_module_textInputContainerOuter--f7693 .bp_base_text_input_module_label--f7693{
|
|
9017
9011
|
color:var(--text-input-label-color);
|
|
9018
9012
|
flex:0 0 fit-content;
|
|
9019
|
-
width:-moz-fit-content;
|
|
9020
9013
|
width:fit-content;
|
|
9021
9014
|
}
|
|
9022
9015
|
.bp_base_text_input_module_textInputContainerOuter--f7693 .bp_base_text_input_module_label--f7693:not(.bp_base_text_input_module_hidden--f7693){
|
|
@@ -9956,7 +9949,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
9956
9949
|
mask-position:left top;
|
|
9957
9950
|
}
|
|
9958
9951
|
.bp_popover_module_popoverContentContainer--a0d71.bp_popover_module_accessibilitySmallBreakpoint--a0d71 .bp_popover_module_popoverCard--a0d71 .bp_popover_module_popoverScrollContainer--a0d71 .bp_popover_module_popoverMainContent--a0d71{
|
|
9959
|
-
max-height:-moz-fit-content;
|
|
9960
9952
|
max-height:fit-content;
|
|
9961
9953
|
}
|
|
9962
9954
|
.bp_popover_module_popoverContentContainer--a0d71 .bp_popover_module_popoverFooter--a0d71{
|
|
@@ -10484,7 +10476,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10484
10476
|
gap:var(--content-switch-tab-list-gap);
|
|
10485
10477
|
grid-auto-columns:1fr;
|
|
10486
10478
|
grid-auto-flow:column;
|
|
10487
|
-
min-width:-moz-fit-content;
|
|
10488
10479
|
min-width:fit-content;
|
|
10489
10480
|
padding:var(--content-switch-tab-list-padding);
|
|
10490
10481
|
}
|
|
@@ -10645,7 +10636,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10645
10636
|
cursor:pointer;
|
|
10646
10637
|
display:inline-flex;
|
|
10647
10638
|
gap:var(--size-3);
|
|
10648
|
-
width:-moz-fit-content;
|
|
10649
10639
|
width:fit-content;
|
|
10650
10640
|
}
|
|
10651
10641
|
.bp_radio_group_module_radioOption--169b3 .bp_radio_group_module_description--169b3{
|
|
@@ -10922,7 +10912,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
10922
10912
|
}
|
|
10923
10913
|
|
|
10924
10914
|
.bp_search_module_search--6d7ac{
|
|
10925
|
-
height:-moz-fit-content;
|
|
10926
10915
|
height:fit-content;
|
|
10927
10916
|
position:relative;
|
|
10928
10917
|
width:100%;
|
|
@@ -11330,7 +11319,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11330
11319
|
width:100%;
|
|
11331
11320
|
}
|
|
11332
11321
|
.bp_slider_module_container--acf1a.bp_slider_module_rangeHidden--acf1a{
|
|
11333
|
-
width:-moz-fit-content;
|
|
11334
11322
|
width:fit-content;
|
|
11335
11323
|
}
|
|
11336
11324
|
|
|
@@ -11599,7 +11587,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
11599
11587
|
cursor:pointer;
|
|
11600
11588
|
display:inline-flex;
|
|
11601
11589
|
flex-direction:row;
|
|
11602
|
-
width:-moz-fit-content;
|
|
11603
11590
|
width:fit-content;
|
|
11604
11591
|
}
|
|
11605
11592
|
.bp_switch_module_option--e6150 .bp_switch_module_label--e6150.bp_switch_module_rightAlign--e6150{
|
|
@@ -12009,7 +11996,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12009
11996
|
cursor:default;
|
|
12010
11997
|
display:block;
|
|
12011
11998
|
margin-block-end:var(--time-picker-label-margin-bottom);
|
|
12012
|
-
width:-moz-fit-content;
|
|
12013
11999
|
width:fit-content;
|
|
12014
12000
|
}
|
|
12015
12001
|
.bp_time_picker_module_timePicker--41158 .bp_time_picker_module_group--41158{
|
|
@@ -12050,7 +12036,6 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
12050
12036
|
border-radius:var(--time-picker-input-segment-border-radius);
|
|
12051
12037
|
box-shadow:unset;
|
|
12052
12038
|
color:var(--time-picker-text-color);
|
|
12053
|
-
height:-moz-fit-content;
|
|
12054
12039
|
height:fit-content;
|
|
12055
12040
|
padding:unset;
|
|
12056
12041
|
transition:unset;
|
package/dist/lib-esm/index.js
CHANGED
|
@@ -113,7 +113,7 @@ export { useFullTextTooltip } from './utils/useFullTextTooltip.js';
|
|
|
113
113
|
export { useIsEllipsized } from './utils/useIsEllipsized.js';
|
|
114
114
|
export { getUniqueId, useUniqueId } from './utils/useUniqueId.js';
|
|
115
115
|
export { VisuallyHidden } from './visually-hidden/visually-hidden.js';
|
|
116
|
-
export { useMainSectionSidebar, usePageNavigation } from './page/page-context.js';
|
|
117
116
|
export { PageHeaderEndElementsPortal, PageHeaderStartElementsPortal, PageSubNavigationPortal } from './page/page-portal.js';
|
|
117
|
+
export { useMainSectionSidebar, usePageNavigation } from './page/page-context.js';
|
|
118
118
|
export { useNotification } from './primitives/notification/notification-provider.js';
|
|
119
119
|
export { useTabs } from './primitives/tabs/use-tabs.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import {
|
|
2
|
+
import { useContext, createContext } from 'react';
|
|
3
3
|
import { useColumnVisibilityManager } from './useColumnVisibilityManager.js';
|
|
4
4
|
|
|
5
5
|
const ColumnVisibilityContext = /*#__PURE__*/createContext(null);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import { forwardRef, useContext,
|
|
3
|
+
import { forwardRef, useContext, useCallback, useReducer, useMemo, cloneElement, createContext } from 'react';
|
|
4
4
|
import { DropdownMenu } from '../../dropdown-menu/index.js';
|
|
5
5
|
import styles from '../chip.module.js';
|
|
6
6
|
import { FilterChipGroupContext } from './filter-chip-group-context.js';
|
|
@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
2
2
|
import { Size8, Size4, bpTextTextDestructiveOnLight, TextTextDestructiveOnLight, bpIconIconOnLightSecondary, IconIconOnLightSecondary } from '@box/blueprint-web-assets/tokens/tokens';
|
|
3
3
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import { forwardRef, useCallback,
|
|
5
|
+
import { forwardRef, useCallback, useContext, createElement, createContext } from 'react';
|
|
6
6
|
import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
|
|
7
7
|
import { Text } from '../../text/text.js';
|
|
8
8
|
import { composeEventHandlers } from '../../utils/composeEventHandlers.js';
|
|
@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import * as Toast from '@radix-ui/react-toast';
|
|
3
3
|
import merge from 'lodash/merge';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import {
|
|
5
|
+
import { useState, useContext } from 'react';
|
|
6
6
|
import { getUniqueId } from '../../utils/useUniqueId.js';
|
|
7
7
|
|
|
8
8
|
const DEFAULT_NOTIFICATION_DELAY = 5000;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useCallback, useMemo,
|
|
2
|
+
import { useState, useCallback, useMemo, useContext, createContext } from 'react';
|
|
3
3
|
import { throwOnDev } from '../utils/throwOnDev.js';
|
|
4
4
|
|
|
5
5
|
const defaultContextValue = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import noop from 'lodash/noop';
|
|
4
|
-
import { forwardRef, useState, useMemo,
|
|
4
|
+
import { forwardRef, useState, useMemo, useContext, createContext } from 'react';
|
|
5
5
|
import { GridListItem } from 'react-aria-components';
|
|
6
6
|
import { useDebounce } from '../../utils/use-debounce.js';
|
|
7
7
|
import { useBaseGridListContext } from './base-grid-list.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { clsx } from 'clsx';
|
|
3
3
|
import throttle from 'lodash/throttle';
|
|
4
|
-
import { createContext, forwardRef, useRef,
|
|
4
|
+
import { createContext, forwardRef, useRef, useState, useMemo, useContext } from 'react';
|
|
5
5
|
import { useForkRef } from '../../utils/useForkRef.js';
|
|
6
6
|
import styles from './scrollable-container.module.js';
|
|
7
7
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useContext,
|
|
2
|
+
import { useContext, useState, useEffect, createContext, useRef, useCallback } from 'react';
|
|
3
3
|
|
|
4
4
|
function createFastContext(initialState) {
|
|
5
5
|
function useStoreData() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "14.4.
|
|
3
|
+
"version": "14.4.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@ariakit/react": "0.4.21",
|
|
49
49
|
"@ariakit/react-core": "0.4.21",
|
|
50
|
-
"@box/blueprint-web-assets": "^4.111.
|
|
50
|
+
"@box/blueprint-web-assets": "^4.111.25",
|
|
51
51
|
"@internationalized/date": "^3.12.0",
|
|
52
52
|
"@radix-ui/react-accordion": "1.1.2",
|
|
53
53
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"type-fest": "^3.2.0"
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@box/storybook-utils": "^0.17.
|
|
80
|
+
"@box/storybook-utils": "^0.17.25",
|
|
81
81
|
"@figma/code-connect": "1.3.12",
|
|
82
82
|
"@types/react": "^18.0.0",
|
|
83
83
|
"@types/react-dom": "^18.0.0",
|