@box/blueprint-web 14.4.0 → 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,4 +1,4 @@
1
1
  import '../index.css';
2
- var styles = {"accordionItem":"bp_accordion_module_accordionItem--4fd22","accordionContent":"bp_accordion_module_accordionContent--4fd22","accordionContentLayout":"bp_accordion_module_accordionContentLayout--4fd22","accordion":"bp_accordion_module_accordion--4fd22","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--4fd22","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--4fd22","accordionFixedContent":"bp_accordion_module_accordionFixedContent--4fd22","accordionHeader":"bp_accordion_module_accordionHeader--4fd22","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--4fd22","accordionStartElement":"bp_accordion_module_accordionStartElement--4fd22","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--4fd22","accordionSlot":"bp_accordion_module_accordionSlot--4fd22","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--4fd22","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--4fd22","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--4fd22","bgOnly":"bp_accordion_module_bgOnly--4fd22","withIcon":"bp_accordion_module_withIcon--4fd22","accordionTrigger":"bp_accordion_module_accordionTrigger--4fd22","disabled":"bp_accordion_module_disabled--4fd22","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--4fd22"};
2
+ var styles = {"accordionItem":"bp_accordion_module_accordionItem--4df24","accordionContent":"bp_accordion_module_accordionContent--4df24","accordionContentLayout":"bp_accordion_module_accordionContentLayout--4df24","accordion":"bp_accordion_module_accordion--4df24","accordionContentWrapper":"bp_accordion_module_accordionContentWrapper--4df24","accordionInlineErrorWrapper":"bp_accordion_module_accordionInlineErrorWrapper--4df24","accordionFixedContent":"bp_accordion_module_accordionFixedContent--4df24","accordionHeader":"bp_accordion_module_accordionHeader--4df24","accordionTitleGroup":"bp_accordion_module_accordionTitleGroup--4df24","accordionStartElement":"bp_accordion_module_accordionStartElement--4df24","accordionHeaderInfoSlot":"bp_accordion_module_accordionHeaderInfoSlot--4df24","accordionSlot":"bp_accordion_module_accordionSlot--4df24","accordionChevronWrapper":"bp_accordion_module_accordionChevronWrapper--4df24","accordionTriggerIcon":"bp_accordion_module_accordionTriggerIcon--4df24","accordionIconWrapper":"bp_accordion_module_accordionIconWrapper--4df24","bgOnly":"bp_accordion_module_bgOnly--4df24","withIcon":"bp_accordion_module_withIcon--4df24","accordionTrigger":"bp_accordion_module_accordionTrigger--4df24","disabled":"bp_accordion_module_disabled--4df24","accordionHeaderContainer":"bp_accordion_module_accordionHeaderContainer--4df24"};
3
3
 
4
4
  export { styles as default };
@@ -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';
@@ -1581,7 +1581,7 @@
1581
1581
  background-color:var(--status-interactive-background-green-focus);
1582
1582
  }
1583
1583
 
1584
- .bp_accordion_module_accordionItem--4fd22[data-modern=false]{
1584
+ .bp_accordion_module_accordionItem--4df24[data-modern=false]{
1585
1585
  --accordion-min-width:320px;
1586
1586
  --accordion-item-radius:none;
1587
1587
  --accordion-item-radius-expanded:none;
@@ -1620,7 +1620,7 @@
1620
1620
  --accordion-item-header-min-height:unset;
1621
1621
  }
1622
1622
 
1623
- .bp_accordion_module_accordionItem--4fd22[data-modern=true]{
1623
+ .bp_accordion_module_accordionItem--4df24[data-modern=true]{
1624
1624
  --accordion-min-width:320px;
1625
1625
  --accordion-item-radius:var(--bp-radius-08);
1626
1626
  --accordion-item-radius-expanded:var(--bp-radius-10);
@@ -1659,42 +1659,45 @@
1659
1659
  --accordion-item-header-min-height:var(--bp-size-080);
1660
1660
  }
1661
1661
 
1662
- .bp_accordion_module_accordionContent--4fd22[data-state=open]{
1663
- animation:bp_accordion_module_slideDown--4fd22 .15s ease-out;
1662
+ .bp_accordion_module_accordionContent--4df24[data-state=open]{
1663
+ animation:bp_accordion_module_slideDown--4df24 .15s ease-out;
1664
1664
  }
1665
1665
 
1666
- .bp_accordion_module_accordionContent--4fd22[data-state=closed]{
1667
- animation:bp_accordion_module_slideUp--4fd22 .15s ease-out;
1666
+ .bp_accordion_module_accordionContent--4df24[data-state=closed]{
1667
+ animation:bp_accordion_module_slideUp--4df24 .15s ease-out;
1668
1668
  }
1669
1669
 
1670
- .bp_accordion_module_accordionContentLayout--4fd22{
1670
+ .bp_accordion_module_accordionContentLayout--4df24{
1671
1671
  display:flex;
1672
1672
  flex:1 1 auto;
1673
1673
  flex-direction:column;
1674
1674
  gap:var(--accordion-content-gap);
1675
1675
  min-height:0;
1676
+ padding-block:var(--accordion-content-padding-block);
1677
+ padding-block-end:var(--accordion-content-padding-block-end);
1678
+ padding-inline:var(--accordion-content-padding-inline);
1676
1679
  }
1677
1680
 
1678
- .bp_accordion_module_accordionContent--4fd22[data-state=closed] .bp_accordion_module_accordionContentLayout--4fd22{
1681
+ .bp_accordion_module_accordionContent--4df24[data-state=closed] .bp_accordion_module_accordionContentLayout--4df24{
1679
1682
  overflow:hidden;
1680
1683
  }
1681
1684
 
1682
- .bp_accordion_module_accordionContent--4fd22[data-state=open] .bp_accordion_module_accordionContentLayout--4fd22{
1683
- animation:bp_accordion_module_enableAccordionScroll--4fd22 .15s step-end forwards;
1685
+ .bp_accordion_module_accordionContent--4df24[data-state=open] .bp_accordion_module_accordionContentLayout--4df24{
1686
+ animation:bp_accordion_module_enableAccordionScroll--4df24 .15s step-end forwards;
1684
1687
  }
1685
1688
 
1686
- .bp_accordion_module_accordionContent--4fd22{
1689
+ .bp_accordion_module_accordionContent--4df24{
1687
1690
  display:flex;
1688
1691
  flex:1 1 auto;
1689
1692
  flex-direction:column;
1690
1693
  min-height:0;
1691
1694
  overflow:hidden;
1692
1695
  }
1693
- .bp_accordion_module_accordionContent--4fd22[hidden]{
1696
+ .bp_accordion_module_accordionContent--4df24[hidden]{
1694
1697
  display:none;
1695
1698
  }
1696
1699
 
1697
- @keyframes bp_accordion_module_slideDown--4fd22{
1700
+ @keyframes bp_accordion_module_slideDown--4df24{
1698
1701
  from{
1699
1702
  height:0;
1700
1703
  }
@@ -1702,7 +1705,7 @@
1702
1705
  height:var(--radix-accordion-content-height);
1703
1706
  }
1704
1707
  }
1705
- @keyframes bp_accordion_module_slideUp--4fd22{
1708
+ @keyframes bp_accordion_module_slideUp--4df24{
1706
1709
  from{
1707
1710
  height:var(--radix-accordion-content-height);
1708
1711
  }
@@ -1710,7 +1713,7 @@
1710
1713
  height:0;
1711
1714
  }
1712
1715
  }
1713
- @keyframes bp_accordion_module_enableAccordionScroll--4fd22{
1716
+ @keyframes bp_accordion_module_enableAccordionScroll--4df24{
1714
1717
  0%{
1715
1718
  overflow:hidden;
1716
1719
  }
@@ -1718,29 +1721,26 @@
1718
1721
  overflow:auto;
1719
1722
  }
1720
1723
  }
1721
- .bp_accordion_module_accordion--4fd22{
1724
+ .bp_accordion_module_accordion--4df24{
1722
1725
  display:flex;
1723
1726
  flex-direction:column;
1724
1727
  gap:var(--bp-space-030);
1725
1728
  padding:var(--bp-space-030);
1726
1729
  }
1727
1730
 
1728
- .bp_accordion_module_accordionContentWrapper--4fd22{
1731
+ .bp_accordion_module_accordionContentWrapper--4df24{
1729
1732
  display:flex;
1730
1733
  flex:1 1 auto;
1731
1734
  flex-direction:column;
1732
1735
  min-height:0;
1733
- padding-block:var(--accordion-content-padding-block);
1734
- padding-block-end:var(--accordion-content-padding-block-end);
1735
- padding-inline:var(--accordion-content-padding-inline);
1736
1736
  }
1737
1737
 
1738
- .bp_accordion_module_accordionInlineErrorWrapper--4fd22{
1738
+ .bp_accordion_module_accordionInlineErrorWrapper--4df24{
1739
1739
  padding-block-start:var(--accordion-error-padding-block-start);
1740
1740
  padding-inline:var(--accordion-error-padding-inline);
1741
1741
  }
1742
1742
 
1743
- .bp_accordion_module_accordionItem--4fd22{
1743
+ .bp_accordion_module_accordionItem--4df24{
1744
1744
  -webkit-tap-highlight-color:transparent;
1745
1745
  background:none;
1746
1746
  border-bottom:var(--accordion-item-border);
@@ -1750,14 +1750,14 @@
1750
1750
  min-width:var(--accordion-min-width);
1751
1751
  overflow:hidden;
1752
1752
  }
1753
- .bp_accordion_module_accordionItem--4fd22[data-state=open]{
1753
+ .bp_accordion_module_accordionItem--4df24[data-state=open]{
1754
1754
  background-color:var(--accordion-item-background-expanded);
1755
1755
  border:var(--accordion-item-border-expanded);
1756
1756
  border-bottom:var(--accordion-item-border-bottom-expanded);
1757
1757
  border-radius:var(--accordion-item-radius-expanded);
1758
1758
  }
1759
1759
 
1760
- .bp_accordion_module_accordionFixedContent--4fd22{
1760
+ .bp_accordion_module_accordionFixedContent--4df24{
1761
1761
  background-color:var(--accordion-item-background-collapsed);
1762
1762
  border:var(--accordion-trigger-border);
1763
1763
  border-radius:var(--accordion-item-radius);
@@ -1768,7 +1768,7 @@
1768
1768
  padding-inline:var(--accordion-fixed-content-padding-inline);
1769
1769
  }
1770
1770
 
1771
- .bp_accordion_module_accordionHeader--4fd22{
1771
+ .bp_accordion_module_accordionHeader--4df24{
1772
1772
  align-items:center;
1773
1773
  display:flex;
1774
1774
  justify-content:space-between;
@@ -1778,26 +1778,26 @@
1778
1778
  width:100%;
1779
1779
  }
1780
1780
 
1781
- .bp_accordion_module_accordionTitleGroup--4fd22{
1781
+ .bp_accordion_module_accordionTitleGroup--4df24{
1782
1782
  align-items:center;
1783
1783
  display:flex;
1784
1784
  gap:var(--bp-space-020, .5rem);
1785
1785
  min-width:0;
1786
1786
  }
1787
1787
 
1788
- .bp_accordion_module_accordionStartElement--4fd22{
1788
+ .bp_accordion_module_accordionStartElement--4df24{
1789
1789
  align-items:center;
1790
1790
  display:flex;
1791
1791
  flex-shrink:0;
1792
1792
  }
1793
1793
 
1794
- .bp_accordion_module_accordionHeaderInfoSlot--4fd22{
1794
+ .bp_accordion_module_accordionHeaderInfoSlot--4df24{
1795
1795
  align-items:center;
1796
1796
  display:flex;
1797
1797
  margin-inline-start:var(--accordion-chevron-margin-inline-start);
1798
1798
  }
1799
1799
 
1800
- .bp_accordion_module_accordionItem--4fd22[data-modern=false] .bp_accordion_module_accordionHeader--4fd22{
1800
+ .bp_accordion_module_accordionItem--4df24[data-modern=false] .bp_accordion_module_accordionHeader--4df24{
1801
1801
  color:var(--accordion-header-text-color);
1802
1802
  font-family:var(--title-small-font-family);
1803
1803
  font-size:var(--title-small-font-size);
@@ -1808,7 +1808,7 @@
1808
1808
  text-transform:var(--title-small-text-case);
1809
1809
  }
1810
1810
 
1811
- .bp_accordion_module_accordionItem--4fd22[data-modern=true] .bp_accordion_module_accordionHeader--4fd22{
1811
+ .bp_accordion_module_accordionItem--4df24[data-modern=true] .bp_accordion_module_accordionHeader--4df24{
1812
1812
  color:var(--accordion-header-text-color);
1813
1813
  font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
1814
1814
  font-size:var(--bp-font-size-06);
@@ -1818,31 +1818,31 @@
1818
1818
  line-height:var(--bp-font-line-height-04);
1819
1819
  }
1820
1820
 
1821
- .bp_accordion_module_accordionSlot--4fd22{
1821
+ .bp_accordion_module_accordionSlot--4df24{
1822
1822
  align-items:center;
1823
1823
  display:flex;
1824
1824
  }
1825
1825
 
1826
- .bp_accordion_module_accordionChevronWrapper--4fd22{
1826
+ .bp_accordion_module_accordionChevronWrapper--4df24{
1827
1827
  align-items:center;
1828
1828
  cursor:pointer;
1829
1829
  display:flex;
1830
1830
  padding-inline-end:var(--space-6);
1831
1831
  }
1832
- .bp_accordion_module_accordionChevronWrapper--4fd22 .bp_accordion_module_accordionTriggerIcon--4fd22{
1832
+ .bp_accordion_module_accordionChevronWrapper--4df24 .bp_accordion_module_accordionTriggerIcon--4df24{
1833
1833
  flex-shrink:0;
1834
1834
  transform:var(--accordion-trigger-icon-transform-collapsed);
1835
1835
  }
1836
1836
 
1837
- .bp_accordion_module_accordionItem--4fd22[data-modern=true] .bp_accordion_module_accordionChevronWrapper--4fd22{
1837
+ .bp_accordion_module_accordionItem--4df24[data-modern=true] .bp_accordion_module_accordionChevronWrapper--4df24{
1838
1838
  padding-inline-end:var(--bp-space-040);
1839
1839
  }
1840
1840
 
1841
- .bp_accordion_module_accordionItem--4fd22[data-state=open] .bp_accordion_module_accordionChevronWrapper--4fd22 .bp_accordion_module_accordionTriggerIcon--4fd22{
1841
+ .bp_accordion_module_accordionItem--4df24[data-state=open] .bp_accordion_module_accordionChevronWrapper--4df24 .bp_accordion_module_accordionTriggerIcon--4df24{
1842
1842
  transform:var(--accordion-trigger-icon-transform-expanded);
1843
1843
  }
1844
1844
 
1845
- .bp_accordion_module_accordionIconWrapper--4fd22{
1845
+ .bp_accordion_module_accordionIconWrapper--4df24{
1846
1846
  align-items:center;
1847
1847
  border-radius:var(--accordion-icon-radius);
1848
1848
  display:flex;
@@ -1850,16 +1850,16 @@
1850
1850
  justify-content:center;
1851
1851
  width:var(--accordion-icon-size);
1852
1852
  }
1853
- .bp_accordion_module_accordionIconWrapper--4fd22.bp_accordion_module_bgOnly--4fd22{
1853
+ .bp_accordion_module_accordionIconWrapper--4df24.bp_accordion_module_bgOnly--4df24{
1854
1854
  height:var(--accordion-bg-only-status-size);
1855
1855
  width:var(--accordion-bg-only-status-size);
1856
1856
  }
1857
- .bp_accordion_module_accordionIconWrapper--4fd22.bp_accordion_module_withIcon--4fd22{
1857
+ .bp_accordion_module_accordionIconWrapper--4df24.bp_accordion_module_withIcon--4df24{
1858
1858
  height:var(--accordion-icon-size);
1859
1859
  width:var(--accordion-icon-size);
1860
1860
  }
1861
1861
 
1862
- .bp_accordion_module_accordionTrigger--4fd22{
1862
+ .bp_accordion_module_accordionTrigger--4df24{
1863
1863
  align-items:center;
1864
1864
  background:#0000;
1865
1865
  border:none;
@@ -1870,19 +1870,19 @@
1870
1870
  padding:var(--accordion-trigger-padding);
1871
1871
  width:100%;
1872
1872
  }
1873
- .bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22,.bp_accordion_module_accordionTrigger--4fd22:disabled{
1873
+ .bp_accordion_module_accordionTrigger--4df24.bp_accordion_module_disabled--4df24,.bp_accordion_module_accordionTrigger--4df24:disabled{
1874
1874
  cursor:default;
1875
1875
  opacity:.3;
1876
1876
  pointer-events:none;
1877
1877
  }
1878
- .bp_accordion_module_accordionTrigger--4fd22:focus-visible{
1878
+ .bp_accordion_module_accordionTrigger--4df24:focus-visible{
1879
1879
  outline:none;
1880
1880
  }
1881
- .bp_accordion_module_accordionTrigger--4fd22:hover:not(:disabled, .bp_accordion_module_disabled--4fd22){
1881
+ .bp_accordion_module_accordionTrigger--4df24:hover:not(:disabled, .bp_accordion_module_disabled--4df24){
1882
1882
  cursor:pointer;
1883
1883
  }
1884
1884
 
1885
- .bp_accordion_module_accordionHeaderContainer--4fd22{
1885
+ .bp_accordion_module_accordionHeaderContainer--4df24{
1886
1886
  align-items:stretch;
1887
1887
  background-color:var(--accordion-item-background-collapsed);
1888
1888
  border:var(--accordion-trigger-border);
@@ -1891,40 +1891,40 @@
1891
1891
  gap:var(--accordion-chevron-margin-inline-start);
1892
1892
  }
1893
1893
 
1894
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22),.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:disabled){
1894
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24.bp_accordion_module_disabled--4df24),.bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24:disabled){
1895
1895
  cursor:default;
1896
1896
  }
1897
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22) > .bp_accordion_module_accordionChevronWrapper--4fd22,.bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:disabled) > .bp_accordion_module_accordionChevronWrapper--4fd22{
1897
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24.bp_accordion_module_disabled--4df24) > .bp_accordion_module_accordionChevronWrapper--4df24,.bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24:disabled) > .bp_accordion_module_accordionChevronWrapper--4df24{
1898
1898
  opacity:.3;
1899
1899
  pointer-events:none;
1900
1900
  }
1901
1901
 
1902
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]){
1902
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24[data-state=open]){
1903
1903
  background-color:initial;
1904
1904
  border:none;
1905
1905
  border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
1906
1906
  }
1907
1907
 
1908
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22:focus-visible){
1908
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24:focus-visible){
1909
1909
  background-color:var(--accordion-trigger-collapsed-background-focus);
1910
1910
  border:var(--accordion-trigger-border-hover);
1911
1911
  box-shadow:var(--accordion-trigger-box-shadow);
1912
1912
  outline:none;
1913
1913
  }
1914
1914
 
1915
- .bp_accordion_module_accordionHeaderContainer--4fd22:hover:not(:has(.bp_accordion_module_accordionTrigger--4fd22:disabled), :has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22)){
1915
+ .bp_accordion_module_accordionHeaderContainer--4df24:hover:not(:has(.bp_accordion_module_accordionTrigger--4df24:disabled), :has(.bp_accordion_module_accordionTrigger--4df24.bp_accordion_module_disabled--4df24)){
1916
1916
  background-color:var(--accordion-trigger-collapsed-background-hover);
1917
1917
  border:var(--accordion-trigger-border-hover);
1918
1918
  cursor:pointer;
1919
1919
  }
1920
1920
 
1921
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]):has(.bp_accordion_module_accordionTrigger--4fd22:focus-visible){
1921
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24[data-state=open]):has(.bp_accordion_module_accordionTrigger--4df24:focus-visible){
1922
1922
  background-color:var(--accordion-trigger-expanded-background-focus);
1923
1923
  border:none;
1924
1924
  }
1925
1925
 
1926
- .bp_accordion_module_accordionHeaderContainer--4fd22:has(.bp_accordion_module_accordionTrigger--4fd22[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--4fd22:disabled),
1927
- :has(.bp_accordion_module_accordionTrigger--4fd22.bp_accordion_module_disabled--4fd22)){
1926
+ .bp_accordion_module_accordionHeaderContainer--4df24:has(.bp_accordion_module_accordionTrigger--4df24[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--4df24:disabled),
1927
+ :has(.bp_accordion_module_accordionTrigger--4df24.bp_accordion_module_disabled--4df24)){
1928
1928
  background-color:initial;
1929
1929
  border:none;
1930
1930
  }
@@ -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.0",
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.23",
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.23",
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",