@youcan/celeste 0.6.24 → 0.6.26
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/celeste.css +136 -132
- package/dist/cjs/combobox-root.js +39 -2
- package/dist/cjs/combobox-trigger.js +1 -1
- package/dist/cjs/combobox.js +3 -3
- package/dist/cjs/dropdown.js +1 -1
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/text-input.js +1 -1
- package/dist/es/chunks/index.js +2 -2
- package/dist/es/combobox-list.js +1 -1
- package/dist/es/combobox-root.js +39 -2
- package/dist/es/combobox-trigger.js +1 -1
- package/dist/es/combobox.js +5 -5
- package/dist/es/command-root.js +1 -1
- package/dist/es/dropdown.js +2 -2
- package/dist/es/index.js +45 -45
- package/dist/es/text-input.js +1 -1
- package/package.json +3 -3
- package/src/components/combobox/combobox-root.vue +7 -1
- package/src/components/combobox/combobox-trigger.vue +1 -1
- package/src/components/combobox/combobox.vue +0 -1
- package/src/components/dropdown/dropdown.vue +1 -1
- package/src/components/text-input/text-input.vue +13 -12
- package/dist/cjs/chunks/combobox-root.js +0 -38
- package/dist/es/chunks/combobox-root.js +0 -39
package/dist/celeste.css
CHANGED
|
@@ -1680,7 +1680,7 @@ to {
|
|
|
1680
1680
|
.celeste-text-input-button[inline=true][data-v-7d21364e]:hover {
|
|
1681
1681
|
background-color: transparent !important;
|
|
1682
1682
|
}/* stylelint-disable no-descending-specificity */
|
|
1683
|
-
.celeste-text-input-wrapper[data-v-
|
|
1683
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5] {
|
|
1684
1684
|
--celeste-text-input-border-color: var(--color-stroke-soft-200);
|
|
1685
1685
|
--celeste-text-input-drop-shadow: var(--shadow-regular-xs);
|
|
1686
1686
|
--celeste-text-input-icon-color: var(--color-text-soft-400);
|
|
@@ -1703,28 +1703,28 @@ to {
|
|
|
1703
1703
|
font: var(--paragraph-sm);
|
|
1704
1704
|
gap: var(--input-gap);
|
|
1705
1705
|
}
|
|
1706
|
-
.celeste-text-input-wrapper[size=xs][data-v-
|
|
1706
|
+
.celeste-text-input-wrapper[size=xs][data-v-d7dad6d5] {
|
|
1707
1707
|
--input-gap: 8px;
|
|
1708
1708
|
--input-height: 32px;
|
|
1709
1709
|
--input-radius: var(--radius-8);
|
|
1710
1710
|
--input-padding: calc(var(--spacing-8) - var(--spacing-2));
|
|
1711
1711
|
}
|
|
1712
|
-
.celeste-text-input-wrapper[size=sm][data-v-
|
|
1712
|
+
.celeste-text-input-wrapper[size=sm][data-v-d7dad6d5] {
|
|
1713
1713
|
--input-gap: 6px;
|
|
1714
1714
|
--input-height: 36px;
|
|
1715
1715
|
--input-radius: var(--radius-8);
|
|
1716
1716
|
--input-padding: var(--spacing-8);
|
|
1717
1717
|
}
|
|
1718
|
-
.celeste-text-input-wrapper[size=md][data-v-
|
|
1718
|
+
.celeste-text-input-wrapper[size=md][data-v-d7dad6d5] {
|
|
1719
1719
|
--input-gap: 6px;
|
|
1720
1720
|
--input-height: 40px;
|
|
1721
1721
|
--input-radius: var(--radius-10);
|
|
1722
1722
|
--input-padding: var(--spacing-10);
|
|
1723
1723
|
}
|
|
1724
|
-
.celeste-text-input-wrapper[has-error=true][data-v-
|
|
1724
|
+
.celeste-text-input-wrapper[has-error=true][data-v-d7dad6d5] {
|
|
1725
1725
|
--celeste-text-input-border-color: var(--color-state-error-base);
|
|
1726
1726
|
}
|
|
1727
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
1727
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5] {
|
|
1728
1728
|
width: 100%;
|
|
1729
1729
|
height: 100%;
|
|
1730
1730
|
padding: 0;
|
|
@@ -1734,43 +1734,43 @@ to {
|
|
|
1734
1734
|
color: inherit;
|
|
1735
1735
|
font: inherit;
|
|
1736
1736
|
}
|
|
1737
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
1737
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5]::-moz-placeholder {
|
|
1738
1738
|
-moz-transition: color var(--animation-fast) ease-out;
|
|
1739
1739
|
transition: color var(--animation-fast) ease-out;
|
|
1740
1740
|
color: var(--celeste-text-input-placeholder-color);
|
|
1741
1741
|
}
|
|
1742
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
1742
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d7dad6d5]::placeholder {
|
|
1743
1743
|
transition: color var(--animation-fast) ease-out;
|
|
1744
1744
|
color: var(--celeste-text-input-placeholder-color);
|
|
1745
1745
|
}
|
|
1746
|
-
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-
|
|
1746
|
+
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d7dad6d5]::-webkit-search-cancel-button {
|
|
1747
1747
|
display: none;
|
|
1748
1748
|
-webkit-appearance: none;
|
|
1749
1749
|
appearance: none;
|
|
1750
1750
|
}
|
|
1751
|
-
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-
|
|
1751
|
+
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d7dad6d5]::-webkit-search-decoration {
|
|
1752
1752
|
display: none;
|
|
1753
1753
|
-webkit-appearance: none;
|
|
1754
1754
|
appearance: none;
|
|
1755
1755
|
}
|
|
1756
|
-
.celeste-text-input-wrapper[data-v-
|
|
1756
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input-leading-node) {
|
|
1757
1757
|
padding-inline-start: 0;
|
|
1758
1758
|
}
|
|
1759
|
-
.celeste-text-input-wrapper[data-v-
|
|
1759
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input-trailing-node) {
|
|
1760
1760
|
padding-inline-end: 0;
|
|
1761
1761
|
}
|
|
1762
|
-
.celeste-text-input-wrapper[data-v-
|
|
1762
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:focus) {
|
|
1763
1763
|
--celeste-text-input-border-color: var(--color-stroke-strong-950);
|
|
1764
1764
|
--celeste-text-input-placeholder-color: var(--color-text-sub-600);
|
|
1765
1765
|
--celeste-text-input-icon-color: var(--color-text-sub-600);
|
|
1766
1766
|
--celeste-text-input-affix-color: var(--color-text-sub-600);
|
|
1767
1767
|
outline-color: var(--color-stroke-soft-200);
|
|
1768
1768
|
}
|
|
1769
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-
|
|
1769
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-d7dad6d5] {
|
|
1770
1770
|
--celeste-text-input-border-color: var(--color-state-error-base);
|
|
1771
1771
|
outline-color: var(--color-state-error-lighter);
|
|
1772
1772
|
}
|
|
1773
|
-
.celeste-text-input-wrapper[data-v-
|
|
1773
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:disabled) {
|
|
1774
1774
|
--celeste-text-input-border-color: transparent;
|
|
1775
1775
|
--celeste-text-input-drop-shadow: none;
|
|
1776
1776
|
--celeste-text-input-affix-background-color: var(--color-bg-weak-50);
|
|
@@ -1782,44 +1782,46 @@ to {
|
|
|
1782
1782
|
color: var(--color-text-disabled-300);
|
|
1783
1783
|
pointer-events: none;
|
|
1784
1784
|
}
|
|
1785
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-
|
|
1785
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d7dad6d5]::-moz-placeholder {
|
|
1786
1786
|
color: currentcolor;
|
|
1787
1787
|
}
|
|
1788
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-
|
|
1788
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d7dad6d5]::placeholder {
|
|
1789
1789
|
color: currentcolor;
|
|
1790
1790
|
}
|
|
1791
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-
|
|
1791
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-d7dad6d5] {
|
|
1792
1792
|
color: var(--color-text-disabled-300);
|
|
1793
1793
|
pointer-events: none;
|
|
1794
1794
|
}
|
|
1795
|
-
.celeste-text-input-wrapper[data-v-
|
|
1795
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
|
|
1796
1796
|
--celeste-text-input-border-color: transparent;
|
|
1797
1797
|
}
|
|
1798
|
-
.celeste-text-input-wrapper[data-v-
|
|
1798
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
|
|
1799
1799
|
--celeste-text-input-icon-color: var(--color-text-sub-600);
|
|
1800
1800
|
--celeste-text-input-placeholder-color: var(--color-text-sub-600);
|
|
1801
1801
|
background-color: var(--color-bg-weak-50);
|
|
1802
1802
|
}
|
|
1803
|
-
.celeste-text-input-wrapper .celeste-text-input-icon[data-v-
|
|
1803
|
+
.celeste-text-input-wrapper .celeste-text-input-icon[data-v-d7dad6d5] {
|
|
1804
1804
|
flex-shrink: 0;
|
|
1805
1805
|
width: 20px;
|
|
1806
1806
|
height: 20px;
|
|
1807
1807
|
transition: all var(--animation-fast) ease-out;
|
|
1808
1808
|
color: var(--celeste-text-input-icon-color);
|
|
1809
1809
|
}
|
|
1810
|
-
.celeste-text-input-wrapper[data-v-
|
|
1810
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5] .celeste-text-input-node.celeste-text-input-leading-node {
|
|
1811
1811
|
height: calc(var(--input-height) - var(--spacing-2));
|
|
1812
|
-
border-radius: var(--input-radius)
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
border-
|
|
1816
|
-
border-
|
|
1817
|
-
border-inline-end: 1px solid var(--color-stroke-soft-200) !important;
|
|
1812
|
+
border-end-start-radius: var(--input-radius);
|
|
1813
|
+
border-start-start-radius: var(--input-radius);
|
|
1814
|
+
border-end-end-radius: 0;
|
|
1815
|
+
border-start-end-radius: 0;
|
|
1816
|
+
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
1818
1817
|
}
|
|
1819
|
-
.celeste-text-input-wrapper[data-v-
|
|
1820
|
-
|
|
1821
|
-
border-end-
|
|
1822
|
-
border-start-
|
|
1818
|
+
.celeste-text-input-wrapper[data-v-d7dad6d5] .celeste-text-input-node.celeste-text-input-trailing-node {
|
|
1819
|
+
height: calc(var(--input-height) - var(--spacing-2));
|
|
1820
|
+
border-end-end-radius: var(--input-radius);
|
|
1821
|
+
border-start-end-radius: var(--input-radius);
|
|
1822
|
+
border-end-start-radius: 0;
|
|
1823
|
+
border-start-start-radius: 0;
|
|
1824
|
+
border-inline-start: 1px solid var(--color-stroke-soft-200);
|
|
1823
1825
|
}.celeste-dropdown-input[data-v-bd59a65e] {
|
|
1824
1826
|
display: flex;
|
|
1825
1827
|
align-items: center;
|
|
@@ -1968,11 +1970,13 @@ to {
|
|
|
1968
1970
|
transform: translateY(10px);
|
|
1969
1971
|
opacity: 0;
|
|
1970
1972
|
}
|
|
1973
|
+
}.celeste-combobox-root[data-v-29e14e56] {
|
|
1974
|
+
flex-shrink: 0;
|
|
1971
1975
|
}.celeste-dropdown-separator[data-v-987226c9] {
|
|
1972
1976
|
width: 100%;
|
|
1973
1977
|
height: 1px;
|
|
1974
1978
|
background-color: var(--color-stroke-soft-200);
|
|
1975
|
-
}.celeste-dropdown-anchor-trigger[data-v-
|
|
1979
|
+
}.celeste-dropdown-anchor-trigger[data-v-bddcd2de] {
|
|
1976
1980
|
transition-property: background-color, transform, opacity;
|
|
1977
1981
|
transition-duration: var(--animation-fast);
|
|
1978
1982
|
transition-timing-function: ease-out;
|
|
@@ -1984,29 +1988,29 @@ to {
|
|
|
1984
1988
|
gap: var(--spacing-8);
|
|
1985
1989
|
cursor: pointer;
|
|
1986
1990
|
}
|
|
1987
|
-
.celeste-dropdown-anchor-trigger[data-v-
|
|
1991
|
+
.celeste-dropdown-anchor-trigger[data-v-bddcd2de] i {
|
|
1988
1992
|
width: 20px;
|
|
1989
1993
|
height: 20px;
|
|
1990
1994
|
color: var(--color-icon-soft-400);
|
|
1991
1995
|
}
|
|
1992
|
-
.celeste-dropdown-anchor-trigger[data-v-
|
|
1996
|
+
.celeste-dropdown-anchor-trigger[data-v-bddcd2de]:hover {
|
|
1993
1997
|
background: var(--color-bg-weak-50);
|
|
1994
1998
|
}
|
|
1995
|
-
.celeste-dropdown-anchor-trigger[data-v-
|
|
1999
|
+
.celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-visible, .celeste-dropdown-anchor-trigger[data-v-bddcd2de]:focus-within {
|
|
1996
2000
|
outline: none;
|
|
1997
2001
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
1998
2002
|
}
|
|
1999
|
-
.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-
|
|
2003
|
+
.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-bddcd2de] {
|
|
2000
2004
|
display: flex;
|
|
2001
2005
|
align-items: center;
|
|
2002
2006
|
justify-content: center;
|
|
2003
2007
|
}
|
|
2004
|
-
.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-
|
|
2008
|
+
.celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-bddcd2de] {
|
|
2005
2009
|
display: flex;
|
|
2006
2010
|
align-items: center;
|
|
2007
2011
|
justify-content: center;
|
|
2008
2012
|
}
|
|
2009
|
-
.celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-
|
|
2013
|
+
.celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-bddcd2de] {
|
|
2010
2014
|
display: flex;
|
|
2011
2015
|
flex: 1 0 0;
|
|
2012
2016
|
align-items: center;
|
|
@@ -2017,7 +2021,7 @@ to {
|
|
|
2017
2021
|
cursor: pointer;
|
|
2018
2022
|
gap: var(--spacing-8);
|
|
2019
2023
|
}
|
|
2020
|
-
.celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-
|
|
2024
|
+
.celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-bddcd2de] {
|
|
2021
2025
|
transition-property: background-color, transform, opacity;
|
|
2022
2026
|
transition-duration: var(--animation-fast);
|
|
2023
2027
|
transition-timing-function: ease-out;
|
|
@@ -2028,27 +2032,27 @@ to {
|
|
|
2028
2032
|
color: var(--color-icon-soft-400);
|
|
2029
2033
|
cursor: pointer;
|
|
2030
2034
|
}
|
|
2031
|
-
.celeste-dropdown-anchor-trigger[data-state=open][data-v-
|
|
2035
|
+
.celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled]) .celeste-dropdown-trigger {
|
|
2032
2036
|
transform: rotate(180deg);
|
|
2033
2037
|
}
|
|
2034
|
-
.celeste-dropdown-anchor-trigger-error[data-v-
|
|
2038
|
+
.celeste-dropdown-anchor-trigger-error[data-v-bddcd2de]:not(.celeste-dropdown-anchor-trigger-type-compact) {
|
|
2035
2039
|
border: 1px solid var(--color-state-error-base);
|
|
2036
2040
|
}
|
|
2037
|
-
.celeste-dropdown-anchor-trigger[data-disabled][data-v-
|
|
2041
|
+
.celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] {
|
|
2038
2042
|
background: var(--color-bg-weak-50);
|
|
2039
2043
|
color: var(--color-text-disabled-300);
|
|
2040
2044
|
cursor: not-allowed;
|
|
2041
2045
|
}
|
|
2042
|
-
.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-
|
|
2046
|
+
.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-input[data-v-bddcd2de] {
|
|
2043
2047
|
color: var(--color-text-disabled-300);
|
|
2044
2048
|
cursor: not-allowed;
|
|
2045
2049
|
}
|
|
2046
|
-
.celeste-dropdown-anchor-trigger[data-disabled][data-v-
|
|
2047
|
-
.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-
|
|
2050
|
+
.celeste-dropdown-anchor-trigger[data-disabled][data-v-bddcd2de] i,
|
|
2051
|
+
.celeste-dropdown-anchor-trigger[data-disabled] .celeste-dropdown-trigger[data-v-bddcd2de] {
|
|
2048
2052
|
color: var(--color-icon-disabled-300);
|
|
2049
2053
|
cursor: not-allowed;
|
|
2050
2054
|
}
|
|
2051
|
-
.celeste-dropdown-anchor-trigger[data-state=open][data-v-
|
|
2055
|
+
.celeste-dropdown-anchor-trigger[data-state=open][data-v-bddcd2de]:not([data-disabled],
|
|
2052
2056
|
.celeste-dropdown-anchor-trigger-type-compact,
|
|
2053
2057
|
.celeste-dropdown-anchor-trigger-type-compact-input) {
|
|
2054
2058
|
border: 1px solid var(--color-stroke-strong-950);
|
|
@@ -2057,90 +2061,90 @@ to {
|
|
|
2057
2061
|
}
|
|
2058
2062
|
.celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
|
|
2059
2063
|
.celeste-dropdown-anchor-trigger-type-compact,
|
|
2060
|
-
.celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-
|
|
2064
|
+
.celeste-dropdown-anchor-trigger-type-compact-input) .celeste-dropdown-input[data-v-bddcd2de] {
|
|
2061
2065
|
color: var(--color-text-strong-950);
|
|
2062
2066
|
}
|
|
2063
2067
|
.celeste-dropdown-anchor-trigger[data-state=open]:not([data-disabled],
|
|
2064
2068
|
.celeste-dropdown-anchor-trigger-type-compact,
|
|
2065
|
-
.celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-
|
|
2069
|
+
.celeste-dropdown-anchor-trigger-type-compact-input) i[data-v-bddcd2de] {
|
|
2066
2070
|
color: var(--color-icon-strong-950);
|
|
2067
2071
|
}
|
|
2068
|
-
.celeste-dropdown-anchor-trigger-filled[data-v-
|
|
2072
|
+
.celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] {
|
|
2069
2073
|
color: var(--color-text-strong-950);
|
|
2070
2074
|
}
|
|
2071
|
-
.celeste-dropdown-anchor-trigger-filled[data-v-
|
|
2075
|
+
.celeste-dropdown-anchor-trigger-filled[data-v-bddcd2de] .celeste-dropdown-input {
|
|
2072
2076
|
color: var(--color-text-strong-950);
|
|
2073
2077
|
}
|
|
2074
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2078
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] {
|
|
2075
2079
|
width: -moz-fit-content;
|
|
2076
2080
|
width: fit-content;
|
|
2077
2081
|
border: none;
|
|
2078
2082
|
background: transparent;
|
|
2079
2083
|
box-shadow: none;
|
|
2080
2084
|
}
|
|
2081
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2085
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de] .celeste-dropdown-input {
|
|
2082
2086
|
flex: inherit;
|
|
2083
2087
|
}
|
|
2084
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-
|
|
2088
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de], .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open]:not([data-disabled]) .celeste-dropdown-input[data-v-bddcd2de] {
|
|
2085
2089
|
color: var(--color-text-strong-950);
|
|
2086
2090
|
}
|
|
2087
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2091
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-bddcd2de]:hover:not([data-disabled]) i, .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-state=open][data-v-bddcd2de]:not([data-disabled]) i {
|
|
2088
2092
|
color: var(--color-icon-strong-950);
|
|
2089
2093
|
}
|
|
2090
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-
|
|
2094
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] {
|
|
2091
2095
|
width: -moz-fit-content;
|
|
2092
2096
|
width: fit-content;
|
|
2093
2097
|
border: none;
|
|
2094
|
-
border-radius:
|
|
2098
|
+
border-radius: 0;
|
|
2095
2099
|
box-shadow: none;
|
|
2096
2100
|
}
|
|
2097
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-
|
|
2101
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-bddcd2de] .celeste-dropdown-input {
|
|
2098
2102
|
flex: inherit;
|
|
2099
2103
|
}
|
|
2100
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-
|
|
2104
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-state=open][data-v-bddcd2de] {
|
|
2101
2105
|
box-shadow: none;
|
|
2102
2106
|
}
|
|
2103
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-
|
|
2107
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] {
|
|
2104
2108
|
width: -moz-fit-content;
|
|
2105
2109
|
width: fit-content;
|
|
2106
2110
|
gap: var(--spacing-4);
|
|
2107
2111
|
}
|
|
2108
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-
|
|
2112
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-bddcd2de] .celeste-dropdown-input {
|
|
2109
2113
|
flex: inherit;
|
|
2110
2114
|
}
|
|
2111
|
-
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-
|
|
2115
|
+
.celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-bddcd2de] {
|
|
2112
2116
|
width: 100%;
|
|
2113
2117
|
min-width: 300px;
|
|
2114
2118
|
}
|
|
2115
|
-
.celeste-dropdown-anchor-trigger-size-xs[data-v-
|
|
2119
|
+
.celeste-dropdown-anchor-trigger-size-xs[data-v-bddcd2de] {
|
|
2116
2120
|
height: 32px;
|
|
2117
2121
|
padding: var(--spacing-6);
|
|
2118
2122
|
border-radius: var(--radius-8);
|
|
2119
2123
|
}
|
|
2120
|
-
.celeste-dropdown-anchor-trigger-size-sm[data-v-
|
|
2124
|
+
.celeste-dropdown-anchor-trigger-size-sm[data-v-bddcd2de] {
|
|
2121
2125
|
height: 36px;
|
|
2122
2126
|
padding: var(--spacing-8);
|
|
2123
2127
|
border-radius: var(--radius-8);
|
|
2124
2128
|
}
|
|
2125
|
-
.celeste-dropdown-anchor-trigger-size-md[data-v-
|
|
2129
|
+
.celeste-dropdown-anchor-trigger-size-md[data-v-bddcd2de] {
|
|
2126
2130
|
height: 40px;
|
|
2127
2131
|
padding: var(--spacing-10);
|
|
2128
2132
|
border-radius: var(--radius-10);
|
|
2129
|
-
}[data-v-
|
|
2133
|
+
}[data-v-e3715243] {
|
|
2130
2134
|
box-sizing: border-box;
|
|
2131
2135
|
}
|
|
2132
|
-
.celeste-dropdown-anchor-trigger-prefix[data-v-
|
|
2136
|
+
.celeste-dropdown-anchor-trigger-prefix[data-v-e3715243] {
|
|
2133
2137
|
display: flex;
|
|
2134
2138
|
align-items: center;
|
|
2135
2139
|
justify-content: center;
|
|
2136
2140
|
}
|
|
2137
|
-
.celeste-dropdown-anchor-trigger-prefix-selected[data-v-
|
|
2141
|
+
.celeste-dropdown-anchor-trigger-prefix-selected[data-v-e3715243] {
|
|
2138
2142
|
display: flex;
|
|
2139
2143
|
align-items: center;
|
|
2140
2144
|
justify-content: center;
|
|
2141
2145
|
}
|
|
2142
|
-
.celeste-dropdown-item-image[data-v-
|
|
2143
|
-
.selected-dropdown-image[data-v-
|
|
2146
|
+
.celeste-dropdown-item-image[data-v-e3715243],
|
|
2147
|
+
.selected-dropdown-image[data-v-e3715243] {
|
|
2144
2148
|
display: flex;
|
|
2145
2149
|
align-items: center;
|
|
2146
2150
|
justify-content: center;
|
|
@@ -2150,7 +2154,7 @@ to {
|
|
|
2150
2154
|
object-fit: cover;
|
|
2151
2155
|
border-radius: var(--radius-full);
|
|
2152
2156
|
}
|
|
2153
|
-
.celeste-dropdown-input[data-v-
|
|
2157
|
+
.celeste-dropdown-input[data-v-e3715243] {
|
|
2154
2158
|
display: flex;
|
|
2155
2159
|
flex: 1 0 0;
|
|
2156
2160
|
align-items: center;
|
|
@@ -2161,7 +2165,7 @@ to {
|
|
|
2161
2165
|
cursor: pointer;
|
|
2162
2166
|
gap: var(--spacing-8);
|
|
2163
2167
|
}
|
|
2164
|
-
.celeste-dropdown-trigger[data-v-
|
|
2168
|
+
.celeste-dropdown-trigger[data-v-e3715243] {
|
|
2165
2169
|
display: flex;
|
|
2166
2170
|
place-items: center center;
|
|
2167
2171
|
transition-property: transform;
|
|
@@ -2172,7 +2176,7 @@ to {
|
|
|
2172
2176
|
color: var(--color-icon-soft-400);
|
|
2173
2177
|
cursor: pointer;
|
|
2174
2178
|
}
|
|
2175
|
-
.celeste-dropdown-inner-input[data-v-
|
|
2179
|
+
.celeste-dropdown-inner-input[data-v-e3715243] {
|
|
2176
2180
|
display: flex;
|
|
2177
2181
|
position: sticky;
|
|
2178
2182
|
z-index: 50;
|
|
@@ -2181,7 +2185,7 @@ to {
|
|
|
2181
2185
|
gap: var(--spacing-4);
|
|
2182
2186
|
background-color: var(--color-bg-white-0);
|
|
2183
2187
|
}
|
|
2184
|
-
.celeste-dropdown-inner-input.sr-only[data-v-
|
|
2188
|
+
.celeste-dropdown-inner-input.sr-only[data-v-e3715243] {
|
|
2185
2189
|
position: absolute;
|
|
2186
2190
|
width: 1px;
|
|
2187
2191
|
height: 1px;
|
|
@@ -2430,19 +2434,19 @@ to {
|
|
|
2430
2434
|
}
|
|
2431
2435
|
.celeste-dropdown-item .celeste-dropdown-item-header-lg .celeste-dropdown-item-label[data-v-a0a634ce] {
|
|
2432
2436
|
font-weight: var(--font-weights-display-0);
|
|
2433
|
-
}[data-v-
|
|
2437
|
+
}[data-v-8ef0e6e7] {
|
|
2434
2438
|
box-sizing: border-box;
|
|
2435
2439
|
}
|
|
2436
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2440
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] {
|
|
2437
2441
|
--dropdown-width: 100%;
|
|
2438
2442
|
--dropdown-height: 300px;
|
|
2439
2443
|
position: relative;
|
|
2440
2444
|
}
|
|
2441
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2445
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper[data-v-8ef0e6e7]:focus-within {
|
|
2442
2446
|
border: none;
|
|
2443
2447
|
outline: none;
|
|
2444
2448
|
}
|
|
2445
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2449
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-root {
|
|
2446
2450
|
display: flex;
|
|
2447
2451
|
position: relative;
|
|
2448
2452
|
flex-direction: column;
|
|
@@ -2451,7 +2455,7 @@ to {
|
|
|
2451
2455
|
padding-top: var(--spacing-4);
|
|
2452
2456
|
gap: var(--spacing-10);
|
|
2453
2457
|
}
|
|
2454
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-
|
|
2458
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] {
|
|
2455
2459
|
transition-property: background-color, transform, opacity;
|
|
2456
2460
|
transition-duration: var(--animation-fast);
|
|
2457
2461
|
transition-timing-function: ease-out;
|
|
@@ -2463,25 +2467,25 @@ to {
|
|
|
2463
2467
|
gap: var(--spacing-8);
|
|
2464
2468
|
cursor: pointer;
|
|
2465
2469
|
}
|
|
2466
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-
|
|
2470
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7] i {
|
|
2467
2471
|
width: 20px;
|
|
2468
2472
|
height: 20px;
|
|
2469
2473
|
color: var(--color-icon-soft-400);
|
|
2470
2474
|
}
|
|
2471
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-
|
|
2475
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-visible, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:focus-within {
|
|
2472
2476
|
outline: none;
|
|
2473
2477
|
}
|
|
2474
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-
|
|
2478
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix[data-v-8ef0e6e7] {
|
|
2475
2479
|
display: flex;
|
|
2476
2480
|
align-items: center;
|
|
2477
2481
|
justify-content: center;
|
|
2478
2482
|
}
|
|
2479
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-
|
|
2483
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-anchor-trigger-prefix-selected[data-v-8ef0e6e7] {
|
|
2480
2484
|
display: flex;
|
|
2481
2485
|
align-items: center;
|
|
2482
2486
|
justify-content: center;
|
|
2483
2487
|
}
|
|
2484
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-
|
|
2488
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-input[data-v-8ef0e6e7] {
|
|
2485
2489
|
display: flex;
|
|
2486
2490
|
flex: 1 0 0;
|
|
2487
2491
|
align-items: center;
|
|
@@ -2492,7 +2496,7 @@ to {
|
|
|
2492
2496
|
cursor: pointer;
|
|
2493
2497
|
gap: var(--spacing-8);
|
|
2494
2498
|
}
|
|
2495
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-
|
|
2499
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger .celeste-dropdown-trigger[data-v-8ef0e6e7] {
|
|
2496
2500
|
transition-property: background-color, transform, opacity;
|
|
2497
2501
|
transition-duration: var(--animation-fast);
|
|
2498
2502
|
transition-timing-function: ease-out;
|
|
@@ -2503,99 +2507,99 @@ to {
|
|
|
2503
2507
|
color: var(--color-icon-soft-400);
|
|
2504
2508
|
cursor: pointer;
|
|
2505
2509
|
}
|
|
2506
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-
|
|
2510
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-state=open][data-v-8ef0e6e7]:not([data-disabled]) .celeste-dropdown-trigger {
|
|
2507
2511
|
transform: rotate(180deg);
|
|
2508
2512
|
}
|
|
2509
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-
|
|
2513
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger[data-v-8ef0e6e7]:hover {
|
|
2510
2514
|
background: var(--color-bg-weak-50);
|
|
2511
2515
|
}
|
|
2512
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-
|
|
2516
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-error[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-type-compact) {
|
|
2513
2517
|
border: 1px solid var(--color-state-error-base);
|
|
2514
2518
|
}
|
|
2515
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-
|
|
2519
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] {
|
|
2516
2520
|
background: var(--color-bg-weak-50);
|
|
2517
2521
|
color: var(--color-text-disabled-300);
|
|
2518
2522
|
cursor: not-allowed;
|
|
2519
2523
|
}
|
|
2520
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-
|
|
2524
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-input[data-v-8ef0e6e7] {
|
|
2521
2525
|
color: var(--color-text-disabled-300);
|
|
2522
2526
|
cursor: not-allowed;
|
|
2523
2527
|
}
|
|
2524
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-
|
|
2525
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-
|
|
2528
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled[data-v-8ef0e6e7] i,
|
|
2529
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-disabled .celeste-dropdown-trigger[data-v-8ef0e6e7] {
|
|
2526
2530
|
color: var(--color-icon-disabled-300);
|
|
2527
2531
|
cursor: not-allowed;
|
|
2528
2532
|
}
|
|
2529
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-
|
|
2533
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) {
|
|
2530
2534
|
border: 1px solid var(--color-stroke-strong-950);
|
|
2531
2535
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
2532
2536
|
color: var(--color-text-strong-950);
|
|
2533
2537
|
}
|
|
2534
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-
|
|
2538
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) .celeste-dropdown-input[data-v-8ef0e6e7] {
|
|
2535
2539
|
color: var(--color-text-strong-950);
|
|
2536
2540
|
}
|
|
2537
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-
|
|
2541
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled, .celeste-dropdown-anchor-trigger-type-compact) i[data-v-8ef0e6e7] {
|
|
2538
2542
|
color: var(--color-icon-strong-950);
|
|
2539
2543
|
}
|
|
2540
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-
|
|
2544
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-filled[data-v-8ef0e6e7] {
|
|
2541
2545
|
color: var(--color-text-strong-950);
|
|
2542
2546
|
}
|
|
2543
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2547
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] {
|
|
2544
2548
|
width: -moz-fit-content;
|
|
2545
2549
|
width: fit-content;
|
|
2546
2550
|
border: none;
|
|
2547
2551
|
background: transparent;
|
|
2548
2552
|
box-shadow: none;
|
|
2549
2553
|
}
|
|
2550
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2554
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7] .celeste-dropdown-input {
|
|
2551
2555
|
flex: inherit;
|
|
2552
2556
|
}
|
|
2553
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-
|
|
2557
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact:hover:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-8ef0e6e7], .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused:not(.celeste-dropdown-anchor-trigger-disabled) .celeste-dropdown-input[data-v-8ef0e6e7] {
|
|
2554
2558
|
color: var(--color-text-strong-950);
|
|
2555
2559
|
}
|
|
2556
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-
|
|
2560
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact[data-v-8ef0e6e7]:hover:not(.celeste-dropdown-anchor-trigger-disabled) i, .celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact.celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7]:not(.celeste-dropdown-anchor-trigger-disabled) i {
|
|
2557
2561
|
color: var(--color-icon-strong-950);
|
|
2558
2562
|
}
|
|
2559
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-
|
|
2563
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] {
|
|
2560
2564
|
width: -moz-fit-content;
|
|
2561
2565
|
width: fit-content;
|
|
2562
2566
|
border: none;
|
|
2563
|
-
border-radius:
|
|
2567
|
+
border-radius: 0;
|
|
2564
2568
|
box-shadow: none;
|
|
2565
2569
|
}
|
|
2566
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-
|
|
2570
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input[data-v-8ef0e6e7] .celeste-dropdown-input {
|
|
2567
2571
|
flex: inherit;
|
|
2568
2572
|
}
|
|
2569
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-
|
|
2573
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-compact-input.celeste-dropdown-anchor-trigger-focused[data-v-8ef0e6e7] {
|
|
2570
2574
|
box-shadow: none;
|
|
2571
2575
|
}
|
|
2572
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-
|
|
2576
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] {
|
|
2573
2577
|
width: -moz-fit-content;
|
|
2574
2578
|
width: fit-content;
|
|
2575
2579
|
gap: var(--spacing-4);
|
|
2576
2580
|
}
|
|
2577
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-
|
|
2581
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-inline[data-v-8ef0e6e7] .celeste-dropdown-input {
|
|
2578
2582
|
flex: inherit;
|
|
2579
2583
|
}
|
|
2580
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-
|
|
2584
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger.celeste-dropdown-anchor-trigger-type-normal[data-v-8ef0e6e7] {
|
|
2581
2585
|
min-width: 300px;
|
|
2582
2586
|
}
|
|
2583
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-
|
|
2587
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-xs[data-v-8ef0e6e7] {
|
|
2584
2588
|
height: 32px;
|
|
2585
2589
|
padding: var(--spacing-6);
|
|
2586
2590
|
border-radius: var(--radius-8);
|
|
2587
2591
|
}
|
|
2588
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-
|
|
2592
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-sm[data-v-8ef0e6e7] {
|
|
2589
2593
|
height: 36px;
|
|
2590
2594
|
padding: var(--spacing-8);
|
|
2591
2595
|
border-radius: var(--radius-8);
|
|
2592
2596
|
}
|
|
2593
|
-
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-
|
|
2597
|
+
.celeste-dropdown-wrapper .celeste-dropdown-anchor-trigger-size-md[data-v-8ef0e6e7] {
|
|
2594
2598
|
height: 40px;
|
|
2595
2599
|
padding: var(--spacing-10);
|
|
2596
2600
|
border-radius: var(--radius-10);
|
|
2597
2601
|
}
|
|
2598
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-
|
|
2602
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content[data-v-8ef0e6e7] {
|
|
2599
2603
|
transition-property: background-color, transform, opacity;
|
|
2600
2604
|
transition-duration: var(--animation-fast);
|
|
2601
2605
|
transition-timing-function: ease-out;
|
|
@@ -2615,32 +2619,32 @@ to {
|
|
|
2615
2619
|
box-shadow: var(--shadow-regular-md);
|
|
2616
2620
|
gap: var(--spacing-4);
|
|
2617
2621
|
}
|
|
2618
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-
|
|
2622
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=closed][data-v-8ef0e6e7] {
|
|
2619
2623
|
transform: translateY(10px);
|
|
2620
2624
|
opacity: 0;
|
|
2621
2625
|
pointer-events: none;
|
|
2622
2626
|
}
|
|
2623
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-
|
|
2627
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content[data-state=open][data-v-8ef0e6e7] {
|
|
2624
2628
|
transform: translateY(0);
|
|
2625
2629
|
opacity: 1;
|
|
2626
2630
|
}
|
|
2627
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-
|
|
2631
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content-size-top[data-v-8ef0e6e7] {
|
|
2628
2632
|
bottom: calc(var(--dropdown-width) + var(--spacing-4));
|
|
2629
2633
|
}
|
|
2630
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-
|
|
2634
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content-size-bottom[data-v-8ef0e6e7] {
|
|
2631
2635
|
top: calc(var(--dropdown-width) + var(--spacing-4));
|
|
2632
2636
|
}
|
|
2633
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-
|
|
2637
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content-align-start[data-v-8ef0e6e7] {
|
|
2634
2638
|
left: 0;
|
|
2635
2639
|
}
|
|
2636
|
-
.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-
|
|
2640
|
+
.celeste-dropdown-wrapper .celeste-dropdown-content-align-end[data-v-8ef0e6e7] {
|
|
2637
2641
|
right: 0;
|
|
2638
2642
|
}
|
|
2639
|
-
.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-
|
|
2643
|
+
.celeste-dropdown-wrapper :not(:has(.celeste-dropdown-anchor-trigger-type-normal)) .celeste-dropdown-content-align-center[data-v-8ef0e6e7] {
|
|
2640
2644
|
left: 50%;
|
|
2641
2645
|
transform: translateX(-50%);
|
|
2642
2646
|
}
|
|
2643
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2647
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-prefix {
|
|
2644
2648
|
width: 20px;
|
|
2645
2649
|
height: 20px;
|
|
2646
2650
|
display: flex;
|
|
@@ -2650,64 +2654,64 @@ to {
|
|
|
2650
2654
|
background: none;
|
|
2651
2655
|
color: var(--color-icon-sub-600);
|
|
2652
2656
|
}
|
|
2653
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2657
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper {
|
|
2654
2658
|
border: none;
|
|
2655
2659
|
border-radius: 0;
|
|
2656
2660
|
box-shadow: none;
|
|
2657
2661
|
}
|
|
2658
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2662
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper:focus-within {
|
|
2659
2663
|
border: none;
|
|
2660
2664
|
box-shadow: none;
|
|
2661
2665
|
}
|
|
2662
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2666
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-dropdown-items-viewport {
|
|
2663
2667
|
display: flex;
|
|
2664
2668
|
position: relative;
|
|
2665
2669
|
flex-direction: column;
|
|
2666
2670
|
gap: var(--spacing-4);
|
|
2667
2671
|
}
|
|
2668
|
-
.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-
|
|
2672
|
+
.celeste-dropdown-wrapper .celeste-dropdown-empty-list[data-v-8ef0e6e7] {
|
|
2669
2673
|
display: flex;
|
|
2670
2674
|
align-items: center;
|
|
2671
2675
|
padding: var(--spacing-8);
|
|
2672
2676
|
color: var(--color-text-sub-600);
|
|
2673
2677
|
font: var(--paragraph-sm);
|
|
2674
2678
|
}
|
|
2675
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2679
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix {
|
|
2676
2680
|
cursor: pointer;
|
|
2677
2681
|
}
|
|
2678
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2682
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix div {
|
|
2679
2683
|
display: flex;
|
|
2680
2684
|
align-items: center;
|
|
2681
2685
|
justify-content: center;
|
|
2682
2686
|
}
|
|
2683
|
-
.celeste-dropdown-wrapper[data-v-
|
|
2687
|
+
.celeste-dropdown-wrapper[data-v-8ef0e6e7] .celeste-input-wrapper .celeste-input-suffix:deep(i) {
|
|
2684
2688
|
width: 20px;
|
|
2685
2689
|
height: 20px;
|
|
2686
2690
|
color: var(--color-icon-soft-400);
|
|
2687
2691
|
}
|
|
2688
|
-
.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-
|
|
2692
|
+
.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] {
|
|
2689
2693
|
display: flex;
|
|
2690
2694
|
position: sticky;
|
|
2691
2695
|
top: 0;
|
|
2692
2696
|
flex-direction: column;
|
|
2693
2697
|
gap: var(--spacing-4);
|
|
2694
2698
|
}
|
|
2695
|
-
.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-
|
|
2699
|
+
.celeste-dropdown-wrapper .celeste-dropdown-search[data-v-8ef0e6e7] .celeste-input-wrapper-type-search {
|
|
2696
2700
|
border-top-left-radius: var(--radius-8);
|
|
2697
2701
|
border-top-right-radius: var(--radius-8);
|
|
2698
2702
|
}
|
|
2699
|
-
.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-
|
|
2703
|
+
.celeste-dropdown-wrapper .celeste-dropdown-separator[data-v-8ef0e6e7] {
|
|
2700
2704
|
width: 100%;
|
|
2701
2705
|
height: 1px;
|
|
2702
2706
|
background-color: var(--color-stroke-soft-200);
|
|
2703
2707
|
}
|
|
2704
|
-
.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-
|
|
2708
|
+
.celeste-dropdown-wrapper .celeste-dropdown-items-group[data-v-8ef0e6e7] {
|
|
2705
2709
|
display: flex;
|
|
2706
2710
|
flex-direction: column;
|
|
2707
2711
|
gap: var(--spacing-4);
|
|
2708
2712
|
}
|
|
2709
|
-
.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-
|
|
2710
|
-
.celeste-dropdown-wrapper .selected-dropdown-image[data-v-
|
|
2713
|
+
.celeste-dropdown-wrapper .celeste-dropdown-item-image[data-v-8ef0e6e7],
|
|
2714
|
+
.celeste-dropdown-wrapper .selected-dropdown-image[data-v-8ef0e6e7] {
|
|
2711
2715
|
width: 20px;
|
|
2712
2716
|
height: 20px;
|
|
2713
2717
|
display: flex;
|