@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 +277 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +70 -2
- package/dist/index.js +589 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
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 */
|