@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.
- package/dist/lib-esm/accordion/accordion.module.js +1 -1
- 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 +51 -66
- 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,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"accordionItem":"bp_accordion_module_accordionItem--
|
|
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,
|
|
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
|
@@ -1581,7 +1581,7 @@
|
|
|
1581
1581
|
background-color:var(--status-interactive-background-green-focus);
|
|
1582
1582
|
}
|
|
1583
1583
|
|
|
1584
|
-
.bp_accordion_module_accordionItem--
|
|
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--
|
|
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--
|
|
1663
|
-
animation:bp_accordion_module_slideDown--
|
|
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--
|
|
1667
|
-
animation:bp_accordion_module_slideUp--
|
|
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--
|
|
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--
|
|
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--
|
|
1683
|
-
animation:bp_accordion_module_enableAccordionScroll--
|
|
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--
|
|
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--
|
|
1696
|
+
.bp_accordion_module_accordionContent--4df24[hidden]{
|
|
1694
1697
|
display:none;
|
|
1695
1698
|
}
|
|
1696
1699
|
|
|
1697
|
-
@keyframes bp_accordion_module_slideDown--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
1821
|
+
.bp_accordion_module_accordionSlot--4df24{
|
|
1822
1822
|
align-items:center;
|
|
1823
1823
|
display:flex;
|
|
1824
1824
|
}
|
|
1825
1825
|
|
|
1826
|
-
.bp_accordion_module_accordionChevronWrapper--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
1878
|
+
.bp_accordion_module_accordionTrigger--4df24:focus-visible{
|
|
1879
1879
|
outline:none;
|
|
1880
1880
|
}
|
|
1881
|
-
.bp_accordion_module_accordionTrigger--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
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--
|
|
1927
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
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;
|
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",
|