@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.
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
- import { forwardRef, useMemo, createContext, cloneElement, createElement, useContext } from 'react';
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 { forwardRef, useEffect } from 'react';
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';
@@ -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;
@@ -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 { createContext, useContext } from 'react';
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, createContext, useCallback, useReducer, useMemo, cloneElement } from 'react';
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, createContext, useContext, createElement } from 'react';
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 { useContext, useState } from 'react';
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, createContext, useContext } from 'react';
2
+ import { useState, useCallback, useMemo, useContext, createContext } from 'react';
3
3
  import { throwOnDev } from '../utils/throwOnDev.js';
4
4
 
5
5
  const defaultContextValue = {
@@ -1,5 +1,5 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
- import { createContext, useContext } from 'react';
2
+ import { useContext, createContext } from 'react';
3
3
 
4
4
  const VariantContext = /*#__PURE__*/createContext('persistent');
5
5
  const VariantProvider = ({
@@ -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, createContext, useContext } from 'react';
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, useContext, useState, useMemo } from 'react';
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, createContext, useState, useEffect, useRef, useCallback } from 'react';
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.1",
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.24",
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.24",
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",