@box/blueprint-web 8.9.0 → 9.0.1
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/lib-esm/combobox/combobox.module.js +1 -1
- package/lib-esm/index.css +25 -25
- package/package.json +4 -4
|
@@ -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--0217d","disabled":"bp_combobox_module_disabled--0217d","label":"bp_combobox_module_label--0217d","hiddenLabel":"bp_combobox_module_hiddenLabel--0217d","comboboxContainer":"bp_combobox_module_comboboxContainer--0217d","withComboboxButtons":"bp_combobox_module_withComboboxButtons--0217d","error":"bp_combobox_module_error--0217d","textInputWrapper":"bp_combobox_module_textInputWrapper--0217d","textInput":"bp_combobox_module_textInput--0217d","errorIcon":"bp_combobox_module_errorIcon--0217d","comboboxButtons":"bp_combobox_module_comboboxButtons--0217d","withChips":"bp_combobox_module_withChips--0217d","inlineError":"bp_combobox_module_inlineError--0217d","popover":"bp_combobox_module_popover--0217d","option":"bp_combobox_module_option--0217d","indicator":"bp_combobox_module_indicator--0217d","indicatorIcon":"bp_combobox_module_indicatorIcon--0217d","optionWithIndicator":"bp_combobox_module_optionWithIndicator--0217d","loadingIndicator":"bp_combobox_module_loadingIndicator--0217d","noResultOption":"bp_combobox_module_noResultOption--0217d"};
|
|
3
3
|
|
|
4
4
|
export { styles as default };
|
package/lib-esm/index.css
CHANGED
|
@@ -1556,7 +1556,7 @@
|
|
|
1556
1556
|
max-width:100%;
|
|
1557
1557
|
}
|
|
1558
1558
|
|
|
1559
|
-
.bp_combobox_module_container--
|
|
1559
|
+
.bp_combobox_module_container--0217d{
|
|
1560
1560
|
display:flex;
|
|
1561
1561
|
flex-direction:column;
|
|
1562
1562
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1567,10 +1567,10 @@
|
|
|
1567
1567
|
text-decoration:none;
|
|
1568
1568
|
text-transform:none;
|
|
1569
1569
|
}
|
|
1570
|
-
.bp_combobox_module_container--
|
|
1570
|
+
.bp_combobox_module_container--0217d.bp_combobox_module_disabled--0217d{
|
|
1571
1571
|
opacity:60%;
|
|
1572
1572
|
}
|
|
1573
|
-
.bp_combobox_module_container--
|
|
1573
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_label--0217d{
|
|
1574
1574
|
color:var(--text-text-on-light);
|
|
1575
1575
|
flex:0 0 fit-content;
|
|
1576
1576
|
font-family:Lato, -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
@@ -1582,10 +1582,10 @@
|
|
|
1582
1582
|
text-decoration:none;
|
|
1583
1583
|
text-transform:none;
|
|
1584
1584
|
}
|
|
1585
|
-
.bp_combobox_module_container--
|
|
1585
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_label--0217d:not(.bp_combobox_module_hiddenLabel--0217d){
|
|
1586
1586
|
margin-block-end:var(--space-2);
|
|
1587
1587
|
}
|
|
1588
|
-
.bp_combobox_module_container--
|
|
1588
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d{
|
|
1589
1589
|
background-color:var(--surface-dropdown-surface);
|
|
1590
1590
|
border-bottom:var(--blueprint-combobox-border-bottom-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
1591
1591
|
border-left:var(--blueprint-combobox-border-left-width, var(--border-1)) solid var(--blueprint-combobox-border-color, var(--border-input-border));
|
|
@@ -1601,15 +1601,15 @@
|
|
|
1601
1601
|
padding-inline:var(--space-3);
|
|
1602
1602
|
position:relative;
|
|
1603
1603
|
}
|
|
1604
|
-
.bp_combobox_module_container--
|
|
1604
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d.bp_combobox_module_withComboboxButtons--0217d{
|
|
1605
1605
|
padding-inline-end:var(--space-10);
|
|
1606
1606
|
}
|
|
1607
|
-
.bp_combobox_module_container--
|
|
1607
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d:not(:disabled):has(input:focus){
|
|
1608
1608
|
background-color:var(--surface-dropdown-surface-focus);
|
|
1609
1609
|
border:var(--border-2), solid, var(--outline-focus-on-light);
|
|
1610
1610
|
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1611
1611
|
}
|
|
1612
|
-
.bp_combobox_module_container--
|
|
1612
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d:not(:disabled).bp_combobox_module_error--0217d,.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d:not(:disabled):has([aria-invalid=true]){
|
|
1613
1613
|
background-color:var(--surface-dropdown-surface-error);
|
|
1614
1614
|
border-bottom:var(--blueprint-combobox-border-error-bottom-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1615
1615
|
border-left:var(--blueprint-combobox-border-error-left-width, var(--border-2)) solid var(--border-input-border-error);
|
|
@@ -1617,13 +1617,13 @@
|
|
|
1617
1617
|
border-top:var(--blueprint-combobox-border-error-top-width, var(--border-2)) solid var(--border-input-border-error);
|
|
1618
1618
|
padding-block:calc((2.5rem - var(--space-5))/2 - var(--border-2));
|
|
1619
1619
|
}
|
|
1620
|
-
.bp_combobox_module_container--
|
|
1620
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d .bp_combobox_module_textInputWrapper--0217d{
|
|
1621
1621
|
align-items:center;
|
|
1622
1622
|
display:flex;
|
|
1623
1623
|
flex:content;
|
|
1624
1624
|
gap:var(--space-2);
|
|
1625
1625
|
}
|
|
1626
|
-
.bp_combobox_module_container--
|
|
1626
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d .bp_combobox_module_textInputWrapper--0217d .bp_combobox_module_textInput--0217d{
|
|
1627
1627
|
background-color:initial;
|
|
1628
1628
|
border:none;
|
|
1629
1629
|
color:var(--text-text-on-light);
|
|
@@ -1639,28 +1639,28 @@
|
|
|
1639
1639
|
text-transform:none;
|
|
1640
1640
|
width:100%;
|
|
1641
1641
|
}
|
|
1642
|
-
.bp_combobox_module_container--
|
|
1642
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d .bp_combobox_module_textInputWrapper--0217d .bp_combobox_module_errorIcon--0217d path{
|
|
1643
1643
|
fill:var(--icon-icon-error-on-light);
|
|
1644
1644
|
}
|
|
1645
|
-
.bp_combobox_module_container--
|
|
1645
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d .bp_combobox_module_textInputWrapper--0217d .bp_combobox_module_comboboxButtons--0217d{
|
|
1646
1646
|
align-items:center;
|
|
1647
1647
|
display:flex;
|
|
1648
1648
|
position:absolute;
|
|
1649
1649
|
right:var(--space-2);
|
|
1650
1650
|
top:var(--space-2);
|
|
1651
1651
|
}
|
|
1652
|
-
.bp_combobox_module_container--
|
|
1652
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d.bp_combobox_module_withChips--0217d{
|
|
1653
1653
|
max-height:calc(var(--space-2)*2 + var(--space-6)*3);
|
|
1654
1654
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-1));
|
|
1655
1655
|
}
|
|
1656
|
-
.bp_combobox_module_container--
|
|
1656
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d.bp_combobox_module_withChips--0217d:not(:disabled).bp_combobox_module_error--0217d,.bp_combobox_module_container--0217d .bp_combobox_module_comboboxContainer--0217d.bp_combobox_module_withChips--0217d:not(:disabled):has(input:focus){
|
|
1657
1657
|
padding-block:calc((2.5rem - var(--space-7))/2 - var(--border-2));
|
|
1658
1658
|
}
|
|
1659
|
-
.bp_combobox_module_container--
|
|
1659
|
+
.bp_combobox_module_container--0217d .bp_combobox_module_inlineError--0217d{
|
|
1660
1660
|
margin-block-start:var(--space-2);
|
|
1661
1661
|
}
|
|
1662
1662
|
|
|
1663
|
-
.bp_combobox_module_popover--
|
|
1663
|
+
.bp_combobox_module_popover--0217d{
|
|
1664
1664
|
background-color:var(--surface-menu-surface);
|
|
1665
1665
|
border:var(--border-1) solid var(--border-card-border);
|
|
1666
1666
|
border-radius:var(--radius-3);
|
|
@@ -1678,7 +1678,7 @@
|
|
|
1678
1678
|
text-transform:none;
|
|
1679
1679
|
z-index:380;
|
|
1680
1680
|
}
|
|
1681
|
-
.bp_combobox_module_popover--
|
|
1681
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d{
|
|
1682
1682
|
border:var(--border-2) solid #0000;
|
|
1683
1683
|
border-radius:var(--radius-3);
|
|
1684
1684
|
box-sizing:border-box;
|
|
@@ -1692,17 +1692,17 @@
|
|
|
1692
1692
|
user-select:none;
|
|
1693
1693
|
width:100%;
|
|
1694
1694
|
}
|
|
1695
|
-
.bp_combobox_module_popover--
|
|
1695
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d[aria-disabled]{
|
|
1696
1696
|
opacity:60%;
|
|
1697
1697
|
}
|
|
1698
|
-
.bp_combobox_module_popover--
|
|
1698
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d[data-active-item]:not([aria-disabled]){
|
|
1699
1699
|
background-color:var(--surface-menu-surface-focus);
|
|
1700
1700
|
border:var(--border-2) solid var(--outline-focus-on-light);
|
|
1701
1701
|
}
|
|
1702
|
-
.bp_combobox_module_popover--
|
|
1702
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d:hover{
|
|
1703
1703
|
background-color:var(--surface-menu-surface-hover);
|
|
1704
1704
|
}
|
|
1705
|
-
.bp_combobox_module_popover--
|
|
1705
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d .bp_combobox_module_indicator--0217d{
|
|
1706
1706
|
align-items:center;
|
|
1707
1707
|
display:flex;
|
|
1708
1708
|
height:var(--size-9);
|
|
@@ -1711,16 +1711,16 @@
|
|
|
1711
1711
|
position:absolute;
|
|
1712
1712
|
top:0;
|
|
1713
1713
|
}
|
|
1714
|
-
.bp_combobox_module_popover--
|
|
1714
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_option--0217d .bp_combobox_module_indicator--0217d .bp_combobox_module_indicatorIcon--0217d path{
|
|
1715
1715
|
fill:var(--icon-icon-on-light);
|
|
1716
1716
|
}
|
|
1717
|
-
.bp_combobox_module_popover--
|
|
1717
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_optionWithIndicator--0217d{
|
|
1718
1718
|
padding-inline:var(--space-10) var(--space-2);
|
|
1719
1719
|
}
|
|
1720
|
-
.bp_combobox_module_popover--
|
|
1720
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_loadingIndicator--0217d{
|
|
1721
1721
|
position:unset;
|
|
1722
1722
|
}
|
|
1723
|
-
.bp_combobox_module_popover--
|
|
1723
|
+
.bp_combobox_module_popover--0217d .bp_combobox_module_noResultOption--0217d{
|
|
1724
1724
|
color:var(--text-text-on-light);
|
|
1725
1725
|
-webkit-user-select:none;
|
|
1726
1726
|
user-select:none;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "9.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
"**/*.scss"
|
|
23
23
|
],
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@ariakit/react": "0.4.
|
|
26
|
-
"@ariakit/react-core": "0.4.
|
|
25
|
+
"@ariakit/react": "0.4.14",
|
|
26
|
+
"@ariakit/react-core": "0.4.14",
|
|
27
27
|
"@box/blueprint-web-assets": "^4.30.0",
|
|
28
28
|
"@internationalized/date": "^3.5.4",
|
|
29
29
|
"@radix-ui/react-accordion": "1.1.2",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"react-stately": "^3.31.1",
|
|
64
64
|
"tsx": "^4.16.5"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "f2a6eccd12f3996673be6242bff1c7701cf80a8a",
|
|
67
67
|
"module": "lib-esm/index.js",
|
|
68
68
|
"main": "lib-esm/index.js",
|
|
69
69
|
"exports": {
|