@box/blueprint-web 17.9.0 → 17.10.0
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.
|
@@ -1543,7 +1543,7 @@
|
|
|
1543
1543
|
text-decoration:none;
|
|
1544
1544
|
text-transform:none;
|
|
1545
1545
|
}
|
|
1546
|
-
.bp_status_module_status--
|
|
1546
|
+
.bp_status_module_status--7bc63{
|
|
1547
1547
|
align-items:center;
|
|
1548
1548
|
background-color:var(--status-background-color);
|
|
1549
1549
|
border-radius:var(--status-border-radius);
|
|
@@ -1557,22 +1557,23 @@
|
|
|
1557
1557
|
user-select:text;
|
|
1558
1558
|
white-space:nowrap;
|
|
1559
1559
|
}
|
|
1560
|
-
.bp_status_module_status--
|
|
1560
|
+
.bp_status_module_status--7bc63.bp_status_module_reverse--7bc63{
|
|
1561
1561
|
flex-direction:row-reverse;
|
|
1562
1562
|
}
|
|
1563
|
-
.bp_status_module_status--
|
|
1563
|
+
.bp_status_module_status--7bc63.bp_status_module_circle--7bc63{
|
|
1564
1564
|
padding:0 3px;
|
|
1565
1565
|
}
|
|
1566
|
-
.bp_status_module_status--
|
|
1566
|
+
.bp_status_module_status--7bc63 .bp_status_module_text--7bc63{
|
|
1567
1567
|
overflow:hidden;
|
|
1568
|
+
padding-block:var(--bp-space-005);
|
|
1568
1569
|
text-overflow:ellipsis;
|
|
1569
1570
|
}
|
|
1570
|
-
.bp_status_module_status--
|
|
1571
|
+
.bp_status_module_status--7bc63 > svg{
|
|
1571
1572
|
flex:0 0 auto;
|
|
1572
1573
|
white-space:nowrap;
|
|
1573
1574
|
}
|
|
1574
1575
|
|
|
1575
|
-
.bp_status_module_maxContainer--
|
|
1576
|
+
.bp_status_module_maxContainer--7bc63[data-modern=false]{
|
|
1576
1577
|
--status-gap:var(--space-1);
|
|
1577
1578
|
--status-height:var(--size-5);
|
|
1578
1579
|
--status-padding-right:var(--size-2);
|
|
@@ -1610,7 +1611,7 @@
|
|
|
1610
1611
|
--status-interactive-background-green-focus:var(--surface-status-surface-green-focus);
|
|
1611
1612
|
--status-line-height:1;
|
|
1612
1613
|
}
|
|
1613
|
-
.bp_status_module_maxContainer--
|
|
1614
|
+
.bp_status_module_maxContainer--7bc63[data-modern=false] .bp_status_module_status--7bc63{
|
|
1614
1615
|
font-family:var(--label-bold-font-family);
|
|
1615
1616
|
font-size:var(--label-bold-font-size);
|
|
1616
1617
|
font-weight:var(--label-bold-font-weight);
|
|
@@ -1621,7 +1622,7 @@
|
|
|
1621
1622
|
text-transform:var(--label-bold-text-case);
|
|
1622
1623
|
}
|
|
1623
1624
|
|
|
1624
|
-
.bp_status_module_maxContainer--
|
|
1625
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true]{
|
|
1625
1626
|
--status-gap:var(--bp-space-010);
|
|
1626
1627
|
--status-height:var(--bp-size-050);
|
|
1627
1628
|
--status-padding-right:var(--bp-space-020);
|
|
@@ -1660,7 +1661,7 @@
|
|
|
1660
1661
|
--status-interactive-background-green-focus:var(--bp-surface-status-surface-green-focus);
|
|
1661
1662
|
--status-line-height:1;
|
|
1662
1663
|
}
|
|
1663
|
-
.bp_status_module_maxContainer--
|
|
1664
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1664
1665
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1665
1666
|
font-size:var(--bp-font-size-02);
|
|
1666
1667
|
font-style:normal;
|
|
@@ -1668,7 +1669,7 @@
|
|
|
1668
1669
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
1669
1670
|
line-height:var(--bp-font-line-height-03);
|
|
1670
1671
|
}
|
|
1671
|
-
:where(body.is-inter-font) .bp_status_module_maxContainer--
|
|
1672
|
+
:where(body.is-inter-font) .bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1672
1673
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1673
1674
|
font-size:.625rem;
|
|
1674
1675
|
font-style:normal;
|
|
@@ -1679,111 +1680,111 @@
|
|
|
1679
1680
|
text-transform:none;
|
|
1680
1681
|
}
|
|
1681
1682
|
|
|
1682
|
-
.bp_status_module_maxContainer--
|
|
1683
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1683
1684
|
line-height:var(--status-line-height);
|
|
1684
1685
|
}
|
|
1685
1686
|
|
|
1686
|
-
.bp_status_module_maxContainer--
|
|
1687
|
+
.bp_status_module_maxContainer--7bc63{
|
|
1687
1688
|
display:inline-block;
|
|
1688
1689
|
max-width:100%;
|
|
1689
1690
|
vertical-align:middle;
|
|
1690
1691
|
}
|
|
1691
|
-
.bp_status_module_interactiveStatus--
|
|
1692
|
+
.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1692
1693
|
box-shadow:0 0 0 var(--status-interactive-focus-ring-border) var(--status-interactive-focus-ring-color);
|
|
1693
1694
|
outline:none;
|
|
1694
1695
|
overflow:visible;
|
|
1695
1696
|
}
|
|
1696
|
-
.bp_status_module_interactiveStatus--
|
|
1697
|
+
.bp_status_module_interactiveStatus--7bc63{
|
|
1697
1698
|
border:initial;
|
|
1698
1699
|
cursor:default;
|
|
1699
1700
|
max-width:100%;
|
|
1700
1701
|
vertical-align:top;
|
|
1701
1702
|
}
|
|
1702
|
-
.bp_status_module_interactiveStatus--
|
|
1703
|
+
.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1703
1704
|
background-color:var(--status-interactive-background-color-hover);
|
|
1704
1705
|
box-shadow:var(--status-interactive-box-shadow-hover);
|
|
1705
1706
|
}
|
|
1706
|
-
.bp_status_module_interactiveStatus--
|
|
1707
|
+
.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1707
1708
|
background-color:var(--status-interactive-background-color-focus);
|
|
1708
1709
|
}
|
|
1709
1710
|
|
|
1710
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1711
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63{
|
|
1711
1712
|
background-color:var(--status-background-gray);
|
|
1712
1713
|
}
|
|
1713
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1714
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1714
1715
|
background-color:var(--status-interactive-background-gray-hover);
|
|
1715
1716
|
}
|
|
1716
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1717
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1717
1718
|
background-color:var(--status-interactive-background-gray-focus);
|
|
1718
1719
|
}
|
|
1719
1720
|
|
|
1720
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1721
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63{
|
|
1721
1722
|
background-color:var(--status-background-yellow);
|
|
1722
1723
|
}
|
|
1723
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1724
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1724
1725
|
background-color:var(--status-interactive-background-yellow-hover);
|
|
1725
1726
|
}
|
|
1726
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1727
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1727
1728
|
background-color:var(--status-interactive-background-yellow-focus);
|
|
1728
1729
|
}
|
|
1729
1730
|
|
|
1730
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1731
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63{
|
|
1731
1732
|
background-color:var(--status-background-orange);
|
|
1732
1733
|
}
|
|
1733
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1734
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1734
1735
|
background-color:var(--status-interactive-background-orange-hover);
|
|
1735
1736
|
}
|
|
1736
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1737
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1737
1738
|
background-color:var(--status-interactive-background-orange-focus);
|
|
1738
1739
|
}
|
|
1739
1740
|
|
|
1740
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1741
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63{
|
|
1741
1742
|
background-color:var(--status-background-red);
|
|
1742
1743
|
}
|
|
1743
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1744
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1744
1745
|
background-color:var(--status-interactive-background-red-hover);
|
|
1745
1746
|
}
|
|
1746
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1747
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1747
1748
|
background-color:var(--status-interactive-background-red-focus);
|
|
1748
1749
|
}
|
|
1749
1750
|
|
|
1750
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1751
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63{
|
|
1751
1752
|
background-color:var(--status-background-purple);
|
|
1752
1753
|
}
|
|
1753
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1754
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1754
1755
|
background-color:var(--status-interactive-background-purple-hover);
|
|
1755
1756
|
}
|
|
1756
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1757
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1757
1758
|
background-color:var(--status-interactive-background-purple-focus);
|
|
1758
1759
|
}
|
|
1759
1760
|
|
|
1760
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1761
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63{
|
|
1761
1762
|
background-color:var(--status-background-light-blue);
|
|
1762
1763
|
}
|
|
1763
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1764
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1764
1765
|
background-color:var(--status-interactive-background-light-blue-hover);
|
|
1765
1766
|
}
|
|
1766
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1767
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1767
1768
|
background-color:var(--status-interactive-background-light-blue-focus);
|
|
1768
1769
|
}
|
|
1769
1770
|
|
|
1770
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1771
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63{
|
|
1771
1772
|
background-color:var(--status-background-dark-blue);
|
|
1772
1773
|
}
|
|
1773
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1774
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1774
1775
|
background-color:var(--status-interactive-background-dark-blue-hover);
|
|
1775
1776
|
}
|
|
1776
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1777
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1777
1778
|
background-color:var(--status-interactive-background-dark-blue-focus);
|
|
1778
1779
|
}
|
|
1779
1780
|
|
|
1780
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1781
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63{
|
|
1781
1782
|
background-color:var(--status-background-green);
|
|
1782
1783
|
}
|
|
1783
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1784
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1784
1785
|
background-color:var(--status-interactive-background-green-hover);
|
|
1785
1786
|
}
|
|
1786
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1787
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1787
1788
|
background-color:var(--status-interactive-background-green-focus);
|
|
1788
1789
|
}
|
|
1789
1790
|
.bp_tooltip_module_content--4b268[data-modern=false]{
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
2
|
+
import '@box/blueprint-web-assets/icons/Fill';
|
|
3
|
+
import { Calendar, XMark } from '@box/blueprint-web-assets/icons/Medium';
|
|
4
|
+
import { bpSize040, bpGray65 } from '@box/blueprint-web-assets/tokens/tokens';
|
|
4
5
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
5
6
|
import clsx from 'clsx';
|
|
6
7
|
import { forwardRef, useState, useEffect, useRef, useCallback } from 'react';
|
|
@@ -17,11 +18,11 @@ import { useControllableState } from '../utils/useControllableState.js';
|
|
|
17
18
|
import { useUniqueId } from '../utils/useUniqueId.js';
|
|
18
19
|
import styles from './date-picker.module.js';
|
|
19
20
|
|
|
20
|
-
const
|
|
21
|
+
const XMarkIconModern = label => () => jsx(XMark, {
|
|
21
22
|
"aria-label": label,
|
|
22
|
-
color:
|
|
23
|
-
height:
|
|
24
|
-
width:
|
|
23
|
+
color: bpGray65,
|
|
24
|
+
height: bpSize040,
|
|
25
|
+
width: bpSize040
|
|
25
26
|
});
|
|
26
27
|
const handleSubmitKeyPress = (key, callback) => {
|
|
27
28
|
const submitKeys = [' ', 'Enter'];
|
|
@@ -191,7 +192,7 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
191
192
|
"aria-label": clearDatePickerAriaLabel,
|
|
192
193
|
className: clsx(styles.button, styles.clear),
|
|
193
194
|
disabled: isDisabled,
|
|
194
|
-
icon:
|
|
195
|
+
icon: XMarkIconModern(clearDatePickerAriaLabel) ,
|
|
195
196
|
onClick: onClearInputButtonClicked,
|
|
196
197
|
onKeyDownCapture: onClearButtonKeypress,
|
|
197
198
|
size: "x-small"
|
|
@@ -204,10 +205,10 @@ const DatePicker = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
204
205
|
onPress: onPressCalendar,
|
|
205
206
|
children: jsx(Calendar, {
|
|
206
207
|
"aria-label": openCalendarDropdownAriaLabel,
|
|
207
|
-
color:
|
|
208
|
-
height:
|
|
209
|
-
width:
|
|
210
|
-
})
|
|
208
|
+
color: bpGray65,
|
|
209
|
+
height: bpSize040,
|
|
210
|
+
width: bpSize040
|
|
211
|
+
})
|
|
211
212
|
})]
|
|
212
213
|
})
|
|
213
214
|
}), jsx(RadixPopover.Portal, {
|
package/dist/lib-esm/index.css
CHANGED
|
@@ -1543,7 +1543,7 @@
|
|
|
1543
1543
|
text-decoration:none;
|
|
1544
1544
|
text-transform:none;
|
|
1545
1545
|
}
|
|
1546
|
-
.bp_status_module_status--
|
|
1546
|
+
.bp_status_module_status--7bc63{
|
|
1547
1547
|
align-items:center;
|
|
1548
1548
|
background-color:var(--status-background-color);
|
|
1549
1549
|
border-radius:var(--status-border-radius);
|
|
@@ -1557,22 +1557,23 @@
|
|
|
1557
1557
|
user-select:text;
|
|
1558
1558
|
white-space:nowrap;
|
|
1559
1559
|
}
|
|
1560
|
-
.bp_status_module_status--
|
|
1560
|
+
.bp_status_module_status--7bc63.bp_status_module_reverse--7bc63{
|
|
1561
1561
|
flex-direction:row-reverse;
|
|
1562
1562
|
}
|
|
1563
|
-
.bp_status_module_status--
|
|
1563
|
+
.bp_status_module_status--7bc63.bp_status_module_circle--7bc63{
|
|
1564
1564
|
padding:0 3px;
|
|
1565
1565
|
}
|
|
1566
|
-
.bp_status_module_status--
|
|
1566
|
+
.bp_status_module_status--7bc63 .bp_status_module_text--7bc63{
|
|
1567
1567
|
overflow:hidden;
|
|
1568
|
+
padding-block:var(--bp-space-005);
|
|
1568
1569
|
text-overflow:ellipsis;
|
|
1569
1570
|
}
|
|
1570
|
-
.bp_status_module_status--
|
|
1571
|
+
.bp_status_module_status--7bc63 > svg{
|
|
1571
1572
|
flex:0 0 auto;
|
|
1572
1573
|
white-space:nowrap;
|
|
1573
1574
|
}
|
|
1574
1575
|
|
|
1575
|
-
.bp_status_module_maxContainer--
|
|
1576
|
+
.bp_status_module_maxContainer--7bc63[data-modern=false]{
|
|
1576
1577
|
--status-gap:var(--space-1);
|
|
1577
1578
|
--status-height:var(--size-5);
|
|
1578
1579
|
--status-padding-right:var(--size-2);
|
|
@@ -1610,7 +1611,7 @@
|
|
|
1610
1611
|
--status-interactive-background-green-focus:var(--surface-status-surface-green-focus);
|
|
1611
1612
|
--status-line-height:1;
|
|
1612
1613
|
}
|
|
1613
|
-
.bp_status_module_maxContainer--
|
|
1614
|
+
.bp_status_module_maxContainer--7bc63[data-modern=false] .bp_status_module_status--7bc63{
|
|
1614
1615
|
font-family:var(--label-bold-font-family);
|
|
1615
1616
|
font-size:var(--label-bold-font-size);
|
|
1616
1617
|
font-weight:var(--label-bold-font-weight);
|
|
@@ -1621,7 +1622,7 @@
|
|
|
1621
1622
|
text-transform:var(--label-bold-text-case);
|
|
1622
1623
|
}
|
|
1623
1624
|
|
|
1624
|
-
.bp_status_module_maxContainer--
|
|
1625
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true]{
|
|
1625
1626
|
--status-gap:var(--bp-space-010);
|
|
1626
1627
|
--status-height:var(--bp-size-050);
|
|
1627
1628
|
--status-padding-right:var(--bp-space-020);
|
|
@@ -1660,7 +1661,7 @@
|
|
|
1660
1661
|
--status-interactive-background-green-focus:var(--bp-surface-status-surface-green-focus);
|
|
1661
1662
|
--status-line-height:1;
|
|
1662
1663
|
}
|
|
1663
|
-
.bp_status_module_maxContainer--
|
|
1664
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1664
1665
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1665
1666
|
font-size:var(--bp-font-size-02);
|
|
1666
1667
|
font-style:normal;
|
|
@@ -1668,7 +1669,7 @@
|
|
|
1668
1669
|
letter-spacing:var(--bp-font-letter-spacing-02);
|
|
1669
1670
|
line-height:var(--bp-font-line-height-03);
|
|
1670
1671
|
}
|
|
1671
|
-
:where(body.is-inter-font) .bp_status_module_maxContainer--
|
|
1672
|
+
:where(body.is-inter-font) .bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1672
1673
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
1673
1674
|
font-size:.625rem;
|
|
1674
1675
|
font-style:normal;
|
|
@@ -1679,111 +1680,111 @@
|
|
|
1679
1680
|
text-transform:none;
|
|
1680
1681
|
}
|
|
1681
1682
|
|
|
1682
|
-
.bp_status_module_maxContainer--
|
|
1683
|
+
.bp_status_module_maxContainer--7bc63[data-modern=true] .bp_status_module_status--7bc63{
|
|
1683
1684
|
line-height:var(--status-line-height);
|
|
1684
1685
|
}
|
|
1685
1686
|
|
|
1686
|
-
.bp_status_module_maxContainer--
|
|
1687
|
+
.bp_status_module_maxContainer--7bc63{
|
|
1687
1688
|
display:inline-block;
|
|
1688
1689
|
max-width:100%;
|
|
1689
1690
|
vertical-align:middle;
|
|
1690
1691
|
}
|
|
1691
|
-
.bp_status_module_interactiveStatus--
|
|
1692
|
+
.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1692
1693
|
box-shadow:0 0 0 var(--status-interactive-focus-ring-border) var(--status-interactive-focus-ring-color);
|
|
1693
1694
|
outline:none;
|
|
1694
1695
|
overflow:visible;
|
|
1695
1696
|
}
|
|
1696
|
-
.bp_status_module_interactiveStatus--
|
|
1697
|
+
.bp_status_module_interactiveStatus--7bc63{
|
|
1697
1698
|
border:initial;
|
|
1698
1699
|
cursor:default;
|
|
1699
1700
|
max-width:100%;
|
|
1700
1701
|
vertical-align:top;
|
|
1701
1702
|
}
|
|
1702
|
-
.bp_status_module_interactiveStatus--
|
|
1703
|
+
.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1703
1704
|
background-color:var(--status-interactive-background-color-hover);
|
|
1704
1705
|
box-shadow:var(--status-interactive-box-shadow-hover);
|
|
1705
1706
|
}
|
|
1706
|
-
.bp_status_module_interactiveStatus--
|
|
1707
|
+
.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1707
1708
|
background-color:var(--status-interactive-background-color-focus);
|
|
1708
1709
|
}
|
|
1709
1710
|
|
|
1710
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1711
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63{
|
|
1711
1712
|
background-color:var(--status-background-gray);
|
|
1712
1713
|
}
|
|
1713
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1714
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1714
1715
|
background-color:var(--status-interactive-background-gray-hover);
|
|
1715
1716
|
}
|
|
1716
|
-
.bp_status_module_colorSurfaceStatusSurfaceGray--
|
|
1717
|
+
.bp_status_module_colorSurfaceStatusSurfaceGray--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1717
1718
|
background-color:var(--status-interactive-background-gray-focus);
|
|
1718
1719
|
}
|
|
1719
1720
|
|
|
1720
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1721
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63{
|
|
1721
1722
|
background-color:var(--status-background-yellow);
|
|
1722
1723
|
}
|
|
1723
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1724
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1724
1725
|
background-color:var(--status-interactive-background-yellow-hover);
|
|
1725
1726
|
}
|
|
1726
|
-
.bp_status_module_colorSurfaceStatusSurfaceYellow--
|
|
1727
|
+
.bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1727
1728
|
background-color:var(--status-interactive-background-yellow-focus);
|
|
1728
1729
|
}
|
|
1729
1730
|
|
|
1730
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1731
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63{
|
|
1731
1732
|
background-color:var(--status-background-orange);
|
|
1732
1733
|
}
|
|
1733
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1734
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1734
1735
|
background-color:var(--status-interactive-background-orange-hover);
|
|
1735
1736
|
}
|
|
1736
|
-
.bp_status_module_colorSurfaceStatusSurfaceOrange--
|
|
1737
|
+
.bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1737
1738
|
background-color:var(--status-interactive-background-orange-focus);
|
|
1738
1739
|
}
|
|
1739
1740
|
|
|
1740
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1741
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63{
|
|
1741
1742
|
background-color:var(--status-background-red);
|
|
1742
1743
|
}
|
|
1743
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1744
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1744
1745
|
background-color:var(--status-interactive-background-red-hover);
|
|
1745
1746
|
}
|
|
1746
|
-
.bp_status_module_colorSurfaceStatusSurfaceRed--
|
|
1747
|
+
.bp_status_module_colorSurfaceStatusSurfaceRed--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1747
1748
|
background-color:var(--status-interactive-background-red-focus);
|
|
1748
1749
|
}
|
|
1749
1750
|
|
|
1750
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1751
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63{
|
|
1751
1752
|
background-color:var(--status-background-purple);
|
|
1752
1753
|
}
|
|
1753
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1754
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1754
1755
|
background-color:var(--status-interactive-background-purple-hover);
|
|
1755
1756
|
}
|
|
1756
|
-
.bp_status_module_colorSurfaceStatusSurfacePurple--
|
|
1757
|
+
.bp_status_module_colorSurfaceStatusSurfacePurple--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1757
1758
|
background-color:var(--status-interactive-background-purple-focus);
|
|
1758
1759
|
}
|
|
1759
1760
|
|
|
1760
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1761
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63{
|
|
1761
1762
|
background-color:var(--status-background-light-blue);
|
|
1762
1763
|
}
|
|
1763
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1764
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1764
1765
|
background-color:var(--status-interactive-background-light-blue-hover);
|
|
1765
1766
|
}
|
|
1766
|
-
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--
|
|
1767
|
+
.bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1767
1768
|
background-color:var(--status-interactive-background-light-blue-focus);
|
|
1768
1769
|
}
|
|
1769
1770
|
|
|
1770
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1771
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63{
|
|
1771
1772
|
background-color:var(--status-background-dark-blue);
|
|
1772
1773
|
}
|
|
1773
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1774
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1774
1775
|
background-color:var(--status-interactive-background-dark-blue-hover);
|
|
1775
1776
|
}
|
|
1776
|
-
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--
|
|
1777
|
+
.bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1777
1778
|
background-color:var(--status-interactive-background-dark-blue-focus);
|
|
1778
1779
|
}
|
|
1779
1780
|
|
|
1780
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1781
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63{
|
|
1781
1782
|
background-color:var(--status-background-green);
|
|
1782
1783
|
}
|
|
1783
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1784
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63.bp_status_module_interactiveStatus--7bc63:hover{
|
|
1784
1785
|
background-color:var(--status-interactive-background-green-hover);
|
|
1785
1786
|
}
|
|
1786
|
-
.bp_status_module_colorSurfaceStatusSurfaceGreen--
|
|
1787
|
+
.bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63.bp_status_module_interactiveStatus--7bc63:focus-visible{
|
|
1787
1788
|
background-color:var(--status-interactive-background-green-focus);
|
|
1788
1789
|
}
|
|
1789
1790
|
.bp_tooltip_module_content--4b268[data-modern=false]{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../index.css';
|
|
2
|
-
var styles = {"status":"bp_status_module_status--
|
|
2
|
+
var styles = {"status":"bp_status_module_status--7bc63","reverse":"bp_status_module_reverse--7bc63","circle":"bp_status_module_circle--7bc63","text":"bp_status_module_text--7bc63","maxContainer":"bp_status_module_maxContainer--7bc63","interactiveStatus":"bp_status_module_interactiveStatus--7bc63","colorSurfaceStatusSurfaceGray":"bp_status_module_colorSurfaceStatusSurfaceGray--7bc63","colorSurfaceStatusSurfaceYellow":"bp_status_module_colorSurfaceStatusSurfaceYellow--7bc63","colorSurfaceStatusSurfaceOrange":"bp_status_module_colorSurfaceStatusSurfaceOrange--7bc63","colorSurfaceStatusSurfaceRed":"bp_status_module_colorSurfaceStatusSurfaceRed--7bc63","colorSurfaceStatusSurfacePurple":"bp_status_module_colorSurfaceStatusSurfacePurple--7bc63","colorSurfaceStatusSurfaceLightBlue":"bp_status_module_colorSurfaceStatusSurfaceLightBlue--7bc63","colorSurfaceStatusSurfaceDarkBlue":"bp_status_module_colorSurfaceStatusSurfaceDarkBlue--7bc63","colorSurfaceStatusSurfaceGreen":"bp_status_module_colorSurfaceStatusSurfaceGreen--7bc63"};
|
|
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": "17.
|
|
3
|
+
"version": "17.10.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@ariakit/react": "0.4.21",
|
|
57
57
|
"@ariakit/react-core": "0.4.21",
|
|
58
|
-
"@box/blueprint-web-assets": "^5.10.
|
|
58
|
+
"@box/blueprint-web-assets": "^5.10.6",
|
|
59
59
|
"@internationalized/date": "^3.12.0",
|
|
60
60
|
"@radix-ui/react-accordion": "1.1.2",
|
|
61
61
|
"@radix-ui/react-checkbox": "1.0.4",
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"devDependencies": {
|
|
87
87
|
"@box/box-test-client": "^3.2.7",
|
|
88
88
|
"@box/playwright-utils": "^2.8.5",
|
|
89
|
-
"@box/storybook-utils": "^1.2.
|
|
89
|
+
"@box/storybook-utils": "^1.2.50",
|
|
90
90
|
"@figma/code-connect": "1.4.4",
|
|
91
91
|
"@playwright/test": "1.46.1",
|
|
92
92
|
"@types/js-yaml": "^4.0.9",
|