@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 +103 -103
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +107 -95
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +108 -96
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
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
|
-
.
|
|
1580
|
+
._inheritColor_11wj3_2 {
|
|
1581
1581
|
color: inherit;
|
|
1582
1582
|
}
|
|
1583
|
-
.
|
|
1583
|
+
._destructive700Color_11wj3_6 {
|
|
1584
1584
|
color: var(--color-base-destructive-700);
|
|
1585
1585
|
}
|
|
1586
|
-
.
|
|
1586
|
+
._gray700Color_11wj3_10 {
|
|
1587
1587
|
color: var(--color-base-gray-700);
|
|
1588
1588
|
}
|
|
1589
|
-
.
|
|
1589
|
+
._gray900Color_11wj3_14 {
|
|
1590
1590
|
color: var(--color-base-gray-900);
|
|
1591
1591
|
}
|
|
1592
|
-
.
|
|
1592
|
+
._primary700Color_11wj3_18 {
|
|
1593
1593
|
color: var(--color-base-primary-700);
|
|
1594
1594
|
}
|
|
1595
|
-
.
|
|
1595
|
+
._whiteColor_11wj3_22 {
|
|
1596
1596
|
color: var(--color-base-white);
|
|
1597
1597
|
}
|
|
1598
|
-
.
|
|
1598
|
+
._blackBackgroundColor_11wj3_27 {
|
|
1599
1599
|
background-color: var(--color-base-black);
|
|
1600
1600
|
}
|
|
1601
|
-
.
|
|
1601
|
+
._destructive100BackgroundColor_11wj3_31 {
|
|
1602
1602
|
background-color: var(--color-base-destructive-100);
|
|
1603
1603
|
}
|
|
1604
|
-
.
|
|
1604
|
+
._destructive200BackgroundColor_11wj3_35 {
|
|
1605
1605
|
background-color: var(--color-base-destructive-200);
|
|
1606
1606
|
}
|
|
1607
|
-
.
|
|
1607
|
+
._destructive300BackgroundColor_11wj3_39 {
|
|
1608
1608
|
background-color: var(--color-base-destructive-300);
|
|
1609
1609
|
}
|
|
1610
|
-
.
|
|
1610
|
+
._destructive700BackgroundColor_11wj3_43 {
|
|
1611
1611
|
background-color: var(--color-base-destructive-700);
|
|
1612
1612
|
}
|
|
1613
|
-
.
|
|
1613
|
+
._destructive800BackgroundColor_11wj3_47 {
|
|
1614
1614
|
background-color: var(--color-base-destructive-800);
|
|
1615
1615
|
}
|
|
1616
|
-
.
|
|
1616
|
+
._destructive900BackgroundColor_11wj3_51 {
|
|
1617
1617
|
background-color: var(--color-base-destructive-900);
|
|
1618
1618
|
}
|
|
1619
|
-
.
|
|
1619
|
+
._gray10BackgroundColor_11wj3_55 {
|
|
1620
1620
|
background-color: var(--color-base-gray-10);
|
|
1621
1621
|
}
|
|
1622
|
-
.
|
|
1622
|
+
._gray30BackgroundColor_11wj3_59 {
|
|
1623
1623
|
background-color: var(--color-base-gray-30);
|
|
1624
1624
|
}
|
|
1625
|
-
.
|
|
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
|
-
.
|
|
1631
|
+
._gray100BackgroundColor_11wj3_71 {
|
|
1629
1632
|
background-color: var(--color-base-gray-100);
|
|
1630
1633
|
}
|
|
1631
|
-
.
|
|
1634
|
+
._gray200BackgroundColor_11wj3_75 {
|
|
1632
1635
|
background-color: var(--color-base-gray-200);
|
|
1633
1636
|
}
|
|
1634
|
-
.
|
|
1637
|
+
._gray300BackgroundColor_11wj3_79 {
|
|
1635
1638
|
background-color: var(--color-base-gray-300);
|
|
1636
1639
|
}
|
|
1637
|
-
.
|
|
1640
|
+
._gray700BackgroundColor_11wj3_83 {
|
|
1638
1641
|
background-color: var(--color-base-gray-700);
|
|
1639
1642
|
}
|
|
1640
|
-
.
|
|
1643
|
+
._gray800BackgroundColor_11wj3_87 {
|
|
1641
1644
|
background-color: var(--color-base-gray-800);
|
|
1642
1645
|
}
|
|
1643
|
-
.
|
|
1646
|
+
._gray900BackgroundColor_11wj3_91 {
|
|
1644
1647
|
background-color: var(--color-base-gray-900);
|
|
1645
1648
|
}
|
|
1646
|
-
.
|
|
1649
|
+
._orange100BackgroundColor_11wj3_95 {
|
|
1647
1650
|
background-color: var(--color-base-orange-100);
|
|
1648
1651
|
}
|
|
1649
|
-
.
|
|
1652
|
+
._orange200BackgroundColor_11wj3_99 {
|
|
1650
1653
|
background-color: var(--color-base-orange-200);
|
|
1651
1654
|
}
|
|
1652
|
-
.
|
|
1655
|
+
._orange300BackgroundColor_11wj3_103 {
|
|
1653
1656
|
background-color: var(--color-base-orange-300);
|
|
1654
1657
|
}
|
|
1655
|
-
.
|
|
1658
|
+
._orange700BackgroundColor_11wj3_107 {
|
|
1656
1659
|
background-color: var(--color-base-orange-700);
|
|
1657
1660
|
}
|
|
1658
|
-
.
|
|
1661
|
+
._orange800BackgroundColor_11wj3_111 {
|
|
1659
1662
|
background-color: var(--color-base-orange-800);
|
|
1660
1663
|
}
|
|
1661
|
-
.
|
|
1664
|
+
._orange900BackgroundColor_11wj3_115 {
|
|
1662
1665
|
background-color: var(--color-base-orange-900);
|
|
1663
1666
|
}
|
|
1664
|
-
.
|
|
1667
|
+
._primary100BackgroundColor_11wj3_119 {
|
|
1665
1668
|
background-color: var(--color-base-primary-100);
|
|
1666
1669
|
}
|
|
1667
|
-
.
|
|
1670
|
+
._primary200BackgroundColor_11wj3_123 {
|
|
1668
1671
|
background-color: var(--color-base-primary-200);
|
|
1669
1672
|
}
|
|
1670
|
-
.
|
|
1673
|
+
._primary300BackgroundColor_11wj3_127 {
|
|
1671
1674
|
background-color: var(--color-base-primary-300);
|
|
1672
1675
|
}
|
|
1673
|
-
.
|
|
1676
|
+
._primary700BackgroundColor_11wj3_131 {
|
|
1674
1677
|
background-color: var(--color-base-primary-700);
|
|
1675
1678
|
}
|
|
1676
|
-
.
|
|
1679
|
+
._primary800BackgroundColor_11wj3_135 {
|
|
1677
1680
|
background-color: var(--color-base-primary-800);
|
|
1678
1681
|
}
|
|
1679
|
-
.
|
|
1682
|
+
._primary900BackgroundColor_11wj3_139 {
|
|
1680
1683
|
background-color: var(--color-base-primary-900);
|
|
1681
1684
|
}
|
|
1682
|
-
.
|
|
1685
|
+
._success100BackgroundColor_11wj3_143 {
|
|
1683
1686
|
background-color: var(--color-base-success-100);
|
|
1684
1687
|
}
|
|
1685
|
-
.
|
|
1688
|
+
._success200BackgroundColor_11wj3_147 {
|
|
1686
1689
|
background-color: var(--color-base-success-200);
|
|
1687
1690
|
}
|
|
1688
|
-
.
|
|
1691
|
+
._success300BackgroundColor_11wj3_151 {
|
|
1689
1692
|
background-color: var(--color-base-success-300);
|
|
1690
1693
|
}
|
|
1691
|
-
.
|
|
1694
|
+
._success700BackgroundColor_11wj3_155 {
|
|
1692
1695
|
background-color: var(--color-base-success-700);
|
|
1693
1696
|
}
|
|
1694
|
-
.
|
|
1697
|
+
._success800BackgroundColor_11wj3_159 {
|
|
1695
1698
|
background-color: var(--color-base-success-800);
|
|
1696
1699
|
}
|
|
1697
|
-
.
|
|
1700
|
+
._success900BackgroundColor_11wj3_163 {
|
|
1698
1701
|
background-color: var(--color-base-success-900);
|
|
1699
1702
|
}
|
|
1700
|
-
.
|
|
1703
|
+
._purple100BackgroundColor_11wj3_167 {
|
|
1701
1704
|
background-color: var(--color-base-purple-100);
|
|
1702
1705
|
}
|
|
1703
|
-
.
|
|
1706
|
+
._purple200BackgroundColor_11wj3_171 {
|
|
1704
1707
|
background-color: var(--color-base-purple-200);
|
|
1705
1708
|
}
|
|
1706
|
-
.
|
|
1709
|
+
._purple300BackgroundColor_11wj3_175 {
|
|
1707
1710
|
background-color: var(--color-base-purple-300);
|
|
1708
1711
|
}
|
|
1709
|
-
.
|
|
1712
|
+
._purple700BackgroundColor_11wj3_179 {
|
|
1710
1713
|
background-color: var(--color-base-purple-700);
|
|
1711
1714
|
}
|
|
1712
|
-
.
|
|
1715
|
+
._purple800BackgroundColor_11wj3_183 {
|
|
1713
1716
|
background-color: var(--color-base-purple-800);
|
|
1714
1717
|
}
|
|
1715
|
-
.
|
|
1718
|
+
._purple900BackgroundColor_11wj3_187 {
|
|
1716
1719
|
background-color: var(--color-base-purple-900);
|
|
1717
1720
|
}
|
|
1718
|
-
.
|
|
1721
|
+
._whiteBackgroundColor_11wj3_191 {
|
|
1719
1722
|
background-color: var(--color-base-white);
|
|
1720
1723
|
}
|
|
1721
|
-
.
|
|
1724
|
+
._yellow100BackgroundColor_11wj3_195 {
|
|
1722
1725
|
background-color: var(--color-base-yellow-100);
|
|
1723
1726
|
}
|
|
1724
|
-
.
|
|
1727
|
+
._yellow200BackgroundColor_11wj3_199 {
|
|
1725
1728
|
background-color: var(--color-base-yellow-200);
|
|
1726
1729
|
}
|
|
1727
|
-
.
|
|
1730
|
+
._yellow300BackgroundColor_11wj3_203 {
|
|
1728
1731
|
background-color: var(--color-base-yellow-300);
|
|
1729
1732
|
}
|
|
1730
|
-
.
|
|
1733
|
+
._yellow700BackgroundColor_11wj3_207 {
|
|
1731
1734
|
background-color: var(--color-base-yellow-700);
|
|
1732
1735
|
}
|
|
1733
|
-
.
|
|
1736
|
+
._yellow800BackgroundColor_11wj3_211 {
|
|
1734
1737
|
background-color: var(--color-base-yellow-800);
|
|
1735
1738
|
}
|
|
1736
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2034
|
+
._checkboxContainer_1jq7b_8 {
|
|
2032
2035
|
display: flex;
|
|
2033
2036
|
flex-direction: row;
|
|
2034
2037
|
}
|
|
2035
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2053
|
+
._uncheckedBox_1jq7b_30 {
|
|
2055
2054
|
border: 2px solid;
|
|
2056
2055
|
}
|
|
2057
|
-
.
|
|
2056
|
+
._uncheckedBorder_1jq7b_34 {
|
|
2058
2057
|
border-color: var(--color-base-primary-700);
|
|
2059
2058
|
}
|
|
2060
|
-
.
|
|
2059
|
+
._uncheckedErrorBorder_1jq7b_38 {
|
|
2061
2060
|
border-color: var(--color-base-destructive-700);
|
|
2062
2061
|
}
|
|
2063
|
-
.
|
|
2062
|
+
._checkedBox_1jq7b_42 {
|
|
2064
2063
|
color: #fff;
|
|
2065
2064
|
}
|
|
2066
|
-
.
|
|
2065
|
+
._checkedNonError_1jq7b_46 {
|
|
2067
2066
|
background: var(--color-base-primary-700);
|
|
2068
2067
|
}
|
|
2069
|
-
.
|
|
2068
|
+
._checkedError_1jq7b_50 {
|
|
2070
2069
|
background: var(--color-base-destructive-700);
|
|
2071
2070
|
}
|
|
2072
|
-
.
|
|
2071
|
+
._sm_1jq7b_54 {
|
|
2073
2072
|
height: 16px;
|
|
2074
2073
|
width: 16px;
|
|
2075
2074
|
border-radius: 6px;
|
|
2076
2075
|
}
|
|
2077
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
2113
|
+
._smBase_144ms_8 {
|
|
2110
2114
|
height: 16px;
|
|
2111
2115
|
gap: 4px;
|
|
2112
2116
|
}
|
|
2113
|
-
.
|
|
2117
|
+
._mdBase_144ms_13 {
|
|
2114
2118
|
height: 32px;
|
|
2115
2119
|
gap: 16px;
|
|
2116
2120
|
}
|
|
2117
|
-
.
|
|
2121
|
+
._radioStyleOverride_144ms_18 {
|
|
2118
2122
|
opacity: 0;
|
|
2119
2123
|
margin: 0;
|
|
2120
2124
|
}
|
|
2121
|
-
.
|
|
2125
|
+
._smOverride_144ms_23 {
|
|
2122
2126
|
width: 16px;
|
|
2123
2127
|
height: 16px;
|
|
2124
2128
|
}
|
|
2125
|
-
.
|
|
2129
|
+
._mdOverride_144ms_28 {
|
|
2126
2130
|
width: 24px;
|
|
2127
2131
|
height: 24px;
|
|
2128
2132
|
}
|
|
2129
|
-
.
|
|
2133
|
+
._background_144ms_33 {
|
|
2130
2134
|
position: absolute;
|
|
2131
2135
|
box-sizing: border-box;
|
|
2132
2136
|
}
|
|
2133
|
-
.
|
|
2137
|
+
._sm_144ms_8 {
|
|
2134
2138
|
height: 16px;
|
|
2135
2139
|
width: 16px;
|
|
2136
2140
|
border-radius: 8px;
|
|
2137
2141
|
}
|
|
2138
|
-
.
|
|
2142
|
+
._md_144ms_13 {
|
|
2139
2143
|
height: 24px;
|
|
2140
2144
|
width: 24px;
|
|
2141
2145
|
border-radius: 12px;
|
|
2142
2146
|
}
|
|
2143
|
-
.
|
|
2147
|
+
._neutralBorder_144ms_50 {
|
|
2144
2148
|
border: 2px solid;
|
|
2145
2149
|
}
|
|
2146
|
-
.
|
|
2150
|
+
._smCheckedBorder_144ms_54 {
|
|
2147
2151
|
border: 5px solid;
|
|
2148
2152
|
}
|
|
2149
|
-
.
|
|
2153
|
+
._mdCheckedBorder_144ms_58 {
|
|
2150
2154
|
border: 8px solid;
|
|
2151
2155
|
}
|
|
2152
|
-
.
|
|
2156
|
+
._errorBorderColor_144ms_62 {
|
|
2153
2157
|
border-color: var(--color-base-destructive-700);
|
|
2154
2158
|
}
|
|
2155
|
-
.
|
|
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
|
-
.
|
|
2164
|
+
._selectContainer_1e7f9_1 {
|
|
2165
2165
|
display: flex;
|
|
2166
2166
|
flex-direction: column;
|
|
2167
2167
|
gap: 8px;
|
|
2168
2168
|
}
|
|
2169
|
-
.
|
|
2169
|
+
._opacityOverlay_1e7f9_7 {
|
|
2170
2170
|
opacity: 0.3;
|
|
2171
2171
|
}
|
|
2172
|
-
.
|
|
2172
|
+
._outerTextContainer_1e7f9_11 {
|
|
2173
2173
|
padding-inline-start: 4px;
|
|
2174
2174
|
padding-inline-end: 4px;
|
|
2175
2175
|
}
|
|
2176
|
-
.
|
|
2176
|
+
._selectWrapper_1e7f9_16 {
|
|
2177
2177
|
display: flex;
|
|
2178
2178
|
position: relative;
|
|
2179
2179
|
}
|
|
2180
|
-
.
|
|
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
|
-
.
|
|
2201
|
-
|
|
2202
|
-
|
|
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
|
-
.
|
|
2204
|
+
._unselected_1e7f9_40 {
|
|
2205
2205
|
color: var(--color-base-gray-700);
|
|
2206
2206
|
}
|
|
2207
|
-
.
|
|
2207
|
+
._selected_1e7f9_44 {
|
|
2208
2208
|
color: var(--color-base-gray-800);
|
|
2209
2209
|
}
|
|
2210
|
-
.
|
|
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
|
-
.
|
|
2219
|
+
._selectBox_1e7f9_21:disabled {
|
|
2220
2220
|
cursor: auto;
|
|
2221
2221
|
}
|
|
2222
|
-
.
|
|
2222
|
+
._sm_1e7f9_62 {
|
|
2223
2223
|
height: 32px;
|
|
2224
2224
|
border-radius: 12px;
|
|
2225
2225
|
}
|
|
2226
|
-
.
|
|
2226
|
+
._md_1e7f9_67 {
|
|
2227
2227
|
height: 40px;
|
|
2228
2228
|
border-radius: 12px;
|
|
2229
2229
|
}
|
|
2230
|
-
.
|
|
2230
|
+
._lg_1e7f9_72 {
|
|
2231
2231
|
height: 48px;
|
|
2232
2232
|
border-radius: 16px;
|
|
2233
2233
|
}
|
|
2234
|
-
.
|
|
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);
|