@box/blueprint-web 9.18.7 → 9.18.8
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 = {"container":"bp_combobox_module_container--
|
|
2
|
+
var styles = {"container":"bp_combobox_module_container--6648d","disabled":"bp_combobox_module_disabled--6648d","label":"bp_combobox_module_label--6648d","hiddenLabel":"bp_combobox_module_hiddenLabel--6648d","comboboxContainer":"bp_combobox_module_comboboxContainer--6648d","withComboboxButtons":"bp_combobox_module_withComboboxButtons--6648d","error":"bp_combobox_module_error--6648d","textInputWrapper":"bp_combobox_module_textInputWrapper--6648d","textInput":"bp_combobox_module_textInput--6648d","errorIcon":"bp_combobox_module_errorIcon--6648d","comboboxButtons":"bp_combobox_module_comboboxButtons--6648d","withChips":"bp_combobox_module_withChips--6648d","inlineError":"bp_combobox_module_inlineError--6648d","popover":"bp_combobox_module_popover--6648d","option":"bp_combobox_module_option--6648d","indicator":"bp_combobox_module_indicator--6648d","indicatorIcon":"bp_combobox_module_indicatorIcon--6648d","optionWithIndicator":"bp_combobox_module_optionWithIndicator--6648d","loadingIndicator":"bp_combobox_module_loadingIndicator--6648d","noResultOption":"bp_combobox_module_noResultOption--6648d"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/lib-esm/index.css
CHANGED
|
@@ -1632,7 +1632,7 @@
|
|
|
1632
1632
|
max-width:100%;
|
|
1633
1633
|
}
|
|
1634
1634
|
|
|
1635
|
-
.bp_combobox_module_container--
|
|
1635
|
+
.bp_combobox_module_container--6648d{
|
|
1636
1636
|
display:flex;
|
|
1637
1637
|
flex-direction:column;
|
|
1638
1638
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1643,10 +1643,10 @@
|
|
|
1643
1643
|
text-decoration:none;
|
|
1644
1644
|
text-transform:none;
|
|
1645
1645
|
}
|
|
1646
|
-
.bp_combobox_module_container--
|
|
1646
|
+
.bp_combobox_module_container--6648d.bp_combobox_module_disabled--6648d{
|
|
1647
1647
|
opacity:60%;
|
|
1648
1648
|
}
|
|
1649
|
-
.bp_combobox_module_container--
|
|
1649
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_label--6648d{
|
|
1650
1650
|
color:var(--text-text-on-light);
|
|
1651
1651
|
flex:0 0 fit-content;
|
|
1652
1652
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1658,10 +1658,10 @@
|
|
|
1658
1658
|
text-decoration:none;
|
|
1659
1659
|
text-transform:none;
|
|
1660
1660
|
}
|
|
1661
|
-
.bp_combobox_module_container--
|
|
1661
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_label--6648d:not(.bp_combobox_module_hiddenLabel--6648d){
|
|
1662
1662
|
margin-block-end:var(--space-2);
|
|
1663
1663
|
}
|
|
1664
|
-
.bp_combobox_module_container--
|
|
1664
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d{
|
|
1665
1665
|
background-color:var(--surface-dropdown-surface);
|
|
1666
1666
|
border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1667
1667
|
border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
@@ -1678,15 +1678,15 @@
|
|
|
1678
1678
|
padding-inline:var(--space-3);
|
|
1679
1679
|
position:relative;
|
|
1680
1680
|
}
|
|
1681
|
-
.bp_combobox_module_container--
|
|
1681
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d.bp_combobox_module_withComboboxButtons--6648d{
|
|
1682
1682
|
padding-inline-end:var(--space-10);
|
|
1683
1683
|
}
|
|
1684
|
-
.bp_combobox_module_container--
|
|
1684
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d:not(:disabled):has(input:focus){
|
|
1685
1685
|
background-color:var(--surface-dropdown-surface-focus);
|
|
1686
1686
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1687
1687
|
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1688
1688
|
}
|
|
1689
|
-
.bp_combobox_module_container--
|
|
1689
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d:not(:disabled).bp_combobox_module_error--6648d,.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d:not(:disabled):has([aria-invalid=true]){
|
|
1690
1690
|
background-color:var(--surface-dropdown-surface-error);
|
|
1691
1691
|
border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1692
1692
|
border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);
|
|
@@ -1694,13 +1694,13 @@
|
|
|
1694
1694
|
border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1695
1695
|
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1696
1696
|
}
|
|
1697
|
-
.bp_combobox_module_container--
|
|
1697
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d .bp_combobox_module_textInputWrapper--6648d{
|
|
1698
1698
|
align-items:center;
|
|
1699
1699
|
display:flex;
|
|
1700
1700
|
flex:content;
|
|
1701
1701
|
gap:var(--space-2);
|
|
1702
1702
|
}
|
|
1703
|
-
.bp_combobox_module_container--
|
|
1703
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d .bp_combobox_module_textInputWrapper--6648d .bp_combobox_module_textInput--6648d{
|
|
1704
1704
|
background-color:initial;
|
|
1705
1705
|
border:none;
|
|
1706
1706
|
color:var(--text-text-on-light);
|
|
@@ -1716,28 +1716,28 @@
|
|
|
1716
1716
|
text-transform:none;
|
|
1717
1717
|
width:100%;
|
|
1718
1718
|
}
|
|
1719
|
-
.bp_combobox_module_container--
|
|
1719
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d .bp_combobox_module_textInputWrapper--6648d .bp_combobox_module_errorIcon--6648d path{
|
|
1720
1720
|
fill:var(--icon-icon-error-on-light);
|
|
1721
1721
|
}
|
|
1722
|
-
.bp_combobox_module_container--
|
|
1722
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d .bp_combobox_module_textInputWrapper--6648d .bp_combobox_module_comboboxButtons--6648d{
|
|
1723
1723
|
align-items:center;
|
|
1724
1724
|
display:flex;
|
|
1725
1725
|
position:absolute;
|
|
1726
1726
|
right:var(--space-2);
|
|
1727
1727
|
top:var(--space-2);
|
|
1728
1728
|
}
|
|
1729
|
-
.bp_combobox_module_container--
|
|
1729
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d.bp_combobox_module_withChips--6648d{
|
|
1730
1730
|
max-height:calc(var(--space-2)*2 + var(--space-6)*3);
|
|
1731
1731
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-1));
|
|
1732
1732
|
}
|
|
1733
|
-
.bp_combobox_module_container--
|
|
1733
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d.bp_combobox_module_withChips--6648d:not(:disabled).bp_combobox_module_error--6648d,.bp_combobox_module_container--6648d .bp_combobox_module_comboboxContainer--6648d.bp_combobox_module_withChips--6648d:not(:disabled):has(input:focus){
|
|
1734
1734
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-2));
|
|
1735
1735
|
}
|
|
1736
|
-
.bp_combobox_module_container--
|
|
1736
|
+
.bp_combobox_module_container--6648d .bp_combobox_module_inlineError--6648d{
|
|
1737
1737
|
margin-block-start:var(--space-2);
|
|
1738
1738
|
}
|
|
1739
1739
|
|
|
1740
|
-
.bp_combobox_module_popover--
|
|
1740
|
+
.bp_combobox_module_popover--6648d{
|
|
1741
1741
|
background-color:var(--surface-menu-surface);
|
|
1742
1742
|
border:var(--border-1) solid var(--border-card-border);
|
|
1743
1743
|
border-radius:var(--radius-3);
|
|
@@ -1755,7 +1755,7 @@
|
|
|
1755
1755
|
text-transform:none;
|
|
1756
1756
|
z-index:380;
|
|
1757
1757
|
}
|
|
1758
|
-
.bp_combobox_module_popover--
|
|
1758
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d{
|
|
1759
1759
|
border:var(--border-2) solid #0000;
|
|
1760
1760
|
border-radius:var(--radius-3);
|
|
1761
1761
|
box-sizing:border-box;
|
|
@@ -1769,17 +1769,21 @@
|
|
|
1769
1769
|
user-select:none;
|
|
1770
1770
|
width:100%;
|
|
1771
1771
|
}
|
|
1772
|
-
.bp_combobox_module_popover--
|
|
1772
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d[aria-disabled]{
|
|
1773
1773
|
opacity:60%;
|
|
1774
1774
|
}
|
|
1775
|
-
.bp_combobox_module_popover--
|
|
1775
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d[data-active-item]:not([aria-disabled]){
|
|
1776
1776
|
background-color:var(--surface-menu-surface-focus);
|
|
1777
1777
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1778
1778
|
}
|
|
1779
|
-
.bp_combobox_module_popover--
|
|
1779
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d:active{
|
|
1780
|
+
background-color:var(--surface-menu-surface-hover);
|
|
1781
|
+
border:var(--border-2) solid #0000;
|
|
1782
|
+
}
|
|
1783
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d:hover{
|
|
1780
1784
|
background-color:var(--surface-menu-surface-hover);
|
|
1781
1785
|
}
|
|
1782
|
-
.bp_combobox_module_popover--
|
|
1786
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d .bp_combobox_module_indicator--6648d{
|
|
1783
1787
|
align-items:center;
|
|
1784
1788
|
display:flex;
|
|
1785
1789
|
height:var(--size-9);
|
|
@@ -1788,16 +1792,16 @@
|
|
|
1788
1792
|
position:absolute;
|
|
1789
1793
|
top:0;
|
|
1790
1794
|
}
|
|
1791
|
-
.bp_combobox_module_popover--
|
|
1795
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_option--6648d .bp_combobox_module_indicator--6648d .bp_combobox_module_indicatorIcon--6648d path{
|
|
1792
1796
|
fill:var(--icon-icon-on-light);
|
|
1793
1797
|
}
|
|
1794
|
-
.bp_combobox_module_popover--
|
|
1798
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_optionWithIndicator--6648d{
|
|
1795
1799
|
padding-inline:var(--space-10) var(--space-2);
|
|
1796
1800
|
}
|
|
1797
|
-
.bp_combobox_module_popover--
|
|
1801
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_loadingIndicator--6648d{
|
|
1798
1802
|
position:unset;
|
|
1799
1803
|
}
|
|
1800
|
-
.bp_combobox_module_popover--
|
|
1804
|
+
.bp_combobox_module_popover--6648d .bp_combobox_module_noResultOption--6648d{
|
|
1801
1805
|
color:var(--text-text-on-light);
|
|
1802
1806
|
-webkit-user-select:none;
|
|
1803
1807
|
user-select:none;
|
|
@@ -1886,7 +1890,7 @@
|
|
|
1886
1890
|
--blueprint-select-border-error-left-width:none;
|
|
1887
1891
|
}
|
|
1888
1892
|
|
|
1889
|
-
.bp_select_module_container--
|
|
1893
|
+
.bp_select_module_container--68830{
|
|
1890
1894
|
display:flex;
|
|
1891
1895
|
flex-direction:column;
|
|
1892
1896
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1898,15 +1902,15 @@
|
|
|
1898
1902
|
text-decoration:none;
|
|
1899
1903
|
text-transform:none;
|
|
1900
1904
|
}
|
|
1901
|
-
.bp_select_module_container--
|
|
1905
|
+
.bp_select_module_container--68830.bp_select_module_disabled--68830{
|
|
1902
1906
|
opacity:60%;
|
|
1903
1907
|
}
|
|
1904
|
-
.bp_select_module_container--
|
|
1908
|
+
.bp_select_module_container--68830 .bp_select_module_label--68830{
|
|
1905
1909
|
flex:0 0 fit-content;
|
|
1906
1910
|
font-weight:700;
|
|
1907
1911
|
overflow-wrap:break-word;
|
|
1908
1912
|
}
|
|
1909
|
-
.bp_select_module_container--
|
|
1913
|
+
.bp_select_module_container--68830 .bp_select_module_label--68830,.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830{
|
|
1910
1914
|
color:var(--text-text-on-light);
|
|
1911
1915
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1912
1916
|
font-size:.875rem;
|
|
@@ -1915,7 +1919,7 @@
|
|
|
1915
1919
|
text-decoration:none;
|
|
1916
1920
|
text-transform:none;
|
|
1917
1921
|
}
|
|
1918
|
-
.bp_select_module_container--
|
|
1922
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830{
|
|
1919
1923
|
align-items:center;
|
|
1920
1924
|
background-color:var(--surface-dropdown-surface);
|
|
1921
1925
|
border-bottom:var(--blueprint-select-border-bottom-width, var(--border-1)) solid var(--border-dropdown-border);
|
|
@@ -1936,58 +1940,58 @@
|
|
|
1936
1940
|
text-align:start;
|
|
1937
1941
|
width:100%;
|
|
1938
1942
|
}
|
|
1939
|
-
.bp_select_module_container--
|
|
1943
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830 span:first-child{
|
|
1940
1944
|
overflow:hidden;
|
|
1941
1945
|
text-overflow:ellipsis;
|
|
1942
1946
|
white-space:nowrap;
|
|
1943
1947
|
}
|
|
1944
|
-
.bp_select_module_container--
|
|
1948
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:disabled{
|
|
1945
1949
|
cursor:default;
|
|
1946
1950
|
}
|
|
1947
|
-
.bp_select_module_container--
|
|
1951
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830.bp_select_module_readonly--68830:not(:disabled){
|
|
1948
1952
|
background-color:var(--gray-02);
|
|
1949
1953
|
box-shadow:none;
|
|
1950
1954
|
color:var(--text-text-on-light-secondary);
|
|
1951
1955
|
cursor:default;
|
|
1952
1956
|
}
|
|
1953
|
-
.bp_select_module_container--
|
|
1957
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):not(:disabled).bp_select_module_error--68830,.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):not(:disabled)[aria-invalid=true]{
|
|
1954
1958
|
background-color:var(--surface-dropdown-surface-error);
|
|
1955
1959
|
border-bottom:var(--blueprint-select-border-error-bottom-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1956
1960
|
border-left:var(--blueprint-select-border-error-left-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1957
1961
|
border-right:var(--blueprint-select-border-error-right-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1958
1962
|
border-top:var(--blueprint-select-border-error-top-width, var(--border-2)) solid var(--border-dropdown-border-error);
|
|
1959
1963
|
}
|
|
1960
|
-
.bp_select_module_container--
|
|
1964
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):focus,.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):not(:disabled).bp_select_module_error--68830:focus,.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):not(:disabled)[aria-invalid=true]:focus{
|
|
1961
1965
|
background-color:var(--surface-dropdown-surface-focus);
|
|
1962
1966
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1963
1967
|
}
|
|
1964
|
-
.bp_select_module_container--
|
|
1968
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830:not(.bp_select_module_readonly--68830):not(:disabled):not(:focus):not(.bp_select_module_error--68830):not([aria-invalid]):hover{
|
|
1965
1969
|
background-color:var(--surface-dropdown-surface-hover);
|
|
1966
1970
|
border-color:var(--border-dropdown-border-hover);
|
|
1967
1971
|
}
|
|
1968
|
-
.bp_select_module_container--
|
|
1972
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830 .bp_select_module_iconWrapper--68830{
|
|
1969
1973
|
flex-shrink:0;
|
|
1970
1974
|
-webkit-user-select:none;
|
|
1971
1975
|
user-select:none;
|
|
1972
1976
|
}
|
|
1973
|
-
.bp_select_module_container--
|
|
1977
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830 .bp_select_module_iconCaret--68830{
|
|
1974
1978
|
display:block;
|
|
1975
1979
|
height:var(--size-2);
|
|
1976
1980
|
width:var(--size-2);
|
|
1977
1981
|
}
|
|
1978
|
-
.bp_select_module_container--
|
|
1982
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830 .bp_select_module_iconCaret--68830 path{
|
|
1979
1983
|
fill:var(--icon-icon-on-light);
|
|
1980
1984
|
}
|
|
1981
|
-
.bp_select_module_container--
|
|
1985
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830 .bp_select_module_iconPencilCrossed--68830{
|
|
1982
1986
|
display:block;
|
|
1983
1987
|
height:var(--size-4);
|
|
1984
1988
|
width:var(--size-4);
|
|
1985
1989
|
}
|
|
1986
|
-
.bp_select_module_container--
|
|
1990
|
+
.bp_select_module_container--68830 .bp_select_module_triggerBtn--68830[data-state=open] .bp_select_module_icon--68830{
|
|
1987
1991
|
transform:rotate(180deg);
|
|
1988
1992
|
}
|
|
1989
1993
|
|
|
1990
|
-
.bp_select_module_content--
|
|
1994
|
+
.bp_select_module_content--68830{
|
|
1991
1995
|
background-color:var(--surface-menu-surface);
|
|
1992
1996
|
border:var(--border-1) solid var(--border-card-border);
|
|
1993
1997
|
border-radius:var(--radius-3);
|
|
@@ -2005,11 +2009,11 @@
|
|
|
2005
2009
|
text-transform:none;
|
|
2006
2010
|
z-index:380;
|
|
2007
2011
|
}
|
|
2008
|
-
.bp_select_module_content--
|
|
2012
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830{
|
|
2009
2013
|
padding-block:var(--space-3);
|
|
2010
2014
|
padding-inline:var(--space-3);
|
|
2011
2015
|
}
|
|
2012
|
-
.bp_select_module_content--
|
|
2016
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830{
|
|
2013
2017
|
border:var(--border-2) solid #0000;
|
|
2014
2018
|
border-radius:var(--radius-3);
|
|
2015
2019
|
cursor:pointer;
|
|
@@ -2024,25 +2028,29 @@
|
|
|
2024
2028
|
-webkit-user-select:none;
|
|
2025
2029
|
user-select:none;
|
|
2026
2030
|
}
|
|
2027
|
-
.bp_select_module_content--
|
|
2031
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830[data-disabled]{
|
|
2028
2032
|
opacity:60%;
|
|
2029
2033
|
pointer-events:none;
|
|
2030
2034
|
}
|
|
2031
|
-
.bp_select_module_content--
|
|
2035
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830[data-highlighted]{
|
|
2032
2036
|
background-color:var(--surface-menu-surface-focus);
|
|
2033
2037
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
2034
2038
|
}
|
|
2035
|
-
.bp_select_module_content--
|
|
2039
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830:active{
|
|
2040
|
+
background-color:var(--surface-menu-surface-hover);
|
|
2041
|
+
border:var(--border-2) solid #0000;
|
|
2042
|
+
}
|
|
2043
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830:hover{
|
|
2036
2044
|
background-color:var(--surface-menu-surface-hover);
|
|
2037
2045
|
}
|
|
2038
|
-
.bp_select_module_content--
|
|
2046
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830 span:first-child{
|
|
2039
2047
|
overflow:hidden;
|
|
2040
2048
|
overflow-wrap:break-word;
|
|
2041
2049
|
}
|
|
2042
|
-
.bp_select_module_content--
|
|
2050
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830 .bp_select_module_secondaryText--68830{
|
|
2043
2051
|
color:var(--text-text-on-light-secondary);
|
|
2044
2052
|
}
|
|
2045
|
-
.bp_select_module_content--
|
|
2053
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830 .bp_select_module_indicator--68830{
|
|
2046
2054
|
align-items:center;
|
|
2047
2055
|
display:flex;
|
|
2048
2056
|
height:var(--size-9);
|
|
@@ -2051,10 +2059,10 @@
|
|
|
2051
2059
|
position:absolute;
|
|
2052
2060
|
top:0;
|
|
2053
2061
|
}
|
|
2054
|
-
.bp_select_module_content--
|
|
2062
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_option--68830 .bp_select_module_indicator--68830 path{
|
|
2055
2063
|
fill:var(--icon-icon-on-light);
|
|
2056
2064
|
}
|
|
2057
|
-
.bp_select_module_content--
|
|
2065
|
+
.bp_select_module_content--68830 .bp_select_module_viewport--68830 .bp_select_module_separator--68830{
|
|
2058
2066
|
background-color:var(--border-divider-border);
|
|
2059
2067
|
flex-shrink:0;
|
|
2060
2068
|
height:var(--border-1);
|
|
@@ -4184,7 +4192,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4184
4192
|
}
|
|
4185
4193
|
}
|
|
4186
4194
|
|
|
4187
|
-
.bp_dropdown_menu_module_content--
|
|
4195
|
+
.bp_dropdown_menu_module_content--cdfdd{
|
|
4188
4196
|
background-color:var(--surface-menu-surface);
|
|
4189
4197
|
border:var(--border-1) solid var(--border-card-border);
|
|
4190
4198
|
border-radius:var(--radius-3);
|
|
@@ -4205,7 +4213,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4205
4213
|
text-transform:none;
|
|
4206
4214
|
z-index:2147483647;
|
|
4207
4215
|
}
|
|
4208
|
-
.bp_dropdown_menu_module_content--
|
|
4216
|
+
.bp_dropdown_menu_module_content--cdfdd[data-menu-fullscreen=true]{
|
|
4209
4217
|
border:unset;
|
|
4210
4218
|
border-radius:unset;
|
|
4211
4219
|
display:flex;
|
|
@@ -4218,18 +4226,18 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4218
4226
|
position:relative;
|
|
4219
4227
|
width:100vw;
|
|
4220
4228
|
}
|
|
4221
|
-
.bp_dropdown_menu_module_content--
|
|
4229
|
+
.bp_dropdown_menu_module_content--cdfdd[data-menu-fullscreen=true] .bp_dropdown_menu_module_fullScreenContent--cdfdd{
|
|
4222
4230
|
overflow-y:auto;
|
|
4223
4231
|
padding:var(--space-3);
|
|
4224
4232
|
}
|
|
4225
4233
|
|
|
4226
|
-
.bp_dropdown_menu_module_ellipsis--
|
|
4234
|
+
.bp_dropdown_menu_module_ellipsis--cdfdd{
|
|
4227
4235
|
overflow:hidden;
|
|
4228
4236
|
text-overflow:ellipsis;
|
|
4229
4237
|
white-space:nowrap;
|
|
4230
4238
|
}
|
|
4231
4239
|
|
|
4232
|
-
.bp_dropdown_menu_module_checkmark--
|
|
4240
|
+
.bp_dropdown_menu_module_checkmark--cdfdd{
|
|
4233
4241
|
align-items:center;
|
|
4234
4242
|
display:inline-flex;
|
|
4235
4243
|
justify-content:center;
|
|
@@ -4237,7 +4245,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4237
4245
|
position:absolute;
|
|
4238
4246
|
}
|
|
4239
4247
|
|
|
4240
|
-
.bp_dropdown_menu_module_item--
|
|
4248
|
+
.bp_dropdown_menu_module_item--cdfdd,.bp_dropdown_menu_module_subMenuTrigger--cdfdd{
|
|
4241
4249
|
align-items:center;
|
|
4242
4250
|
border:var(--border-2) solid #0000;
|
|
4243
4251
|
border-radius:var(--radius-3);
|
|
@@ -4249,26 +4257,30 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4249
4257
|
-webkit-user-select:none;
|
|
4250
4258
|
user-select:none;
|
|
4251
4259
|
}
|
|
4252
|
-
.bp_dropdown_menu_module_item--
|
|
4260
|
+
.bp_dropdown_menu_module_item--cdfdd[data-disabled],.bp_dropdown_menu_module_subMenuTrigger--cdfdd[data-disabled]{
|
|
4253
4261
|
opacity:60%;
|
|
4254
4262
|
pointer-events:none;
|
|
4255
4263
|
}
|
|
4256
|
-
.bp_dropdown_menu_module_item--
|
|
4264
|
+
.bp_dropdown_menu_module_item--cdfdd[data-highlighted],.bp_dropdown_menu_module_subMenuTrigger--cdfdd[data-highlighted]{
|
|
4257
4265
|
background-color:var(--surface-menu-surface-hover);
|
|
4258
4266
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
4259
4267
|
}
|
|
4260
|
-
.bp_dropdown_menu_module_item--
|
|
4268
|
+
.bp_dropdown_menu_module_item--cdfdd:active,.bp_dropdown_menu_module_subMenuTrigger--cdfdd:active{
|
|
4269
|
+
background-color:var(--surface-menu-surface-hover);
|
|
4270
|
+
border:var(--border-2) solid #0000;
|
|
4271
|
+
}
|
|
4272
|
+
.bp_dropdown_menu_module_item--cdfdd:hover,.bp_dropdown_menu_module_item--cdfdd[data-state=open],.bp_dropdown_menu_module_subMenuTrigger--cdfdd:hover,.bp_dropdown_menu_module_subMenuTrigger--cdfdd[data-state=open]{
|
|
4261
4273
|
background-color:var(--surface-menu-surface-hover);
|
|
4262
4274
|
}
|
|
4263
|
-
.bp_dropdown_menu_module_item--
|
|
4275
|
+
.bp_dropdown_menu_module_item--cdfdd.bp_dropdown_menu_module_checkboxItem--cdfdd,.bp_dropdown_menu_module_item--cdfdd.bp_dropdown_menu_module_radioItem--cdfdd,.bp_dropdown_menu_module_subMenuTrigger--cdfdd.bp_dropdown_menu_module_checkboxItem--cdfdd,.bp_dropdown_menu_module_subMenuTrigger--cdfdd.bp_dropdown_menu_module_radioItem--cdfdd{
|
|
4264
4276
|
padding:.4375rem .5rem .4375rem calc(var(--space-2) + var(--space-4) + var(--space-4));
|
|
4265
4277
|
}
|
|
4266
4278
|
|
|
4267
|
-
.bp_dropdown_menu_module_dropdownMenuItemSeparator--
|
|
4279
|
+
.bp_dropdown_menu_module_dropdownMenuItemSeparator--cdfdd{
|
|
4268
4280
|
margin-block:var(--space-2);
|
|
4269
4281
|
}
|
|
4270
4282
|
|
|
4271
|
-
.bp_dropdown_menu_module_menuHeader--
|
|
4283
|
+
.bp_dropdown_menu_module_menuHeader--cdfdd{
|
|
4272
4284
|
align-items:center;
|
|
4273
4285
|
box-shadow:var(--dropshadow-1);
|
|
4274
4286
|
display:grid;
|
|
@@ -4278,15 +4290,15 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4278
4290
|
padding:var(--space-3);
|
|
4279
4291
|
}
|
|
4280
4292
|
|
|
4281
|
-
.bp_dropdown_menu_module_headerTextContent--
|
|
4293
|
+
.bp_dropdown_menu_module_headerTextContent--cdfdd{
|
|
4282
4294
|
display:grid;
|
|
4283
4295
|
}
|
|
4284
4296
|
|
|
4285
|
-
.bp_dropdown_menu_module_submenuCloseButton--
|
|
4297
|
+
.bp_dropdown_menu_module_submenuCloseButton--cdfdd{
|
|
4286
4298
|
grid-area:submenu-close;
|
|
4287
4299
|
}
|
|
4288
4300
|
|
|
4289
|
-
.bp_dropdown_menu_module_menuCloseButton--
|
|
4301
|
+
.bp_dropdown_menu_module_menuCloseButton--cdfdd{
|
|
4290
4302
|
grid-area:close;
|
|
4291
4303
|
}
|
|
4292
4304
|
|
|
@@ -4877,7 +4889,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4877
4889
|
}
|
|
4878
4890
|
}
|
|
4879
4891
|
|
|
4880
|
-
.bp_context_menu_module_menuBlock--
|
|
4892
|
+
.bp_context_menu_module_menuBlock--7a84b{
|
|
4881
4893
|
background-color:var(--surface-menu-surface);
|
|
4882
4894
|
border:var(--border-1) solid var(--border-card-border);
|
|
4883
4895
|
border-radius:var(--radius-3);
|
|
@@ -4888,7 +4900,7 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4888
4900
|
min-width:var(--blueprint-web-context-menu-min-width, 160px);
|
|
4889
4901
|
padding:var(--space-3);
|
|
4890
4902
|
}
|
|
4891
|
-
.bp_context_menu_module_menuBlock--
|
|
4903
|
+
.bp_context_menu_module_menuBlock--7a84b[data-menu-fullscreen=true]{
|
|
4892
4904
|
border:unset;
|
|
4893
4905
|
border-radius:unset;
|
|
4894
4906
|
display:flex;
|
|
@@ -4901,15 +4913,15 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4901
4913
|
position:relative;
|
|
4902
4914
|
width:100vw;
|
|
4903
4915
|
}
|
|
4904
|
-
.bp_context_menu_module_menuBlock--
|
|
4916
|
+
.bp_context_menu_module_menuBlock--7a84b[data-menu-fullscreen=true] .bp_context_menu_module_fullScreenContent--7a84b{
|
|
4905
4917
|
overflow-y:auto;
|
|
4906
4918
|
padding:var(--space-3);
|
|
4907
4919
|
}
|
|
4908
|
-
.bp_context_menu_module_menuBlock--
|
|
4920
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItemsSeparator--7a84b{
|
|
4909
4921
|
margin-block:var(--space-2);
|
|
4910
4922
|
margin-inline:var(--space-2);
|
|
4911
4923
|
}
|
|
4912
|
-
.bp_context_menu_module_menuBlock--
|
|
4924
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItem--7a84b{
|
|
4913
4925
|
align-items:center;
|
|
4914
4926
|
background-color:var(--surface-menu-surface);
|
|
4915
4927
|
border:var(--border-2) solid #0000;
|
|
@@ -4922,15 +4934,19 @@ table.bp_inline_table_module_inlineTable--b023b tr:not(:last-child) td{
|
|
|
4922
4934
|
padding-inline:var(--space-2);
|
|
4923
4935
|
position:relative;
|
|
4924
4936
|
}
|
|
4925
|
-
.bp_context_menu_module_menuBlock--
|
|
4937
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItem--7a84b[data-disabled]{
|
|
4926
4938
|
opacity:60%;
|
|
4927
4939
|
pointer-events:none;
|
|
4928
4940
|
}
|
|
4929
|
-
.bp_context_menu_module_menuBlock--
|
|
4941
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItem--7a84b[data-highlighted]:not(:hover){
|
|
4930
4942
|
background-color:var(--surface-menu-surface-focus);
|
|
4931
4943
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
4932
4944
|
}
|
|
4933
|
-
.bp_context_menu_module_menuBlock--
|
|
4945
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItem--7a84b:active{
|
|
4946
|
+
background-color:var(--surface-menu-surface-focus);
|
|
4947
|
+
border:var(--border-2) solid #0000;
|
|
4948
|
+
}
|
|
4949
|
+
.bp_context_menu_module_menuBlock--7a84b .bp_context_menu_module_menuItem--7a84b:hover{
|
|
4934
4950
|
background-color:var(--surface-menu-surface-focus);
|
|
4935
4951
|
}
|
|
4936
4952
|
div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):has([data-menu-fullscreen=true]){
|
|
@@ -4939,7 +4955,7 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
4939
4955
|
width:100%;
|
|
4940
4956
|
}
|
|
4941
4957
|
|
|
4942
|
-
.bp_context_menu_module_menuHeader--
|
|
4958
|
+
.bp_context_menu_module_menuHeader--7a84b{
|
|
4943
4959
|
align-items:center;
|
|
4944
4960
|
box-shadow:var(--dropshadow-1);
|
|
4945
4961
|
display:grid;
|
|
@@ -4949,19 +4965,19 @@ div[data-radix-popper-content-wrapper]:has([role=menu]):has([data-state=open]):h
|
|
|
4949
4965
|
padding:var(--space-3);
|
|
4950
4966
|
}
|
|
4951
4967
|
|
|
4952
|
-
.bp_context_menu_module_headerTextContent--
|
|
4968
|
+
.bp_context_menu_module_headerTextContent--7a84b{
|
|
4953
4969
|
display:grid;
|
|
4954
4970
|
}
|
|
4955
4971
|
|
|
4956
|
-
.bp_context_menu_module_submenuCloseButton--
|
|
4972
|
+
.bp_context_menu_module_submenuCloseButton--7a84b{
|
|
4957
4973
|
grid-area:submenu-close;
|
|
4958
4974
|
}
|
|
4959
4975
|
|
|
4960
|
-
.bp_context_menu_module_menuCloseButton--
|
|
4976
|
+
.bp_context_menu_module_menuCloseButton--7a84b{
|
|
4961
4977
|
grid-area:close;
|
|
4962
4978
|
}
|
|
4963
4979
|
|
|
4964
|
-
.bp_context_menu_module_ellipsis--
|
|
4980
|
+
.bp_context_menu_module_ellipsis--7a84b{
|
|
4965
4981
|
overflow:hidden;
|
|
4966
4982
|
text-overflow:ellipsis;
|
|
4967
4983
|
white-space:nowrap;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"menuBlock":"bp_context_menu_module_menuBlock--
|
|
2
|
+
var styles = {"menuBlock":"bp_context_menu_module_menuBlock--7a84b","fullScreenContent":"bp_context_menu_module_fullScreenContent--7a84b","menuItemsSeparator":"bp_context_menu_module_menuItemsSeparator--7a84b","menuItem":"bp_context_menu_module_menuItem--7a84b","menuHeader":"bp_context_menu_module_menuHeader--7a84b","headerTextContent":"bp_context_menu_module_headerTextContent--7a84b","submenuCloseButton":"bp_context_menu_module_submenuCloseButton--7a84b","menuCloseButton":"bp_context_menu_module_menuCloseButton--7a84b","ellipsis":"bp_context_menu_module_ellipsis--7a84b"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../../index.css';
|
|
2
|
-
var styles = {"content":"bp_dropdown_menu_module_content--
|
|
2
|
+
var styles = {"content":"bp_dropdown_menu_module_content--cdfdd","fullScreenContent":"bp_dropdown_menu_module_fullScreenContent--cdfdd","ellipsis":"bp_dropdown_menu_module_ellipsis--cdfdd","checkmark":"bp_dropdown_menu_module_checkmark--cdfdd","item":"bp_dropdown_menu_module_item--cdfdd","subMenuTrigger":"bp_dropdown_menu_module_subMenuTrigger--cdfdd","radioItem":"bp_dropdown_menu_module_radioItem--cdfdd","checkboxItem":"bp_dropdown_menu_module_checkboxItem--cdfdd","dropdownMenuItemSeparator":"bp_dropdown_menu_module_dropdownMenuItemSeparator--cdfdd","menuHeader":"bp_dropdown_menu_module_menuHeader--cdfdd","headerTextContent":"bp_dropdown_menu_module_headerTextContent--cdfdd","submenuCloseButton":"bp_dropdown_menu_module_submenuCloseButton--cdfdd","menuCloseButton":"bp_dropdown_menu_module_menuCloseButton--cdfdd"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"container":"bp_select_module_container--
|
|
2
|
+
var styles = {"container":"bp_select_module_container--68830","disabled":"bp_select_module_disabled--68830","label":"bp_select_module_label--68830","triggerBtn":"bp_select_module_triggerBtn--68830","readonly":"bp_select_module_readonly--68830","error":"bp_select_module_error--68830","iconWrapper":"bp_select_module_iconWrapper--68830","iconCaret":"bp_select_module_iconCaret--68830","iconPencilCrossed":"bp_select_module_iconPencilCrossed--68830","icon":"bp_select_module_icon--68830","content":"bp_select_module_content--68830","viewport":"bp_select_module_viewport--68830","option":"bp_select_module_option--68830","secondaryText":"bp_select_module_secondaryText--68830","indicator":"bp_select_module_indicator--68830","separator":"bp_select_module_separator--68830"};
|
|
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": "9.18.
|
|
3
|
+
"version": "9.18.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"react-stately": "^3.31.1",
|
|
63
63
|
"tsx": "^4.16.5"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "6e3fffa688deb1364211bbbc68fbb9098060d97f",
|
|
66
66
|
"module": "lib-esm/index.js",
|
|
67
67
|
"main": "lib-esm/index.js",
|
|
68
68
|
"types": "lib-esm/index.d.ts",
|