@box/blueprint-web 17.8.2 → 17.9.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/dist/lib-esm/accordion/accordion.js +8 -0
- package/dist/lib-esm/accordion/accordion.module.js +1 -1
- package/dist/lib-esm/accordion/types.d.ts +5 -0
- package/dist/lib-esm/components.css +125 -116
- package/dist/lib-esm/index.css +125 -116
- package/dist/lib-esm/status/status.module.js +1 -1
- package/package.json +3 -3
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]{
|
|
@@ -2000,7 +2001,7 @@
|
|
|
2000
2001
|
}
|
|
2001
2002
|
}
|
|
2002
2003
|
|
|
2003
|
-
.bp_accordion_module_accordionItem--
|
|
2004
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=false]{
|
|
2004
2005
|
--accordion-min-width:320px;
|
|
2005
2006
|
--accordion-item-radius:none;
|
|
2006
2007
|
--accordion-item-radius-expanded:none;
|
|
@@ -2040,7 +2041,7 @@
|
|
|
2040
2041
|
--accordion-item-header-min-height:unset;
|
|
2041
2042
|
}
|
|
2042
2043
|
|
|
2043
|
-
.bp_accordion_module_accordionItem--
|
|
2044
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true]{
|
|
2044
2045
|
--accordion-min-width:320px;
|
|
2045
2046
|
--accordion-item-radius:var(--bp-radius-08);
|
|
2046
2047
|
--accordion-item-radius-expanded:var(--bp-radius-10);
|
|
@@ -2084,15 +2085,15 @@
|
|
|
2084
2085
|
--accordion-item-highlight-border-color-expanded:var(--bp-box-blue-100);
|
|
2085
2086
|
}
|
|
2086
2087
|
|
|
2087
|
-
.bp_accordion_module_accordionContent--
|
|
2088
|
-
animation:bp_accordion_module_slideDown--
|
|
2088
|
+
.bp_accordion_module_accordionContent--a56e0[data-state=open]{
|
|
2089
|
+
animation:bp_accordion_module_slideDown--a56e0 .15s ease-out;
|
|
2089
2090
|
}
|
|
2090
2091
|
|
|
2091
|
-
.bp_accordion_module_accordionContent--
|
|
2092
|
-
animation:bp_accordion_module_slideUp--
|
|
2092
|
+
.bp_accordion_module_accordionContent--a56e0[data-state=closed]{
|
|
2093
|
+
animation:bp_accordion_module_slideUp--a56e0 .15s ease-out;
|
|
2093
2094
|
}
|
|
2094
2095
|
|
|
2095
|
-
.bp_accordion_module_accordionContentLayout--
|
|
2096
|
+
.bp_accordion_module_accordionContentLayout--a56e0{
|
|
2096
2097
|
display:flex;
|
|
2097
2098
|
flex:1 1 auto;
|
|
2098
2099
|
flex-direction:column;
|
|
@@ -2103,26 +2104,26 @@
|
|
|
2103
2104
|
padding-inline:var(--accordion-content-padding-inline);
|
|
2104
2105
|
}
|
|
2105
2106
|
|
|
2106
|
-
.bp_accordion_module_accordionContent--
|
|
2107
|
+
.bp_accordion_module_accordionContent--a56e0[data-state=closed] .bp_accordion_module_accordionContentLayout--a56e0{
|
|
2107
2108
|
overflow:hidden;
|
|
2108
2109
|
}
|
|
2109
2110
|
|
|
2110
|
-
.bp_accordion_module_accordionContent--
|
|
2111
|
-
animation:bp_accordion_module_enableAccordionScroll--
|
|
2111
|
+
.bp_accordion_module_accordionContent--a56e0[data-state=open] .bp_accordion_module_accordionContentLayout--a56e0{
|
|
2112
|
+
animation:bp_accordion_module_enableAccordionScroll--a56e0 .15s step-end forwards;
|
|
2112
2113
|
}
|
|
2113
2114
|
|
|
2114
|
-
.bp_accordion_module_accordionContent--
|
|
2115
|
+
.bp_accordion_module_accordionContent--a56e0{
|
|
2115
2116
|
display:flex;
|
|
2116
2117
|
flex:1 1 auto;
|
|
2117
2118
|
flex-direction:column;
|
|
2118
2119
|
min-height:0;
|
|
2119
2120
|
overflow:hidden;
|
|
2120
2121
|
}
|
|
2121
|
-
.bp_accordion_module_accordionContent--
|
|
2122
|
+
.bp_accordion_module_accordionContent--a56e0[hidden]{
|
|
2122
2123
|
display:none;
|
|
2123
2124
|
}
|
|
2124
2125
|
|
|
2125
|
-
@keyframes bp_accordion_module_slideDown--
|
|
2126
|
+
@keyframes bp_accordion_module_slideDown--a56e0{
|
|
2126
2127
|
from{
|
|
2127
2128
|
height:0;
|
|
2128
2129
|
}
|
|
@@ -2130,7 +2131,7 @@
|
|
|
2130
2131
|
height:var(--radix-accordion-content-height);
|
|
2131
2132
|
}
|
|
2132
2133
|
}
|
|
2133
|
-
@keyframes bp_accordion_module_slideUp--
|
|
2134
|
+
@keyframes bp_accordion_module_slideUp--a56e0{
|
|
2134
2135
|
from{
|
|
2135
2136
|
height:var(--radix-accordion-content-height);
|
|
2136
2137
|
}
|
|
@@ -2138,7 +2139,7 @@
|
|
|
2138
2139
|
height:0;
|
|
2139
2140
|
}
|
|
2140
2141
|
}
|
|
2141
|
-
@keyframes bp_accordion_module_enableAccordionScroll--
|
|
2142
|
+
@keyframes bp_accordion_module_enableAccordionScroll--a56e0{
|
|
2142
2143
|
0%{
|
|
2143
2144
|
overflow:hidden;
|
|
2144
2145
|
}
|
|
@@ -2146,26 +2147,26 @@
|
|
|
2146
2147
|
overflow:auto;
|
|
2147
2148
|
}
|
|
2148
2149
|
}
|
|
2149
|
-
.bp_accordion_module_accordion--
|
|
2150
|
+
.bp_accordion_module_accordion--a56e0{
|
|
2150
2151
|
display:flex;
|
|
2151
2152
|
flex-direction:column;
|
|
2152
2153
|
gap:var(--bp-space-030);
|
|
2153
2154
|
padding:var(--bp-space-030);
|
|
2154
2155
|
}
|
|
2155
2156
|
|
|
2156
|
-
.bp_accordion_module_accordionContentWrapper--
|
|
2157
|
+
.bp_accordion_module_accordionContentWrapper--a56e0{
|
|
2157
2158
|
display:flex;
|
|
2158
2159
|
flex:1 1 auto;
|
|
2159
2160
|
flex-direction:column;
|
|
2160
2161
|
min-height:0;
|
|
2161
2162
|
}
|
|
2162
2163
|
|
|
2163
|
-
.bp_accordion_module_accordionInlineErrorWrapper--
|
|
2164
|
+
.bp_accordion_module_accordionInlineErrorWrapper--a56e0{
|
|
2164
2165
|
padding-block-start:var(--accordion-error-padding-block-start);
|
|
2165
2166
|
padding-inline:var(--accordion-error-padding-inline);
|
|
2166
2167
|
}
|
|
2167
2168
|
|
|
2168
|
-
.bp_accordion_module_accordionItem--
|
|
2169
|
+
.bp_accordion_module_accordionItem--a56e0{
|
|
2169
2170
|
-webkit-tap-highlight-color:transparent;
|
|
2170
2171
|
background:none;
|
|
2171
2172
|
border-bottom:var(--accordion-item-border);
|
|
@@ -2175,23 +2176,23 @@
|
|
|
2175
2176
|
min-width:var(--accordion-min-width);
|
|
2176
2177
|
overflow:hidden;
|
|
2177
2178
|
}
|
|
2178
|
-
.bp_accordion_module_accordionItem--
|
|
2179
|
+
.bp_accordion_module_accordionItem--a56e0[data-state=open]{
|
|
2179
2180
|
background-color:var(--accordion-item-background-expanded);
|
|
2180
2181
|
border:var(--accordion-item-border-expanded);
|
|
2181
2182
|
border-bottom:var(--accordion-item-border-bottom-expanded);
|
|
2182
2183
|
border-radius:var(--accordion-item-radius-expanded);
|
|
2183
2184
|
}
|
|
2184
2185
|
|
|
2185
|
-
.bp_accordion_module_accordionItem--
|
|
2186
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0{
|
|
2186
2187
|
border:var(--accordion-item-highlight-border-width) solid var(--accordion-item-highlight-border-color);
|
|
2187
2188
|
}
|
|
2188
2189
|
|
|
2189
|
-
.bp_accordion_module_accordionItem--
|
|
2190
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open]{
|
|
2190
2191
|
background-color:var(--accordion-item-highlight-background-expanded);
|
|
2191
2192
|
border-color:var(--accordion-item-highlight-border-color-expanded);
|
|
2192
2193
|
}
|
|
2193
2194
|
|
|
2194
|
-
.bp_accordion_module_accordionFixedContent--
|
|
2195
|
+
.bp_accordion_module_accordionFixedContent--a56e0{
|
|
2195
2196
|
background-color:var(--accordion-item-background-collapsed);
|
|
2196
2197
|
border:var(--accordion-trigger-border);
|
|
2197
2198
|
border-radius:var(--accordion-item-radius);
|
|
@@ -2202,7 +2203,7 @@
|
|
|
2202
2203
|
padding-inline:var(--accordion-fixed-content-padding-inline);
|
|
2203
2204
|
}
|
|
2204
2205
|
|
|
2205
|
-
.bp_accordion_module_accordionHeader--
|
|
2206
|
+
.bp_accordion_module_accordionHeader--a56e0{
|
|
2206
2207
|
align-items:center;
|
|
2207
2208
|
display:flex;
|
|
2208
2209
|
justify-content:space-between;
|
|
@@ -2212,24 +2213,24 @@
|
|
|
2212
2213
|
width:100%;
|
|
2213
2214
|
}
|
|
2214
2215
|
|
|
2215
|
-
.bp_accordion_module_accordionTitleGroup--
|
|
2216
|
+
.bp_accordion_module_accordionTitleGroup--a56e0{
|
|
2216
2217
|
align-items:center;
|
|
2217
2218
|
display:flex;
|
|
2218
2219
|
gap:var(--bp-space-020, .5rem);
|
|
2219
2220
|
min-width:0;
|
|
2220
2221
|
}
|
|
2221
2222
|
|
|
2222
|
-
.bp_accordion_module_accordionItem--
|
|
2223
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleGroup--a56e0{
|
|
2223
2224
|
gap:var(--bp-space-030);
|
|
2224
2225
|
}
|
|
2225
2226
|
|
|
2226
|
-
.bp_accordion_module_accordionStartElement--
|
|
2227
|
+
.bp_accordion_module_accordionStartElement--a56e0{
|
|
2227
2228
|
align-items:center;
|
|
2228
2229
|
display:flex;
|
|
2229
2230
|
flex-shrink:0;
|
|
2230
2231
|
}
|
|
2231
2232
|
|
|
2232
|
-
.bp_accordion_module_accordionItem--
|
|
2233
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0{
|
|
2233
2234
|
align-items:center;
|
|
2234
2235
|
border-radius:var(--bp-radius-10, 1.25rem);
|
|
2235
2236
|
display:inline-flex;
|
|
@@ -2238,32 +2239,32 @@
|
|
|
2238
2239
|
width:var(--bp-size-080, 2rem);
|
|
2239
2240
|
}
|
|
2240
2241
|
|
|
2241
|
-
.bp_accordion_module_accordionItem--
|
|
2242
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramed--a56e0 svg :is(path, rect, circle, polygon, polyline, ellipse){
|
|
2242
2243
|
fill:currentcolor;
|
|
2243
2244
|
}
|
|
2244
2245
|
|
|
2245
|
-
.bp_accordion_module_accordionItem--
|
|
2246
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDefault--a56e0{
|
|
2246
2247
|
background-color:var(--bp-surface-surface-tertiary);
|
|
2247
2248
|
}
|
|
2248
2249
|
|
|
2249
|
-
.bp_accordion_module_accordionItem--
|
|
2250
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedBox--a56e0{
|
|
2250
2251
|
background-color:var(--bp-box-blue-10);
|
|
2251
2252
|
}
|
|
2252
2253
|
|
|
2253
|
-
.bp_accordion_module_accordionItem--
|
|
2254
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedForms--a56e0{
|
|
2254
2255
|
background-color:var(--bp-green-light-10);
|
|
2255
2256
|
}
|
|
2256
2257
|
|
|
2257
|
-
.bp_accordion_module_accordionItem--
|
|
2258
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedDocgen--a56e0{
|
|
2258
2259
|
background-color:var(--bp-grimace-10);
|
|
2259
2260
|
}
|
|
2260
2261
|
|
|
2261
|
-
.bp_accordion_module_accordionItem--
|
|
2262
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionStartElementFramedSign--a56e0{
|
|
2262
2263
|
background-color:var(--bp-dark-blue-10);
|
|
2263
2264
|
color:var(--bp-dark-blue-100);
|
|
2264
2265
|
}
|
|
2265
2266
|
|
|
2266
|
-
.bp_accordion_module_accordionItem--
|
|
2267
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleContent--a56e0{
|
|
2267
2268
|
display:flex;
|
|
2268
2269
|
flex:1 1 auto;
|
|
2269
2270
|
flex-direction:column;
|
|
@@ -2272,26 +2273,34 @@
|
|
|
2272
2273
|
min-width:0;
|
|
2273
2274
|
}
|
|
2274
2275
|
|
|
2275
|
-
.bp_accordion_module_accordionItem--
|
|
2276
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionTitleText--a56e0{
|
|
2276
2277
|
display:block;
|
|
2277
2278
|
min-width:0;
|
|
2278
2279
|
overflow-wrap:break-word;
|
|
2279
2280
|
}
|
|
2280
2281
|
|
|
2281
|
-
.bp_accordion_module_accordionItem--
|
|
2282
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true]:not([data-state=open]) .bp_accordion_module_accordionTitleText--a56e0{
|
|
2282
2283
|
overflow:hidden;
|
|
2283
2284
|
text-overflow:ellipsis;
|
|
2284
2285
|
white-space:nowrap;
|
|
2285
2286
|
}
|
|
2286
2287
|
|
|
2287
|
-
.
|
|
2288
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true][data-state=open][data-expanded-line-clamp] .bp_accordion_module_accordionTitleText--a56e0{
|
|
2289
|
+
-webkit-box-orient:vertical;
|
|
2290
|
+
-webkit-line-clamp:var(--accordion-expanded-line-clamp);
|
|
2291
|
+
line-clamp:var(--accordion-expanded-line-clamp);
|
|
2292
|
+
display:-webkit-box;
|
|
2293
|
+
overflow:hidden;
|
|
2294
|
+
}
|
|
2295
|
+
|
|
2296
|
+
.bp_accordion_module_accordionSubtitle--a56e0{
|
|
2288
2297
|
align-items:center;
|
|
2289
2298
|
display:flex;
|
|
2290
2299
|
gap:var(--bp-space-010, .25rem);
|
|
2291
2300
|
min-width:0;
|
|
2292
2301
|
}
|
|
2293
2302
|
|
|
2294
|
-
.bp_accordion_module_accordionSubtitleIcon--
|
|
2303
|
+
.bp_accordion_module_accordionSubtitleIcon--a56e0{
|
|
2295
2304
|
align-items:center;
|
|
2296
2305
|
display:inline-flex;
|
|
2297
2306
|
flex-shrink:0;
|
|
@@ -2300,7 +2309,7 @@
|
|
|
2300
2309
|
width:var(--bp-size-030, .75rem);
|
|
2301
2310
|
}
|
|
2302
2311
|
|
|
2303
|
-
.bp_accordion_module_accordionItem--
|
|
2312
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
|
|
2304
2313
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2305
2314
|
font-size:var(--bp-font-size-03);
|
|
2306
2315
|
font-style:normal;
|
|
@@ -2308,7 +2317,7 @@
|
|
|
2308
2317
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2309
2318
|
line-height:var(--bp-font-line-height-02);
|
|
2310
2319
|
}
|
|
2311
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2320
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
|
|
2312
2321
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2313
2322
|
font-size:.75rem;
|
|
2314
2323
|
font-style:normal;
|
|
@@ -2319,7 +2328,7 @@
|
|
|
2319
2328
|
text-transform:none;
|
|
2320
2329
|
}
|
|
2321
2330
|
|
|
2322
|
-
.bp_accordion_module_accordionItem--
|
|
2331
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionSubtitleText--a56e0{
|
|
2323
2332
|
color:var(--bp-text-text-on-light-secondary);
|
|
2324
2333
|
display:block;
|
|
2325
2334
|
min-width:0;
|
|
@@ -2328,7 +2337,7 @@
|
|
|
2328
2337
|
white-space:nowrap;
|
|
2329
2338
|
}
|
|
2330
2339
|
|
|
2331
|
-
.bp_accordion_module_accordionItem--
|
|
2340
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
|
|
2332
2341
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2333
2342
|
font-size:var(--bp-font-size-04);
|
|
2334
2343
|
font-style:normal;
|
|
@@ -2336,7 +2345,7 @@
|
|
|
2336
2345
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2337
2346
|
line-height:var(--bp-font-line-height-04);
|
|
2338
2347
|
}
|
|
2339
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2348
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
|
|
2340
2349
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2341
2350
|
font-size:.8125rem;
|
|
2342
2351
|
font-style:normal;
|
|
@@ -2347,7 +2356,7 @@
|
|
|
2347
2356
|
text-transform:none;
|
|
2348
2357
|
}
|
|
2349
2358
|
|
|
2350
|
-
.bp_accordion_module_accordionItem--
|
|
2359
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionEndText--a56e0{
|
|
2351
2360
|
color:var(--bp-text-text-on-light-secondary);
|
|
2352
2361
|
display:inline-block;
|
|
2353
2362
|
max-width:var(--bp-size-300, 7.5rem);
|
|
@@ -2357,17 +2366,17 @@
|
|
|
2357
2366
|
white-space:nowrap;
|
|
2358
2367
|
}
|
|
2359
2368
|
|
|
2360
|
-
.bp_accordion_module_accordionHeaderInfoSlot--
|
|
2369
|
+
.bp_accordion_module_accordionHeaderInfoSlot--a56e0{
|
|
2361
2370
|
align-items:center;
|
|
2362
2371
|
display:flex;
|
|
2363
2372
|
margin-inline-start:var(--accordion-chevron-margin-inline-start);
|
|
2364
2373
|
}
|
|
2365
2374
|
|
|
2366
|
-
.bp_accordion_module_accordionItem--
|
|
2375
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeaderInfoSlot--a56e0{
|
|
2367
2376
|
margin-inline-start:var(--bp-space-030);
|
|
2368
2377
|
}
|
|
2369
2378
|
|
|
2370
|
-
.bp_accordion_module_accordionItem--
|
|
2379
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=false] .bp_accordion_module_accordionHeader--a56e0{
|
|
2371
2380
|
color:var(--accordion-header-text-color);
|
|
2372
2381
|
font-family:var(--title-small-font-family);
|
|
2373
2382
|
font-size:var(--title-small-font-size);
|
|
@@ -2378,7 +2387,7 @@
|
|
|
2378
2387
|
text-transform:var(--title-small-text-case);
|
|
2379
2388
|
}
|
|
2380
2389
|
|
|
2381
|
-
.bp_accordion_module_accordionItem--
|
|
2390
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
|
|
2382
2391
|
font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2383
2392
|
font-size:var(--bp-font-size-06);
|
|
2384
2393
|
font-style:normal;
|
|
@@ -2386,7 +2395,7 @@
|
|
|
2386
2395
|
letter-spacing:var(--bp-font-letter-spacing-01);
|
|
2387
2396
|
line-height:var(--bp-font-line-height-04);
|
|
2388
2397
|
}
|
|
2389
|
-
:where(body.is-inter-font) .bp_accordion_module_accordionItem--
|
|
2398
|
+
:where(body.is-inter-font) .bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
|
|
2390
2399
|
font-family:"Inter Variable", -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
2391
2400
|
font-size:1rem;
|
|
2392
2401
|
font-style:normal;
|
|
@@ -2397,35 +2406,35 @@
|
|
|
2397
2406
|
text-transform:none;
|
|
2398
2407
|
}
|
|
2399
2408
|
|
|
2400
|
-
.bp_accordion_module_accordionItem--
|
|
2409
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionHeader--a56e0{
|
|
2401
2410
|
color:var(--accordion-header-text-color);
|
|
2402
2411
|
}
|
|
2403
2412
|
|
|
2404
|
-
.bp_accordion_module_accordionSlot--
|
|
2413
|
+
.bp_accordion_module_accordionSlot--a56e0{
|
|
2405
2414
|
align-items:center;
|
|
2406
2415
|
display:flex;
|
|
2407
2416
|
}
|
|
2408
2417
|
|
|
2409
|
-
.bp_accordion_module_accordionChevronWrapper--
|
|
2418
|
+
.bp_accordion_module_accordionChevronWrapper--a56e0{
|
|
2410
2419
|
align-items:center;
|
|
2411
2420
|
cursor:pointer;
|
|
2412
2421
|
display:flex;
|
|
2413
2422
|
padding-inline-end:var(--space-6);
|
|
2414
2423
|
}
|
|
2415
|
-
.bp_accordion_module_accordionChevronWrapper--
|
|
2424
|
+
.bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
|
|
2416
2425
|
flex-shrink:0;
|
|
2417
2426
|
transform:var(--accordion-trigger-icon-transform-collapsed);
|
|
2418
2427
|
}
|
|
2419
2428
|
|
|
2420
|
-
.bp_accordion_module_accordionItem--
|
|
2429
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true] .bp_accordion_module_accordionChevronWrapper--a56e0{
|
|
2421
2430
|
padding-inline-end:var(--bp-space-040);
|
|
2422
2431
|
}
|
|
2423
2432
|
|
|
2424
|
-
.bp_accordion_module_accordionItem--
|
|
2433
|
+
.bp_accordion_module_accordionItem--a56e0[data-state=open] .bp_accordion_module_accordionChevronWrapper--a56e0 .bp_accordion_module_accordionTriggerIcon--a56e0{
|
|
2425
2434
|
transform:var(--accordion-trigger-icon-transform-expanded);
|
|
2426
2435
|
}
|
|
2427
2436
|
|
|
2428
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2437
|
+
.bp_accordion_module_accordionIconWrapper--a56e0{
|
|
2429
2438
|
align-items:center;
|
|
2430
2439
|
border-radius:var(--accordion-icon-radius);
|
|
2431
2440
|
display:flex;
|
|
@@ -2433,16 +2442,16 @@
|
|
|
2433
2442
|
justify-content:center;
|
|
2434
2443
|
width:var(--accordion-icon-size);
|
|
2435
2444
|
}
|
|
2436
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2445
|
+
.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_bgOnly--a56e0{
|
|
2437
2446
|
height:var(--accordion-bg-only-status-size);
|
|
2438
2447
|
width:var(--accordion-bg-only-status-size);
|
|
2439
2448
|
}
|
|
2440
|
-
.bp_accordion_module_accordionIconWrapper--
|
|
2449
|
+
.bp_accordion_module_accordionIconWrapper--a56e0.bp_accordion_module_withIcon--a56e0{
|
|
2441
2450
|
height:var(--accordion-icon-size);
|
|
2442
2451
|
width:var(--accordion-icon-size);
|
|
2443
2452
|
}
|
|
2444
2453
|
|
|
2445
|
-
.bp_accordion_module_accordionTrigger--
|
|
2454
|
+
.bp_accordion_module_accordionTrigger--a56e0{
|
|
2446
2455
|
align-items:center;
|
|
2447
2456
|
background:#0000;
|
|
2448
2457
|
border:none;
|
|
@@ -2454,19 +2463,19 @@
|
|
|
2454
2463
|
padding:var(--accordion-trigger-padding);
|
|
2455
2464
|
width:100%;
|
|
2456
2465
|
}
|
|
2457
|
-
.bp_accordion_module_accordionTrigger--
|
|
2466
|
+
.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0,.bp_accordion_module_accordionTrigger--a56e0:disabled{
|
|
2458
2467
|
cursor:default;
|
|
2459
2468
|
opacity:.3;
|
|
2460
2469
|
pointer-events:none;
|
|
2461
2470
|
}
|
|
2462
|
-
.bp_accordion_module_accordionTrigger--
|
|
2471
|
+
.bp_accordion_module_accordionTrigger--a56e0:focus-visible{
|
|
2463
2472
|
outline:none;
|
|
2464
2473
|
}
|
|
2465
|
-
.bp_accordion_module_accordionTrigger--
|
|
2474
|
+
.bp_accordion_module_accordionTrigger--a56e0:hover:not(:disabled, .bp_accordion_module_disabled--a56e0){
|
|
2466
2475
|
cursor:pointer;
|
|
2467
2476
|
}
|
|
2468
2477
|
|
|
2469
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2478
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0{
|
|
2470
2479
|
align-items:stretch;
|
|
2471
2480
|
background-color:var(--accordion-item-background-collapsed);
|
|
2472
2481
|
border:var(--accordion-trigger-border);
|
|
@@ -2475,21 +2484,21 @@
|
|
|
2475
2484
|
gap:var(--accordion-chevron-margin-inline-start);
|
|
2476
2485
|
}
|
|
2477
2486
|
|
|
2478
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2487
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled){
|
|
2479
2488
|
cursor:default;
|
|
2480
2489
|
}
|
|
2481
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2490
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0) > .bp_accordion_module_accordionChevronWrapper--a56e0,.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:disabled) > .bp_accordion_module_accordionChevronWrapper--a56e0{
|
|
2482
2491
|
opacity:.3;
|
|
2483
2492
|
pointer-events:none;
|
|
2484
2493
|
}
|
|
2485
2494
|
|
|
2486
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2495
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
|
|
2487
2496
|
background-color:initial;
|
|
2488
2497
|
border:none;
|
|
2489
2498
|
border-radius:var(--accordion-item-radius-expanded) var(--accordion-item-radius-expanded) 0 0;
|
|
2490
2499
|
}
|
|
2491
2500
|
|
|
2492
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2501
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
|
|
2493
2502
|
background-color:var(--accordion-trigger-collapsed-background-focus);
|
|
2494
2503
|
border:var(--accordion-trigger-border-hover);
|
|
2495
2504
|
border-color:#0000;
|
|
@@ -2497,30 +2506,30 @@
|
|
|
2497
2506
|
outline:none;
|
|
2498
2507
|
}
|
|
2499
2508
|
|
|
2500
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2509
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled), :has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
|
|
2501
2510
|
background-color:var(--accordion-trigger-collapsed-background-hover);
|
|
2502
2511
|
border:var(--accordion-trigger-border-hover);
|
|
2503
2512
|
cursor:pointer;
|
|
2504
2513
|
}
|
|
2505
2514
|
|
|
2506
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2507
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2508
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2515
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0:active, .bp_accordion_module_accordionChevronWrapper--a56e0:active):not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
|
|
2516
|
+
:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0),
|
|
2517
|
+
:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open])){
|
|
2509
2518
|
border:var(--accordion-trigger-border-pressed);
|
|
2510
2519
|
}
|
|
2511
2520
|
|
|
2512
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2521
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):has(.bp_accordion_module_accordionTrigger--a56e0:focus-visible){
|
|
2513
2522
|
background-color:var(--accordion-trigger-expanded-background-focus);
|
|
2514
2523
|
border:none;
|
|
2515
2524
|
}
|
|
2516
2525
|
|
|
2517
|
-
.bp_accordion_module_accordionHeaderContainer--
|
|
2518
|
-
:has(.bp_accordion_module_accordionTrigger--
|
|
2526
|
+
.bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]):hover:not(:has(.bp_accordion_module_accordionTrigger--a56e0:disabled),
|
|
2527
|
+
:has(.bp_accordion_module_accordionTrigger--a56e0.bp_accordion_module_disabled--a56e0)){
|
|
2519
2528
|
background-color:initial;
|
|
2520
2529
|
border:none;
|
|
2521
2530
|
}
|
|
2522
2531
|
|
|
2523
|
-
.bp_accordion_module_accordionItem--
|
|
2532
|
+
.bp_accordion_module_accordionItem--a56e0[data-modern=true].bp_accordion_module_highlighted--a56e0[data-state=open] .bp_accordion_module_accordionHeaderContainer--a56e0:has(.bp_accordion_module_accordionTrigger--a56e0[data-state=open]){
|
|
2524
2533
|
border-radius:calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) calc(var(--accordion-item-radius-expanded) - var(--accordion-item-highlight-border-width)) 0 0;
|
|
2525
2534
|
}
|
|
2526
2535
|
.bp_avatar_module_avatar--4ce4f[data-modern=false]{
|