@cambly/syntax-core 10.26.0 → 10.28.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 (238) hide show
  1. package/dist/Avatar/Avatar.cjs +5 -5
  2. package/dist/Avatar/Avatar.d.ts +1 -1
  3. package/dist/Avatar/Avatar.js +4 -4
  4. package/dist/AvatarGroup/AvatarGroup.cjs +4 -4
  5. package/dist/AvatarGroup/AvatarGroup.js +3 -3
  6. package/dist/Badge/Badge.cjs +5 -5
  7. package/dist/Badge/Badge.css +64 -72
  8. package/dist/Badge/Badge.css.map +1 -1
  9. package/dist/Badge/Badge.d.ts +1 -1
  10. package/dist/Badge/Badge.js +4 -4
  11. package/dist/Box/Box.cjs +3 -3
  12. package/dist/Box/Box.js +2 -2
  13. package/dist/Button/Button.cjs +5 -5
  14. package/dist/Button/Button.css +64 -72
  15. package/dist/Button/Button.css.map +1 -1
  16. package/dist/Button/Button.js +4 -4
  17. package/dist/ButtonGroup/ButtonGroup.cjs +3 -3
  18. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  19. package/dist/ButtonGroup/ButtonGroup.js +2 -2
  20. package/dist/Card/Card.cjs +4 -4
  21. package/dist/Card/Card.js +3 -3
  22. package/dist/Checkbox/Checkbox.cjs +4 -4
  23. package/dist/Checkbox/Checkbox.css +64 -72
  24. package/dist/Checkbox/Checkbox.css.map +1 -1
  25. package/dist/Checkbox/Checkbox.d.ts +1 -1
  26. package/dist/Checkbox/Checkbox.js +3 -3
  27. package/dist/Chip/Chip.cjs +5 -5
  28. package/dist/Chip/Chip.css +64 -72
  29. package/dist/Chip/Chip.css.map +1 -1
  30. package/dist/Chip/Chip.js +4 -4
  31. package/dist/Dialog/Dialog.cjs +3 -3
  32. package/dist/Dialog/Dialog.js +2 -2
  33. package/dist/Dialog/ModalDialog.cjs +6 -6
  34. package/dist/Dialog/ModalDialog.js +5 -5
  35. package/dist/Divider/Divider.cjs +3 -3
  36. package/dist/Divider/Divider.js +2 -2
  37. package/dist/Heading/Heading.cjs +4 -4
  38. package/dist/Heading/Heading.css +64 -72
  39. package/dist/Heading/Heading.css.map +1 -1
  40. package/dist/Heading/Heading.d.ts +2 -2
  41. package/dist/Heading/Heading.js +3 -3
  42. package/dist/IconButton/IconButton.cjs +3 -3
  43. package/dist/IconButton/IconButton.js +2 -2
  44. package/dist/LinkButton/LinkButton.cjs +4 -4
  45. package/dist/LinkButton/LinkButton.css +64 -72
  46. package/dist/LinkButton/LinkButton.css.map +1 -1
  47. package/dist/LinkButton/LinkButton.js +3 -3
  48. package/dist/Modal/Layer.cjs +4 -4
  49. package/dist/Modal/Layer.js +3 -3
  50. package/dist/Modal/Modal.cjs +8 -8
  51. package/dist/Modal/Modal.css +64 -72
  52. package/dist/Modal/Modal.css.map +1 -1
  53. package/dist/Modal/Modal.js +7 -7
  54. package/dist/Popover/Popover.cjs +7 -7
  55. package/dist/Popover/Popover.js +6 -6
  56. package/dist/RadioButton/RadioButton.cjs +5 -5
  57. package/dist/RadioButton/RadioButton.css +64 -72
  58. package/dist/RadioButton/RadioButton.css.map +1 -1
  59. package/dist/RadioButton/RadioButton.d.ts +1 -1
  60. package/dist/RadioButton/RadioButton.js +4 -4
  61. package/dist/RichSelect/RichSelectBox.cjs +13 -13
  62. package/dist/RichSelect/RichSelectBox.css +64 -72
  63. package/dist/RichSelect/RichSelectBox.css.map +1 -1
  64. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  65. package/dist/RichSelect/RichSelectBox.js +12 -12
  66. package/dist/RichSelect/RichSelectChip.cjs +6 -6
  67. package/dist/RichSelect/RichSelectChip.css +64 -72
  68. package/dist/RichSelect/RichSelectChip.css.map +1 -1
  69. package/dist/RichSelect/RichSelectChip.js +5 -5
  70. package/dist/RichSelect/RichSelectList.cjs +19 -19
  71. package/dist/RichSelect/RichSelectList.css +63 -71
  72. package/dist/RichSelect/RichSelectList.css.map +1 -1
  73. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  74. package/dist/RichSelect/RichSelectList.js +18 -18
  75. package/dist/RichSelect/RichSelectRadioButton.cjs +6 -6
  76. package/dist/RichSelect/RichSelectRadioButton.css +64 -72
  77. package/dist/RichSelect/RichSelectRadioButton.css.map +1 -1
  78. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  79. package/dist/RichSelect/RichSelectRadioButton.js +5 -5
  80. package/dist/RichSelect/RichSelectSection.cjs +4 -4
  81. package/dist/RichSelect/RichSelectSection.css +64 -72
  82. package/dist/RichSelect/RichSelectSection.css.map +1 -1
  83. package/dist/RichSelect/RichSelectSection.js +3 -3
  84. package/dist/SelectList/SelectList.cjs +6 -6
  85. package/dist/SelectList/SelectList.css +63 -71
  86. package/dist/SelectList/SelectList.css.map +1 -1
  87. package/dist/SelectList/SelectList.js +5 -5
  88. package/dist/TapArea/TapArea.d.ts +1 -1
  89. package/dist/TextArea/TextArea.cjs +5 -5
  90. package/dist/TextArea/TextArea.css +63 -71
  91. package/dist/TextArea/TextArea.css.map +1 -1
  92. package/dist/TextArea/TextArea.js +4 -4
  93. package/dist/TextField/TextField.cjs +5 -5
  94. package/dist/TextField/TextField.css +63 -71
  95. package/dist/TextField/TextField.css.map +1 -1
  96. package/dist/TextField/TextField.js +4 -4
  97. package/dist/ThemeProvider/ThemeProvider.cjs +2 -2
  98. package/dist/ThemeProvider/ThemeProvider.js +1 -1
  99. package/dist/Tooltip/Tooltip.cjs +4 -4
  100. package/dist/Tooltip/Tooltip.css +64 -72
  101. package/dist/Tooltip/Tooltip.css.map +1 -1
  102. package/dist/Tooltip/Tooltip.js +3 -3
  103. package/dist/Typography/Typography.cjs +3 -3
  104. package/dist/Typography/Typography.css +64 -72
  105. package/dist/Typography/Typography.css.map +1 -1
  106. package/dist/Typography/Typography.d.ts +5 -5
  107. package/dist/Typography/Typography.js +2 -2
  108. package/dist/__chunks/{P2BCEYCC.js → 2HNKN7IN.js} +3 -3
  109. package/dist/__chunks/{HNR3FTMR.cjs → 432LXWXX.cjs} +18 -17
  110. package/dist/__chunks/432LXWXX.cjs.map +1 -0
  111. package/dist/__chunks/{ZSHAHV4F.js → 4GTNQPPD.js} +3 -2
  112. package/dist/__chunks/{ZSHAHV4F.js.map → 4GTNQPPD.js.map} +1 -1
  113. package/dist/__chunks/{ZYCAP5AY.cjs → 4HPBU76L.cjs} +7 -7
  114. package/dist/__chunks/{KZD6BFDA.js → 4IJQ4BTF.js} +3 -3
  115. package/dist/__chunks/{I75WZ7AV.cjs → 4S6APU2V.cjs} +7 -7
  116. package/dist/__chunks/{KITXUOU4.js → 4VJHC5OM.js} +4 -4
  117. package/dist/__chunks/{FJ7CVAIA.js → 5JUAIXVN.js} +11 -11
  118. package/dist/__chunks/{COW4SDSF.js → 5OLT2HH5.js} +2 -2
  119. package/dist/__chunks/{JUPRT4OU.js → 63GEZVJ4.js} +2 -2
  120. package/dist/__chunks/{TCZBK2P5.cjs → 6IRH354B.cjs} +5 -5
  121. package/dist/__chunks/{XJL3R42D.cjs → 6NYPDPF4.cjs} +5 -5
  122. package/dist/__chunks/{4TY5KFRY.cjs → 6P6ARVEA.cjs} +3 -3
  123. package/dist/__chunks/{F7MTPNJ5.js → 7BAMJSUF.js} +3 -3
  124. package/dist/__chunks/{OV5U4YJN.cjs → A323TCSA.cjs} +5 -5
  125. package/dist/__chunks/{AM27BYFE.js → AAJM5GTF.js} +2 -2
  126. package/dist/__chunks/{OVXHL32N.cjs → AGJ2QSEP.cjs} +3 -3
  127. package/dist/__chunks/{3LO2QLOH.js → AW4Z42KI.js} +4 -4
  128. package/dist/__chunks/{VT6H7TYG.js → AWT6KV7A.js} +3 -3
  129. package/dist/__chunks/{6EKM3QTW.js → CVYKJOHP.js} +8 -8
  130. package/dist/__chunks/{7XCKMUYZ.js → FTKHKS6W.js} +3 -3
  131. package/dist/__chunks/{KWRU2RKT.js → G7N4BOR7.js} +2 -2
  132. package/dist/__chunks/{E4LISCR7.cjs → GANR5JVV.cjs} +3 -3
  133. package/dist/__chunks/{MOU24MJO.js → GJBW4BG7.js} +2 -2
  134. package/dist/__chunks/{6XZHBBJP.cjs → GMKJSXXQ.cjs} +5 -5
  135. package/dist/__chunks/{RKIU3AMB.js → GWJGZYZO.js} +4 -4
  136. package/dist/__chunks/{XQM7YZ26.js → HCHFPFNX.js} +2 -2
  137. package/dist/__chunks/{W35D2UIC.cjs → HVYLG5OC.cjs} +10 -10
  138. package/dist/__chunks/{MG2NM3WU.cjs → HYRATHVK.cjs} +3 -3
  139. package/dist/__chunks/{MQ7FU53W.cjs → ICLT5QY2.cjs} +9 -9
  140. package/dist/__chunks/{UAN64LE7.cjs → J25IK5J2.cjs} +5 -5
  141. package/dist/__chunks/{2JHU2ASK.cjs → JDOSJDOR.cjs} +10 -10
  142. package/dist/__chunks/{U6PVR4JE.js → JUB3D7BZ.js} +4 -4
  143. package/dist/__chunks/{TBQR2FPS.cjs → JXOKXBDZ.cjs} +3 -2
  144. package/dist/__chunks/JXOKXBDZ.cjs.map +1 -0
  145. package/dist/__chunks/{C2O2DNFT.js → KG6XG47I.js} +3 -3
  146. package/dist/__chunks/{5QPFD35S.js → KR53ODQQ.js} +4 -4
  147. package/dist/__chunks/{L5FISA2U.cjs → LECUYS4O.cjs} +5 -5
  148. package/dist/__chunks/{2TLKWIYC.cjs → M2CJONYS.cjs} +3 -3
  149. package/dist/__chunks/{4NSYLHIG.js → MBTIELOD.js} +2 -2
  150. package/dist/__chunks/{HINMIM2W.js → MDAWMKBY.js} +3 -3
  151. package/dist/__chunks/{HINMIM2W.js.map → MDAWMKBY.js.map} +1 -1
  152. package/dist/__chunks/{CX2IJ7UB.js → NKYN63G7.js} +7 -6
  153. package/dist/__chunks/{CX2IJ7UB.js.map → NKYN63G7.js.map} +1 -1
  154. package/dist/__chunks/{CCDZUAUU.cjs → O2J3F7UE.cjs} +1 -1
  155. package/dist/__chunks/{CCDZUAUU.cjs.map → O2J3F7UE.cjs.map} +1 -1
  156. package/dist/__chunks/{KWT6ABYP.cjs → OAZD7W2W.cjs} +3 -3
  157. package/dist/__chunks/{WZZQUJZF.cjs → PDKMXSDQ.cjs} +18 -18
  158. package/dist/__chunks/{4MLT3AHK.cjs → PKBQW5T6.cjs} +5 -5
  159. package/dist/__chunks/{G4L4P5KD.js → Q4HTXMNF.js} +3 -3
  160. package/dist/__chunks/{IXDYGNLN.cjs → QZZW6BPP.cjs} +7 -7
  161. package/dist/__chunks/{MKGPWRAB.cjs → RJX7ZVAG.cjs} +8 -8
  162. package/dist/__chunks/{VBQTLO2P.cjs → RVFY33X2.cjs} +3 -3
  163. package/dist/__chunks/{Z6B4SAEZ.cjs → SRAYR7UN.cjs} +26 -26
  164. package/dist/__chunks/{LUGWXC6Z.js → UENUF2KR.js} +4 -4
  165. package/dist/__chunks/{WG6366VB.js → UF7SXHS4.js} +2 -2
  166. package/dist/__chunks/{UEQKS2FD.cjs → VLK5CARI.cjs} +7 -7
  167. package/dist/__chunks/{ZEMGWSJQ.js → VR4ZFZ4Z.js} +2 -2
  168. package/dist/__chunks/{RINTHGJZ.cjs → W5MIJIZA.cjs} +3 -3
  169. package/dist/__chunks/{PLUOUSZL.js → WEBZYCKQ.js} +1 -1
  170. package/dist/__chunks/{PLUOUSZL.js.map → WEBZYCKQ.js.map} +1 -1
  171. package/dist/__chunks/{XISRQSXZ.js → WPKU2FTA.js} +5 -5
  172. package/dist/__chunks/{H2VCDVLG.js → XYPM2PWU.js} +4 -4
  173. package/dist/__chunks/{53T425YL.js → Y2HREK3T.js} +4 -4
  174. package/dist/__chunks/{J3ES6ZT6.cjs → Y2TA6QLY.cjs} +3 -3
  175. package/dist/__chunks/{TJN7NBWU.cjs → YJWKUNYU.cjs} +4 -4
  176. package/dist/__chunks/{TJN7NBWU.cjs.map → YJWKUNYU.cjs.map} +1 -1
  177. package/dist/__chunks/{VRVOFKLI.cjs → ZRO3RCYX.cjs} +11 -11
  178. package/dist/index.cjs +32 -32
  179. package/dist/index.css +63 -71
  180. package/dist/index.css.map +1 -1
  181. package/dist/index.js +31 -31
  182. package/package.json +2 -2
  183. package/dist/__chunks/HNR3FTMR.cjs.map +0 -1
  184. package/dist/__chunks/TBQR2FPS.cjs.map +0 -1
  185. /package/dist/__chunks/{P2BCEYCC.js.map → 2HNKN7IN.js.map} +0 -0
  186. /package/dist/__chunks/{ZYCAP5AY.cjs.map → 4HPBU76L.cjs.map} +0 -0
  187. /package/dist/__chunks/{KZD6BFDA.js.map → 4IJQ4BTF.js.map} +0 -0
  188. /package/dist/__chunks/{I75WZ7AV.cjs.map → 4S6APU2V.cjs.map} +0 -0
  189. /package/dist/__chunks/{KITXUOU4.js.map → 4VJHC5OM.js.map} +0 -0
  190. /package/dist/__chunks/{FJ7CVAIA.js.map → 5JUAIXVN.js.map} +0 -0
  191. /package/dist/__chunks/{COW4SDSF.js.map → 5OLT2HH5.js.map} +0 -0
  192. /package/dist/__chunks/{JUPRT4OU.js.map → 63GEZVJ4.js.map} +0 -0
  193. /package/dist/__chunks/{TCZBK2P5.cjs.map → 6IRH354B.cjs.map} +0 -0
  194. /package/dist/__chunks/{XJL3R42D.cjs.map → 6NYPDPF4.cjs.map} +0 -0
  195. /package/dist/__chunks/{4TY5KFRY.cjs.map → 6P6ARVEA.cjs.map} +0 -0
  196. /package/dist/__chunks/{F7MTPNJ5.js.map → 7BAMJSUF.js.map} +0 -0
  197. /package/dist/__chunks/{OV5U4YJN.cjs.map → A323TCSA.cjs.map} +0 -0
  198. /package/dist/__chunks/{AM27BYFE.js.map → AAJM5GTF.js.map} +0 -0
  199. /package/dist/__chunks/{OVXHL32N.cjs.map → AGJ2QSEP.cjs.map} +0 -0
  200. /package/dist/__chunks/{3LO2QLOH.js.map → AW4Z42KI.js.map} +0 -0
  201. /package/dist/__chunks/{VT6H7TYG.js.map → AWT6KV7A.js.map} +0 -0
  202. /package/dist/__chunks/{6EKM3QTW.js.map → CVYKJOHP.js.map} +0 -0
  203. /package/dist/__chunks/{7XCKMUYZ.js.map → FTKHKS6W.js.map} +0 -0
  204. /package/dist/__chunks/{KWRU2RKT.js.map → G7N4BOR7.js.map} +0 -0
  205. /package/dist/__chunks/{E4LISCR7.cjs.map → GANR5JVV.cjs.map} +0 -0
  206. /package/dist/__chunks/{MOU24MJO.js.map → GJBW4BG7.js.map} +0 -0
  207. /package/dist/__chunks/{6XZHBBJP.cjs.map → GMKJSXXQ.cjs.map} +0 -0
  208. /package/dist/__chunks/{RKIU3AMB.js.map → GWJGZYZO.js.map} +0 -0
  209. /package/dist/__chunks/{XQM7YZ26.js.map → HCHFPFNX.js.map} +0 -0
  210. /package/dist/__chunks/{W35D2UIC.cjs.map → HVYLG5OC.cjs.map} +0 -0
  211. /package/dist/__chunks/{MG2NM3WU.cjs.map → HYRATHVK.cjs.map} +0 -0
  212. /package/dist/__chunks/{MQ7FU53W.cjs.map → ICLT5QY2.cjs.map} +0 -0
  213. /package/dist/__chunks/{UAN64LE7.cjs.map → J25IK5J2.cjs.map} +0 -0
  214. /package/dist/__chunks/{2JHU2ASK.cjs.map → JDOSJDOR.cjs.map} +0 -0
  215. /package/dist/__chunks/{U6PVR4JE.js.map → JUB3D7BZ.js.map} +0 -0
  216. /package/dist/__chunks/{C2O2DNFT.js.map → KG6XG47I.js.map} +0 -0
  217. /package/dist/__chunks/{5QPFD35S.js.map → KR53ODQQ.js.map} +0 -0
  218. /package/dist/__chunks/{L5FISA2U.cjs.map → LECUYS4O.cjs.map} +0 -0
  219. /package/dist/__chunks/{2TLKWIYC.cjs.map → M2CJONYS.cjs.map} +0 -0
  220. /package/dist/__chunks/{4NSYLHIG.js.map → MBTIELOD.js.map} +0 -0
  221. /package/dist/__chunks/{KWT6ABYP.cjs.map → OAZD7W2W.cjs.map} +0 -0
  222. /package/dist/__chunks/{WZZQUJZF.cjs.map → PDKMXSDQ.cjs.map} +0 -0
  223. /package/dist/__chunks/{4MLT3AHK.cjs.map → PKBQW5T6.cjs.map} +0 -0
  224. /package/dist/__chunks/{G4L4P5KD.js.map → Q4HTXMNF.js.map} +0 -0
  225. /package/dist/__chunks/{IXDYGNLN.cjs.map → QZZW6BPP.cjs.map} +0 -0
  226. /package/dist/__chunks/{MKGPWRAB.cjs.map → RJX7ZVAG.cjs.map} +0 -0
  227. /package/dist/__chunks/{VBQTLO2P.cjs.map → RVFY33X2.cjs.map} +0 -0
  228. /package/dist/__chunks/{Z6B4SAEZ.cjs.map → SRAYR7UN.cjs.map} +0 -0
  229. /package/dist/__chunks/{LUGWXC6Z.js.map → UENUF2KR.js.map} +0 -0
  230. /package/dist/__chunks/{WG6366VB.js.map → UF7SXHS4.js.map} +0 -0
  231. /package/dist/__chunks/{UEQKS2FD.cjs.map → VLK5CARI.cjs.map} +0 -0
  232. /package/dist/__chunks/{ZEMGWSJQ.js.map → VR4ZFZ4Z.js.map} +0 -0
  233. /package/dist/__chunks/{RINTHGJZ.cjs.map → W5MIJIZA.cjs.map} +0 -0
  234. /package/dist/__chunks/{XISRQSXZ.js.map → WPKU2FTA.js.map} +0 -0
  235. /package/dist/__chunks/{H2VCDVLG.js.map → XYPM2PWU.js.map} +0 -0
  236. /package/dist/__chunks/{53T425YL.js.map → Y2HREK3T.js.map} +0 -0
  237. /package/dist/__chunks/{J3ES6ZT6.cjs.map → Y2TA6QLY.cjs.map} +0 -0
  238. /package/dist/__chunks/{VRVOFKLI.cjs.map → ZRO3RCYX.cjs.map} +0 -0
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
2
2
 
3
3
 
4
- var _RINTHGJZcjs = require('./RINTHGJZ.cjs');
4
+ var _W5MIJIZAcjs = require('./W5MIJIZA.cjs');
5
5
 
6
6
 
7
- var _KWT6ABYPcjs = require('./KWT6ABYP.cjs');
7
+ var _OAZD7W2Wcjs = require('./OAZD7W2W.cjs');
8
8
 
9
9
 
10
10
  var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
@@ -13,7 +13,7 @@ var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
13
13
  var _IL22HCBFcjs = require('./IL22HCBF.cjs');
14
14
 
15
15
 
16
- var _E4LISCR7cjs = require('./E4LISCR7.cjs');
16
+ var _GANR5JVVcjs = require('./GANR5JVV.cjs');
17
17
 
18
18
 
19
19
  var _E5P6WRJDcjs = require('./E5P6WRJD.cjs');
@@ -113,13 +113,13 @@ var ModalDialog = _react.forwardRef.call(void 0,
113
113
  "aria-label": accessibilityLabel,
114
114
  onChangeContentVisibility,
115
115
  children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
116
- _RINTHGJZcjs.Dialog_default,
116
+ _W5MIJIZAcjs.Dialog_default,
117
117
  {
118
118
  accessibilityLabel,
119
119
  "data-testid": dataTestId,
120
120
  children: [
121
121
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
122
- _E4LISCR7cjs.Box_default,
122
+ _GANR5JVVcjs.Box_default,
123
123
  {
124
124
  position: "absolute",
125
125
  padding: 2,
@@ -130,7 +130,7 @@ var ModalDialog = _react.forwardRef.call(void 0,
130
130
  }
131
131
  },
132
132
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
133
- _KWT6ABYPcjs.IconButton_default,
133
+ _OAZD7W2Wcjs.IconButton_default,
134
134
  {
135
135
  onClick: () => state.close(),
136
136
  color: "tertiary",
@@ -157,4 +157,4 @@ var ModalDialog_default = ModalDialog;
157
157
 
158
158
 
159
159
  exports.AriaModalOverlay = AriaModalOverlay; exports.AriaModal = AriaModal; exports.ModalDialog_default = ModalDialog_default;
160
- //# sourceMappingURL=UEQKS2FD.cjs.map
160
+ //# sourceMappingURL=VLK5CARI.cjs.map
@@ -16,7 +16,7 @@ import {
16
16
  } from "./IB3FQANU.js";
17
17
  import {
18
18
  useTheme
19
- } from "./ZSHAHV4F.js";
19
+ } from "./4GTNQPPD.js";
20
20
  import {
21
21
  useIsHydrated
22
22
  } from "./JB65NEXK.js";
@@ -93,4 +93,4 @@ var IconButton_default = IconButton;
93
93
  export {
94
94
  IconButton_default
95
95
  };
96
- //# sourceMappingURL=ZEMGWSJQ.js.map
96
+ //# sourceMappingURL=VR4ZFZ4Z.js.map
@@ -16,7 +16,7 @@ var _S5QHTHSTcjs = require('./S5QHTHST.cjs');
16
16
  var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
17
17
 
18
18
 
19
- var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
19
+ var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
20
20
 
21
21
  // src/Dialog/Dialog.tsx
22
22
 
@@ -53,7 +53,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
53
53
  size = "md"
54
54
  } = props;
55
55
  const { padding } = _react.useContext.call(void 0, DialogContext);
56
- const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
56
+ const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
57
57
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
58
58
  _reactariacomponents.Dialog,
59
59
  {
@@ -86,4 +86,4 @@ var Dialog_default = Dialog;
86
86
 
87
87
 
88
88
  exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
89
- //# sourceMappingURL=RINTHGJZ.cjs.map
89
+ //# sourceMappingURL=W5MIJIZA.cjs.map
@@ -8,4 +8,4 @@ export {
8
8
  ColorBaseDestructive700,
9
9
  ColorBaseGray800
10
10
  };
11
- //# sourceMappingURL=PLUOUSZL.js.map
11
+ //# sourceMappingURL=WEBZYCKQ.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 25 Mar 2024 22:41:08 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Wed, 27 Mar 2024 18:59:22 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}
@@ -5,19 +5,19 @@ import {
5
5
  import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray800
8
- } from "./PLUOUSZL.js";
8
+ } from "./WEBZYCKQ.js";
9
9
  import {
10
10
  Focus_module_default
11
11
  } from "./KKADUD65.js";
12
12
  import {
13
13
  Box_default
14
- } from "./XQM7YZ26.js";
14
+ } from "./HCHFPFNX.js";
15
15
  import {
16
16
  Typography_default
17
- } from "./HINMIM2W.js";
17
+ } from "./MDAWMKBY.js";
18
18
  import {
19
19
  useTheme
20
- } from "./ZSHAHV4F.js";
20
+ } from "./4GTNQPPD.js";
21
21
  import {
22
22
  useIsHydrated
23
23
  } from "./JB65NEXK.js";
@@ -137,4 +137,4 @@ SelectList.Option = SelectOption_default;
137
137
  export {
138
138
  SelectList
139
139
  };
140
- //# sourceMappingURL=XISRQSXZ.js.map
140
+ //# sourceMappingURL=WPKU2FTA.js.map
@@ -4,16 +4,16 @@ import {
4
4
  } from "./KKADUD65.js";
5
5
  import {
6
6
  Box_default
7
- } from "./XQM7YZ26.js";
7
+ } from "./HCHFPFNX.js";
8
8
  import {
9
9
  Typography_default
10
- } from "./HINMIM2W.js";
10
+ } from "./MDAWMKBY.js";
11
11
  import {
12
12
  colors_module_default
13
13
  } from "./B7PDT66P.js";
14
14
  import {
15
15
  useTheme
16
- } from "./ZSHAHV4F.js";
16
+ } from "./4GTNQPPD.js";
17
17
  import {
18
18
  useIsHydrated
19
19
  } from "./JB65NEXK.js";
@@ -137,4 +137,4 @@ var RadioButton_default = RadioButton;
137
137
  export {
138
138
  RadioButton_default
139
139
  };
140
- //# sourceMappingURL=H2VCDVLG.js.map
140
+ //# sourceMappingURL=XYPM2PWU.js.map
@@ -1,10 +1,10 @@
1
1
  "use client"
2
2
  import {
3
3
  Dialog_default
4
- } from "./WG6366VB.js";
4
+ } from "./UF7SXHS4.js";
5
5
  import {
6
6
  IconButton_default
7
- } from "./ZEMGWSJQ.js";
7
+ } from "./VR4ZFZ4Z.js";
8
8
  import {
9
9
  padding_module_default
10
10
  } from "./ZOWOFYUE.js";
@@ -13,7 +13,7 @@ import {
13
13
  } from "./AVREYFSM.js";
14
14
  import {
15
15
  Box_default
16
- } from "./XQM7YZ26.js";
16
+ } from "./HCHFPFNX.js";
17
17
  import {
18
18
  OverlayVisibility
19
19
  } from "./E5KMIBEU.js";
@@ -157,4 +157,4 @@ export {
157
157
  AriaModal,
158
158
  ModalDialog_default
159
159
  };
160
- //# sourceMappingURL=53T425YL.js.map
160
+ //# sourceMappingURL=Y2HREK3T.js.map
@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
7
7
  var _IL22HCBFcjs = require('./IL22HCBF.cjs');
8
8
 
9
9
 
10
- var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
10
+ var _YJWKUNYUcjs = require('./YJWKUNYU.cjs');
11
11
 
12
12
  // src/RichSelect/RichSelectSection.tsx
13
13
  var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
39
39
  }
40
40
  ),
41
41
  children: [
42
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { children: label }) }),
42
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YJWKUNYUcjs.Typography_default, { children: label }) }),
43
43
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
44
44
  ]
45
45
  }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
50
50
 
51
51
 
52
52
  exports.RichSelectSection_default = RichSelectSection_default;
53
- //# sourceMappingURL=J3ES6ZT6.cjs.map
53
+ //# sourceMappingURL=Y2TA6QLY.cjs.map
@@ -4,14 +4,14 @@
4
4
  var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
5
5
 
6
6
 
7
- var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
7
+ var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
8
8
 
9
9
  // src/Typography/Typography.tsx
10
10
  var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
11
11
  var _react = require('react');
12
12
 
13
13
  // css-module:./Typography.module.css#css-module
14
- var Typography_module_default = { "typography": "_typography_1gnc6_1", "sansSerif": "_sansSerif_1gnc6_24", "serif": "_serif_1gnc6_30", "size100": "_size100_1gnc6_37", "size200": "_size200_1gnc6_41", "size300": "_size300_1gnc6_45", "size500": "_size500_1gnc6_49", "size600": "_size600_1gnc6_53", "size700": "_size700_1gnc6_57", "size800": "_size800_1gnc6_61", "size100Cambio": "_size100Cambio_1gnc6_66", "size200Cambio": "_size200Cambio_1gnc6_70", "size300Cambio": "_size300Cambio_1gnc6_74", "size400Cambio": "_size400Cambio_1gnc6_78", "size500Cambio": "_size500Cambio_1gnc6_82", "size600Cambio": "_size600Cambio_1gnc6_86", "size700Cambio": "_size700Cambio_1gnc6_90", "size800Cambio": "_size800Cambio_1gnc6_94", "size900Cambio": "_size900Cambio_1gnc6_98", "size1000Cambio": "_size1000Cambio_1gnc6_139", "size1100Cambio": "_size1100Cambio_1gnc6_143", "center": "_center_1gnc6_149", "forceLeft": "_forceLeft_1gnc6_153", "forceRight": "_forceRight_1gnc6_157", "start": "_start_1gnc6_161", "end": "_end_1gnc6_165", "bold": "_bold_1gnc6_170", "regular": "_regular_1gnc6_174", "interactive": "_interactive_1gnc6_178", "semiBold": "_semiBold_1gnc6_182", "heavy": "_heavy_1gnc6_186", "regularCambio": "_regularCambio_1gnc6_190", "mediumCambio": "_mediumCambio_1gnc6_194", "semiBoldCambio": "_semiBoldCambio_1gnc6_198", "boldCambio": "_boldCambio_1gnc6_202", "underline": "_underline_1gnc6_206", "inline": "_inline_1gnc6_210", "uppercase": "_uppercase_1gnc6_214", "lineClamp": "_lineClamp_1gnc6_218" };
14
+ var Typography_module_default = { "typography": "_typography_crxq1_1", "sansSerif": "_sansSerif_crxq1_22", "serif": "_serif_crxq1_27", "size100": "_size100_crxq1_71", "size200": "_size200_crxq1_75", "size300": "_size300_crxq1_79", "size500": "_size500_crxq1_83", "size600": "_size600_crxq1_87", "size700": "_size700_crxq1_91", "size800": "_size800_crxq1_95", "size100Cambio": "_size100Cambio_crxq1_100", "size200Cambio": "_size200Cambio_crxq1_104", "size300Cambio": "_size300Cambio_crxq1_108", "size400Cambio": "_size400Cambio_crxq1_112", "size500Cambio": "_size500Cambio_crxq1_116", "size600Cambio": "_size600Cambio_crxq1_120", "size700Cambio": "_size700Cambio_crxq1_124", "size800Cambio": "_size800Cambio_crxq1_128", "size900Cambio": "_size900Cambio_crxq1_132", "size1000Cambio": "_size1000Cambio_crxq1_173", "size1100Cambio": "_size1100Cambio_crxq1_177", "center": "_center_crxq1_183", "forceLeft": "_forceLeft_crxq1_187", "forceRight": "_forceRight_crxq1_191", "start": "_start_crxq1_195", "end": "_end_crxq1_199", "bold": "_bold_crxq1_204", "regular": "_regular_crxq1_208", "interactive": "_interactive_crxq1_212", "semiBold": "_semiBold_crxq1_216", "heavy": "_heavy_crxq1_220", "regularCambio": "_regularCambio_crxq1_224", "mediumCambio": "_mediumCambio_crxq1_228", "semiBoldCambio": "_semiBoldCambio_crxq1_232", "boldCambio": "_boldCambio_crxq1_236", "underline": "_underline_crxq1_240", "inline": "_inline_crxq1_244", "uppercase": "_uppercase_crxq1_248", "lineClamp": "_lineClamp_crxq1_252" };
15
15
 
16
16
  // src/Typography/Typography.tsx
17
17
  var _jsxruntime = require('react/jsx-runtime');
@@ -89,7 +89,7 @@ var Typography = _react.forwardRef.call(void 0, function Typography2({
89
89
  weight = "regular"
90
90
  }, ref) {
91
91
  const Tag = as;
92
- const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
92
+ const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
93
93
  const weightStyles = themeName === "classic" ? Typography_module_default[classicWeight(weight)] : Typography_module_default[`${cambioWeight(weight)}Cambio`];
94
94
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
95
95
  Tag,
@@ -125,4 +125,4 @@ var Typography_default = Typography;
125
125
 
126
126
 
127
127
  exports.Typography_default = Typography_default;
128
- //# sourceMappingURL=TJN7NBWU.cjs.map
128
+ //# sourceMappingURL=YJWKUNYU.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1gnc6_1\",\"sansSerif\":\"_sansSerif_1gnc6_24\",\"serif\":\"_serif_1gnc6_30\",\"size100\":\"_size100_1gnc6_37\",\"size200\":\"_size200_1gnc6_41\",\"size300\":\"_size300_1gnc6_45\",\"size500\":\"_size500_1gnc6_49\",\"size600\":\"_size600_1gnc6_53\",\"size700\":\"_size700_1gnc6_57\",\"size800\":\"_size800_1gnc6_61\",\"size100Cambio\":\"_size100Cambio_1gnc6_66\",\"size200Cambio\":\"_size200Cambio_1gnc6_70\",\"size300Cambio\":\"_size300Cambio_1gnc6_74\",\"size400Cambio\":\"_size400Cambio_1gnc6_78\",\"size500Cambio\":\"_size500Cambio_1gnc6_82\",\"size600Cambio\":\"_size600Cambio_1gnc6_86\",\"size700Cambio\":\"_size700Cambio_1gnc6_90\",\"size800Cambio\":\"_size800Cambio_1gnc6_94\",\"size900Cambio\":\"_size900Cambio_1gnc6_98\",\"size1000Cambio\":\"_size1000Cambio_1gnc6_139\",\"size1100Cambio\":\"_size1100Cambio_1gnc6_143\",\"center\":\"_center_1gnc6_149\",\"forceLeft\":\"_forceLeft_1gnc6_153\",\"forceRight\":\"_forceRight_1gnc6_157\",\"start\":\"_start_1gnc6_161\",\"end\":\"_end_1gnc6_165\",\"bold\":\"_bold_1gnc6_170\",\"regular\":\"_regular_1gnc6_174\",\"interactive\":\"_interactive_1gnc6_178\",\"semiBold\":\"_semiBold_1gnc6_182\",\"heavy\":\"_heavy_1gnc6_186\",\"regularCambio\":\"_regularCambio_1gnc6_190\",\"mediumCambio\":\"_mediumCambio_1gnc6_194\",\"semiBoldCambio\":\"_semiBoldCambio_1gnc6_198\",\"boldCambio\":\"_boldCambio_1gnc6_202\",\"underline\":\"_underline_1gnc6_206\",\"inline\":\"_inline_1gnc6_210\",\"uppercase\":\"_uppercase_1gnc6_214\",\"lineClamp\":\"_lineClamp_1gnc6_218\"}"]}
1
+ {"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":";;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,QAAO,mBAAkB,WAAU,sBAAqB,eAAc,0BAAyB,YAAW,uBAAsB,SAAQ,oBAAmB,iBAAgB,4BAA2B,gBAAe,2BAA0B,kBAAiB,6BAA4B,cAAa,yBAAwB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADkR39C;AA5QJ,SAAS,iBACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,gBACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,cACP,QAC2D;AAC3D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,aACP,QAC4C;AAC5C,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,aAAa,WAoJjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,eACJ,cAAc,YACV,0BAAO,cAAc,MAAM,CAAC,IAC5B,0BAAO,GAAG,aAAa,MAAM,SAAS;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ;AAAA,QACA,cAAc,YAAY,cAAc,UACpC,0BAAO,QACP,0BAAO;AAAA,QACX,cAAc,WACV,gBAAgB,KAAK,IACrB,iBAAiB,KAAK;AAAA,QAC1B,UAAU,0BAAO;AAAA,QACjB,cAAc,YACV,0BACE;AAAA;AAAA;AAAA,QAIE,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,MACL,OACA,KAER,IACA,0BAAO,OAAO,YAAY;AAAA,QAC9B,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.gray700Color;\n case \"white\":\n return colorStyles.whiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"primary\":\n return colorStyles.primary700Color;\n case \"destructive-primary\":\n case \"destructive-darkBackground\":\n return colorStyles.destructive700Color;\n case \"success\":\n return colorStyles.success700Color;\n default:\n return colorStyles.gray900Color;\n }\n}\n\nfunction cambioTextColor(\n color:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\",\n): string {\n switch (color) {\n case \"gray700\":\n return colorStyles.cambioGray800Color;\n case \"white\":\n return colorStyles.cambioWhiteColor;\n case \"inherit\":\n return colorStyles.inheritColor;\n case \"destructive-primary\":\n return colorStyles.cambioDestructive900Color;\n case \"destructive-darkBackground\":\n return colorStyles.cambioDestructive100Color;\n case \"success\":\n return colorStyles.cambioSuccess900Color;\n case \"success-darkBackground\":\n return colorStyles.cambioSuccess100Color;\n // primary / gray900\n default:\n return colorStyles.cambioBlackColor;\n }\n}\n\nfunction classicWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n switch (weight) {\n case \"medium\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\nfunction cambioWeight(\n weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n switch (weight) {\n case \"interactive\":\n return \"medium\";\n case \"heavy\":\n return \"regular\";\n default:\n return weight;\n }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n HTMLDivElement,\n {\n /**\n * Aligns the text to the left, right, or center of the container.\n * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n *\n * @defaultValue \"start\"\n */\n align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n /**\n * DOM element to render as.\n *\n * @defaultValue \"div\"\n */\n as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"inherit\";\n /**\n * Test id for the text\n */\n \"data-testid\"?: string;\n /**\n * Style of the font\n *\n * Classic only supports `sans-serif`\n *\n * @defaultValue \"sans-serif\"\n */\n fontStyle?: \"serif\" | \"sans-serif\";\n /**\n * The id for the element\n */\n id?: string;\n /**\n * Whether the text should flow inline with other elements.\n *\n * @defaultValue false\n */\n inline?: boolean;\n /**\n * The number of lines we should truncate the text at\n */\n lineClamp?: number | undefined;\n /**\n * Size of the text.\n *\n * Classic:\n * * `100`: 12px\n * * `200`: 14px\n * * `300`: 16px\n * * `500`: 20px\n * * `600`: 28px\n * * `700`: 40px\n * * `800`: 64px\n *\n * Cambio Mobile:\n * * `100`: 14px\n * * `200`: 16px\n * * `300`: 18px\n * * `400`: 20px\n * * `500`: 23px\n * * `600`: 26px\n * * `700`: 29px\n * * `800`: 33px\n * * `900`: 37px\n * * `1000`: 41px\n * * `1100`: 46px\n *\n * Cambio Desktop (viewport width > 480px):\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 31px\n * * `600`: 39px\n * * `700`: 49px\n * * `800`: 61px\n * * `900`: 76px\n * * `1000`: 95px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n /**\n * The tooltip to be displayed when the user hovers the text\n */\n tooltip?: string;\n /**\n * Whether the text should be transformed to uppercase.\n *\n * @defaultValue \"none\"\n */\n transform?: \"none\" | \"uppercase\";\n /**\n * Whether the text has an underline.\n *\n * @defaultValue false\n */\n underline?: boolean;\n /**\n * Indicates the boldness of the text.\n *\n * Classic:\n * * `regular`: 400\n * * `interactive`: 500 (Classic only)\n * * `semiBold`: 600\n * * `bold`: 700\n * * `heavy`: 860 (Classic only)\n *\n * Cambio:\n * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n *\n * @defaultValue \"regular\"\n */\n weight?:\n | \"regular\"\n | \"interactive\"\n | \"medium\"\n | \"semiBold\"\n | \"bold\"\n | \"heavy\";\n }\n>(function Typography(\n {\n align = \"start\",\n as = \"div\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n id,\n inline = false,\n lineClamp = undefined,\n size = 200,\n tooltip,\n transform = \"none\",\n underline = false,\n weight = \"regular\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n const { themeName } = useTheme();\n\n const weightStyles =\n themeName === \"classic\"\n ? styles[classicWeight(weight)]\n : styles[`${cambioWeight(weight)}Cambio`];\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n weightStyles,\n themeName === \"cambio\" && fontStyle === \"serif\"\n ? styles.serif\n : styles.sansSerif,\n themeName === \"cambio\"\n ? cambioTextColor(color)\n : classicTextColor(color),\n inline && styles.inline,\n themeName === \"classic\"\n ? styles[\n `size${\n // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n // One we ship Cambio, we can remove these checks\n size === 100 ||\n size === 200 ||\n size === 300 ||\n size === 500 ||\n size === 600 ||\n size === 700 ||\n size === 800\n ? size\n : 200\n }`\n ]\n : styles[`size${size}Cambio`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n )}\n data-testid={dataTestId}\n style={{\n WebkitLineClamp: lineClamp,\n }}\n title={tooltip}\n ref={ref}\n >\n {children}\n </Tag>\n );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_crxq1_1\",\"sansSerif\":\"_sansSerif_crxq1_22\",\"serif\":\"_serif_crxq1_27\",\"size100\":\"_size100_crxq1_71\",\"size200\":\"_size200_crxq1_75\",\"size300\":\"_size300_crxq1_79\",\"size500\":\"_size500_crxq1_83\",\"size600\":\"_size600_crxq1_87\",\"size700\":\"_size700_crxq1_91\",\"size800\":\"_size800_crxq1_95\",\"size100Cambio\":\"_size100Cambio_crxq1_100\",\"size200Cambio\":\"_size200Cambio_crxq1_104\",\"size300Cambio\":\"_size300Cambio_crxq1_108\",\"size400Cambio\":\"_size400Cambio_crxq1_112\",\"size500Cambio\":\"_size500Cambio_crxq1_116\",\"size600Cambio\":\"_size600Cambio_crxq1_120\",\"size700Cambio\":\"_size700Cambio_crxq1_124\",\"size800Cambio\":\"_size800Cambio_crxq1_128\",\"size900Cambio\":\"_size900Cambio_crxq1_132\",\"size1000Cambio\":\"_size1000Cambio_crxq1_173\",\"size1100Cambio\":\"_size1100Cambio_crxq1_177\",\"center\":\"_center_crxq1_183\",\"forceLeft\":\"_forceLeft_crxq1_187\",\"forceRight\":\"_forceRight_crxq1_191\",\"start\":\"_start_crxq1_195\",\"end\":\"_end_crxq1_199\",\"bold\":\"_bold_crxq1_204\",\"regular\":\"_regular_crxq1_208\",\"interactive\":\"_interactive_crxq1_212\",\"semiBold\":\"_semiBold_crxq1_216\",\"heavy\":\"_heavy_crxq1_220\",\"regularCambio\":\"_regularCambio_crxq1_224\",\"mediumCambio\":\"_mediumCambio_crxq1_228\",\"semiBoldCambio\":\"_semiBoldCambio_crxq1_232\",\"boldCambio\":\"_boldCambio_crxq1_236\",\"underline\":\"_underline_crxq1_240\",\"inline\":\"_inline_crxq1_244\",\"uppercase\":\"_uppercase_crxq1_248\",\"lineClamp\":\"_lineClamp_crxq1_252\"}"]}
@@ -1,13 +1,13 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
2
2
 
3
3
 
4
- var _4MLT3AHKcjs = require('./4MLT3AHK.cjs');
4
+ var _PKBQW5T6cjs = require('./PKBQW5T6.cjs');
5
5
 
6
6
 
7
- var _E4LISCR7cjs = require('./E4LISCR7.cjs');
7
+ var _GANR5JVVcjs = require('./GANR5JVV.cjs');
8
8
 
9
9
 
10
- var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
10
+ var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
11
11
 
12
12
 
13
13
  var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
@@ -48,7 +48,7 @@ function AvatarInternal({
48
48
  size = "md",
49
49
  src
50
50
  }) {
51
- const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
51
+ const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
52
52
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
53
53
  "div",
54
54
  {
@@ -70,8 +70,8 @@ function AvatarInternal({
70
70
  )
71
71
  }
72
72
  ),
73
- icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E4LISCR7cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
74
- _E4LISCR7cjs.Box_default,
73
+ icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
74
+ _GANR5JVVcjs.Box_default,
75
75
  {
76
76
  display: "flex",
77
77
  alignItems: "center",
@@ -97,11 +97,11 @@ var Avatar = ({
97
97
  size = "md",
98
98
  src
99
99
  }) => {
100
- const avatarGroupContext = _4MLT3AHKcjs.useAvatarGroup.call(void 0, );
101
- const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
100
+ const avatarGroupContext = _PKBQW5T6cjs.useAvatarGroup.call(void 0, );
101
+ const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
102
102
  if (avatarGroupContext !== null) {
103
103
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
104
- _E4LISCR7cjs.Box_default,
104
+ _GANR5JVVcjs.Box_default,
105
105
  {
106
106
  position: "relative",
107
107
  dangerouslySetInlineStyle: {
@@ -110,7 +110,7 @@ var Avatar = ({
110
110
  }
111
111
  },
112
112
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
113
- _E4LISCR7cjs.Box_default,
113
+ _GANR5JVVcjs.Box_default,
114
114
  {
115
115
  display: "flex",
116
116
  alignItems: "center",
@@ -147,4 +147,4 @@ var Avatar_default = Avatar;
147
147
 
148
148
 
149
149
  exports.Avatar_default = Avatar_default;
150
- //# sourceMappingURL=VRVOFKLI.cjs.map
150
+ //# sourceMappingURL=ZRO3RCYX.cjs.map
package/dist/index.cjs CHANGED
@@ -1,79 +1,79 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _MKGPWRABcjs = require('./__chunks/MKGPWRAB.cjs');
4
+ var _RJX7ZVAGcjs = require('./__chunks/RJX7ZVAG.cjs');
5
5
 
6
6
 
7
- var _VRVOFKLIcjs = require('./__chunks/VRVOFKLI.cjs');
7
+ var _ZRO3RCYXcjs = require('./__chunks/ZRO3RCYX.cjs');
8
8
 
9
9
 
10
- var _4MLT3AHKcjs = require('./__chunks/4MLT3AHK.cjs');
10
+ var _PKBQW5T6cjs = require('./__chunks/PKBQW5T6.cjs');
11
11
 
12
12
 
13
- var _OV5U4YJNcjs = require('./__chunks/OV5U4YJN.cjs');
13
+ var _A323TCSAcjs = require('./__chunks/A323TCSA.cjs');
14
14
 
15
15
 
16
- var _TCZBK2P5cjs = require('./__chunks/TCZBK2P5.cjs');
16
+ var _6IRH354Bcjs = require('./__chunks/6IRH354B.cjs');
17
17
 
18
18
 
19
- var _UAN64LE7cjs = require('./__chunks/UAN64LE7.cjs');
19
+ var _J25IK5J2cjs = require('./__chunks/J25IK5J2.cjs');
20
20
 
21
21
 
22
- var _HNR3FTMRcjs = require('./__chunks/HNR3FTMR.cjs');
22
+ var _432LXWXXcjs = require('./__chunks/432LXWXX.cjs');
23
23
 
24
24
 
25
- var _6XZHBBJPcjs = require('./__chunks/6XZHBBJP.cjs');
25
+ var _GMKJSXXQcjs = require('./__chunks/GMKJSXXQ.cjs');
26
26
  require('./__chunks/HUIHS6RN.cjs');
27
- require('./__chunks/4TY5KFRY.cjs');
27
+ require('./__chunks/6P6ARVEA.cjs');
28
28
  require('./__chunks/ZDQ6WQM3.cjs');
29
29
 
30
30
 
31
- var _W35D2UICcjs = require('./__chunks/W35D2UIC.cjs');
31
+ var _HVYLG5OCcjs = require('./__chunks/HVYLG5OC.cjs');
32
32
 
33
33
 
34
- var _2JHU2ASKcjs = require('./__chunks/2JHU2ASK.cjs');
34
+ var _JDOSJDORcjs = require('./__chunks/JDOSJDOR.cjs');
35
35
  require('./__chunks/4UJE5GMH.cjs');
36
36
 
37
37
 
38
- var _Z6B4SAEZcjs = require('./__chunks/Z6B4SAEZ.cjs');
39
- require('./__chunks/WZZQUJZF.cjs');
38
+ var _SRAYR7UNcjs = require('./__chunks/SRAYR7UN.cjs');
39
+ require('./__chunks/PDKMXSDQ.cjs');
40
40
 
41
41
 
42
- var _VBQTLO2Pcjs = require('./__chunks/VBQTLO2P.cjs');
42
+ var _RVFY33X2cjs = require('./__chunks/RVFY33X2.cjs');
43
43
 
44
44
 
45
- var _IXDYGNLNcjs = require('./__chunks/IXDYGNLN.cjs');
45
+ var _QZZW6BPPcjs = require('./__chunks/QZZW6BPP.cjs');
46
46
  require('./__chunks/3P2PWHOU.cjs');
47
47
  require('./__chunks/5JUNB754.cjs');
48
48
  require('./__chunks/ZCSR6NFB.cjs');
49
49
 
50
50
 
51
- var _MG2NM3WUcjs = require('./__chunks/MG2NM3WU.cjs');
52
- require('./__chunks/2TLKWIYC.cjs');
51
+ var _HYRATHVKcjs = require('./__chunks/HYRATHVK.cjs');
52
+ require('./__chunks/M2CJONYS.cjs');
53
53
 
54
54
 
55
- var _I75WZ7AVcjs = require('./__chunks/I75WZ7AV.cjs');
55
+ var _4S6APU2Vcjs = require('./__chunks/4S6APU2V.cjs');
56
56
 
57
57
 
58
- var _L5FISA2Ucjs = require('./__chunks/L5FISA2U.cjs');
59
- require('./__chunks/UEQKS2FD.cjs');
60
- require('./__chunks/RINTHGJZ.cjs');
58
+ var _LECUYS4Ocjs = require('./__chunks/LECUYS4O.cjs');
59
+ require('./__chunks/VLK5CARI.cjs');
60
+ require('./__chunks/W5MIJIZA.cjs');
61
61
 
62
62
 
63
- var _KWT6ABYPcjs = require('./__chunks/KWT6ABYP.cjs');
63
+ var _OAZD7W2Wcjs = require('./__chunks/OAZD7W2W.cjs');
64
64
  require('./__chunks/W2JRKN5E.cjs');
65
65
  require('./__chunks/WFVGNGEP.cjs');
66
66
  require('./__chunks/HWQUS53M.cjs');
67
67
 
68
68
 
69
69
  var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
70
- require('./__chunks/CCDZUAUU.cjs');
71
- require('./__chunks/J3ES6ZT6.cjs');
70
+ require('./__chunks/O2J3F7UE.cjs');
71
+ require('./__chunks/Y2TA6QLY.cjs');
72
72
  require('./__chunks/MF7LLV7V.cjs');
73
- require('./__chunks/OVXHL32N.cjs');
73
+ require('./__chunks/AGJ2QSEP.cjs');
74
74
 
75
75
 
76
- var _ZYCAP5AYcjs = require('./__chunks/ZYCAP5AY.cjs');
76
+ var _4HPBU76Lcjs = require('./__chunks/4HPBU76L.cjs');
77
77
  require('./__chunks/XLUVINJW.cjs');
78
78
  require('./__chunks/RYUXG4AS.cjs');
79
79
  require('./__chunks/UQY2ELTZ.cjs');
@@ -81,28 +81,28 @@ require('./__chunks/J43HGNHN.cjs');
81
81
  require('./__chunks/DTKTTGU5.cjs');
82
82
 
83
83
 
84
- var _XJL3R42Dcjs = require('./__chunks/XJL3R42D.cjs');
84
+ var _6NYPDPF4cjs = require('./__chunks/6NYPDPF4.cjs');
85
85
  require('./__chunks/PLUVW6AM.cjs');
86
86
  require('./__chunks/IL22HCBF.cjs');
87
87
 
88
88
 
89
- var _MQ7FU53Wcjs = require('./__chunks/MQ7FU53W.cjs');
89
+ var _ICLT5QY2cjs = require('./__chunks/ICLT5QY2.cjs');
90
90
 
91
91
 
92
92
 
93
- var _E4LISCR7cjs = require('./__chunks/E4LISCR7.cjs');
93
+ var _GANR5JVVcjs = require('./__chunks/GANR5JVV.cjs');
94
94
 
95
95
  require('./__chunks/S5QHTHST.cjs');
96
96
 
97
97
 
98
98
 
99
- var _TJN7NBWUcjs = require('./__chunks/TJN7NBWU.cjs');
99
+ var _YJWKUNYUcjs = require('./__chunks/YJWKUNYU.cjs');
100
100
  require('./__chunks/QAS3KERZ.cjs');
101
101
 
102
102
 
103
103
 
104
104
 
105
- var _TBQR2FPScjs = require('./__chunks/TBQR2FPS.cjs');
105
+ var _JXOKXBDZcjs = require('./__chunks/JXOKXBDZ.cjs');
106
106
  require('./__chunks/K4AUV2VK.cjs');
107
107
  require('./__chunks/NOELZTQX.cjs');
108
108
  require('./__chunks/LLFHCGRA.cjs');
@@ -136,5 +136,5 @@ require('./__chunks/X2SDR4SD.cjs');
136
136
 
137
137
 
138
138
 
139
- exports.Avatar = _VRVOFKLIcjs.Avatar_default; exports.AvatarGroup = _4MLT3AHKcjs.AvatarGroup; exports.Badge = _MKGPWRABcjs.Badge_default; exports.Box = _E4LISCR7cjs.Box_default; exports.Button = _IXDYGNLNcjs.Button_default; exports.ButtonGroup = _VBQTLO2Pcjs.ButtonGroup_default; exports.Card = _OV5U4YJNcjs.Card; exports.Checkbox = _UAN64LE7cjs.Checkbox_default; exports.Chip = _I75WZ7AVcjs.Chip_default; exports.Divider = _MG2NM3WUcjs.Divider; exports.Heading = _6XZHBBJPcjs.Heading_default; exports.IconButton = _KWT6ABYPcjs.IconButton_default; exports.LinkButton = _TCZBK2P5cjs.LinkButton_default; exports.Modal = _HNR3FTMRcjs.Modal; exports.Popover = _L5FISA2Ucjs.Popover_default; exports.RadioButton = _ZYCAP5AYcjs.RadioButton_default; exports.RichSelectList = _Z6B4SAEZcjs.RichSelectList_default; exports.SelectList = _2JHU2ASKcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _W35D2UICcjs.TextArea_default; exports.TextField = _MQ7FU53Wcjs.TextField; exports.ThemeProvider = _TBQR2FPScjs.ThemeProvider; exports.Tooltip = _XJL3R42Dcjs.Tooltip_default; exports.Typography = _TJN7NBWUcjs.Typography_default; exports.useTheme = _TBQR2FPScjs.useTheme;
139
+ exports.Avatar = _ZRO3RCYXcjs.Avatar_default; exports.AvatarGroup = _PKBQW5T6cjs.AvatarGroup; exports.Badge = _RJX7ZVAGcjs.Badge_default; exports.Box = _GANR5JVVcjs.Box_default; exports.Button = _QZZW6BPPcjs.Button_default; exports.ButtonGroup = _RVFY33X2cjs.ButtonGroup_default; exports.Card = _A323TCSAcjs.Card; exports.Checkbox = _J25IK5J2cjs.Checkbox_default; exports.Chip = _4S6APU2Vcjs.Chip_default; exports.Divider = _HYRATHVKcjs.Divider; exports.Heading = _GMKJSXXQcjs.Heading_default; exports.IconButton = _OAZD7W2Wcjs.IconButton_default; exports.LinkButton = _6IRH354Bcjs.LinkButton_default; exports.Modal = _432LXWXXcjs.Modal; exports.Popover = _LECUYS4Ocjs.Popover_default; exports.RadioButton = _4HPBU76Lcjs.RadioButton_default; exports.RichSelectList = _SRAYR7UNcjs.RichSelectList_default; exports.SelectList = _JDOSJDORcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _HVYLG5OCcjs.TextArea_default; exports.TextField = _ICLT5QY2cjs.TextField; exports.ThemeProvider = _JXOKXBDZcjs.ThemeProvider; exports.Tooltip = _6NYPDPF4cjs.Tooltip_default; exports.Typography = _YJWKUNYUcjs.Typography_default; exports.useTheme = _JXOKXBDZcjs.useTheme;
140
140
  //# sourceMappingURL=index.cjs.map