@cambly/syntax-core 4.1.0 → 4.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
@@ -1577,163 +1577,166 @@
1577
1577
  }
1578
1578
 
1579
1579
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
1580
- ._inheritColor_j1pwm_2 {
1580
+ ._inheritColor_11wj3_2 {
1581
1581
  color: inherit;
1582
1582
  }
1583
- ._destructive700Color_j1pwm_6 {
1583
+ ._destructive700Color_11wj3_6 {
1584
1584
  color: var(--color-base-destructive-700);
1585
1585
  }
1586
- ._gray700Color_j1pwm_10 {
1586
+ ._gray700Color_11wj3_10 {
1587
1587
  color: var(--color-base-gray-700);
1588
1588
  }
1589
- ._gray900Color_j1pwm_14 {
1589
+ ._gray900Color_11wj3_14 {
1590
1590
  color: var(--color-base-gray-900);
1591
1591
  }
1592
- ._primary700Color_j1pwm_18 {
1592
+ ._primary700Color_11wj3_18 {
1593
1593
  color: var(--color-base-primary-700);
1594
1594
  }
1595
- ._whiteColor_j1pwm_22 {
1595
+ ._whiteColor_11wj3_22 {
1596
1596
  color: var(--color-base-white);
1597
1597
  }
1598
- ._blackBackgroundColor_j1pwm_27 {
1598
+ ._blackBackgroundColor_11wj3_27 {
1599
1599
  background-color: var(--color-base-black);
1600
1600
  }
1601
- ._destructive100BackgroundColor_j1pwm_31 {
1601
+ ._destructive100BackgroundColor_11wj3_31 {
1602
1602
  background-color: var(--color-base-destructive-100);
1603
1603
  }
1604
- ._destructive200BackgroundColor_j1pwm_35 {
1604
+ ._destructive200BackgroundColor_11wj3_35 {
1605
1605
  background-color: var(--color-base-destructive-200);
1606
1606
  }
1607
- ._destructive300BackgroundColor_j1pwm_39 {
1607
+ ._destructive300BackgroundColor_11wj3_39 {
1608
1608
  background-color: var(--color-base-destructive-300);
1609
1609
  }
1610
- ._destructive700BackgroundColor_j1pwm_43 {
1610
+ ._destructive700BackgroundColor_11wj3_43 {
1611
1611
  background-color: var(--color-base-destructive-700);
1612
1612
  }
1613
- ._destructive800BackgroundColor_j1pwm_47 {
1613
+ ._destructive800BackgroundColor_11wj3_47 {
1614
1614
  background-color: var(--color-base-destructive-800);
1615
1615
  }
1616
- ._destructive900BackgroundColor_j1pwm_51 {
1616
+ ._destructive900BackgroundColor_11wj3_51 {
1617
1617
  background-color: var(--color-base-destructive-900);
1618
1618
  }
1619
- ._gray10BackgroundColor_j1pwm_55 {
1619
+ ._gray10BackgroundColor_11wj3_55 {
1620
1620
  background-color: var(--color-base-gray-10);
1621
1621
  }
1622
- ._gray30BackgroundColor_j1pwm_59 {
1622
+ ._gray30BackgroundColor_11wj3_59 {
1623
1623
  background-color: var(--color-base-gray-30);
1624
1624
  }
1625
- ._gray80BackgroundColor_j1pwm_63 {
1625
+ ._gray60BackgroundColor_11wj3_63 {
1626
+ background-color: var(--color-base-gray-60);
1627
+ }
1628
+ ._gray80BackgroundColor_11wj3_67 {
1626
1629
  background-color: var(--color-base-gray-80);
1627
1630
  }
1628
- ._gray100BackgroundColor_j1pwm_67 {
1631
+ ._gray100BackgroundColor_11wj3_71 {
1629
1632
  background-color: var(--color-base-gray-100);
1630
1633
  }
1631
- ._gray200BackgroundColor_j1pwm_71 {
1634
+ ._gray200BackgroundColor_11wj3_75 {
1632
1635
  background-color: var(--color-base-gray-200);
1633
1636
  }
1634
- ._gray300BackgroundColor_j1pwm_75 {
1637
+ ._gray300BackgroundColor_11wj3_79 {
1635
1638
  background-color: var(--color-base-gray-300);
1636
1639
  }
1637
- ._gray700BackgroundColor_j1pwm_79 {
1640
+ ._gray700BackgroundColor_11wj3_83 {
1638
1641
  background-color: var(--color-base-gray-700);
1639
1642
  }
1640
- ._gray800BackgroundColor_j1pwm_83 {
1643
+ ._gray800BackgroundColor_11wj3_87 {
1641
1644
  background-color: var(--color-base-gray-800);
1642
1645
  }
1643
- ._gray900BackgroundColor_j1pwm_87 {
1646
+ ._gray900BackgroundColor_11wj3_91 {
1644
1647
  background-color: var(--color-base-gray-900);
1645
1648
  }
1646
- ._orange100BackgroundColor_j1pwm_91 {
1649
+ ._orange100BackgroundColor_11wj3_95 {
1647
1650
  background-color: var(--color-base-orange-100);
1648
1651
  }
1649
- ._orange200BackgroundColor_j1pwm_95 {
1652
+ ._orange200BackgroundColor_11wj3_99 {
1650
1653
  background-color: var(--color-base-orange-200);
1651
1654
  }
1652
- ._orange300BackgroundColor_j1pwm_99 {
1655
+ ._orange300BackgroundColor_11wj3_103 {
1653
1656
  background-color: var(--color-base-orange-300);
1654
1657
  }
1655
- ._orange700BackgroundColor_j1pwm_103 {
1658
+ ._orange700BackgroundColor_11wj3_107 {
1656
1659
  background-color: var(--color-base-orange-700);
1657
1660
  }
1658
- ._orange800BackgroundColor_j1pwm_107 {
1661
+ ._orange800BackgroundColor_11wj3_111 {
1659
1662
  background-color: var(--color-base-orange-800);
1660
1663
  }
1661
- ._orange900BackgroundColor_j1pwm_111 {
1664
+ ._orange900BackgroundColor_11wj3_115 {
1662
1665
  background-color: var(--color-base-orange-900);
1663
1666
  }
1664
- ._primary100BackgroundColor_j1pwm_115 {
1667
+ ._primary100BackgroundColor_11wj3_119 {
1665
1668
  background-color: var(--color-base-primary-100);
1666
1669
  }
1667
- ._primary200BackgroundColor_j1pwm_119 {
1670
+ ._primary200BackgroundColor_11wj3_123 {
1668
1671
  background-color: var(--color-base-primary-200);
1669
1672
  }
1670
- ._primary300BackgroundColor_j1pwm_123 {
1673
+ ._primary300BackgroundColor_11wj3_127 {
1671
1674
  background-color: var(--color-base-primary-300);
1672
1675
  }
1673
- ._primary700BackgroundColor_j1pwm_127 {
1676
+ ._primary700BackgroundColor_11wj3_131 {
1674
1677
  background-color: var(--color-base-primary-700);
1675
1678
  }
1676
- ._primary800BackgroundColor_j1pwm_131 {
1679
+ ._primary800BackgroundColor_11wj3_135 {
1677
1680
  background-color: var(--color-base-primary-800);
1678
1681
  }
1679
- ._primary900BackgroundColor_j1pwm_135 {
1682
+ ._primary900BackgroundColor_11wj3_139 {
1680
1683
  background-color: var(--color-base-primary-900);
1681
1684
  }
1682
- ._success100BackgroundColor_j1pwm_139 {
1685
+ ._success100BackgroundColor_11wj3_143 {
1683
1686
  background-color: var(--color-base-success-100);
1684
1687
  }
1685
- ._success200BackgroundColor_j1pwm_143 {
1688
+ ._success200BackgroundColor_11wj3_147 {
1686
1689
  background-color: var(--color-base-success-200);
1687
1690
  }
1688
- ._success300BackgroundColor_j1pwm_147 {
1691
+ ._success300BackgroundColor_11wj3_151 {
1689
1692
  background-color: var(--color-base-success-300);
1690
1693
  }
1691
- ._success700BackgroundColor_j1pwm_151 {
1694
+ ._success700BackgroundColor_11wj3_155 {
1692
1695
  background-color: var(--color-base-success-700);
1693
1696
  }
1694
- ._success800BackgroundColor_j1pwm_155 {
1697
+ ._success800BackgroundColor_11wj3_159 {
1695
1698
  background-color: var(--color-base-success-800);
1696
1699
  }
1697
- ._success900BackgroundColor_j1pwm_159 {
1700
+ ._success900BackgroundColor_11wj3_163 {
1698
1701
  background-color: var(--color-base-success-900);
1699
1702
  }
1700
- ._purple100BackgroundColor_j1pwm_163 {
1703
+ ._purple100BackgroundColor_11wj3_167 {
1701
1704
  background-color: var(--color-base-purple-100);
1702
1705
  }
1703
- ._purple200BackgroundColor_j1pwm_167 {
1706
+ ._purple200BackgroundColor_11wj3_171 {
1704
1707
  background-color: var(--color-base-purple-200);
1705
1708
  }
1706
- ._purple300BackgroundColor_j1pwm_171 {
1709
+ ._purple300BackgroundColor_11wj3_175 {
1707
1710
  background-color: var(--color-base-purple-300);
1708
1711
  }
1709
- ._purple700BackgroundColor_j1pwm_175 {
1712
+ ._purple700BackgroundColor_11wj3_179 {
1710
1713
  background-color: var(--color-base-purple-700);
1711
1714
  }
1712
- ._purple800BackgroundColor_j1pwm_179 {
1715
+ ._purple800BackgroundColor_11wj3_183 {
1713
1716
  background-color: var(--color-base-purple-800);
1714
1717
  }
1715
- ._purple900BackgroundColor_j1pwm_183 {
1718
+ ._purple900BackgroundColor_11wj3_187 {
1716
1719
  background-color: var(--color-base-purple-900);
1717
1720
  }
1718
- ._whiteBackgroundColor_j1pwm_187 {
1721
+ ._whiteBackgroundColor_11wj3_191 {
1719
1722
  background-color: var(--color-base-white);
1720
1723
  }
1721
- ._yellow100BackgroundColor_j1pwm_191 {
1724
+ ._yellow100BackgroundColor_11wj3_195 {
1722
1725
  background-color: var(--color-base-yellow-100);
1723
1726
  }
1724
- ._yellow200BackgroundColor_j1pwm_195 {
1727
+ ._yellow200BackgroundColor_11wj3_199 {
1725
1728
  background-color: var(--color-base-yellow-200);
1726
1729
  }
1727
- ._yellow300BackgroundColor_j1pwm_199 {
1730
+ ._yellow300BackgroundColor_11wj3_203 {
1728
1731
  background-color: var(--color-base-yellow-300);
1729
1732
  }
1730
- ._yellow700BackgroundColor_j1pwm_203 {
1733
+ ._yellow700BackgroundColor_11wj3_207 {
1731
1734
  background-color: var(--color-base-yellow-700);
1732
1735
  }
1733
- ._yellow800BackgroundColor_j1pwm_207 {
1736
+ ._yellow800BackgroundColor_11wj3_211 {
1734
1737
  background-color: var(--color-base-yellow-800);
1735
1738
  }
1736
- ._yellow900BackgroundColor_j1pwm_211 {
1739
+ ._yellow900BackgroundColor_11wj3_215 {
1737
1740
  background-color: var(--color-base-yellow-900);
1738
1741
  }
1739
1742
 
@@ -2022,28 +2025,24 @@
2022
2025
  }
2023
2026
 
2024
2027
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css/#css-module-data */
2025
- ._mainContainer_p0un4_1 {
2028
+ ._mainContainer_1jq7b_1 {
2026
2029
  display: flex;
2027
2030
  flex-direction: row;
2028
2031
  gap: 8px;
2029
2032
  align-items: center;
2030
2033
  }
2031
- ._checkboxContainer_p0un4_8 {
2034
+ ._checkboxContainer_1jq7b_8 {
2032
2035
  display: flex;
2033
2036
  flex-direction: row;
2034
2037
  }
2035
- ._inputOverlay_p0un4_13 {
2038
+ ._inputOverlay_1jq7b_13 {
2036
2039
  opacity: 0;
2037
2040
  position: absolute;
2038
2041
  z-index: 1;
2039
2042
  cursor: pointer;
2040
2043
  margin: 0;
2041
2044
  }
2042
- ._focusedCheckbox_p0un4_21 {
2043
- box-shadow: 0 0 0 4px #000;
2044
- outline: solid 2px #fff;
2045
- }
2046
- ._checkbox_p0un4_8 {
2045
+ ._checkbox_1jq7b_8 {
2047
2046
  position: relative;
2048
2047
  cursor: pointer;
2049
2048
  display: flex;
@@ -2051,35 +2050,40 @@
2051
2050
  align-items: center;
2052
2051
  box-sizing: border-box;
2053
2052
  }
2054
- ._uncheckedBox_p0un4_35 {
2053
+ ._uncheckedBox_1jq7b_30 {
2055
2054
  border: 2px solid;
2056
2055
  }
2057
- ._uncheckedBorder_p0un4_39 {
2056
+ ._uncheckedBorder_1jq7b_34 {
2058
2057
  border-color: var(--color-base-primary-700);
2059
2058
  }
2060
- ._uncheckedErrorBorder_p0un4_43 {
2059
+ ._uncheckedErrorBorder_1jq7b_38 {
2061
2060
  border-color: var(--color-base-destructive-700);
2062
2061
  }
2063
- ._checkedBox_p0un4_47 {
2062
+ ._checkedBox_1jq7b_42 {
2064
2063
  color: #fff;
2065
2064
  }
2066
- ._checkedNonError_p0un4_51 {
2065
+ ._checkedNonError_1jq7b_46 {
2067
2066
  background: var(--color-base-primary-700);
2068
2067
  }
2069
- ._checkedError_p0un4_55 {
2068
+ ._checkedError_1jq7b_50 {
2070
2069
  background: var(--color-base-destructive-700);
2071
2070
  }
2072
- ._sm_p0un4_59 {
2071
+ ._sm_1jq7b_54 {
2073
2072
  height: 16px;
2074
2073
  width: 16px;
2075
2074
  border-radius: 6px;
2076
2075
  }
2077
- ._md_p0un4_65 {
2076
+ ._md_1jq7b_60 {
2078
2077
  height: 24px;
2079
2078
  width: 24px;
2080
2079
  border-radius: 8px;
2081
2080
  }
2082
2081
 
2082
+ /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css/#css-module-data */
2083
+ ._accessibilityOutlineFocus_1h8bq_1 {
2084
+ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
2085
+ }
2086
+
2083
2087
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/MiniActionCard/MiniActionCard.module.css/#css-module-data */
2084
2088
  ._miniActionCard_qebkn_1 {
2085
2089
  border-radius: 24px;
@@ -2100,84 +2104,80 @@
2100
2104
  }
2101
2105
 
2102
2106
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css/#css-module-data */
2103
- ._radioBaseContainer_x6och_1 {
2107
+ ._radioBaseContainer_144ms_1 {
2104
2108
  display: flex;
2105
2109
  flex-direction: row;
2106
2110
  align-items: center;
2107
2111
  cursor: pointer;
2108
2112
  }
2109
- ._smBase_x6och_8 {
2113
+ ._smBase_144ms_8 {
2110
2114
  height: 16px;
2111
2115
  gap: 4px;
2112
2116
  }
2113
- ._mdBase_x6och_13 {
2117
+ ._mdBase_144ms_13 {
2114
2118
  height: 32px;
2115
2119
  gap: 16px;
2116
2120
  }
2117
- ._radioStyleOverride_x6och_18 {
2121
+ ._radioStyleOverride_144ms_18 {
2118
2122
  opacity: 0;
2119
2123
  margin: 0;
2120
2124
  }
2121
- ._smOverride_x6och_23 {
2125
+ ._smOverride_144ms_23 {
2122
2126
  width: 16px;
2123
2127
  height: 16px;
2124
2128
  }
2125
- ._mdOverride_x6och_28 {
2129
+ ._mdOverride_144ms_28 {
2126
2130
  width: 24px;
2127
2131
  height: 24px;
2128
2132
  }
2129
- ._background_x6och_33 {
2133
+ ._background_144ms_33 {
2130
2134
  position: absolute;
2131
2135
  box-sizing: border-box;
2132
2136
  }
2133
- ._sm_x6och_8 {
2137
+ ._sm_144ms_8 {
2134
2138
  height: 16px;
2135
2139
  width: 16px;
2136
2140
  border-radius: 8px;
2137
2141
  }
2138
- ._md_x6och_13 {
2142
+ ._md_144ms_13 {
2139
2143
  height: 24px;
2140
2144
  width: 24px;
2141
2145
  border-radius: 12px;
2142
2146
  }
2143
- ._neutralBorder_x6och_50 {
2147
+ ._neutralBorder_144ms_50 {
2144
2148
  border: 2px solid;
2145
2149
  }
2146
- ._smCheckedBorder_x6och_54 {
2150
+ ._smCheckedBorder_144ms_54 {
2147
2151
  border: 5px solid;
2148
2152
  }
2149
- ._mdCheckedBorder_x6och_58 {
2153
+ ._mdCheckedBorder_144ms_58 {
2150
2154
  border: 8px solid;
2151
2155
  }
2152
- ._errorBorderColor_x6och_62 {
2156
+ ._errorBorderColor_144ms_62 {
2153
2157
  border-color: var(--color-base-destructive-700);
2154
2158
  }
2155
- ._borderColor_x6och_66 {
2159
+ ._borderColor_144ms_66 {
2156
2160
  border-color: var(--color-base-primary-700);
2157
2161
  }
2158
- ._focusedRadioButton_x6och_70 {
2159
- box-shadow: 0 0 0 4px #000;
2160
- outline: solid 2px #fff;
2161
- }
2162
2162
 
2163
2163
  /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
2164
- ._selectContainer_1y5p4_1 {
2164
+ ._selectContainer_1e7f9_1 {
2165
2165
  display: flex;
2166
2166
  flex-direction: column;
2167
2167
  gap: 8px;
2168
2168
  }
2169
- ._opacityOverlay_1y5p4_7 {
2169
+ ._opacityOverlay_1e7f9_7 {
2170
2170
  opacity: 0.3;
2171
2171
  }
2172
- ._outerTextContainer_1y5p4_11 {
2172
+ ._outerTextContainer_1e7f9_11 {
2173
2173
  padding-inline-start: 4px;
2174
2174
  padding-inline-end: 4px;
2175
2175
  }
2176
- ._selectWrapper_1y5p4_16 {
2176
+ ._selectWrapper_1e7f9_16 {
2177
2177
  display: flex;
2178
2178
  position: relative;
2179
2179
  }
2180
- ._selectBox_1y5p4_21 {
2180
+ ._selectBox_1e7f9_21 {
2181
2181
  width: 100%;
2182
2182
  padding: 0 12px;
2183
2183
  display: flex;
@@ -2197,17 +2197,17 @@
2197
2197
  sans-serif;
2198
2198
  margin: 0;
2199
2199
  }
2200
- ._selectBox_1y5p4_21:focus-visible {
2201
- box-shadow: 0 0 0 4px #000;
2202
- outline: solid 2px #fff;
2200
+ ._seletBoxMouseFocusStyling_1e7f9_35 {
2201
+ border: 1px solid var(--color-base-primary-700);
2202
+ box-shadow: 0 0 0 1px var(--color-base-primary-700);
2203
2203
  }
2204
- ._unselected_1y5p4_40 {
2204
+ ._unselected_1e7f9_40 {
2205
2205
  color: var(--color-base-gray-700);
2206
2206
  }
2207
- ._selected_1y5p4_44 {
2207
+ ._selected_1e7f9_44 {
2208
2208
  color: var(--color-base-gray-800);
2209
2209
  }
2210
- ._arrowIcon_1y5p4_48 {
2210
+ ._arrowIcon_1e7f9_48 {
2211
2211
  display: flex;
2212
2212
  position: absolute;
2213
2213
  right: 0;
@@ -2216,22 +2216,22 @@
2216
2216
  padding-inline-end: 8px;
2217
2217
  pointer-events: none;
2218
2218
  }
2219
- ._selectBox_1y5p4_21:disabled {
2219
+ ._selectBox_1e7f9_21:disabled {
2220
2220
  cursor: auto;
2221
2221
  }
2222
- ._sm_1y5p4_62 {
2222
+ ._sm_1e7f9_62 {
2223
2223
  height: 32px;
2224
2224
  border-radius: 12px;
2225
2225
  }
2226
- ._md_1y5p4_67 {
2226
+ ._md_1e7f9_67 {
2227
2227
  height: 40px;
2228
2228
  border-radius: 12px;
2229
2229
  }
2230
- ._lg_1y5p4_72 {
2230
+ ._lg_1e7f9_72 {
2231
2231
  height: 48px;
2232
2232
  border-radius: 16px;
2233
2233
  }
2234
- ._selectError_1y5p4_77 {
2234
+ ._selectError_1e7f9_77 {
2235
2235
  color: var(--color-base-destructive-700);
2236
2236
  border-color: var(--color-base-destructive-700);
2237
2237
  background-color: var(--color-base-destructive-100);