@vesture/react 0.2.1 → 0.2.3

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/index.css CHANGED
@@ -1774,4 +1774,281 @@ input:disabled + .Switch_track__1yxysfy2 {
1774
1774
  outline: none;
1775
1775
  z-index: 1100;
1776
1776
  }
1777
+
1778
+ /* vanilla-extract-css-ns:src/components/NumberInput/NumberInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6WWTW8aMRCG7_wKX6oEqY6ApD1s1EsP_Tgkh_YYVci7ngUXr8eyx8C26n-v1st-AWWJegF5eDwej-ed4e45FCm4r8YGWu6csBbccjnf7u9npZux3xPGLHpFCk3CHGhBaguPE8ak8laLMmHKaGWA5xr2lV1otTJcERQ-YZ4cULau7DslaZ2w-Wz25nHyZ3J38dwXKUhwqbxINcgfMQy0IlNUJmx2965ymAXn0SXMIHGhNe5AnjhW8bNxO49-2sBTjdnmJDTGcjTEc1EoXSZsK9wt59GUoiyXy8WmFIvdfDZtUa9-wQCsDE-yRR8iGpO0BrVa0wCu7F-i-RldIXS7LY3bMtTVJesNccEJ9tRQ9xFKRbZZOQxGDkkfXC4yaF3WMDoJjjshVfANX6940UaNffaQoBrt2xp616c9lRqO6Ghr6LJPn7lg_UtDy0hbIaUyK05oG9hbkQH3RQOuB2CKRFhcx2rIaUh2iVAD0vXfr0b37ZNtIoqBqjetCtNEpZATplYQtw4tuKqI-7d_y1Lcc78WEndHG2RwotZefWSBA_Mn4dtSmGfTo82kiirmPJjsjA8QXplVuxumY-pJEqtFBmvUElyU0j-K8ykQtPl7GPe7xi24xCDdJo3kp9H_WIl8J4fdFa64QY5Z8HyrvEo1jBxhnSqEaxX__lC0zUO1RRBXPHpu2O14JM1F6zy-vpW9CKcEV2YrtJIfbsgFuPkxciMpzKrTVTYa5NkzXpXD0xP_I4WeoJoSnx0G2wa5OBpRIvWoA9XCq3rF3MaxdBDuYdU0h8OyHQnNEKu-uVQODsLJUIfC9GbFYlbtPBPgx0CEpg3vPoZXuUvY_OxRg3mZgSFwlfln8KTykmdoCAz1fzr0ooTNujbadZv-LIi9wAoHhi7MkhO5dgVpUTWnXhobXV8155_tOCsXJH95lH0TynfBLq4dkdeENK7IwX-Qh-u8nqrlZD68QhB_AZjC83euCQAA */
1779
+ .NumberInput_wrapper__1vx30yr0 {
1780
+ position: relative;
1781
+ display: inline-flex;
1782
+ align-items: stretch;
1783
+ width: 100%;
1784
+ }
1785
+ .NumberInput_wrapper__1vx30yr0[data-disabled] {
1786
+ opacity: 0.5;
1787
+ cursor: not-allowed;
1788
+ }
1789
+ .NumberInput_input__1vx30yr1 {
1790
+ display: block;
1791
+ width: 100%;
1792
+ font-family: var(--font-body__2kya2w10);
1793
+ font-size: var(--font-sizeMd__2kya2w14);
1794
+ line-height: var(--font-lineHeightNormal__2kya2w1b);
1795
+ color: var(--color-text__2kya2w3);
1796
+ background: var(--color-surface__2kya2w1);
1797
+ border-radius: var(--radius-md__2kya2wo);
1798
+ border-width: var(--border-width__2kya2ww);
1799
+ border-style: var(--border-style__2kya2wy);
1800
+ border-color: var(--color-border__2kya2wd);
1801
+ padding-top: var(--space-sm__2kya2wh);
1802
+ padding-bottom: var(--space-sm__2kya2wh);
1803
+ padding-left: var(--space-md__2kya2wi);
1804
+ padding-right: var(--space-xl__2kya2wk);
1805
+ outline: none;
1806
+ transition-property: border-color, box-shadow;
1807
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1808
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1809
+ }
1810
+ .NumberInput_input__1vx30yr1::placeholder {
1811
+ color: var(--color-textMuted__2kya2w4);
1812
+ }
1813
+ .NumberInput_input__1vx30yr1:hover:not(:disabled) {
1814
+ border-color: var(--color-borderStrong__2kya2we);
1815
+ }
1816
+ .NumberInput_input__1vx30yr1:focus-visible {
1817
+ border-color: var(--color-primary__2kya2w6);
1818
+ box-shadow: var(--shadow-focus__2kya2wv);
1819
+ }
1820
+ .NumberInput_input__1vx30yr1:disabled {
1821
+ cursor: not-allowed;
1822
+ }
1823
+ .NumberInput_input__1vx30yr1[aria-invalid=true] {
1824
+ border-color: var(--color-danger__2kya2wc);
1825
+ }
1826
+ .NumberInput_input__1vx30yr1[aria-invalid=true]:focus-visible {
1827
+ border-color: var(--color-danger__2kya2wc);
1828
+ box-shadow: var(--shadow-focus__2kya2wv);
1829
+ }
1830
+ .NumberInput_stepperGroup__1vx30yr2 {
1831
+ position: absolute;
1832
+ top: 1px;
1833
+ right: 1px;
1834
+ bottom: 1px;
1835
+ display: flex;
1836
+ flex-direction: column;
1837
+ width: 20px;
1838
+ }
1839
+ .NumberInput_stepButton__1vx30yr3 {
1840
+ flex: 1;
1841
+ display: flex;
1842
+ align-items: center;
1843
+ justify-content: center;
1844
+ padding: 0;
1845
+ border: none;
1846
+ background: transparent;
1847
+ color: var(--color-textMuted__2kya2w4);
1848
+ cursor: pointer;
1849
+ border-radius: var(--radius-sm__2kya2wn);
1850
+ }
1851
+ .NumberInput_stepButton__1vx30yr3:hover:not(:disabled) {
1852
+ background: var(--color-surfaceRaised__2kya2w2);
1853
+ color: var(--color-text__2kya2w3);
1854
+ }
1855
+ .NumberInput_stepButton__1vx30yr3:disabled {
1856
+ cursor: not-allowed;
1857
+ opacity: 0.4;
1858
+ }
1859
+ .NumberInput_stepButton__1vx30yr3:focus-visible {
1860
+ outline: none;
1861
+ box-shadow: var(--shadow-focus__2kya2wv);
1862
+ }
1863
+
1864
+ /* vanilla-extract-css-ns:src/components/Slider/Slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61UTW_bMAy991foUrQBqsDJlgzwsOuwe49FEdCSYguRRY-i8oFh_32wVbV2kCWXXoKQeHx-fCQ1f3ZWG9oQIm82y9qt1rYQf-6E0DZ0Dk6lsN5Zb-TWmeP3OyHA2dpLy6YNpVDGs6E-fbCam1IsiuK-DzvQ2vpaMnal2AM9Shk6UEaGdrNZ7k6wPDSzMbBCZmyvYf_ezS-JfdHAILUNUDmjXwft2IGyfCpFMV_1H1GRAlIpPLIE5_Bg9JiPCdQuEy4Ghg6DZYu-FGQcsN2bC002xtYNl-JrNzhTIWlDkkDbGHInKZLb6Fxu5vfQeAVqVxNGrzNUoUOSiSVj9Wysv0Ob_WaMqpGgkkiP3kwcAl-b3NHyrCOoArrIJtF0pSiS-jSA4vNa6ci2QKcMXk-GyE1sqyzxyy2Jq-R4HsA6OZ4HkOPPkR0ibUGZDF7MRtRvAhJ8nHtmQl_nmuO4JvDJmbOaIZfRpzF60HDTRyGYwIctUlumvw7YPMpVcf8k-t_J3tQEVR9j5P6W8768kQyey46wM9QfTYVHGRrQeHiaiDor0JEgTStpbXGS_gmB3y1Us7Nitm1_9dvo1QUOA8F-mLkwVxanbHBvaFifmwb-6qGZ9ds10i2qGOTeBls580aeTXl_o4ZIDtBMur9G2h_rPrGNB1NZX_-_6gXIfjxvPx6Yonl4nZBMX7V_eE48ZtIFAAA */
1865
+ .Slider_root__2gl56i0 {
1866
+ display: inline-flex;
1867
+ align-items: center;
1868
+ width: 100%;
1869
+ padding-top: var(--space-sm__2kya2wh);
1870
+ padding-bottom: var(--space-sm__2kya2wh);
1871
+ }
1872
+ .Slider_root__2gl56i0[data-disabled] {
1873
+ opacity: 0.5;
1874
+ cursor: not-allowed;
1875
+ }
1876
+ .Slider_track__2gl56i1 {
1877
+ position: relative;
1878
+ width: 100%;
1879
+ height: 4px;
1880
+ border-radius: var(--radius-full__2kya2wq);
1881
+ background: var(--color-border__2kya2wd);
1882
+ cursor: pointer;
1883
+ touch-action: none;
1884
+ }
1885
+ .Slider_range__2gl56i2 {
1886
+ position: absolute;
1887
+ top: 0;
1888
+ bottom: 0;
1889
+ border-radius: var(--radius-full__2kya2wq);
1890
+ background: var(--color-primary__2kya2w6);
1891
+ }
1892
+ .Slider_thumb__2gl56i3 {
1893
+ position: absolute;
1894
+ top: 50%;
1895
+ width: 16px;
1896
+ height: 16px;
1897
+ border-radius: var(--radius-full__2kya2wq);
1898
+ background: var(--color-surface__2kya2w1);
1899
+ border-width: var(--border-widthStrong__2kya2wx);
1900
+ border-style: var(--border-style__2kya2wy);
1901
+ border-color: var(--color-primary__2kya2w6);
1902
+ transform: translate(-50%, -50%);
1903
+ cursor: grab;
1904
+ outline: none;
1905
+ transition-property: box-shadow, border-color;
1906
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1907
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1908
+ }
1909
+ .Slider_thumb__2gl56i3:hover {
1910
+ border-color: var(--color-primaryHover__2kya2w7);
1911
+ }
1912
+ .Slider_thumb__2gl56i3:focus-visible {
1913
+ box-shadow: var(--shadow-focus__2kya2wv);
1914
+ }
1915
+ .Slider_thumb__2gl56i3:active {
1916
+ cursor: grabbing;
1917
+ }
1918
+ .Slider_thumb__2gl56i3[aria-disabled=true] {
1919
+ cursor: not-allowed;
1920
+ }
1921
+
1922
+ /* vanilla-extract-css-ns:src/components/Combobox/Combobox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VXwW7bOBC95yt0WbQBloHkpGmhoqdiF3vJHtrDHhaFQZFjiwjFIUjKslr03wtSpmLJluTstkB7iaHJ45Cc996MdPMeqwIL3K8bQ7UGs16v7lUpWJp8uUoSjVY4gSpPDEjqxA7eXiUJF1ZL2ubJRsLeB_wv8QnyxP_1ISrFVhHhoLJ5wkA5MD689ZgdNS8JsZoyIHu7Xq8eW7pqttce0AjuyjzJ0vQ3_1hQ9rg1WCselzGUaIitzYYyiGuzsLZAw8EQQ7mobcR3T6TiEYvH2MN2HfQ4FtHNMdq6VsIIHWIR3R6jw0mHx-7-E9E8oDXlXKgtcbhQmggs0DmsLsNK2Lgh0lYRWQ6QRmzLBagzVHV6INqgBuPafHDZ35MC98SWlGMzWsBrQzsldTtUOAj_Sa3ryWTj3Zyo_BE3tWJncgC1Qm371XD99urr1c2ksPMNstqSRrhSqKDyab60ERU1bcx9f6A33rEvV3giIXHE7haO8S-njhIuLC0k8E_hIKw21h9BoSNUSmyA-w1RUyZ8rdObV8OkrBTa_jPMnIVUl3h0wYzjjeIGq-EGQkmhgMR95ox_p_cXmPoDFRZ6u65Czc9w42DfS-Y2gDaoHLHic2_RPvCxV3J2u9gqnmSvTg266q4w9uIofGq7KYOesd08Cx-gwh1ELm6PBOx1o2Bc4GAjTQ0oN1PIh9o9lfyuK_lBjBpFJDEQXUJ35OzoGnmSzhPw0CfP7pYvlZe4A5MrdC_z6JDrziHLOljKHRNOO-44g1C6dn_IuPwurPJaz5MsyRJaO_Q3r4SKs-Q-Pah8RArWztfvIpZC3Ta0ErIdlLJA3jejLF0Q_ajmI_qOwD7-Vwj_jaaisl9WXO69ySk2NW_OTbEhdo6GPNeSMihRcjBzyjgR9mzW52lDCuv872H5q5nGy4WBw-xiKOtK9T1x9Z974lwPk_081D_n6858d5wcsU_3qq9HvsveHIxX0X2v8lUM-oaykdiQNu9Ne-LIz0QoHqydpemQa9SevUj1_ZDqQiJ7PPP26gVIwkDMEz8SnjfJ_q__v9_Q-z5-_kFvpSdzaoa27qWLMv8l071yPeMDYy4vNYISCxKYA_7uhTM1vPg01ZfOvlUG2prT5tyFHoCL-onPN5ccJzazpeMszP_J9geVdu1HR10_XF93H42_jnQuLsaPMOTXb8bNiLh9DwAA */
1923
+ .Combobox_wrapper__26nhic0 {
1924
+ position: relative;
1925
+ display: flex;
1926
+ flex-wrap: wrap;
1927
+ align-items: center;
1928
+ gap: var(--space-xs__2kya2wg);
1929
+ width: 100%;
1930
+ background: var(--color-surface__2kya2w1);
1931
+ border-radius: var(--radius-md__2kya2wo);
1932
+ border-width: var(--border-width__2kya2ww);
1933
+ border-style: var(--border-style__2kya2wy);
1934
+ border-color: var(--color-border__2kya2wd);
1935
+ padding-top: var(--space-xs__2kya2wg);
1936
+ padding-bottom: var(--space-xs__2kya2wg);
1937
+ padding-left: var(--space-sm__2kya2wh);
1938
+ padding-right: var(--space-sm__2kya2wh);
1939
+ transition-property: border-color, box-shadow;
1940
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1941
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1942
+ }
1943
+ .Combobox_wrapper__26nhic0:focus-within {
1944
+ border-color: var(--color-primary__2kya2w6);
1945
+ box-shadow: var(--shadow-focus__2kya2wv);
1946
+ }
1947
+ .Combobox_wrapper__26nhic0[data-disabled] {
1948
+ cursor: not-allowed;
1949
+ opacity: 0.5;
1950
+ }
1951
+ .Combobox_chipsWrapper__26nhic1 {
1952
+ display: flex;
1953
+ flex-wrap: wrap;
1954
+ gap: var(--space-xs__2kya2wg);
1955
+ }
1956
+ .Combobox_chip__26nhic2 {
1957
+ display: inline-flex;
1958
+ align-items: center;
1959
+ gap: 4px;
1960
+ background: var(--color-surfaceRaised__2kya2w2);
1961
+ color: var(--color-text__2kya2w3);
1962
+ font-size: var(--font-sizeSm__2kya2w13);
1963
+ border-radius: var(--radius-sm__2kya2wn);
1964
+ padding-top: 2px;
1965
+ padding-bottom: 2px;
1966
+ padding-left: var(--space-xs__2kya2wg);
1967
+ padding-right: var(--space-xs__2kya2wg);
1968
+ }
1969
+ .Combobox_chipRemove__26nhic3 {
1970
+ border: none;
1971
+ background: transparent;
1972
+ color: var(--color-textMuted__2kya2w4);
1973
+ cursor: pointer;
1974
+ line-height: 1;
1975
+ padding: 0;
1976
+ font-size: var(--font-sizeMd__2kya2w14);
1977
+ }
1978
+ .Combobox_chipRemove__26nhic3:hover:not(:disabled) {
1979
+ color: var(--color-text__2kya2w3);
1980
+ }
1981
+ .Combobox_chipRemove__26nhic3:disabled {
1982
+ cursor: not-allowed;
1983
+ }
1984
+ .Combobox_inputEl__26nhic4 {
1985
+ flex: 1 1 auto;
1986
+ min-width: 60px;
1987
+ border: none;
1988
+ outline: none;
1989
+ background: transparent;
1990
+ font-family: var(--font-body__2kya2w10);
1991
+ font-size: var(--font-sizeMd__2kya2w14);
1992
+ line-height: var(--font-lineHeightNormal__2kya2w1b);
1993
+ color: var(--color-text__2kya2w3);
1994
+ padding-top: var(--space-sm__2kya2wh);
1995
+ padding-bottom: var(--space-sm__2kya2wh);
1996
+ }
1997
+ .Combobox_inputEl__26nhic4::placeholder {
1998
+ color: var(--color-textMuted__2kya2w4);
1999
+ }
2000
+ .Combobox_inputEl__26nhic4:disabled {
2001
+ cursor: not-allowed;
2002
+ }
2003
+ .Combobox_listbox__26nhic5 {
2004
+ display: flex;
2005
+ flex-direction: column;
2006
+ gap: 2px;
2007
+ background: var(--color-surfaceRaised__2kya2w2);
2008
+ border-radius: var(--radius-lg__2kya2wp);
2009
+ border-width: var(--border-width__2kya2ww);
2010
+ border-style: var(--border-style__2kya2wy);
2011
+ border-color: var(--color-border__2kya2wd);
2012
+ padding: var(--space-xs__2kya2wg);
2013
+ box-shadow: var(--shadow-lg__2kya2wu);
2014
+ min-width: 180px;
2015
+ max-height: 280px;
2016
+ overflow-y: auto;
2017
+ outline: none;
2018
+ z-index: 1100;
2019
+ }
2020
+ .Combobox_option__26nhic6 {
2021
+ display: block;
2022
+ width: 100%;
2023
+ text-align: left;
2024
+ color: var(--color-text__2kya2w3);
2025
+ font-family: var(--font-body__2kya2w10);
2026
+ font-size: var(--font-sizeSm__2kya2w13);
2027
+ border-radius: var(--radius-sm__2kya2wn);
2028
+ padding-top: var(--space-sm__2kya2wh);
2029
+ padding-bottom: var(--space-sm__2kya2wh);
2030
+ padding-left: var(--space-sm__2kya2wh);
2031
+ padding-right: var(--space-sm__2kya2wh);
2032
+ cursor: pointer;
2033
+ }
2034
+ .Combobox_option__26nhic6[data-active] {
2035
+ background: var(--color-surface__2kya2w1);
2036
+ }
2037
+ .Combobox_option__26nhic6[aria-selected=true] {
2038
+ color: var(--color-primary__2kya2w6);
2039
+ font-weight: var(--font-weightMedium__2kya2w18);
2040
+ }
2041
+ .Combobox_option__26nhic6[aria-disabled=true] {
2042
+ color: var(--color-textMuted__2kya2w4);
2043
+ cursor: not-allowed;
2044
+ }
2045
+ .Combobox_emptyState__26nhic7 {
2046
+ padding-top: var(--space-sm__2kya2wh);
2047
+ padding-bottom: var(--space-sm__2kya2wh);
2048
+ padding-left: var(--space-sm__2kya2wh);
2049
+ padding-right: var(--space-sm__2kya2wh);
2050
+ color: var(--color-textMuted__2kya2w4);
2051
+ font-family: var(--font-body__2kya2w10);
2052
+ font-size: var(--font-sizeSm__2kya2w13);
2053
+ }
1777
2054
  /*# sourceMappingURL=index.css.map */