@cambly/syntax-core 6.2.0 → 6.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +86 -86
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.js +15 -6
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -6
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1825,84 +1825,84 @@
|
|
|
1825
1825
|
}
|
|
1826
1826
|
|
|
1827
1827
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
|
|
1828
|
-
.
|
|
1828
|
+
._button_1ixx9_1 {
|
|
1829
1829
|
border: none;
|
|
1830
1830
|
display: flex;
|
|
1831
1831
|
flex-direction: row;
|
|
1832
1832
|
align-items: center;
|
|
1833
1833
|
justify-content: center;
|
|
1834
1834
|
}
|
|
1835
|
-
.
|
|
1835
|
+
._buttonGap_1ixx9_9 {
|
|
1836
1836
|
gap: 4px;
|
|
1837
1837
|
}
|
|
1838
|
-
.
|
|
1838
|
+
._button_1ixx9_1:hover {
|
|
1839
1839
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
|
|
1840
1840
|
transition-duration: 0.2s;
|
|
1841
1841
|
cursor: pointer;
|
|
1842
1842
|
}
|
|
1843
|
-
.
|
|
1843
|
+
._button_1ixx9_1:focus-visible {
|
|
1844
1844
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
|
|
1845
1845
|
box-shadow: 0 0 0 4px #000;
|
|
1846
1846
|
outline: solid 2px #fff;
|
|
1847
1847
|
}
|
|
1848
|
-
.
|
|
1848
|
+
._button_1ixx9_1:active {
|
|
1849
1849
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
|
|
1850
1850
|
transform: scale(0.97);
|
|
1851
1851
|
transition-duration: 0.2s;
|
|
1852
1852
|
}
|
|
1853
|
-
.
|
|
1854
|
-
filter: opacity(
|
|
1853
|
+
._button_1ixx9_1:disabled {
|
|
1854
|
+
filter: opacity(50%);
|
|
1855
1855
|
background-image: none;
|
|
1856
1856
|
transform: none;
|
|
1857
1857
|
cursor: auto;
|
|
1858
1858
|
}
|
|
1859
|
-
.
|
|
1859
|
+
._fullWidth_1ixx9_50 {
|
|
1860
1860
|
width: 100%;
|
|
1861
1861
|
}
|
|
1862
|
-
.
|
|
1862
|
+
._sm_1ixx9_54 {
|
|
1863
1863
|
min-width: 52px;
|
|
1864
1864
|
height: 32px;
|
|
1865
1865
|
padding: 0 12px;
|
|
1866
1866
|
border-radius: 8px;
|
|
1867
1867
|
}
|
|
1868
|
-
.
|
|
1868
|
+
._md_1ixx9_61 {
|
|
1869
1869
|
min-width: 72px;
|
|
1870
1870
|
height: 40px;
|
|
1871
1871
|
padding: 0 16px;
|
|
1872
1872
|
border-radius: 12px;
|
|
1873
1873
|
}
|
|
1874
|
-
.
|
|
1874
|
+
._lg_1ixx9_68 {
|
|
1875
1875
|
min-width: 88px;
|
|
1876
1876
|
height: 48px;
|
|
1877
1877
|
padding: 0 20px;
|
|
1878
1878
|
border-radius: 16px;
|
|
1879
1879
|
}
|
|
1880
|
-
.
|
|
1880
|
+
._icon_1ixx9_75 {
|
|
1881
1881
|
color: inherit;
|
|
1882
1882
|
}
|
|
1883
|
-
.
|
|
1883
|
+
._smIcon_1ixx9_79 {
|
|
1884
1884
|
width: 16px !important;
|
|
1885
1885
|
height: 16px !important;
|
|
1886
1886
|
}
|
|
1887
|
-
.
|
|
1887
|
+
._mdIcon_1ixx9_86 {
|
|
1888
1888
|
width: 20px !important;
|
|
1889
1889
|
height: 20px !important;
|
|
1890
1890
|
}
|
|
1891
|
-
.
|
|
1891
|
+
._lgIcon_1ixx9_93 {
|
|
1892
1892
|
width: 24px !important;
|
|
1893
1893
|
height: 24px !important;
|
|
1894
1894
|
}
|
|
1895
|
-
.
|
|
1895
|
+
._textContainer_1ixx9_100 {
|
|
1896
1896
|
padding-left: 4px;
|
|
1897
1897
|
padding-right: 4px;
|
|
1898
1898
|
}
|
|
1899
|
-
.
|
|
1899
|
+
._secondaryBorder_1ixx9_105 {
|
|
1900
1900
|
border: 1px solid var(--color-base-primary-700);
|
|
1901
1901
|
}
|
|
1902
|
-
.
|
|
1902
|
+
._secondaryDestructiveBorder_1ixx9_109 {
|
|
1903
1903
|
border: 1px solid var(--color-base-destructive-700);
|
|
1904
1904
|
}
|
|
1905
|
-
@keyframes
|
|
1905
|
+
@keyframes _syntaxButtonLoadingRotate_1ixx9_1 {
|
|
1906
1906
|
0% {
|
|
1907
1907
|
transform-origin: 50% 50%;
|
|
1908
1908
|
}
|
|
@@ -1910,16 +1910,16 @@
|
|
|
1910
1910
|
transform: rotate(360deg);
|
|
1911
1911
|
}
|
|
1912
1912
|
}
|
|
1913
|
-
.
|
|
1914
|
-
animation:
|
|
1913
|
+
._loading_1ixx9_123 {
|
|
1914
|
+
animation: _syntaxButtonLoadingRotate_1ixx9_1 1.4s linear infinite;
|
|
1915
1915
|
}
|
|
1916
|
-
.
|
|
1916
|
+
._loadingCircle_1ixx9_127 {
|
|
1917
1917
|
stroke: currentcolor;
|
|
1918
1918
|
stroke-dasharray: 80px, 200px;
|
|
1919
1919
|
stroke-dashoffset: 0;
|
|
1920
1920
|
transform-origin: center;
|
|
1921
1921
|
}
|
|
1922
|
-
.
|
|
1922
|
+
._buttonText_1ixx9_135 {
|
|
1923
1923
|
color: inherit;
|
|
1924
1924
|
font-family:
|
|
1925
1925
|
-apple-system,
|
|
@@ -1932,13 +1932,13 @@
|
|
|
1932
1932
|
sans-serif;
|
|
1933
1933
|
font-weight: 500;
|
|
1934
1934
|
}
|
|
1935
|
-
.
|
|
1935
|
+
._buttonTextSmall_1ixx9_142 {
|
|
1936
1936
|
font-size: 12px;
|
|
1937
1937
|
}
|
|
1938
|
-
.
|
|
1938
|
+
._buttonTextMedium_1ixx9_146 {
|
|
1939
1939
|
font-size: 14px;
|
|
1940
1940
|
}
|
|
1941
|
-
.
|
|
1941
|
+
._buttonTextLarge_1ixx9_150 {
|
|
1942
1942
|
font-size: 16px;
|
|
1943
1943
|
}
|
|
1944
1944
|
|
|
@@ -1972,111 +1972,111 @@
|
|
|
1972
1972
|
}
|
|
1973
1973
|
|
|
1974
1974
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
|
|
1975
|
-
.
|
|
1975
|
+
._iconButton_13wmh_1 {
|
|
1976
1976
|
align-items: center;
|
|
1977
1977
|
justify-content: center;
|
|
1978
1978
|
display: flex;
|
|
1979
1979
|
border: none;
|
|
1980
1980
|
border-radius: 50%;
|
|
1981
1981
|
}
|
|
1982
|
-
.
|
|
1982
|
+
._iconButton_13wmh_1:hover {
|
|
1983
1983
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
|
|
1984
1984
|
transition-duration: 0.2s;
|
|
1985
1985
|
cursor: pointer;
|
|
1986
1986
|
}
|
|
1987
|
-
.
|
|
1987
|
+
._iconButton_13wmh_1:focus-visible {
|
|
1988
1988
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
|
|
1989
1989
|
box-shadow: 0 0 0 4px #000;
|
|
1990
1990
|
outline: solid 2px #fff;
|
|
1991
1991
|
}
|
|
1992
|
-
.
|
|
1992
|
+
._iconButton_13wmh_1:active {
|
|
1993
1993
|
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
|
|
1994
1994
|
transform: scale(0.97);
|
|
1995
1995
|
transition-duration: 0.2s;
|
|
1996
1996
|
}
|
|
1997
|
-
.
|
|
1998
|
-
filter: opacity(
|
|
1997
|
+
._iconButton_13wmh_1:disabled {
|
|
1998
|
+
filter: opacity(50%);
|
|
1999
1999
|
background-image: none;
|
|
2000
2000
|
transform: none;
|
|
2001
2001
|
cursor: auto;
|
|
2002
2002
|
}
|
|
2003
|
-
.
|
|
2003
|
+
._sm_13wmh_46 {
|
|
2004
2004
|
height: 32px;
|
|
2005
2005
|
width: 32px;
|
|
2006
2006
|
}
|
|
2007
|
-
.
|
|
2007
|
+
._md_13wmh_51 {
|
|
2008
2008
|
height: 40px;
|
|
2009
2009
|
width: 40px;
|
|
2010
2010
|
}
|
|
2011
|
-
.
|
|
2011
|
+
._lg_13wmh_56 {
|
|
2012
2012
|
height: 48px;
|
|
2013
2013
|
width: 48px;
|
|
2014
2014
|
}
|
|
2015
|
-
.
|
|
2015
|
+
._smIcon_13wmh_61 {
|
|
2016
2016
|
height: 16px !important;
|
|
2017
2017
|
width: 16px !important;
|
|
2018
2018
|
}
|
|
2019
|
-
.
|
|
2019
|
+
._mdIcon_13wmh_68 {
|
|
2020
2020
|
height: 20px !important;
|
|
2021
2021
|
width: 20px !important;
|
|
2022
2022
|
}
|
|
2023
|
-
.
|
|
2023
|
+
._lgIcon_13wmh_75 {
|
|
2024
2024
|
height: 24px !important;
|
|
2025
2025
|
width: 24px !important;
|
|
2026
2026
|
}
|
|
2027
2027
|
|
|
2028
2028
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css/#css-module-data */
|
|
2029
|
-
.
|
|
2029
|
+
._mainContainer_1omm6_1 {
|
|
2030
2030
|
display: flex;
|
|
2031
2031
|
flex-direction: row;
|
|
2032
2032
|
gap: 8px;
|
|
2033
2033
|
align-items: center;
|
|
2034
2034
|
}
|
|
2035
|
-
.
|
|
2035
|
+
._inputOverlay_1omm6_8 {
|
|
2036
2036
|
opacity: 0;
|
|
2037
2037
|
position: absolute;
|
|
2038
2038
|
margin: 0;
|
|
2039
2039
|
}
|
|
2040
|
-
.
|
|
2040
|
+
._checkbox_1omm6_14 {
|
|
2041
2041
|
position: relative;
|
|
2042
2042
|
display: flex;
|
|
2043
2043
|
justify-content: center;
|
|
2044
2044
|
align-items: center;
|
|
2045
2045
|
box-sizing: border-box;
|
|
2046
2046
|
}
|
|
2047
|
-
.
|
|
2048
|
-
opacity: 0.
|
|
2047
|
+
._disabled_1omm6_22 {
|
|
2048
|
+
opacity: 0.5;
|
|
2049
2049
|
}
|
|
2050
|
-
.
|
|
2050
|
+
._cursorDisabled_1omm6_26 {
|
|
2051
2051
|
cursor: auto;
|
|
2052
2052
|
}
|
|
2053
|
-
.
|
|
2053
|
+
._cursorEnabled_1omm6_30 {
|
|
2054
2054
|
cursor: pointer;
|
|
2055
2055
|
}
|
|
2056
|
-
.
|
|
2056
|
+
._uncheckedBox_1omm6_34 {
|
|
2057
2057
|
border: 2px solid;
|
|
2058
2058
|
}
|
|
2059
|
-
.
|
|
2059
|
+
._uncheckedBorder_1omm6_38 {
|
|
2060
2060
|
border-color: var(--color-base-primary-700);
|
|
2061
2061
|
}
|
|
2062
|
-
.
|
|
2062
|
+
._uncheckedErrorBorder_1omm6_42 {
|
|
2063
2063
|
border-color: var(--color-base-destructive-700);
|
|
2064
2064
|
}
|
|
2065
|
-
.
|
|
2065
|
+
._checkedBox_1omm6_46 {
|
|
2066
2066
|
color: #fff;
|
|
2067
2067
|
}
|
|
2068
|
-
.
|
|
2068
|
+
._checkedNonError_1omm6_50 {
|
|
2069
2069
|
background: var(--color-base-primary-700);
|
|
2070
2070
|
}
|
|
2071
|
-
.
|
|
2071
|
+
._checkedError_1omm6_54 {
|
|
2072
2072
|
background: var(--color-base-destructive-700);
|
|
2073
2073
|
}
|
|
2074
|
-
.
|
|
2074
|
+
._sm_1omm6_58 {
|
|
2075
2075
|
height: 16px;
|
|
2076
2076
|
width: 16px;
|
|
2077
2077
|
border-radius: 6px;
|
|
2078
2078
|
}
|
|
2079
|
-
.
|
|
2079
|
+
._md_1omm6_64 {
|
|
2080
2080
|
height: 24px;
|
|
2081
2081
|
width: 24px;
|
|
2082
2082
|
border-radius: 8px;
|
|
@@ -2141,88 +2141,88 @@
|
|
|
2141
2141
|
}
|
|
2142
2142
|
|
|
2143
2143
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css/#css-module-data */
|
|
2144
|
-
.
|
|
2144
|
+
._radioBaseContainer_6h2zg_1 {
|
|
2145
2145
|
display: flex;
|
|
2146
2146
|
flex-direction: row;
|
|
2147
2147
|
gap: 8px;
|
|
2148
2148
|
align-items: center;
|
|
2149
2149
|
position: relative;
|
|
2150
2150
|
}
|
|
2151
|
-
.
|
|
2152
|
-
opacity: 0.
|
|
2151
|
+
._disabled_6h2zg_9 {
|
|
2152
|
+
opacity: 0.5;
|
|
2153
2153
|
}
|
|
2154
|
-
.
|
|
2154
|
+
._cursorDisabled_6h2zg_13 {
|
|
2155
2155
|
cursor: auto;
|
|
2156
2156
|
}
|
|
2157
|
-
.
|
|
2157
|
+
._cursorEnabled_6h2zg_17 {
|
|
2158
2158
|
cursor: pointer;
|
|
2159
2159
|
}
|
|
2160
|
-
.
|
|
2160
|
+
._smBase_6h2zg_21 {
|
|
2161
2161
|
height: 16px;
|
|
2162
2162
|
}
|
|
2163
|
-
.
|
|
2163
|
+
._mdBase_6h2zg_25 {
|
|
2164
2164
|
height: 32px;
|
|
2165
2165
|
}
|
|
2166
|
-
.
|
|
2166
|
+
._radioStyleOverride_6h2zg_29 {
|
|
2167
2167
|
margin: 0;
|
|
2168
2168
|
opacity: 0;
|
|
2169
2169
|
}
|
|
2170
|
-
.
|
|
2170
|
+
._smOverride_6h2zg_34 {
|
|
2171
2171
|
width: 16px;
|
|
2172
2172
|
height: 16px;
|
|
2173
2173
|
}
|
|
2174
|
-
.
|
|
2174
|
+
._mdOverride_6h2zg_39 {
|
|
2175
2175
|
width: 24px;
|
|
2176
2176
|
height: 24px;
|
|
2177
2177
|
}
|
|
2178
|
-
.
|
|
2178
|
+
._background_6h2zg_44 {
|
|
2179
2179
|
position: absolute;
|
|
2180
2180
|
box-sizing: border-box;
|
|
2181
2181
|
}
|
|
2182
|
-
.
|
|
2182
|
+
._sm_6h2zg_21 {
|
|
2183
2183
|
height: 16px;
|
|
2184
2184
|
width: 16px;
|
|
2185
2185
|
border-radius: 8px;
|
|
2186
2186
|
}
|
|
2187
|
-
.
|
|
2187
|
+
._md_6h2zg_25 {
|
|
2188
2188
|
height: 24px;
|
|
2189
2189
|
width: 24px;
|
|
2190
2190
|
border-radius: 12px;
|
|
2191
2191
|
}
|
|
2192
|
-
.
|
|
2192
|
+
._neutralBorder_6h2zg_61 {
|
|
2193
2193
|
border: 2px solid;
|
|
2194
2194
|
}
|
|
2195
|
-
.
|
|
2195
|
+
._smCheckedBorder_6h2zg_65 {
|
|
2196
2196
|
border: 5px solid;
|
|
2197
2197
|
}
|
|
2198
|
-
.
|
|
2198
|
+
._mdCheckedBorder_6h2zg_69 {
|
|
2199
2199
|
border: 8px solid;
|
|
2200
2200
|
}
|
|
2201
|
-
.
|
|
2201
|
+
._errorBorderColor_6h2zg_73 {
|
|
2202
2202
|
border-color: var(--color-base-destructive-700);
|
|
2203
2203
|
}
|
|
2204
|
-
.
|
|
2204
|
+
._borderColor_6h2zg_77 {
|
|
2205
2205
|
border-color: var(--color-base-primary-700);
|
|
2206
2206
|
}
|
|
2207
2207
|
|
|
2208
2208
|
/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
|
|
2209
|
-
.
|
|
2209
|
+
._selectContainer_1cdwo_1 {
|
|
2210
2210
|
display: flex;
|
|
2211
2211
|
flex-direction: column;
|
|
2212
2212
|
gap: 8px;
|
|
2213
2213
|
}
|
|
2214
|
-
.
|
|
2215
|
-
opacity: 0.
|
|
2214
|
+
._opacityOverlay_1cdwo_7 {
|
|
2215
|
+
opacity: 0.5;
|
|
2216
2216
|
}
|
|
2217
|
-
.
|
|
2217
|
+
._outerTextContainer_1cdwo_11 {
|
|
2218
2218
|
padding-inline-start: 4px;
|
|
2219
2219
|
padding-inline-end: 4px;
|
|
2220
2220
|
}
|
|
2221
|
-
.
|
|
2221
|
+
._selectWrapper_1cdwo_16 {
|
|
2222
2222
|
display: flex;
|
|
2223
2223
|
position: relative;
|
|
2224
2224
|
}
|
|
2225
|
-
.
|
|
2225
|
+
._selectBox_1cdwo_21 {
|
|
2226
2226
|
align-items: center;
|
|
2227
2227
|
appearance: none;
|
|
2228
2228
|
border: 1px solid var(--color-base-gray-700);
|
|
@@ -2244,17 +2244,17 @@
|
|
|
2244
2244
|
padding: 0 12px;
|
|
2245
2245
|
width: 100%;
|
|
2246
2246
|
}
|
|
2247
|
-
.
|
|
2247
|
+
._selectMouseFocusStyling_1cdwo_37 {
|
|
2248
2248
|
border: 1px solid var(--color-base-primary-700);
|
|
2249
2249
|
box-shadow: 0 0 0 1px var(--color-base-primary-700);
|
|
2250
2250
|
}
|
|
2251
|
-
.
|
|
2251
|
+
._unselected_1cdwo_42 {
|
|
2252
2252
|
color: var(--color-base-gray-700);
|
|
2253
2253
|
}
|
|
2254
|
-
.
|
|
2254
|
+
._selected_1cdwo_46 {
|
|
2255
2255
|
color: var(--color-base-gray-800);
|
|
2256
2256
|
}
|
|
2257
|
-
.
|
|
2257
|
+
._arrowIcon_1cdwo_50 {
|
|
2258
2258
|
display: flex;
|
|
2259
2259
|
position: absolute;
|
|
2260
2260
|
right: 0;
|
|
@@ -2263,25 +2263,25 @@
|
|
|
2263
2263
|
padding-inline-end: 8px;
|
|
2264
2264
|
pointer-events: none;
|
|
2265
2265
|
}
|
|
2266
|
-
.
|
|
2266
|
+
._selectBox_1cdwo_21:disabled {
|
|
2267
2267
|
cursor: auto;
|
|
2268
2268
|
}
|
|
2269
|
-
.
|
|
2269
|
+
._sm_1cdwo_64 {
|
|
2270
2270
|
border-radius: 12px;
|
|
2271
2271
|
font-size: 12px;
|
|
2272
2272
|
height: 32px;
|
|
2273
2273
|
}
|
|
2274
|
-
.
|
|
2274
|
+
._md_1cdwo_70 {
|
|
2275
2275
|
border-radius: 12px;
|
|
2276
2276
|
font-size: 14px;
|
|
2277
2277
|
height: 40px;
|
|
2278
2278
|
}
|
|
2279
|
-
.
|
|
2279
|
+
._lg_1cdwo_76 {
|
|
2280
2280
|
border-radius: 16px;
|
|
2281
2281
|
font-size: 16px;
|
|
2282
2282
|
height: 48px;
|
|
2283
2283
|
}
|
|
2284
|
-
.
|
|
2284
|
+
._selectError_1cdwo_82 {
|
|
2285
2285
|
color: var(--color-base-destructive-700);
|
|
2286
2286
|
border-color: var(--color-base-destructive-700);
|
|
2287
2287
|
background-color: var(--color-base-destructive-100);
|