@cambly/syntax-core 10.7.0 → 10.8.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.
Files changed (370) hide show
  1. package/dist/Avatar/Avatar.cjs +5 -5
  2. package/dist/Avatar/Avatar.css +268 -55
  3. package/dist/Avatar/Avatar.css.map +1 -1
  4. package/dist/Avatar/Avatar.d.ts +1 -1
  5. package/dist/Avatar/Avatar.js +4 -4
  6. package/dist/AvatarGroup/AvatarGroup.cjs +4 -4
  7. package/dist/AvatarGroup/AvatarGroup.css +268 -55
  8. package/dist/AvatarGroup/AvatarGroup.css.map +1 -1
  9. package/dist/AvatarGroup/AvatarGroup.js +3 -3
  10. package/dist/Badge/Badge.cjs +5 -5
  11. package/dist/Badge/Badge.css +268 -55
  12. package/dist/Badge/Badge.css.map +1 -1
  13. package/dist/Badge/Badge.d.ts +1 -1
  14. package/dist/Badge/Badge.js +4 -4
  15. package/dist/Box/Box.cjs +3 -3
  16. package/dist/Box/Box.css +268 -55
  17. package/dist/Box/Box.css.map +1 -1
  18. package/dist/Box/Box.js +2 -2
  19. package/dist/Button/Button.cjs +14 -12
  20. package/dist/Button/Button.css +365 -134
  21. package/dist/Button/Button.css.map +1 -1
  22. package/dist/Button/Button.d.ts +18 -1
  23. package/dist/Button/Button.js +13 -11
  24. package/dist/Button/constants/classicSize.cjs +10 -0
  25. package/dist/Button/constants/classicSize.cjs.map +1 -0
  26. package/dist/Button/constants/classicSize.d.ts +3 -0
  27. package/dist/Button/constants/classicSize.js +10 -0
  28. package/dist/Button/constants/classicSize.js.map +1 -0
  29. package/dist/Button/constants/color.cjs +10 -0
  30. package/dist/Button/constants/color.cjs.map +1 -0
  31. package/dist/Button/constants/color.d.ts +4 -0
  32. package/dist/Button/constants/color.js +10 -0
  33. package/dist/Button/constants/color.js.map +1 -0
  34. package/dist/Button/constants/iconSize.cjs +3 -2
  35. package/dist/Button/constants/iconSize.css +38 -20
  36. package/dist/Button/constants/iconSize.css.map +1 -1
  37. package/dist/Button/constants/iconSize.js +2 -1
  38. package/dist/Button/constants/loadingIconSize.cjs +2 -2
  39. package/dist/Button/constants/loadingIconSize.js +1 -1
  40. package/dist/Button/constants/textVariant.cjs +2 -2
  41. package/dist/Button/constants/textVariant.d.ts +1 -0
  42. package/dist/Button/constants/textVariant.js +1 -1
  43. package/dist/ButtonGroup/ButtonGroup.cjs +2 -2
  44. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  45. package/dist/ButtonGroup/ButtonGroup.js +1 -1
  46. package/dist/Card/Card.cjs +4 -4
  47. package/dist/Card/Card.css +268 -55
  48. package/dist/Card/Card.css.map +1 -1
  49. package/dist/Card/Card.js +3 -3
  50. package/dist/Checkbox/Checkbox.cjs +4 -4
  51. package/dist/Checkbox/Checkbox.css +268 -55
  52. package/dist/Checkbox/Checkbox.css.map +1 -1
  53. package/dist/Checkbox/Checkbox.d.ts +1 -1
  54. package/dist/Checkbox/Checkbox.js +3 -3
  55. package/dist/Chip/Chip.cjs +5 -5
  56. package/dist/Chip/Chip.css +268 -55
  57. package/dist/Chip/Chip.css.map +1 -1
  58. package/dist/Chip/Chip.js +4 -4
  59. package/dist/Dialog/Dialog.cjs +3 -3
  60. package/dist/Dialog/Dialog.css +268 -55
  61. package/dist/Dialog/Dialog.css.map +1 -1
  62. package/dist/Dialog/Dialog.js +2 -2
  63. package/dist/Dialog/ModalDialog.cjs +14 -10
  64. package/dist/Dialog/ModalDialog.css +416 -69
  65. package/dist/Dialog/ModalDialog.css.map +1 -1
  66. package/dist/Dialog/ModalDialog.js +12 -8
  67. package/dist/Heading/Heading.cjs +4 -4
  68. package/dist/Heading/Heading.css +268 -55
  69. package/dist/Heading/Heading.css.map +1 -1
  70. package/dist/Heading/Heading.d.ts +2 -2
  71. package/dist/Heading/Heading.js +3 -3
  72. package/dist/IconButton/IconButton.cjs +9 -5
  73. package/dist/IconButton/IconButton.css +416 -69
  74. package/dist/IconButton/IconButton.css.map +1 -1
  75. package/dist/IconButton/IconButton.d.ts +17 -2
  76. package/dist/IconButton/IconButton.js +8 -4
  77. package/dist/LinkButton/LinkButton.cjs +13 -10
  78. package/dist/LinkButton/LinkButton.css +365 -134
  79. package/dist/LinkButton/LinkButton.css.map +1 -1
  80. package/dist/LinkButton/LinkButton.d.ts +18 -1
  81. package/dist/LinkButton/LinkButton.js +12 -9
  82. package/dist/Modal/Layer.cjs +4 -4
  83. package/dist/Modal/Layer.css +268 -55
  84. package/dist/Modal/Layer.css.map +1 -1
  85. package/dist/Modal/Layer.js +3 -3
  86. package/dist/Modal/Modal.cjs +7 -7
  87. package/dist/Modal/Modal.css +268 -55
  88. package/dist/Modal/Modal.css.map +1 -1
  89. package/dist/Modal/Modal.js +6 -6
  90. package/dist/Popover/Popover.cjs +15 -11
  91. package/dist/Popover/Popover.css +416 -69
  92. package/dist/Popover/Popover.css.map +1 -1
  93. package/dist/Popover/Popover.js +13 -9
  94. package/dist/RadioButton/RadioButton.cjs +4 -4
  95. package/dist/RadioButton/RadioButton.css +268 -55
  96. package/dist/RadioButton/RadioButton.css.map +1 -1
  97. package/dist/RadioButton/RadioButton.d.ts +1 -1
  98. package/dist/RadioButton/RadioButton.js +3 -3
  99. package/dist/RichSelect/RichSelectBox.cjs +22 -20
  100. package/dist/RichSelect/RichSelectBox.css +365 -134
  101. package/dist/RichSelect/RichSelectBox.css.map +1 -1
  102. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  103. package/dist/RichSelect/RichSelectBox.js +20 -18
  104. package/dist/RichSelect/RichSelectChip.cjs +6 -6
  105. package/dist/RichSelect/RichSelectChip.css +268 -55
  106. package/dist/RichSelect/RichSelectChip.css.map +1 -1
  107. package/dist/RichSelect/RichSelectChip.js +5 -5
  108. package/dist/RichSelect/RichSelectList.cjs +29 -26
  109. package/dist/RichSelect/RichSelectList.css +416 -161
  110. package/dist/RichSelect/RichSelectList.css.map +1 -1
  111. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  112. package/dist/RichSelect/RichSelectList.js +27 -24
  113. package/dist/RichSelect/RichSelectRadioButton.cjs +5 -5
  114. package/dist/RichSelect/RichSelectRadioButton.css +268 -55
  115. package/dist/RichSelect/RichSelectRadioButton.css.map +1 -1
  116. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  117. package/dist/RichSelect/RichSelectRadioButton.js +4 -4
  118. package/dist/RichSelect/RichSelectSection.cjs +4 -4
  119. package/dist/RichSelect/RichSelectSection.css +268 -55
  120. package/dist/RichSelect/RichSelectSection.css.map +1 -1
  121. package/dist/RichSelect/RichSelectSection.js +3 -3
  122. package/dist/SelectList/SelectList.cjs +5 -5
  123. package/dist/SelectList/SelectList.css +268 -55
  124. package/dist/SelectList/SelectList.css.map +1 -1
  125. package/dist/SelectList/SelectList.js +4 -4
  126. package/dist/TapArea/TapArea.d.ts +1 -1
  127. package/dist/TextArea/TextArea.cjs +5 -5
  128. package/dist/TextArea/TextArea.css +268 -55
  129. package/dist/TextArea/TextArea.css.map +1 -1
  130. package/dist/TextArea/TextArea.js +4 -4
  131. package/dist/TextField/TextField.cjs +5 -5
  132. package/dist/TextField/TextField.css +268 -55
  133. package/dist/TextField/TextField.css.map +1 -1
  134. package/dist/TextField/TextField.js +4 -4
  135. package/dist/ThemeProvider/ThemeProvider.cjs +10 -0
  136. package/dist/ThemeProvider/ThemeProvider.cjs.map +1 -0
  137. package/dist/ThemeProvider/ThemeProvider.d.ts +13 -0
  138. package/dist/ThemeProvider/ThemeProvider.js +10 -0
  139. package/dist/ThemeProvider/ThemeProvider.js.map +1 -0
  140. package/dist/Tooltip/Tooltip.cjs +4 -4
  141. package/dist/Tooltip/Tooltip.css +268 -55
  142. package/dist/Tooltip/Tooltip.css.map +1 -1
  143. package/dist/Tooltip/Tooltip.js +3 -3
  144. package/dist/Typography/Typography.cjs +3 -3
  145. package/dist/Typography/Typography.css +268 -55
  146. package/dist/Typography/Typography.css.map +1 -1
  147. package/dist/Typography/Typography.d.ts +5 -5
  148. package/dist/Typography/Typography.js +2 -2
  149. package/dist/__chunks/{FMSBGH2I.cjs → 2OKXRMSO.cjs} +8 -8
  150. package/dist/__chunks/33HJ72Y2.cjs +7 -0
  151. package/dist/__chunks/33HJ72Y2.cjs.map +1 -0
  152. package/dist/__chunks/{JYDZTZIK.cjs → 3BFH4YPH.cjs} +6 -6
  153. package/dist/__chunks/{QNBZ64IE.cjs → 3QJ5N4GA.cjs} +5 -5
  154. package/dist/__chunks/4H5DX5BW.cjs +124 -0
  155. package/dist/__chunks/4H5DX5BW.cjs.map +1 -0
  156. package/dist/__chunks/{PEKXH4DM.js → 4LYJ2Z5F.js} +2 -2
  157. package/dist/__chunks/{LCZ57HZU.js → 4PICWHAJ.js} +3 -3
  158. package/dist/__chunks/{QQWCNTE4.cjs → 4QLZTDKE.cjs} +5 -5
  159. package/dist/__chunks/4YO26FWL.cjs +7 -0
  160. package/dist/__chunks/4YO26FWL.cjs.map +1 -0
  161. package/dist/__chunks/{V3ZO4D37.js → 53IMFXFX.js} +2 -2
  162. package/dist/__chunks/5I67FE26.js +7 -0
  163. package/dist/__chunks/5I67FE26.js.map +1 -0
  164. package/dist/__chunks/{ZG64UIHG.cjs → 5JI6NPPE.cjs} +6 -6
  165. package/dist/__chunks/5NIFOD6K.cjs +214 -0
  166. package/dist/__chunks/5NIFOD6K.cjs.map +1 -0
  167. package/dist/__chunks/5OB72SMM.js +7 -0
  168. package/dist/__chunks/5OB72SMM.js.map +1 -0
  169. package/dist/__chunks/5WQ23BQE.js +135 -0
  170. package/dist/__chunks/5WQ23BQE.js.map +1 -0
  171. package/dist/__chunks/{2RCQTGOZ.cjs → 63LUPH3X.cjs} +3 -3
  172. package/dist/__chunks/{G55FUPF2.js → 74UCGNED.js} +2 -2
  173. package/dist/__chunks/{UYBMLRXR.js → 77GCYQJQ.js} +4 -4
  174. package/dist/__chunks/{36B62A3Z.cjs → 7AYSDTC6.cjs} +5 -4
  175. package/dist/__chunks/7AYSDTC6.cjs.map +1 -0
  176. package/dist/__chunks/{YBP5BNDH.cjs → 7W3S3GV2.cjs} +3 -3
  177. package/dist/__chunks/A72TS5OX.cjs +15 -0
  178. package/dist/__chunks/A72TS5OX.cjs.map +1 -0
  179. package/dist/__chunks/{VY7MJTPK.js → A7HHS3KY.js} +3 -3
  180. package/dist/__chunks/{SYX4XARK.cjs → AVING5PW.cjs} +1 -1
  181. package/dist/__chunks/{SYX4XARK.cjs.map → AVING5PW.cjs.map} +1 -1
  182. package/dist/__chunks/{EWCLQBKV.cjs → AXP5KWIY.cjs} +8 -8
  183. package/dist/__chunks/{PJIXYQPE.js → BANKR5VQ.js} +3 -3
  184. package/dist/__chunks/{SAEVPDUP.js → CGFXAKKI.js} +4 -4
  185. package/dist/__chunks/CGFXAKKI.js.map +1 -0
  186. package/dist/__chunks/{VBSJSA3B.js → CS6U6WBZ.js} +3 -3
  187. package/dist/__chunks/DSGIOBWG.js +7 -0
  188. package/dist/__chunks/DSGIOBWG.js.map +1 -0
  189. package/dist/__chunks/{4KGKMDFD.cjs → DU7RZXSR.cjs} +6 -6
  190. package/dist/__chunks/{6YWV3WYB.cjs → DWAH45NN.cjs} +24 -24
  191. package/dist/__chunks/{MVXPGMCV.js → E6XEQ7AW.js} +3 -3
  192. package/dist/__chunks/EJTCFSQF.cjs +135 -0
  193. package/dist/__chunks/EJTCFSQF.cjs.map +1 -0
  194. package/dist/__chunks/{GOSWBV5D.cjs → EW5FQDYY.cjs} +3 -3
  195. package/dist/__chunks/{JUUIXL6A.js → FKV5VN7F.js} +3 -3
  196. package/dist/__chunks/{XT2JUTU3.js → FXDPBBRB.js} +4 -4
  197. package/dist/__chunks/{FMSI35YS.cjs → GQC7B3U6.cjs} +3 -3
  198. package/dist/__chunks/HVGUWZ5I.js +214 -0
  199. package/dist/__chunks/HVGUWZ5I.js.map +1 -0
  200. package/dist/__chunks/{TJHCYMPV.js → I5W7ECUO.js} +2 -2
  201. package/dist/__chunks/{LJHH6KUW.js → IISMRA4R.js} +4 -4
  202. package/dist/__chunks/IISMRA4R.js.map +1 -0
  203. package/dist/__chunks/{ZX5KONS2.cjs → JBNXAIXY.cjs} +9 -9
  204. package/dist/__chunks/{5DBWL6IK.js → JXZMI4WT.js} +5 -4
  205. package/dist/__chunks/JXZMI4WT.js.map +1 -0
  206. package/dist/__chunks/{HR5QOB3U.cjs → JYKKN54U.cjs} +12 -12
  207. package/dist/__chunks/K3H7QFPB.js +23 -0
  208. package/dist/__chunks/K3H7QFPB.js.map +1 -0
  209. package/dist/__chunks/{5TKLFG5Y.cjs → KX4HD3Q3.cjs} +17 -17
  210. package/dist/__chunks/{M2T7D4DC.js → LIP6F5HL.js} +2 -2
  211. package/dist/__chunks/{TBAJ7VLZ.cjs → LQ6T5UCI.cjs} +4 -4
  212. package/dist/__chunks/LQ6T5UCI.cjs.map +1 -0
  213. package/dist/__chunks/MF7Q6ZSW.cjs +56 -0
  214. package/dist/__chunks/MF7Q6ZSW.cjs.map +1 -0
  215. package/dist/__chunks/{W7CSNF2M.cjs → MGHMASZR.cjs} +3 -3
  216. package/dist/__chunks/{NRTSRS2D.js → NGCJ3BBY.js} +2 -2
  217. package/dist/__chunks/OSGLKEGE.js +95 -0
  218. package/dist/__chunks/OSGLKEGE.js.map +1 -0
  219. package/dist/__chunks/{KCYZNZBO.cjs → P7UEPXTA.cjs} +7 -7
  220. package/dist/__chunks/PKXXQ3OV.js +15 -0
  221. package/dist/__chunks/PKXXQ3OV.js.map +1 -0
  222. package/dist/__chunks/{JWFHLI33.js → PLF2SHYM.js} +3 -3
  223. package/dist/__chunks/PSWX5DBC.cjs +23 -0
  224. package/dist/__chunks/PSWX5DBC.cjs.map +1 -0
  225. package/dist/__chunks/R7VED2O3.cjs +95 -0
  226. package/dist/__chunks/R7VED2O3.cjs.map +1 -0
  227. package/dist/__chunks/{JKXOZUCV.js → RMC2RSHW.js} +2 -2
  228. package/dist/__chunks/{AGEHF4UW.js → SCOOHJY4.js} +3 -3
  229. package/dist/__chunks/{YEXWMX72.cjs → SPWDKPHT.cjs} +3 -3
  230. package/dist/__chunks/{JHAV5OTQ.js → SSFANAKU.js} +9 -9
  231. package/dist/__chunks/{5SMR5MWY.cjs → SZCVEBN2.cjs} +3 -3
  232. package/dist/__chunks/TF76F532.cjs +7 -0
  233. package/dist/__chunks/TF76F532.cjs.map +1 -0
  234. package/dist/__chunks/{B2TFERTM.js → TGGJZ5GF.js} +2 -2
  235. package/dist/__chunks/{PBOQIXCB.cjs → TZX4M4BC.cjs} +4 -4
  236. package/dist/__chunks/TZX4M4BC.cjs.map +1 -0
  237. package/dist/__chunks/{E4BJX2H5.js → UWLK56NJ.js} +2 -2
  238. package/dist/__chunks/{IJVFSOXU.cjs → VA23P3ZI.cjs} +3 -3
  239. package/dist/__chunks/{TPP3XWDC.cjs → VG3KCHZI.cjs} +7 -7
  240. package/dist/__chunks/VS4SS6B3.cjs +43 -0
  241. package/dist/__chunks/VS4SS6B3.cjs.map +1 -0
  242. package/dist/__chunks/{CQOOQIYP.js → VVIDGIIT.js} +12 -12
  243. package/dist/__chunks/{FZ5HWA3S.cjs → VXNZTCXZ.cjs} +3 -3
  244. package/dist/__chunks/{LMCK5YO5.cjs → W4UIYTBG.cjs} +3 -3
  245. package/dist/__chunks/{EEYUNPFG.js → XJW7XS7M.js} +1 -1
  246. package/dist/__chunks/{EEYUNPFG.js.map → XJW7XS7M.js.map} +1 -1
  247. package/dist/__chunks/{EIYMXZ2V.js → XSO53O27.js} +41 -26
  248. package/dist/__chunks/XSO53O27.js.map +1 -0
  249. package/dist/__chunks/{DNTOWEIQ.js → YCBSKN3Q.js} +2 -2
  250. package/dist/__chunks/YHKD5YRY.js +43 -0
  251. package/dist/__chunks/YHKD5YRY.js.map +1 -0
  252. package/dist/__chunks/YOMN7RCA.js +56 -0
  253. package/dist/__chunks/YOMN7RCA.js.map +1 -0
  254. package/dist/__chunks/{XFFSBU7E.js → ZEA5JDEB.js} +2 -2
  255. package/dist/__chunks/{NDJRETMM.cjs → ZQFEITZH.cjs} +3 -3
  256. package/dist/__chunks/{HEJ3LVZG.js → ZUFGJYFB.js} +2 -2
  257. package/dist/colors/backgroundColor.cjs +5 -3
  258. package/dist/colors/backgroundColor.css +268 -55
  259. package/dist/colors/backgroundColor.css.map +1 -1
  260. package/dist/colors/backgroundColor.d.ts +4 -3
  261. package/dist/colors/backgroundColor.js +6 -4
  262. package/dist/colors/foregroundColor.cjs +5 -3
  263. package/dist/colors/foregroundColor.css +268 -55
  264. package/dist/colors/foregroundColor.css.map +1 -1
  265. package/dist/colors/foregroundColor.d.ts +4 -3
  266. package/dist/colors/foregroundColor.js +6 -4
  267. package/dist/colors/foregroundTypographyColor.cjs +19 -4
  268. package/dist/colors/foregroundTypographyColor.cjs.map +1 -1
  269. package/dist/colors/foregroundTypographyColor.js +18 -3
  270. package/dist/colors/foregroundTypographyColor.js.map +1 -1
  271. package/dist/constants.cjs +14 -1
  272. package/dist/constants.cjs.map +1 -1
  273. package/dist/constants.d.ts +2 -1
  274. package/dist/constants.js +13 -0
  275. package/dist/constants.js.map +1 -1
  276. package/dist/index.cjs +47 -41
  277. package/dist/index.css +346 -91
  278. package/dist/index.css.map +1 -1
  279. package/dist/index.d.ts +1 -0
  280. package/dist/index.js +52 -46
  281. package/package.json +2 -2
  282. package/dist/__chunks/2R4YCOYE.js +0 -120
  283. package/dist/__chunks/2R4YCOYE.js.map +0 -1
  284. package/dist/__chunks/36B62A3Z.cjs.map +0 -1
  285. package/dist/__chunks/3HVG5AGO.cjs +0 -15
  286. package/dist/__chunks/3HVG5AGO.cjs.map +0 -1
  287. package/dist/__chunks/4ICD552D.cjs +0 -31
  288. package/dist/__chunks/4ICD552D.cjs.map +0 -1
  289. package/dist/__chunks/4PWSK5GI.js +0 -15
  290. package/dist/__chunks/4PWSK5GI.js.map +0 -1
  291. package/dist/__chunks/5DBWL6IK.js.map +0 -1
  292. package/dist/__chunks/CATJI2RJ.js +0 -26
  293. package/dist/__chunks/CATJI2RJ.js.map +0 -1
  294. package/dist/__chunks/D24RSGYP.js +0 -7
  295. package/dist/__chunks/D24RSGYP.js.map +0 -1
  296. package/dist/__chunks/EIYMXZ2V.js.map +0 -1
  297. package/dist/__chunks/ERXGNP37.js +0 -7
  298. package/dist/__chunks/ERXGNP37.js.map +0 -1
  299. package/dist/__chunks/G4DDTGDI.js +0 -31
  300. package/dist/__chunks/G4DDTGDI.js.map +0 -1
  301. package/dist/__chunks/HOGVXDTO.js +0 -68
  302. package/dist/__chunks/HOGVXDTO.js.map +0 -1
  303. package/dist/__chunks/HQVZUEWO.js +0 -22
  304. package/dist/__chunks/HQVZUEWO.js.map +0 -1
  305. package/dist/__chunks/JLUYEG2L.cjs +0 -109
  306. package/dist/__chunks/JLUYEG2L.cjs.map +0 -1
  307. package/dist/__chunks/LDFTT3OI.cjs +0 -68
  308. package/dist/__chunks/LDFTT3OI.cjs.map +0 -1
  309. package/dist/__chunks/LJHH6KUW.js.map +0 -1
  310. package/dist/__chunks/NGUJFGAC.cjs +0 -7
  311. package/dist/__chunks/NGUJFGAC.cjs.map +0 -1
  312. package/dist/__chunks/PBOQIXCB.cjs.map +0 -1
  313. package/dist/__chunks/PQIPUPQ2.cjs +0 -26
  314. package/dist/__chunks/PQIPUPQ2.cjs.map +0 -1
  315. package/dist/__chunks/RAVU4WEO.cjs +0 -120
  316. package/dist/__chunks/RAVU4WEO.cjs.map +0 -1
  317. package/dist/__chunks/RLYKYCEU.cjs +0 -7
  318. package/dist/__chunks/RLYKYCEU.cjs.map +0 -1
  319. package/dist/__chunks/SAEVPDUP.js.map +0 -1
  320. package/dist/__chunks/TBAJ7VLZ.cjs.map +0 -1
  321. package/dist/__chunks/TEJLBWXV.cjs +0 -22
  322. package/dist/__chunks/TEJLBWXV.cjs.map +0 -1
  323. /package/dist/__chunks/{FMSBGH2I.cjs.map → 2OKXRMSO.cjs.map} +0 -0
  324. /package/dist/__chunks/{JYDZTZIK.cjs.map → 3BFH4YPH.cjs.map} +0 -0
  325. /package/dist/__chunks/{QNBZ64IE.cjs.map → 3QJ5N4GA.cjs.map} +0 -0
  326. /package/dist/__chunks/{PEKXH4DM.js.map → 4LYJ2Z5F.js.map} +0 -0
  327. /package/dist/__chunks/{LCZ57HZU.js.map → 4PICWHAJ.js.map} +0 -0
  328. /package/dist/__chunks/{QQWCNTE4.cjs.map → 4QLZTDKE.cjs.map} +0 -0
  329. /package/dist/__chunks/{V3ZO4D37.js.map → 53IMFXFX.js.map} +0 -0
  330. /package/dist/__chunks/{ZG64UIHG.cjs.map → 5JI6NPPE.cjs.map} +0 -0
  331. /package/dist/__chunks/{2RCQTGOZ.cjs.map → 63LUPH3X.cjs.map} +0 -0
  332. /package/dist/__chunks/{G55FUPF2.js.map → 74UCGNED.js.map} +0 -0
  333. /package/dist/__chunks/{UYBMLRXR.js.map → 77GCYQJQ.js.map} +0 -0
  334. /package/dist/__chunks/{YBP5BNDH.cjs.map → 7W3S3GV2.cjs.map} +0 -0
  335. /package/dist/__chunks/{VY7MJTPK.js.map → A7HHS3KY.js.map} +0 -0
  336. /package/dist/__chunks/{EWCLQBKV.cjs.map → AXP5KWIY.cjs.map} +0 -0
  337. /package/dist/__chunks/{PJIXYQPE.js.map → BANKR5VQ.js.map} +0 -0
  338. /package/dist/__chunks/{VBSJSA3B.js.map → CS6U6WBZ.js.map} +0 -0
  339. /package/dist/__chunks/{4KGKMDFD.cjs.map → DU7RZXSR.cjs.map} +0 -0
  340. /package/dist/__chunks/{6YWV3WYB.cjs.map → DWAH45NN.cjs.map} +0 -0
  341. /package/dist/__chunks/{MVXPGMCV.js.map → E6XEQ7AW.js.map} +0 -0
  342. /package/dist/__chunks/{GOSWBV5D.cjs.map → EW5FQDYY.cjs.map} +0 -0
  343. /package/dist/__chunks/{JUUIXL6A.js.map → FKV5VN7F.js.map} +0 -0
  344. /package/dist/__chunks/{XT2JUTU3.js.map → FXDPBBRB.js.map} +0 -0
  345. /package/dist/__chunks/{FMSI35YS.cjs.map → GQC7B3U6.cjs.map} +0 -0
  346. /package/dist/__chunks/{TJHCYMPV.js.map → I5W7ECUO.js.map} +0 -0
  347. /package/dist/__chunks/{ZX5KONS2.cjs.map → JBNXAIXY.cjs.map} +0 -0
  348. /package/dist/__chunks/{HR5QOB3U.cjs.map → JYKKN54U.cjs.map} +0 -0
  349. /package/dist/__chunks/{5TKLFG5Y.cjs.map → KX4HD3Q3.cjs.map} +0 -0
  350. /package/dist/__chunks/{M2T7D4DC.js.map → LIP6F5HL.js.map} +0 -0
  351. /package/dist/__chunks/{W7CSNF2M.cjs.map → MGHMASZR.cjs.map} +0 -0
  352. /package/dist/__chunks/{NRTSRS2D.js.map → NGCJ3BBY.js.map} +0 -0
  353. /package/dist/__chunks/{KCYZNZBO.cjs.map → P7UEPXTA.cjs.map} +0 -0
  354. /package/dist/__chunks/{JWFHLI33.js.map → PLF2SHYM.js.map} +0 -0
  355. /package/dist/__chunks/{JKXOZUCV.js.map → RMC2RSHW.js.map} +0 -0
  356. /package/dist/__chunks/{AGEHF4UW.js.map → SCOOHJY4.js.map} +0 -0
  357. /package/dist/__chunks/{YEXWMX72.cjs.map → SPWDKPHT.cjs.map} +0 -0
  358. /package/dist/__chunks/{JHAV5OTQ.js.map → SSFANAKU.js.map} +0 -0
  359. /package/dist/__chunks/{5SMR5MWY.cjs.map → SZCVEBN2.cjs.map} +0 -0
  360. /package/dist/__chunks/{B2TFERTM.js.map → TGGJZ5GF.js.map} +0 -0
  361. /package/dist/__chunks/{E4BJX2H5.js.map → UWLK56NJ.js.map} +0 -0
  362. /package/dist/__chunks/{IJVFSOXU.cjs.map → VA23P3ZI.cjs.map} +0 -0
  363. /package/dist/__chunks/{TPP3XWDC.cjs.map → VG3KCHZI.cjs.map} +0 -0
  364. /package/dist/__chunks/{CQOOQIYP.js.map → VVIDGIIT.js.map} +0 -0
  365. /package/dist/__chunks/{FZ5HWA3S.cjs.map → VXNZTCXZ.cjs.map} +0 -0
  366. /package/dist/__chunks/{LMCK5YO5.cjs.map → W4UIYTBG.cjs.map} +0 -0
  367. /package/dist/__chunks/{DNTOWEIQ.js.map → YCBSKN3Q.js.map} +0 -0
  368. /package/dist/__chunks/{XFFSBU7E.js.map → ZEA5JDEB.js.map} +0 -0
  369. /package/dist/__chunks/{NDJRETMM.cjs.map → ZQFEITZH.cjs.map} +0 -0
  370. /package/dist/__chunks/{HEJ3LVZG.js.map → ZUFGJYFB.js.map} +0 -0
@@ -1,120 +0,0 @@
1
- import {
2
- loadingIconSize_default
3
- } from "./SAEVPDUP.js";
4
- import {
5
- textVariant_default
6
- } from "./5DBWL6IK.js";
7
- import {
8
- iconSize_default
9
- } from "./4PWSK5GI.js";
10
- import {
11
- foregroundTypographyColor
12
- } from "./HQVZUEWO.js";
13
- import {
14
- foregroundColor
15
- } from "./CATJI2RJ.js";
16
- import {
17
- backgroundColor
18
- } from "./G4DDTGDI.js";
19
- import {
20
- Box_default
21
- } from "./TJHCYMPV.js";
22
- import {
23
- Typography_default
24
- } from "./B2TFERTM.js";
25
- import {
26
- useIsHydrated
27
- } from "./YJ7YDIGB.js";
28
-
29
- // src/Button/Button.tsx
30
- import { forwardRef } from "react";
31
- import classNames from "classnames";
32
-
33
- // css-module:./Button.module.css#css-module
34
- var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
35
-
36
- // src/Button/Button.tsx
37
- import { jsx, jsxs } from "react/jsx-runtime";
38
- var Button = forwardRef(
39
- ({
40
- "data-testid": dataTestId,
41
- text,
42
- loadingText,
43
- color = "primary",
44
- size = "md",
45
- accessibilityLabel,
46
- disabled = false,
47
- loading = false,
48
- fullWidth = false,
49
- startIcon: StartIcon,
50
- endIcon: EndIcon,
51
- onClick,
52
- tooltip,
53
- type = "button"
54
- }, ref) => {
55
- const isHydrated = useIsHydrated();
56
- return /* @__PURE__ */ jsxs(
57
- "button",
58
- {
59
- "data-testid": dataTestId,
60
- ref,
61
- "aria-label": accessibilityLabel,
62
- type,
63
- title: tooltip,
64
- disabled: !isHydrated || disabled || loading,
65
- onClick,
66
- className: classNames(
67
- Button_module_default.button,
68
- foregroundColor(color),
69
- backgroundColor(color),
70
- Button_module_default[size],
71
- {
72
- [Button_module_default.fullWidth]: fullWidth,
73
- [Button_module_default.buttonGap]: size === "lg" || size === "md",
74
- [Button_module_default.secondaryBorder]: color === "secondary",
75
- [Button_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
76
- }
77
- ),
78
- children: [
79
- !loading && StartIcon && /* @__PURE__ */ jsx(StartIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
80
- (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx(Box_default, { paddingX: 1, children: /* @__PURE__ */ jsx(
81
- Typography_default,
82
- {
83
- size: textVariant_default[size],
84
- color: foregroundTypographyColor(color),
85
- children: /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: loading ? loadingText : text })
86
- }
87
- ) }),
88
- !loading && EndIcon && /* @__PURE__ */ jsx(EndIcon, { className: classNames(Button_module_default.icon, iconSize_default[size]) }),
89
- loading && /* @__PURE__ */ jsx(
90
- "svg",
91
- {
92
- className: classNames(Button_module_default.loading, foregroundColor(color)),
93
- viewBox: "22 22 44 44",
94
- width: loadingIconSize_default[size],
95
- height: loadingIconSize_default[size],
96
- children: /* @__PURE__ */ jsx(
97
- "circle",
98
- {
99
- className: Button_module_default.loadingCircle,
100
- cx: "44",
101
- cy: "44",
102
- r: "20.2",
103
- fill: "none",
104
- strokeWidth: "3.6"
105
- }
106
- )
107
- }
108
- )
109
- ]
110
- }
111
- );
112
- }
113
- );
114
- Button.displayName = "Button";
115
- var Button_default = Button;
116
-
117
- export {
118
- Button_default
119
- };
120
- //# sourceMappingURL=2R4YCOYE.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\n\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport foregroundTypographyColor from \"../colors/foregroundTypographyColor\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\n\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype ButtonProps = {\n /**\n * Test id for the button\n */\n \"data-testid\"?: string;\n /**\n * The text to be displayed inside the button\n */\n text: string;\n /**\n * The text to be displayed inside the button when it is in a loading state\n */\n loadingText?: string;\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"destructive-primary\"\n | \"destructive-secondary\"\n | \"destructive-tertiary\"\n | \"branded\"\n | \"success\"\n | \"inverse\";\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel?: string;\n /**\n * If `true`, the button will be disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * If `true`, the button will be in a loading state\n *\n * @defaultValue false\n */\n loading?: boolean;\n /**\n * If `true`, the button will take up the full width of its container\n *\n * @defaultValue false\n */\n fullWidth?: boolean;\n /**\n * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n startIcon?: React.ComponentType<{ className?: string }>;\n /**\n * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n endIcon?: React.ComponentType<{ className?: string }>;\n /**\n * The callback to be called when the button is clicked\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * The tooltip to be displayed when the user hovers over the button\n */\n tooltip?: string;\n /**\n * The type you want to set for the primitive <button/>\n */\n type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n \"data-testid\": dataTestId,\n text,\n loadingText,\n color = \"primary\",\n size = \"md\",\n accessibilityLabel,\n disabled = false,\n loading = false,\n fullWidth = false,\n startIcon: StartIcon,\n endIcon: EndIcon,\n onClick,\n tooltip,\n type = \"button\",\n }: ButtonProps,\n ref,\n ) => {\n const isHydrated = useIsHydrated();\n\n return (\n <button\n data-testid={dataTestId}\n ref={ref}\n aria-label={accessibilityLabel}\n type={type}\n title={tooltip}\n disabled={!isHydrated || disabled || loading}\n onClick={onClick}\n className={classNames(\n styles.button,\n foregroundColor(color),\n backgroundColor(color),\n styles[size],\n {\n [styles.fullWidth]: fullWidth,\n [styles.buttonGap]: size === \"lg\" || size === \"md\",\n [styles.secondaryBorder]: color === \"secondary\",\n [styles.secondaryDestructiveBorder]:\n color === \"destructive-secondary\",\n },\n )}\n >\n {!loading && StartIcon && (\n <StartIcon className={classNames(styles.icon, iconSize[size])} />\n )}\n {((loading && loadingText) || (!loading && text)) && (\n <Box paddingX={1}>\n <Typography\n size={textVariant[size]}\n color={foregroundTypographyColor(color)}\n >\n <span style={{ fontWeight: 500 }}>\n {loading ? loadingText : text}\n </span>\n </Typography>\n </Box>\n )}\n {!loading && EndIcon && (\n <EndIcon className={classNames(styles.icon, iconSize[size])} />\n )}\n {loading && (\n <svg\n className={classNames(styles.loading, foregroundColor(color))}\n viewBox=\"22 22 44 44\"\n width={loadingIconSize[size]}\n height={loadingIconSize[size]}\n >\n <circle\n className={styles.loadingCircle}\n cx=\"44\"\n cy=\"44\"\n r=\"20.2\"\n fill=\"none\"\n strokeWidth=\"3.6\"\n />\n </svg>\n )}\n </button>\n );\n },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;AD4H1mB,SAuBI,KAvBJ;AAvBN,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,cAAc,YAAY;AAAA,QACrC;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,sBAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,sBAAO,SAAS,GAAG;AAAA,YACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YAC9C,CAAC,sBAAO,eAAe,GAAG,UAAU;AAAA,YACpC,CAAC,sBAAO,0BAA0B,GAChC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,WAAW,aACX,oBAAC,aAAU,WAAW,WAAW,sBAAO,MAAM,iBAAS,IAAI,CAAC,GAAG;AAAA,WAE9D,WAAW,eAAiB,CAAC,WAAW,SACzC,oBAAC,eAAI,UAAU,GACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,oBAAY,IAAI;AAAA,cACtB,OAAO,0BAA0B,KAAK;AAAA,cAEtC,8BAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAC5B,oBAAU,cAAc,MAC3B;AAAA;AAAA,UACF,GACF;AAAA,UAED,CAAC,WAAW,WACX,oBAAC,WAAQ,WAAW,WAAW,sBAAO,MAAM,iBAAS,IAAI,CAAC,GAAG;AAAA,UAE9D,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAO,SAAS,gBAAgB,KAAK,CAAC;AAAA,cAC5D,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAO;AAAA,kBAClB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Button/constants/textVariant.ts"],"names":[],"mappings":";AAAA,IAAM,cAAc;AAAA,EAClB,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AACV;AAEA,IAAO,sBAAQ","sourcesContent":["const textVariant = {\n [\"sm\"]: 100,\n [\"md\"]: 200,\n [\"lg\"]: 300,\n} as const;\n\nexport default textVariant;\n"]}
@@ -1,15 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});// css-module:../Button.module.css#css-module
2
- var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
3
-
4
- // src/Button/constants/iconSize.ts
5
- var iconSize = {
6
- ["sm"]: Button_module_default.smIcon,
7
- ["md"]: Button_module_default.mdIcon,
8
- ["lg"]: Button_module_default.lgIcon
9
- };
10
- var iconSize_default = iconSize;
11
-
12
-
13
-
14
- exports.iconSize_default = iconSize_default;
15
- //# sourceMappingURL=3HVG5AGO.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"names":[],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEhnB,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAEA,IAAO,mBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\nexport default iconSize;\n"]}
@@ -1,31 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
- var _RLYKYCEUcjs = require('./RLYKYCEU.cjs');
4
-
5
- // src/colors/backgroundColor.ts
6
- function backgroundColor(color) {
7
- switch (color) {
8
- case "secondary":
9
- return _RLYKYCEUcjs.colors_module_default.primary100BackgroundColor;
10
- case "destructive-primary":
11
- return _RLYKYCEUcjs.colors_module_default.destructive700BackgroundColor;
12
- case "destructive-secondary":
13
- return _RLYKYCEUcjs.colors_module_default.destructive100BackgroundColor;
14
- case "success":
15
- return _RLYKYCEUcjs.colors_module_default.success700BackgroundColor;
16
- case "tertiary":
17
- case "destructive-tertiary":
18
- return _RLYKYCEUcjs.colors_module_default.whiteBackgroundColor;
19
- case "branded":
20
- return _RLYKYCEUcjs.colors_module_default.yellow700BackgroundColor;
21
- case "inverse":
22
- return _RLYKYCEUcjs.colors_module_default.gray60BackgroundColor;
23
- default:
24
- return _RLYKYCEUcjs.colors_module_default.primary700BackgroundColor;
25
- }
26
- }
27
-
28
-
29
-
30
- exports.backgroundColor = backgroundColor;
31
- //# sourceMappingURL=4ICD552D.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/colors/backgroundColor.ts"],"names":[],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF","sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n return styles.primary100BackgroundColor;\n case \"destructive-primary\":\n return styles.destructive700BackgroundColor;\n case \"destructive-secondary\":\n return styles.destructive100BackgroundColor;\n case \"success\":\n return styles.success700BackgroundColor;\n case \"tertiary\":\n case \"destructive-tertiary\":\n return styles.whiteBackgroundColor;\n case \"branded\":\n return styles.yellow700BackgroundColor;\n case \"inverse\":\n return styles.gray60BackgroundColor;\n default:\n return styles.primary700BackgroundColor;\n }\n}\n"]}
@@ -1,15 +0,0 @@
1
- // css-module:../Button.module.css#css-module
2
- var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
3
-
4
- // src/Button/constants/iconSize.ts
5
- var iconSize = {
6
- ["sm"]: Button_module_default.smIcon,
7
- ["md"]: Button_module_default.mdIcon,
8
- ["lg"]: Button_module_default.lgIcon
9
- };
10
- var iconSize_default = iconSize;
11
-
12
- export {
13
- iconSize_default
14
- };
15
- //# sourceMappingURL=4PWSK5GI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACEhnB,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AAAA,EACf,CAAC,IAAI,GAAG,sBAAO;AACjB;AAEA,IAAO,mBAAQ;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Button/constants/textVariant.ts"],"sourcesContent":["const textVariant = {\n [\"sm\"]: 100,\n [\"md\"]: 200,\n [\"lg\"]: 300,\n} as const;\n\nexport default textVariant;\n"],"mappings":";AAAA,IAAM,cAAc;AAAA,EAClB,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AAAA,EACR,CAAC,IAAI,GAAG;AACV;AAEA,IAAO,sBAAQ;","names":[]}
@@ -1,26 +0,0 @@
1
- import {
2
- colors_module_default
3
- } from "./D24RSGYP.js";
4
-
5
- // src/colors/foregroundColor.ts
6
- function foregroundColor(color) {
7
- switch (color) {
8
- case "secondary":
9
- case "tertiary":
10
- return colors_module_default.primary700Color;
11
- case "destructive-secondary":
12
- case "destructive-tertiary":
13
- return colors_module_default.destructive700Color;
14
- case "branded":
15
- return colors_module_default.gray900Color;
16
- case "inverse":
17
- return colors_module_default.whiteColor;
18
- default:
19
- return colors_module_default.whiteColor;
20
- }
21
- }
22
-
23
- export {
24
- foregroundColor
25
- };
26
- //# sourceMappingURL=CATJI2RJ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/colors/foregroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function foregroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n case \"tertiary\":\n return styles.primary700Color;\n case \"destructive-secondary\":\n case \"destructive-tertiary\":\n return styles.destructive700Color;\n case \"branded\":\n return styles.gray900Color;\n case \"inverse\":\n return styles.whiteColor;\n default:\n return styles.whiteColor;\n }\n}\n"],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}
@@ -1,7 +0,0 @@
1
- // css-module:./colors.module.css#css-module
2
- var colors_module_default = { "inheritColor": "_inheritColor_11l4y_2", "destructive700Color": "_destructive700Color_11l4y_6", "gray700Color": "_gray700Color_11l4y_10", "gray900Color": "_gray900Color_11l4y_14", "primary700Color": "_primary700Color_11l4y_18", "success700Color": "_success700Color_11l4y_22", "whiteColor": "_whiteColor_11l4y_26", "blackBackgroundColor": "_blackBackgroundColor_11l4y_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_11l4y_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_11l4y_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_11l4y_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_11l4y_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_11l4y_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_11l4y_55", "gray10BackgroundColor": "_gray10BackgroundColor_11l4y_59", "gray30BackgroundColor": "_gray30BackgroundColor_11l4y_63", "gray60BackgroundColor": "_gray60BackgroundColor_11l4y_67", "gray80BackgroundColor": "_gray80BackgroundColor_11l4y_71", "gray100BackgroundColor": "_gray100BackgroundColor_11l4y_75", "gray200BackgroundColor": "_gray200BackgroundColor_11l4y_79", "gray300BackgroundColor": "_gray300BackgroundColor_11l4y_83", "gray700BackgroundColor": "_gray700BackgroundColor_11l4y_87", "gray800BackgroundColor": "_gray800BackgroundColor_11l4y_91", "gray900BackgroundColor": "_gray900BackgroundColor_11l4y_95", "orange100BackgroundColor": "_orange100BackgroundColor_11l4y_99", "orange200BackgroundColor": "_orange200BackgroundColor_11l4y_103", "orange300BackgroundColor": "_orange300BackgroundColor_11l4y_107", "orange700BackgroundColor": "_orange700BackgroundColor_11l4y_111", "orange800BackgroundColor": "_orange800BackgroundColor_11l4y_115", "orange900BackgroundColor": "_orange900BackgroundColor_11l4y_119", "primary100BackgroundColor": "_primary100BackgroundColor_11l4y_123", "primary200BackgroundColor": "_primary200BackgroundColor_11l4y_127", "primary300BackgroundColor": "_primary300BackgroundColor_11l4y_131", "primary700BackgroundColor": "_primary700BackgroundColor_11l4y_135", "primary800BackgroundColor": "_primary800BackgroundColor_11l4y_139", "primary900BackgroundColor": "_primary900BackgroundColor_11l4y_143", "success100BackgroundColor": "_success100BackgroundColor_11l4y_147", "success200BackgroundColor": "_success200BackgroundColor_11l4y_151", "success300BackgroundColor": "_success300BackgroundColor_11l4y_155", "success700BackgroundColor": "_success700BackgroundColor_11l4y_159", "success800BackgroundColor": "_success800BackgroundColor_11l4y_163", "success900BackgroundColor": "_success900BackgroundColor_11l4y_167", "purple100BackgroundColor": "_purple100BackgroundColor_11l4y_171", "purple200BackgroundColor": "_purple200BackgroundColor_11l4y_175", "purple300BackgroundColor": "_purple300BackgroundColor_11l4y_179", "purple700BackgroundColor": "_purple700BackgroundColor_11l4y_183", "purple800BackgroundColor": "_purple800BackgroundColor_11l4y_187", "purple900BackgroundColor": "_purple900BackgroundColor_11l4y_191", "whiteBackgroundColor": "_whiteBackgroundColor_11l4y_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_11l4y_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_11l4y_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_11l4y_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_11l4y_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_11l4y_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_11l4y_219" };
3
-
4
- export {
5
- colors_module_default
6
- };
7
- //# sourceMappingURL=D24RSGYP.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["css-module:./colors.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_11l4y_2\",\"destructive700Color\":\"_destructive700Color_11l4y_6\",\"gray700Color\":\"_gray700Color_11l4y_10\",\"gray900Color\":\"_gray900Color_11l4y_14\",\"primary700Color\":\"_primary700Color_11l4y_18\",\"success700Color\":\"_success700Color_11l4y_22\",\"whiteColor\":\"_whiteColor_11l4y_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_11l4y_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_11l4y_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_11l4y_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_11l4y_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_11l4y_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_11l4y_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_11l4y_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_11l4y_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_11l4y_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_11l4y_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_11l4y_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_11l4y_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_11l4y_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_11l4y_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_11l4y_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_11l4y_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_11l4y_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_11l4y_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_11l4y_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_11l4y_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_11l4y_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_11l4y_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_11l4y_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_11l4y_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_11l4y_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_11l4y_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_11l4y_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_11l4y_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_11l4y_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_11l4y_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_11l4y_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_11l4y_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_11l4y_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_11l4y_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_11l4y_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_11l4y_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_11l4y_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_11l4y_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_11l4y_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_11l4y_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_11l4y_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_11l4y_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_11l4y_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_11l4y_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_11l4y_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_11l4y_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_11l4y_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_11l4y_219\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,sCAAqC;","names":[]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport backgroundColor from \"../colors/backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport foregroundTypographyColor from \"../colors/foregroundTypographyColor\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\n\nimport styles from \"./LinkButton.module.css\";\n\ntype LinkButtonProps = {\n /**\n * Test id for the button\n */\n \"data-testid\"?: string;\n /**\n * The text to be displayed inside the button\n */\n text: string;\n /**\n * The link that the LinkButton should route to.\n *\n */\n href?: string;\n /**\n * The target attribute specifies where to open the linked document.\n *\n */\n target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n /**\n * The rel attribute specifies the relationship between the document and the link.\n *\n */\n rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"destructive-primary\"\n | \"destructive-secondary\"\n | \"destructive-tertiary\"\n | \"branded\"\n | \"success\";\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * If `true`, the button will take up the full width of its container\n *\n * @defaultValue false\n */\n fullWidth?: boolean;\n /**\n * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n startIcon?: React.ComponentType<{ className?: string }>;\n /**\n * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n endIcon?: React.ComponentType<{ className?: string }>;\n /**\n * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n */\n onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n (\n {\n text,\n href,\n target,\n rel,\n \"data-testid\": dataTestId,\n color = \"primary\",\n size = \"md\",\n fullWidth = false,\n startIcon: StartIcon,\n endIcon: EndIcon,\n onClick,\n }: LinkButtonProps,\n ref,\n ) => {\n return (\n <a\n href={href}\n data-testid={dataTestId}\n target={target}\n ref={ref}\n rel={rel}\n className={classNames(\n styles.linkButton,\n buttonStyles.button,\n foregroundColor(color),\n backgroundColor(color),\n buttonStyles[size],\n {\n [buttonStyles.fullWidth]: fullWidth,\n [styles.fitContent]: !fullWidth,\n [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n [buttonStyles.secondaryBorder]: color === \"secondary\",\n [buttonStyles.secondaryDestructiveBorder]:\n color === \"destructive-secondary\",\n },\n )}\n onClick={onClick}\n >\n {StartIcon && (\n <StartIcon\n className={classNames(\n buttonStyles.icon,\n iconSize[size],\n foregroundColor(color),\n )}\n />\n )}\n <Typography\n color={foregroundTypographyColor(color)}\n size={textVariant[size]}\n >\n <span style={{ fontWeight: 500 }}>{text}</span>\n </Typography>\n {EndIcon && (\n <EndIcon\n className={classNames(\n buttonStyles.icon,\n iconSize[size],\n foregroundColor(color),\n )}\n />\n )}\n </a>\n );\n },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACA5gB,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFwGpL,SAwBI,KAxBJ;AAlBN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,EACF,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YACpD,CAAC,sBAAa,eAAe,GAAG,UAAU;AAAA,YAC1C,CAAC,sBAAa,0BAA0B,GACtC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb,gBAAgB,KAAK;AAAA,cACvB;AAAA;AAAA,UACF;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,0BAA0B,KAAK;AAAA,cACtC,MAAM,oBAAY,IAAI;AAAA,cAEtB,8BAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,gBAAK;AAAA;AAAA,UAC1C;AAAA,UACC,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb,gBAAgB,KAAK;AAAA,cACvB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}
@@ -1,7 +0,0 @@
1
- // css-module:../colors/colors.module.css#css-module
2
- var colors_module_default = { "inheritColor": "_inheritColor_11l4y_2", "destructive700Color": "_destructive700Color_11l4y_6", "gray700Color": "_gray700Color_11l4y_10", "gray900Color": "_gray900Color_11l4y_14", "primary700Color": "_primary700Color_11l4y_18", "success700Color": "_success700Color_11l4y_22", "whiteColor": "_whiteColor_11l4y_26", "blackBackgroundColor": "_blackBackgroundColor_11l4y_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_11l4y_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_11l4y_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_11l4y_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_11l4y_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_11l4y_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_11l4y_55", "gray10BackgroundColor": "_gray10BackgroundColor_11l4y_59", "gray30BackgroundColor": "_gray30BackgroundColor_11l4y_63", "gray60BackgroundColor": "_gray60BackgroundColor_11l4y_67", "gray80BackgroundColor": "_gray80BackgroundColor_11l4y_71", "gray100BackgroundColor": "_gray100BackgroundColor_11l4y_75", "gray200BackgroundColor": "_gray200BackgroundColor_11l4y_79", "gray300BackgroundColor": "_gray300BackgroundColor_11l4y_83", "gray700BackgroundColor": "_gray700BackgroundColor_11l4y_87", "gray800BackgroundColor": "_gray800BackgroundColor_11l4y_91", "gray900BackgroundColor": "_gray900BackgroundColor_11l4y_95", "orange100BackgroundColor": "_orange100BackgroundColor_11l4y_99", "orange200BackgroundColor": "_orange200BackgroundColor_11l4y_103", "orange300BackgroundColor": "_orange300BackgroundColor_11l4y_107", "orange700BackgroundColor": "_orange700BackgroundColor_11l4y_111", "orange800BackgroundColor": "_orange800BackgroundColor_11l4y_115", "orange900BackgroundColor": "_orange900BackgroundColor_11l4y_119", "primary100BackgroundColor": "_primary100BackgroundColor_11l4y_123", "primary200BackgroundColor": "_primary200BackgroundColor_11l4y_127", "primary300BackgroundColor": "_primary300BackgroundColor_11l4y_131", "primary700BackgroundColor": "_primary700BackgroundColor_11l4y_135", "primary800BackgroundColor": "_primary800BackgroundColor_11l4y_139", "primary900BackgroundColor": "_primary900BackgroundColor_11l4y_143", "success100BackgroundColor": "_success100BackgroundColor_11l4y_147", "success200BackgroundColor": "_success200BackgroundColor_11l4y_151", "success300BackgroundColor": "_success300BackgroundColor_11l4y_155", "success700BackgroundColor": "_success700BackgroundColor_11l4y_159", "success800BackgroundColor": "_success800BackgroundColor_11l4y_163", "success900BackgroundColor": "_success900BackgroundColor_11l4y_167", "purple100BackgroundColor": "_purple100BackgroundColor_11l4y_171", "purple200BackgroundColor": "_purple200BackgroundColor_11l4y_175", "purple300BackgroundColor": "_purple300BackgroundColor_11l4y_179", "purple700BackgroundColor": "_purple700BackgroundColor_11l4y_183", "purple800BackgroundColor": "_purple800BackgroundColor_11l4y_187", "purple900BackgroundColor": "_purple900BackgroundColor_11l4y_191", "whiteBackgroundColor": "_whiteBackgroundColor_11l4y_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_11l4y_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_11l4y_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_11l4y_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_11l4y_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_11l4y_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_11l4y_219" };
3
-
4
- export {
5
- colors_module_default
6
- };
7
- //# sourceMappingURL=ERXGNP37.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_11l4y_2\",\"destructive700Color\":\"_destructive700Color_11l4y_6\",\"gray700Color\":\"_gray700Color_11l4y_10\",\"gray900Color\":\"_gray900Color_11l4y_14\",\"primary700Color\":\"_primary700Color_11l4y_18\",\"success700Color\":\"_success700Color_11l4y_22\",\"whiteColor\":\"_whiteColor_11l4y_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_11l4y_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_11l4y_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_11l4y_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_11l4y_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_11l4y_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_11l4y_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_11l4y_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_11l4y_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_11l4y_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_11l4y_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_11l4y_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_11l4y_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_11l4y_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_11l4y_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_11l4y_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_11l4y_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_11l4y_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_11l4y_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_11l4y_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_11l4y_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_11l4y_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_11l4y_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_11l4y_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_11l4y_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_11l4y_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_11l4y_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_11l4y_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_11l4y_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_11l4y_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_11l4y_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_11l4y_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_11l4y_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_11l4y_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_11l4y_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_11l4y_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_11l4y_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_11l4y_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_11l4y_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_11l4y_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_11l4y_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_11l4y_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_11l4y_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_11l4y_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_11l4y_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_11l4y_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_11l4y_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_11l4y_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_11l4y_219\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,sCAAqC;","names":[]}
@@ -1,31 +0,0 @@
1
- import {
2
- colors_module_default
3
- } from "./D24RSGYP.js";
4
-
5
- // src/colors/backgroundColor.ts
6
- function backgroundColor(color) {
7
- switch (color) {
8
- case "secondary":
9
- return colors_module_default.primary100BackgroundColor;
10
- case "destructive-primary":
11
- return colors_module_default.destructive700BackgroundColor;
12
- case "destructive-secondary":
13
- return colors_module_default.destructive100BackgroundColor;
14
- case "success":
15
- return colors_module_default.success700BackgroundColor;
16
- case "tertiary":
17
- case "destructive-tertiary":
18
- return colors_module_default.whiteBackgroundColor;
19
- case "branded":
20
- return colors_module_default.yellow700BackgroundColor;
21
- case "inverse":
22
- return colors_module_default.gray60BackgroundColor;
23
- default:
24
- return colors_module_default.primary700BackgroundColor;
25
- }
26
- }
27
-
28
- export {
29
- backgroundColor
30
- };
31
- //# sourceMappingURL=G4DDTGDI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/colors/backgroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport default function backgroundColor(color: (typeof Color)[number]): string {\n switch (color) {\n case \"secondary\":\n return styles.primary100BackgroundColor;\n case \"destructive-primary\":\n return styles.destructive700BackgroundColor;\n case \"destructive-secondary\":\n return styles.destructive100BackgroundColor;\n case \"success\":\n return styles.success700BackgroundColor;\n case \"tertiary\":\n case \"destructive-tertiary\":\n return styles.whiteBackgroundColor;\n case \"branded\":\n return styles.yellow700BackgroundColor;\n case \"inverse\":\n return styles.gray60BackgroundColor;\n default:\n return styles.primary700BackgroundColor;\n }\n}\n"],"mappings":";;;;;AAGe,SAAR,gBAAiC,OAAuC;AAC7E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}
@@ -1,68 +0,0 @@
1
- import {
2
- foregroundColor
3
- } from "./CATJI2RJ.js";
4
- import {
5
- backgroundColor
6
- } from "./G4DDTGDI.js";
7
- import {
8
- useIsHydrated
9
- } from "./YJ7YDIGB.js";
10
-
11
- // src/IconButton/IconButton.tsx
12
- import classNames from "classnames";
13
- import { forwardRef } from "react";
14
-
15
- // css-module:./IconButton.module.css#css-module
16
- var IconButton_module_default = { "iconButton": "_iconButton_4e8qe_1", "sm": "_sm_4e8qe_46", "md": "_md_4e8qe_51", "lg": "_lg_4e8qe_56", "smIcon": "_smIcon_4e8qe_61", "mdIcon": "_mdIcon_4e8qe_68", "lgIcon": "_lgIcon_4e8qe_75", "secondaryBorder": "_secondaryBorder_4e8qe_82", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_4e8qe_86" };
17
-
18
- // src/IconButton/IconButton.tsx
19
- import { jsx } from "react/jsx-runtime";
20
- var iconSize = {
21
- ["sm"]: IconButton_module_default.smIcon,
22
- ["md"]: IconButton_module_default.mdIcon,
23
- ["lg"]: IconButton_module_default.lgIcon
24
- };
25
- var IconButton = forwardRef(
26
- ({
27
- accessibilityLabel,
28
- color = "primary",
29
- "data-testid": dataTestId,
30
- disabled = false,
31
- icon: Icon,
32
- size = "md",
33
- tooltip,
34
- onClick
35
- }, ref) => {
36
- const isHydrated = useIsHydrated();
37
- return /* @__PURE__ */ jsx(
38
- "button",
39
- {
40
- "aria-label": accessibilityLabel,
41
- "data-testid": dataTestId,
42
- type: "button",
43
- title: tooltip,
44
- disabled: !isHydrated || disabled,
45
- onClick,
46
- className: classNames(
47
- IconButton_module_default.iconButton,
48
- foregroundColor(color),
49
- backgroundColor(color),
50
- IconButton_module_default[size],
51
- {
52
- [IconButton_module_default.secondaryBorder]: color === "secondary",
53
- [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
54
- }
55
- ),
56
- ref,
57
- children: /* @__PURE__ */ jsx(Icon, { className: iconSize[size] })
58
- }
59
- );
60
- }
61
- );
62
- IconButton.displayName = "IconButton";
63
- var IconButton_default = IconButton;
64
-
65
- export {
66
- IconButton_default
67
- };
68
- //# sourceMappingURL=HOGVXDTO.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport backgroundColor from \"../colors//backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Color, type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst iconSize = {\n [\"sm\"]: styles.smIcon,\n [\"md\"]: styles.mdIcon,\n [\"lg\"]: styles.lgIcon,\n};\n\ntype IconButtonProps = {\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?: (typeof Color)[number];\n /**\n * Test id for the button\n */\n \"data-testid\"?: string;\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * The label to be used for accessibility\n */\n accessibilityLabel: string;\n /**\n * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n icon: React.ComponentType<{ className?: string }>;\n /**\n * If `true`, the button will be disabled\n *\n * @defaultValue false\n */\n disabled?: boolean;\n /**\n * The callback to be called when the button is clicked\n */\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * The tooltip to be displayed when the user hovers over the button\n */\n tooltip?: string;\n};\n\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n accessibilityLabel,\n color = \"primary\",\n \"data-testid\": dataTestId,\n disabled = false,\n icon: Icon,\n size = \"md\",\n tooltip,\n onClick,\n }: IconButtonProps,\n ref,\n ) => {\n const isHydrated = useIsHydrated();\n\n return (\n <button\n aria-label={accessibilityLabel}\n data-testid={dataTestId}\n type=\"button\"\n title={tooltip}\n disabled={!isHydrated || disabled}\n onClick={onClick}\n className={classNames(\n styles.iconButton,\n foregroundColor(color),\n backgroundColor(color),\n styles[size],\n {\n [styles.secondaryBorder]: color === \"secondary\",\n [styles.secondaryDestructiveBorder]:\n color === \"destructive-secondary\",\n },\n )}\n ref={ref}\n >\n <Icon className={iconSize[size]} />\n </button>\n );\n },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_4e8qe_1\",\"sm\":\"_sm_4e8qe_46\",\"md\":\"_md_4e8qe_51\",\"lg\":\"_lg_4e8qe_56\",\"smIcon\":\"_smIcon_4e8qe_61\",\"mdIcon\":\"_mdIcon_4e8qe_68\",\"lgIcon\":\"_lgIcon_4e8qe_75\",\"secondaryBorder\":\"_secondaryBorder_4e8qe_82\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_4e8qe_86\"}"],"mappings":";;;;;;;;;;;AAAA,OAAO,gBAAgB;AAGvB,SAAgB,kBAAkB;;;ACHkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,6BAA4B,8BAA6B,uCAAsC;;;ADmGhZ;AA3FR,IAAM,WAAW;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AAAA,EACf,CAAC,IAAI,GAAG,0BAAO;AACjB;AAkDA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,0BAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,0BAAO,eAAe,GAAG,UAAU;AAAA,YACpC,CAAC,0BAAO,0BAA0B,GAChC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QACA;AAAA,QAEA,8BAAC,QAAK,WAAW,SAAS,IAAI,GAAG;AAAA;AAAA,IACnC;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}
@@ -1,22 +0,0 @@
1
- // src/colors/foregroundTypographyColor.ts
2
- function foregroundTypographyColor(color) {
3
- switch (color) {
4
- case "secondary":
5
- case "tertiary":
6
- return "primary";
7
- case "destructive-secondary":
8
- case "destructive-tertiary":
9
- return "destructive-primary";
10
- case "branded":
11
- return "gray900";
12
- case "inverse":
13
- return "white";
14
- default:
15
- return "white";
16
- }
17
- }
18
-
19
- export {
20
- foregroundTypographyColor
21
- };
22
- //# sourceMappingURL=HQVZUEWO.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/colors/foregroundTypographyColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\n\nexport default function foregroundTypographyColor(\n color: (typeof Color)[number],\n): (typeof Color)[number] {\n switch (color) {\n case \"secondary\":\n case \"tertiary\":\n return \"primary\";\n case \"destructive-secondary\":\n case \"destructive-tertiary\":\n return \"destructive-primary\";\n case \"branded\":\n return \"gray900\";\n case \"inverse\":\n return \"white\";\n default:\n return \"white\";\n }\n}\n"],"mappings":";AAEe,SAAR,0BACL,OACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
@@ -1,109 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
2
-
3
- var _36B62A3Zcjs = require('./36B62A3Z.cjs');
4
-
5
-
6
- var _3HVG5AGOcjs = require('./3HVG5AGO.cjs');
7
-
8
-
9
- var _TEJLBWXVcjs = require('./TEJLBWXV.cjs');
10
-
11
-
12
- var _PQIPUPQ2cjs = require('./PQIPUPQ2.cjs');
13
-
14
-
15
- var _4ICD552Dcjs = require('./4ICD552D.cjs');
16
-
17
-
18
- var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
19
-
20
- // src/LinkButton/LinkButton.tsx
21
- var _react = require('react');
22
- var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
23
-
24
- // css-module:../Button/Button.module.css#css-module
25
- var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
26
-
27
- // css-module:./LinkButton.module.css#css-module
28
- var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
29
-
30
- // src/LinkButton/LinkButton.tsx
31
- var _jsxruntime = require('react/jsx-runtime');
32
- var LinkButton = _react.forwardRef.call(void 0,
33
- ({
34
- text,
35
- href,
36
- target,
37
- rel,
38
- "data-testid": dataTestId,
39
- color = "primary",
40
- size = "md",
41
- fullWidth = false,
42
- startIcon: StartIcon,
43
- endIcon: EndIcon,
44
- onClick
45
- }, ref) => {
46
- return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
47
- "a",
48
- {
49
- href,
50
- "data-testid": dataTestId,
51
- target,
52
- ref,
53
- rel,
54
- className: _classnames2.default.call(void 0,
55
- LinkButton_module_default.linkButton,
56
- Button_module_default.button,
57
- _PQIPUPQ2cjs.foregroundColor.call(void 0, color),
58
- _4ICD552Dcjs.backgroundColor.call(void 0, color),
59
- Button_module_default[size],
60
- {
61
- [Button_module_default.fullWidth]: fullWidth,
62
- [LinkButton_module_default.fitContent]: !fullWidth,
63
- [Button_module_default.buttonGap]: size === "lg" || size === "md",
64
- [Button_module_default.secondaryBorder]: color === "secondary",
65
- [Button_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
66
- }
67
- ),
68
- onClick,
69
- children: [
70
- StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
71
- StartIcon,
72
- {
73
- className: _classnames2.default.call(void 0,
74
- Button_module_default.icon,
75
- _3HVG5AGOcjs.iconSize_default[size],
76
- _PQIPUPQ2cjs.foregroundColor.call(void 0, color)
77
- )
78
- }
79
- ),
80
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
81
- _ZX5KONS2cjs.Typography_default,
82
- {
83
- color: _TEJLBWXVcjs.foregroundTypographyColor.call(void 0, color),
84
- size: _36B62A3Zcjs.textVariant_default[size],
85
- children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontWeight: 500 }, children: text })
86
- }
87
- ),
88
- EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
89
- EndIcon,
90
- {
91
- className: _classnames2.default.call(void 0,
92
- Button_module_default.icon,
93
- _3HVG5AGOcjs.iconSize_default[size],
94
- _PQIPUPQ2cjs.foregroundColor.call(void 0, color)
95
- )
96
- }
97
- )
98
- ]
99
- }
100
- );
101
- }
102
- );
103
- LinkButton.displayName = "LinkButton";
104
- var LinkButton_default = LinkButton;
105
-
106
-
107
-
108
- exports.LinkButton_default = LinkButton_default;
109
- //# sourceMappingURL=JLUYEG2L.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,mBAAkB,8BAA6B,8BAA6B,yCAAwC,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACA5gB,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFwGpL,SAwBI,KAxBJ;AAlBN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,EACF,GACA,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb,gBAAgB,KAAK;AAAA,UACrB,gBAAgB,KAAK;AAAA,UACrB,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,YACpD,CAAC,sBAAa,eAAe,GAAG,UAAU;AAAA,YAC1C,CAAC,sBAAa,0BAA0B,GACtC,UAAU;AAAA,UACd;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb,gBAAgB,KAAK;AAAA,cACvB;AAAA;AAAA,UACF;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,0BAA0B,KAAK;AAAA,cACtC,MAAM,oBAAY,IAAI;AAAA,cAEtB,8BAAC,UAAK,OAAO,EAAE,YAAY,IAAI,GAAI,gBAAK;AAAA;AAAA,UAC1C;AAAA,UACC,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb,gBAAgB,KAAK;AAAA,cACvB;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport backgroundColor from \"../colors/backgroundColor\";\nimport foregroundColor from \"../colors/foregroundColor\";\nimport foregroundTypographyColor from \"../colors/foregroundTypographyColor\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\n\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\n\nimport styles from \"./LinkButton.module.css\";\n\ntype LinkButtonProps = {\n /**\n * Test id for the button\n */\n \"data-testid\"?: string;\n /**\n * The text to be displayed inside the button\n */\n text: string;\n /**\n * The link that the LinkButton should route to.\n *\n */\n href?: string;\n /**\n * The target attribute specifies where to open the linked document.\n *\n */\n target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n /**\n * The rel attribute specifies the relationship between the document and the link.\n *\n */\n rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n /**\n * The color of the button\n *\n * @defaultValue \"primary\"\n */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"destructive-primary\"\n | \"destructive-secondary\"\n | \"destructive-tertiary\"\n | \"branded\"\n | \"success\";\n /**\n * The size of the button\n *\n * * `sm`: 32px\n * * `md`: 40px\n * * `lg`: 48px\n *\n * @defaultValue \"md\"\n */\n size?: (typeof Size)[number];\n /**\n * If `true`, the button will take up the full width of its container\n *\n * @defaultValue false\n */\n fullWidth?: boolean;\n /**\n * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n startIcon?: React.ComponentType<{ className?: string }>;\n /**\n * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n */\n endIcon?: React.ComponentType<{ className?: string }>;\n /**\n * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n */\n onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n (\n {\n text,\n href,\n target,\n rel,\n \"data-testid\": dataTestId,\n color = \"primary\",\n size = \"md\",\n fullWidth = false,\n startIcon: StartIcon,\n endIcon: EndIcon,\n onClick,\n }: LinkButtonProps,\n ref,\n ) => {\n return (\n <a\n href={href}\n data-testid={dataTestId}\n target={target}\n ref={ref}\n rel={rel}\n className={classNames(\n styles.linkButton,\n buttonStyles.button,\n foregroundColor(color),\n backgroundColor(color),\n buttonStyles[size],\n {\n [buttonStyles.fullWidth]: fullWidth,\n [styles.fitContent]: !fullWidth,\n [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n [buttonStyles.secondaryBorder]: color === \"secondary\",\n [buttonStyles.secondaryDestructiveBorder]:\n color === \"destructive-secondary\",\n },\n )}\n onClick={onClick}\n >\n {StartIcon && (\n <StartIcon\n className={classNames(\n buttonStyles.icon,\n iconSize[size],\n foregroundColor(color),\n )}\n />\n )}\n <Typography\n color={foregroundTypographyColor(color)}\n size={textVariant[size]}\n >\n <span style={{ fontWeight: 500 }}>{text}</span>\n </Typography>\n {EndIcon && (\n <EndIcon\n className={classNames(\n buttonStyles.icon,\n iconSize[size],\n foregroundColor(color),\n )}\n />\n )}\n </a>\n );\n },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_1iunh_1\",\"buttonGap\":\"_buttonGap_1iunh_9\",\"fullWidth\":\"_fullWidth_1iunh_50\",\"sm\":\"_sm_1iunh_54\",\"md\":\"_md_1iunh_61\",\"lg\":\"_lg_1iunh_68\",\"icon\":\"_icon_1iunh_75\",\"smIcon\":\"_smIcon_1iunh_79\",\"mdIcon\":\"_mdIcon_1iunh_86\",\"lgIcon\":\"_lgIcon_1iunh_93\",\"secondaryBorder\":\"_secondaryBorder_1iunh_100\",\"secondaryDestructiveBorder\":\"_secondaryDestructiveBorder_1iunh_104\",\"loading\":\"_loading_1iunh_118\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_1iunh_1\",\"loadingCircle\":\"_loadingCircle_1iunh_122\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"]}