@cambly/syntax-core 6.1.1 → 6.3.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 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
- ._button_13egy_1 {
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
- ._buttonGap_13egy_9 {
1835
+ ._buttonGap_1ixx9_9 {
1836
1836
  gap: 4px;
1837
1837
  }
1838
- ._button_13egy_1:hover {
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
- ._button_13egy_1:focus-visible {
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
- ._button_13egy_1:active {
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
- ._button_13egy_1:disabled {
1854
- filter: opacity(30%);
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
- ._fullWidth_13egy_50 {
1859
+ ._fullWidth_1ixx9_50 {
1860
1860
  width: 100%;
1861
1861
  }
1862
- ._sm_13egy_54 {
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
- ._md_13egy_61 {
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
- ._lg_13egy_68 {
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
- ._icon_13egy_75 {
1880
+ ._icon_1ixx9_75 {
1881
1881
  color: inherit;
1882
1882
  }
1883
- ._smIcon_13egy_79 {
1883
+ ._smIcon_1ixx9_79 {
1884
1884
  width: 16px !important;
1885
1885
  height: 16px !important;
1886
1886
  }
1887
- ._mdIcon_13egy_86 {
1887
+ ._mdIcon_1ixx9_86 {
1888
1888
  width: 20px !important;
1889
1889
  height: 20px !important;
1890
1890
  }
1891
- ._lgIcon_13egy_93 {
1891
+ ._lgIcon_1ixx9_93 {
1892
1892
  width: 24px !important;
1893
1893
  height: 24px !important;
1894
1894
  }
1895
- ._textContainer_13egy_100 {
1895
+ ._textContainer_1ixx9_100 {
1896
1896
  padding-left: 4px;
1897
1897
  padding-right: 4px;
1898
1898
  }
1899
- ._secondaryBorder_13egy_105 {
1899
+ ._secondaryBorder_1ixx9_105 {
1900
1900
  border: 1px solid var(--color-base-primary-700);
1901
1901
  }
1902
- ._secondaryDestructiveBorder_13egy_109 {
1902
+ ._secondaryDestructiveBorder_1ixx9_109 {
1903
1903
  border: 1px solid var(--color-base-destructive-700);
1904
1904
  }
1905
- @keyframes _syntaxButtonLoadingRotate_13egy_1 {
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
- ._loading_13egy_123 {
1914
- animation: _syntaxButtonLoadingRotate_13egy_1 1.4s linear infinite;
1913
+ ._loading_1ixx9_123 {
1914
+ animation: _syntaxButtonLoadingRotate_1ixx9_1 1.4s linear infinite;
1915
1915
  }
1916
- ._loadingCircle_13egy_127 {
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
- ._buttonText_13egy_135 {
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
- ._buttonTextSmall_13egy_142 {
1935
+ ._buttonTextSmall_1ixx9_142 {
1936
1936
  font-size: 12px;
1937
1937
  }
1938
- ._buttonTextMedium_13egy_146 {
1938
+ ._buttonTextMedium_1ixx9_146 {
1939
1939
  font-size: 14px;
1940
1940
  }
1941
- ._buttonTextLarge_13egy_150 {
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
- ._iconButton_dzhn0_1 {
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
- ._iconButton_dzhn0_1:hover {
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
- ._iconButton_dzhn0_1:focus-visible {
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
- ._iconButton_dzhn0_1:active {
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
- ._iconButton_dzhn0_1:disabled {
1998
- filter: opacity(30%);
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
- ._sm_dzhn0_46 {
2003
+ ._sm_13wmh_46 {
2004
2004
  height: 32px;
2005
2005
  width: 32px;
2006
2006
  }
2007
- ._md_dzhn0_51 {
2007
+ ._md_13wmh_51 {
2008
2008
  height: 40px;
2009
2009
  width: 40px;
2010
2010
  }
2011
- ._lg_dzhn0_56 {
2011
+ ._lg_13wmh_56 {
2012
2012
  height: 48px;
2013
2013
  width: 48px;
2014
2014
  }
2015
- ._smIcon_dzhn0_61 {
2015
+ ._smIcon_13wmh_61 {
2016
2016
  height: 16px !important;
2017
2017
  width: 16px !important;
2018
2018
  }
2019
- ._mdIcon_dzhn0_68 {
2019
+ ._mdIcon_13wmh_68 {
2020
2020
  height: 20px !important;
2021
2021
  width: 20px !important;
2022
2022
  }
2023
- ._lgIcon_dzhn0_75 {
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
- ._mainContainer_12k0x_1 {
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
- ._inputOverlay_12k0x_8 {
2035
+ ._inputOverlay_1omm6_8 {
2036
2036
  opacity: 0;
2037
2037
  position: absolute;
2038
2038
  margin: 0;
2039
2039
  }
2040
- ._checkbox_12k0x_14 {
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
- ._disabled_12k0x_22 {
2048
- opacity: 0.3;
2047
+ ._disabled_1omm6_22 {
2048
+ opacity: 0.5;
2049
2049
  }
2050
- ._cursorDisabled_12k0x_26 {
2050
+ ._cursorDisabled_1omm6_26 {
2051
2051
  cursor: auto;
2052
2052
  }
2053
- ._cursorEnabled_12k0x_30 {
2053
+ ._cursorEnabled_1omm6_30 {
2054
2054
  cursor: pointer;
2055
2055
  }
2056
- ._uncheckedBox_12k0x_34 {
2056
+ ._uncheckedBox_1omm6_34 {
2057
2057
  border: 2px solid;
2058
2058
  }
2059
- ._uncheckedBorder_12k0x_38 {
2059
+ ._uncheckedBorder_1omm6_38 {
2060
2060
  border-color: var(--color-base-primary-700);
2061
2061
  }
2062
- ._uncheckedErrorBorder_12k0x_42 {
2062
+ ._uncheckedErrorBorder_1omm6_42 {
2063
2063
  border-color: var(--color-base-destructive-700);
2064
2064
  }
2065
- ._checkedBox_12k0x_46 {
2065
+ ._checkedBox_1omm6_46 {
2066
2066
  color: #fff;
2067
2067
  }
2068
- ._checkedNonError_12k0x_50 {
2068
+ ._checkedNonError_1omm6_50 {
2069
2069
  background: var(--color-base-primary-700);
2070
2070
  }
2071
- ._checkedError_12k0x_54 {
2071
+ ._checkedError_1omm6_54 {
2072
2072
  background: var(--color-base-destructive-700);
2073
2073
  }
2074
- ._sm_12k0x_58 {
2074
+ ._sm_1omm6_58 {
2075
2075
  height: 16px;
2076
2076
  width: 16px;
2077
2077
  border-radius: 6px;
2078
2078
  }
2079
- ._md_12k0x_64 {
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
- ._radioBaseContainer_1yyn9_1 {
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
- ._disabled_1yyn9_9 {
2152
- opacity: 0.3;
2151
+ ._disabled_6h2zg_9 {
2152
+ opacity: 0.5;
2153
2153
  }
2154
- ._cursorDisabled_1yyn9_13 {
2154
+ ._cursorDisabled_6h2zg_13 {
2155
2155
  cursor: auto;
2156
2156
  }
2157
- ._cursorEnabled_1yyn9_17 {
2157
+ ._cursorEnabled_6h2zg_17 {
2158
2158
  cursor: pointer;
2159
2159
  }
2160
- ._smBase_1yyn9_21 {
2160
+ ._smBase_6h2zg_21 {
2161
2161
  height: 16px;
2162
2162
  }
2163
- ._mdBase_1yyn9_25 {
2163
+ ._mdBase_6h2zg_25 {
2164
2164
  height: 32px;
2165
2165
  }
2166
- ._radioStyleOverride_1yyn9_29 {
2166
+ ._radioStyleOverride_6h2zg_29 {
2167
2167
  margin: 0;
2168
2168
  opacity: 0;
2169
2169
  }
2170
- ._smOverride_1yyn9_34 {
2170
+ ._smOverride_6h2zg_34 {
2171
2171
  width: 16px;
2172
2172
  height: 16px;
2173
2173
  }
2174
- ._mdOverride_1yyn9_39 {
2174
+ ._mdOverride_6h2zg_39 {
2175
2175
  width: 24px;
2176
2176
  height: 24px;
2177
2177
  }
2178
- ._background_1yyn9_44 {
2178
+ ._background_6h2zg_44 {
2179
2179
  position: absolute;
2180
2180
  box-sizing: border-box;
2181
2181
  }
2182
- ._sm_1yyn9_21 {
2182
+ ._sm_6h2zg_21 {
2183
2183
  height: 16px;
2184
2184
  width: 16px;
2185
2185
  border-radius: 8px;
2186
2186
  }
2187
- ._md_1yyn9_25 {
2187
+ ._md_6h2zg_25 {
2188
2188
  height: 24px;
2189
2189
  width: 24px;
2190
2190
  border-radius: 12px;
2191
2191
  }
2192
- ._neutralBorder_1yyn9_61 {
2192
+ ._neutralBorder_6h2zg_61 {
2193
2193
  border: 2px solid;
2194
2194
  }
2195
- ._smCheckedBorder_1yyn9_65 {
2195
+ ._smCheckedBorder_6h2zg_65 {
2196
2196
  border: 5px solid;
2197
2197
  }
2198
- ._mdCheckedBorder_1yyn9_69 {
2198
+ ._mdCheckedBorder_6h2zg_69 {
2199
2199
  border: 8px solid;
2200
2200
  }
2201
- ._errorBorderColor_1yyn9_73 {
2201
+ ._errorBorderColor_6h2zg_73 {
2202
2202
  border-color: var(--color-base-destructive-700);
2203
2203
  }
2204
- ._borderColor_1yyn9_77 {
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
- ._selectContainer_lq72f_1 {
2209
+ ._selectContainer_1cdwo_1 {
2210
2210
  display: flex;
2211
2211
  flex-direction: column;
2212
2212
  gap: 8px;
2213
2213
  }
2214
- ._opacityOverlay_lq72f_7 {
2215
- opacity: 0.3;
2214
+ ._opacityOverlay_1cdwo_7 {
2215
+ opacity: 0.5;
2216
2216
  }
2217
- ._outerTextContainer_lq72f_11 {
2217
+ ._outerTextContainer_1cdwo_11 {
2218
2218
  padding-inline-start: 4px;
2219
2219
  padding-inline-end: 4px;
2220
2220
  }
2221
- ._selectWrapper_lq72f_16 {
2221
+ ._selectWrapper_1cdwo_16 {
2222
2222
  display: flex;
2223
2223
  position: relative;
2224
2224
  }
2225
- ._selectBox_lq72f_21 {
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
- ._selectMouseFocusStyling_lq72f_37 {
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
- ._unselected_lq72f_42 {
2251
+ ._unselected_1cdwo_42 {
2252
2252
  color: var(--color-base-gray-700);
2253
2253
  }
2254
- ._selected_lq72f_46 {
2254
+ ._selected_1cdwo_46 {
2255
2255
  color: var(--color-base-gray-800);
2256
2256
  }
2257
- ._arrowIcon_lq72f_50 {
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
- ._selectBox_lq72f_21:disabled {
2266
+ ._selectBox_1cdwo_21:disabled {
2267
2267
  cursor: auto;
2268
2268
  }
2269
- ._sm_lq72f_64 {
2269
+ ._sm_1cdwo_64 {
2270
2270
  border-radius: 12px;
2271
2271
  font-size: 12px;
2272
2272
  height: 32px;
2273
2273
  }
2274
- ._md_lq72f_70 {
2274
+ ._md_1cdwo_70 {
2275
2275
  border-radius: 12px;
2276
2276
  font-size: 14px;
2277
2277
  height: 40px;
2278
2278
  }
2279
- ._lg_lq72f_76 {
2279
+ ._lg_1cdwo_76 {
2280
2280
  border-radius: 16px;
2281
2281
  font-size: 16px;
2282
2282
  height: 48px;
2283
2283
  }
2284
- ._selectError_lq72f_82 {
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);