@cambly/syntax-core 21.13.0 → 21.14.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 (132) hide show
  1. package/dist/Avatar/Avatar.d.ts +1 -1
  2. package/dist/Badge/Badge.css +64 -65
  3. package/dist/Badge/Badge.css.map +1 -1
  4. package/dist/Badge/Badge.js +2 -2
  5. package/dist/Button/Button.css +64 -65
  6. package/dist/Button/Button.css.map +1 -1
  7. package/dist/Button/Button.js +2 -2
  8. package/dist/ButtonGroup/ButtonGroup.d.ts +1 -1
  9. package/dist/Checkbox/Checkbox.css +64 -65
  10. package/dist/Checkbox/Checkbox.css.map +1 -1
  11. package/dist/Checkbox/Checkbox.d.ts +1 -1
  12. package/dist/Checkbox/Checkbox.js +2 -2
  13. package/dist/Chip/Chip.css +64 -65
  14. package/dist/Chip/Chip.css.map +1 -1
  15. package/dist/Chip/Chip.js +2 -2
  16. package/dist/Heading/Heading.css +64 -65
  17. package/dist/Heading/Heading.css.map +1 -1
  18. package/dist/Heading/Heading.d.ts +1 -1
  19. package/dist/Heading/Heading.js +2 -2
  20. package/dist/LinkButton/LinkButton.css +64 -65
  21. package/dist/LinkButton/LinkButton.css.map +1 -1
  22. package/dist/LinkButton/LinkButton.js +2 -2
  23. package/dist/LinkTapArea/LinkTapArea.d.ts +1 -1
  24. package/dist/Modal/Modal.css +64 -65
  25. package/dist/Modal/Modal.css.map +1 -1
  26. package/dist/Modal/Modal.js +3 -3
  27. package/dist/RadioButton/RadioButton.css +64 -65
  28. package/dist/RadioButton/RadioButton.css.map +1 -1
  29. package/dist/RadioButton/RadioButton.d.ts +1 -1
  30. package/dist/RadioButton/RadioButton.js +2 -2
  31. package/dist/RichSelect/RichSelectBox.css +64 -65
  32. package/dist/RichSelect/RichSelectBox.css.map +1 -1
  33. package/dist/RichSelect/RichSelectBox.d.ts +1 -1
  34. package/dist/RichSelect/RichSelectBox.js +8 -8
  35. package/dist/RichSelect/RichSelectChip.css +64 -65
  36. package/dist/RichSelect/RichSelectChip.css.map +1 -1
  37. package/dist/RichSelect/RichSelectChip.js +3 -3
  38. package/dist/RichSelect/RichSelectList.css +64 -65
  39. package/dist/RichSelect/RichSelectList.css.map +1 -1
  40. package/dist/RichSelect/RichSelectList.d.ts +1 -1
  41. package/dist/RichSelect/RichSelectList.js +10 -10
  42. package/dist/RichSelect/RichSelectRadioButton.css +64 -65
  43. package/dist/RichSelect/RichSelectRadioButton.css.map +1 -1
  44. package/dist/RichSelect/RichSelectRadioButton.d.ts +1 -1
  45. package/dist/RichSelect/RichSelectRadioButton.js +3 -3
  46. package/dist/RichSelect/RichSelectSection.css +64 -65
  47. package/dist/RichSelect/RichSelectSection.css.map +1 -1
  48. package/dist/RichSelect/RichSelectSection.js +2 -2
  49. package/dist/SelectList/SelectList.css +64 -65
  50. package/dist/SelectList/SelectList.css.map +1 -1
  51. package/dist/SelectList/SelectList.js +3 -3
  52. package/dist/TabButton/TabButton.css +64 -65
  53. package/dist/TabButton/TabButton.css.map +1 -1
  54. package/dist/TabButton/TabButton.js +3 -3
  55. package/dist/TabLink/TabLink.css +64 -65
  56. package/dist/TabLink/TabLink.css.map +1 -1
  57. package/dist/TabLink/TabLink.js +3 -3
  58. package/dist/Tabs/TabInternal.css +64 -65
  59. package/dist/Tabs/TabInternal.css.map +1 -1
  60. package/dist/Tabs/TabInternal.js +2 -2
  61. package/dist/TapArea/TapArea.d.ts +1 -1
  62. package/dist/TextArea/TextArea.css +64 -65
  63. package/dist/TextArea/TextArea.css.map +1 -1
  64. package/dist/TextArea/TextArea.js +2 -2
  65. package/dist/TextField/TextField.css +64 -65
  66. package/dist/TextField/TextField.css.map +1 -1
  67. package/dist/TextField/TextField.js +3 -3
  68. package/dist/Toast/Toast.css +64 -65
  69. package/dist/Toast/Toast.css.map +1 -1
  70. package/dist/Toast/Toast.js +2 -2
  71. package/dist/Tooltip/Tooltip.css +64 -65
  72. package/dist/Tooltip/Tooltip.css.map +1 -1
  73. package/dist/Tooltip/Tooltip.js +2 -2
  74. package/dist/Typography/Typography.css +64 -65
  75. package/dist/Typography/Typography.css.map +1 -1
  76. package/dist/Typography/Typography.d.ts +1 -1
  77. package/dist/Typography/Typography.js +1 -1
  78. package/dist/WordConfetti/WordConfetti.css +64 -65
  79. package/dist/WordConfetti/WordConfetti.css.map +1 -1
  80. package/dist/WordConfetti/WordConfetti.js +2 -2
  81. package/dist/__chunks/{L3O26KOI.js → 3WCEI35J.js} +2 -2
  82. package/dist/__chunks/{JRSIZ3OC.js → 5FZZ7J4T.js} +2 -2
  83. package/dist/__chunks/{MEW6HJNQ.js → 64HKLVJ4.js} +2 -2
  84. package/dist/__chunks/{IOLXYFOT.js → 66CPOSY2.js} +2 -2
  85. package/dist/__chunks/{A2BLWAHB.js → 7U6IF7U6.js} +2 -2
  86. package/dist/__chunks/{JXOW2OYL.js → C2XZYAYA.js} +2 -2
  87. package/dist/__chunks/{L2B2L4F2.js → CAB67Z66.js} +2 -2
  88. package/dist/__chunks/{TNRDWSUF.js → FEJUKON5.js} +2 -2
  89. package/dist/__chunks/{EJEDQLJI.js → GBIA6TDE.js} +2 -2
  90. package/dist/__chunks/{CLVZ4FOV.js → HKZ2TXUM.js} +5 -5
  91. package/dist/__chunks/{EKSO3SO5.js → I4QZMNNL.js} +3 -3
  92. package/dist/__chunks/{J2CULO5Z.js → IRAGZBOB.js} +2 -2
  93. package/dist/__chunks/{3TH6B66Z.js → M3AY6RXG.js} +2 -2
  94. package/dist/__chunks/{JEQOCPG6.js → MRC3GNGT.js} +2 -2
  95. package/dist/__chunks/{ND2XGXML.js → N7G37EKF.js} +2 -2
  96. package/dist/__chunks/{NXXK4RDM.js → OCGBS7FM.js} +2 -2
  97. package/dist/__chunks/{4NEHC6Q6.js → OEEPMKSM.js} +1 -1
  98. package/dist/__chunks/{4NEHC6Q6.js.map → OEEPMKSM.js.map} +1 -1
  99. package/dist/__chunks/{OSGJ5HDK.js → OO4VSDFL.js} +2 -2
  100. package/dist/__chunks/{XATRX37Q.js → STLN5GZL.js} +2 -2
  101. package/dist/__chunks/{PEPEAQRW.js → UBL2R2NT.js} +7 -7
  102. package/dist/__chunks/{SFIVTUDU.js → VULONMWO.js} +2 -2
  103. package/dist/__chunks/{LXBUCC4I.js → W5LTXKEN.js} +3 -3
  104. package/dist/__chunks/{IDX7RWVA.js → X6FOFRMZ.js} +2 -2
  105. package/dist/__chunks/{IDX7RWVA.js.map → X6FOFRMZ.js.map} +1 -1
  106. package/dist/__chunks/{KURNAKIN.js → Y53Z25OG.js} +2 -2
  107. package/dist/index.css +64 -65
  108. package/dist/index.css.map +1 -1
  109. package/dist/index.js +24 -24
  110. package/package.json +1 -1
  111. /package/dist/__chunks/{L3O26KOI.js.map → 3WCEI35J.js.map} +0 -0
  112. /package/dist/__chunks/{JRSIZ3OC.js.map → 5FZZ7J4T.js.map} +0 -0
  113. /package/dist/__chunks/{MEW6HJNQ.js.map → 64HKLVJ4.js.map} +0 -0
  114. /package/dist/__chunks/{IOLXYFOT.js.map → 66CPOSY2.js.map} +0 -0
  115. /package/dist/__chunks/{A2BLWAHB.js.map → 7U6IF7U6.js.map} +0 -0
  116. /package/dist/__chunks/{JXOW2OYL.js.map → C2XZYAYA.js.map} +0 -0
  117. /package/dist/__chunks/{L2B2L4F2.js.map → CAB67Z66.js.map} +0 -0
  118. /package/dist/__chunks/{TNRDWSUF.js.map → FEJUKON5.js.map} +0 -0
  119. /package/dist/__chunks/{EJEDQLJI.js.map → GBIA6TDE.js.map} +0 -0
  120. /package/dist/__chunks/{CLVZ4FOV.js.map → HKZ2TXUM.js.map} +0 -0
  121. /package/dist/__chunks/{EKSO3SO5.js.map → I4QZMNNL.js.map} +0 -0
  122. /package/dist/__chunks/{J2CULO5Z.js.map → IRAGZBOB.js.map} +0 -0
  123. /package/dist/__chunks/{3TH6B66Z.js.map → M3AY6RXG.js.map} +0 -0
  124. /package/dist/__chunks/{JEQOCPG6.js.map → MRC3GNGT.js.map} +0 -0
  125. /package/dist/__chunks/{ND2XGXML.js.map → N7G37EKF.js.map} +0 -0
  126. /package/dist/__chunks/{NXXK4RDM.js.map → OCGBS7FM.js.map} +0 -0
  127. /package/dist/__chunks/{OSGJ5HDK.js.map → OO4VSDFL.js.map} +0 -0
  128. /package/dist/__chunks/{XATRX37Q.js.map → STLN5GZL.js.map} +0 -0
  129. /package/dist/__chunks/{PEPEAQRW.js.map → UBL2R2NT.js.map} +0 -0
  130. /package/dist/__chunks/{SFIVTUDU.js.map → VULONMWO.js.map} +0 -0
  131. /package/dist/__chunks/{LXBUCC4I.js.map → W5LTXKEN.js.map} +0 -0
  132. /package/dist/__chunks/{KURNAKIN.js.map → Y53Z25OG.js.map} +0 -0
@@ -4,7 +4,7 @@ import {
4
4
  } from "./X552U42S.js";
5
5
  import {
6
6
  Typography_default
7
- } from "./IDX7RWVA.js";
7
+ } from "./X6FOFRMZ.js";
8
8
 
9
9
  // src/WordConfetti/WordConfetti.tsx
10
10
  import { forwardRef } from "react";
@@ -106,4 +106,4 @@ var WordConfetti_default = WordConfetti;
106
106
  export {
107
107
  WordConfetti_default
108
108
  };
109
- //# sourceMappingURL=A2BLWAHB.js.map
109
+ //# sourceMappingURL=7U6IF7U6.js.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./VV2NJABK.js";
5
5
  import {
6
6
  TabInternal
7
- } from "./L3O26KOI.js";
7
+ } from "./3WCEI35J.js";
8
8
  import {
9
9
  Box_default
10
10
  } from "./X552U42S.js";
@@ -72,4 +72,4 @@ var TabLink_default = TabLink;
72
72
  export {
73
73
  TabLink_default
74
74
  };
75
- //# sourceMappingURL=JXOW2OYL.js.map
75
+ //# sourceMappingURL=C2XZYAYA.js.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./X552U42S.js";
5
5
  import {
6
6
  Typography_default
7
- } from "./IDX7RWVA.js";
7
+ } from "./X6FOFRMZ.js";
8
8
 
9
9
  // src/Toast/Toast.tsx
10
10
  import { useEffect, useState } from "react";
@@ -73,4 +73,4 @@ function Toast({
73
73
  export {
74
74
  Toast
75
75
  };
76
- //# sourceMappingURL=L2B2L4F2.js.map
76
+ //# sourceMappingURL=CAB67Z66.js.map
@@ -10,7 +10,7 @@ import {
10
10
  } from "./KBIW5XV4.js";
11
11
  import {
12
12
  Typography_default
13
- } from "./IDX7RWVA.js";
13
+ } from "./X6FOFRMZ.js";
14
14
  import {
15
15
  colors_module_default
16
16
  } from "./QIMMO3OB.js";
@@ -166,4 +166,4 @@ export {
166
166
  AriaTooltip,
167
167
  Tooltip_default
168
168
  };
169
- //# sourceMappingURL=TNRDWSUF.js.map
169
+ //# sourceMappingURL=FEJUKON5.js.map
@@ -7,7 +7,7 @@ import {
7
7
  } from "./X552U42S.js";
8
8
  import {
9
9
  Typography_default
10
- } from "./IDX7RWVA.js";
10
+ } from "./X6FOFRMZ.js";
11
11
  import {
12
12
  useIsHydrated
13
13
  } from "./JB65NEXK.js";
@@ -127,4 +127,4 @@ var RadioButton_default = RadioButton;
127
127
  export {
128
128
  RadioButton_default
129
129
  };
130
- //# sourceMappingURL=EJEDQLJI.js.map
130
+ //# sourceMappingURL=GBIA6TDE.js.map
@@ -4,19 +4,19 @@ import {
4
4
  } from "./36DG472B.js";
5
5
  import {
6
6
  Button_default
7
- } from "./MEW6HJNQ.js";
7
+ } from "./64HKLVJ4.js";
8
8
  import {
9
9
  Divider
10
10
  } from "./3WKVZ2UU.js";
11
11
  import {
12
12
  RichSelectSection_default
13
- } from "./KURNAKIN.js";
13
+ } from "./Y53Z25OG.js";
14
14
  import {
15
15
  RichSelectRadioButton_default
16
- } from "./ND2XGXML.js";
16
+ } from "./N7G37EKF.js";
17
17
  import {
18
18
  RichSelectChip_default
19
- } from "./3TH6B66Z.js";
19
+ } from "./M3AY6RXG.js";
20
20
  import {
21
21
  RichSelectItemContext,
22
22
  RichSelect_module_default
@@ -208,4 +208,4 @@ export {
208
208
  RichSelectBoxContext,
209
209
  RichSelectBox_default
210
210
  };
211
- //# sourceMappingURL=CLVZ4FOV.js.map
211
+ //# sourceMappingURL=HKZ2TXUM.js.map
@@ -1,13 +1,13 @@
1
1
  "use client"
2
2
  import {
3
3
  Badge_default
4
- } from "./J2CULO5Z.js";
4
+ } from "./IRAGZBOB.js";
5
5
  import {
6
6
  Box_default
7
7
  } from "./X552U42S.js";
8
8
  import {
9
9
  Typography_default
10
- } from "./IDX7RWVA.js";
10
+ } from "./X6FOFRMZ.js";
11
11
  import {
12
12
  useIsHydrated
13
13
  } from "./JB65NEXK.js";
@@ -118,4 +118,4 @@ function TextField({
118
118
  export {
119
119
  TextField
120
120
  };
121
- //# sourceMappingURL=EKSO3SO5.js.map
121
+ //# sourceMappingURL=I4QZMNNL.js.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./X552U42S.js";
5
5
  import {
6
6
  Typography_default
7
- } from "./IDX7RWVA.js";
7
+ } from "./X6FOFRMZ.js";
8
8
 
9
9
  // css-module:./Badge.module.css#css-module
10
10
  var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -74,4 +74,4 @@ var Badge_default = Badge;
74
74
  export {
75
75
  Badge_default
76
76
  };
77
- //# sourceMappingURL=J2CULO5Z.js.map
77
+ //# sourceMappingURL=IRAGZBOB.js.map
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Chip_default
4
- } from "./JRSIZ3OC.js";
4
+ } from "./5FZZ7J4T.js";
5
5
  import {
6
6
  RichSelectItem_default
7
7
  } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
31
31
  export {
32
32
  RichSelectChip_default
33
33
  };
34
- //# sourceMappingURL=3TH6B66Z.js.map
34
+ //# sourceMappingURL=M3AY6RXG.js.map
@@ -23,7 +23,7 @@ import {
23
23
  } from "./RSS2H4EE.js";
24
24
  import {
25
25
  Typography_default
26
- } from "./IDX7RWVA.js";
26
+ } from "./X6FOFRMZ.js";
27
27
 
28
28
  // src/LinkButton/LinkButton.tsx
29
29
  import {
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
138
138
  export {
139
139
  LinkButton_default
140
140
  };
141
- //# sourceMappingURL=JEQOCPG6.js.map
141
+ //# sourceMappingURL=MRC3GNGT.js.map
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  RadioButton_default
4
- } from "./EJEDQLJI.js";
4
+ } from "./GBIA6TDE.js";
5
5
  import {
6
6
  RichSelectItem_default
7
7
  } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
37
37
  export {
38
38
  RichSelectRadioButton_default
39
39
  };
40
- //# sourceMappingURL=ND2XGXML.js.map
40
+ //# sourceMappingURL=N7G37EKF.js.map
@@ -4,7 +4,7 @@ import {
4
4
  } from "./X552U42S.js";
5
5
  import {
6
6
  Typography_default
7
- } from "./IDX7RWVA.js";
7
+ } from "./X6FOFRMZ.js";
8
8
  import {
9
9
  useIsHydrated
10
10
  } from "./JB65NEXK.js";
@@ -99,4 +99,4 @@ var TextArea_default = TextArea;
99
99
  export {
100
100
  TextArea_default
101
101
  };
102
- //# sourceMappingURL=NXXK4RDM.js.map
102
+ //# sourceMappingURL=OCGBS7FM.js.map
@@ -10,4 +10,4 @@ export {
10
10
  ColorBaseGray700,
11
11
  ColorCambioWhite100
12
12
  };
13
- //# sourceMappingURL=4NEHC6Q6.js.map
13
+ //# sourceMappingURL=OEEPMKSM.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 07 Nov 2024 21:04:06 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 09 Nov 2024 00:24:20 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 ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\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\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Heading_default
4
- } from "./SFIVTUDU.js";
4
+ } from "./VULONMWO.js";
5
5
  import {
6
6
  StopScroll
7
7
  } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
130
130
  export {
131
131
  Modal
132
132
  };
133
- //# sourceMappingURL=OSGJ5HDK.js.map
133
+ //# sourceMappingURL=OO4VSDFL.js.map
@@ -7,7 +7,7 @@ import {
7
7
  } from "./VV2NJABK.js";
8
8
  import {
9
9
  TabInternal
10
- } from "./L3O26KOI.js";
10
+ } from "./3WCEI35J.js";
11
11
  import {
12
12
  Box_default
13
13
  } from "./X552U42S.js";
@@ -64,4 +64,4 @@ function TabButton({
64
64
  export {
65
65
  TabButton
66
66
  };
67
- //# sourceMappingURL=XATRX37Q.js.map
67
+ //# sourceMappingURL=STLN5GZL.js.map
@@ -3,7 +3,7 @@ import {
3
3
  RichSelectBoxContext,
4
4
  RichSelectBox_default,
5
5
  convertSelection
6
- } from "./CLVZ4FOV.js";
6
+ } from "./HKZ2TXUM.js";
7
7
  import {
8
8
  Popover_default
9
9
  } from "./STXMQR3I.js";
@@ -14,16 +14,16 @@ import {
14
14
  ColorBaseDestructive700,
15
15
  ColorBaseGray700,
16
16
  ColorCambioWhite100
17
- } from "./4NEHC6Q6.js";
17
+ } from "./OEEPMKSM.js";
18
18
  import {
19
19
  RichSelectSection_default
20
- } from "./KURNAKIN.js";
20
+ } from "./Y53Z25OG.js";
21
21
  import {
22
22
  RichSelectRadioButton_default
23
- } from "./ND2XGXML.js";
23
+ } from "./N7G37EKF.js";
24
24
  import {
25
25
  RichSelectChip_default
26
- } from "./3TH6B66Z.js";
26
+ } from "./M3AY6RXG.js";
27
27
  import {
28
28
  TapArea_default
29
29
  } from "./OXEXFQAN.js";
@@ -32,7 +32,7 @@ import {
32
32
  } from "./X552U42S.js";
33
33
  import {
34
34
  Typography_default
35
- } from "./IDX7RWVA.js";
35
+ } from "./X6FOFRMZ.js";
36
36
  import {
37
37
  useIsHydrated
38
38
  } from "./JB65NEXK.js";
@@ -289,4 +289,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
289
289
  export {
290
290
  RichSelectList_default
291
291
  };
292
- //# sourceMappingURL=PEPEAQRW.js.map
292
+ //# sourceMappingURL=UBL2R2NT.js.map
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Typography_default
4
- } from "./IDX7RWVA.js";
4
+ } from "./X6FOFRMZ.js";
5
5
 
6
6
  // src/Heading/Heading.tsx
7
7
  import { jsx } from "react/jsx-runtime";
@@ -47,4 +47,4 @@ var Heading_default = Heading;
47
47
  export {
48
48
  Heading_default
49
49
  };
50
- //# sourceMappingURL=SFIVTUDU.js.map
50
+ //# sourceMappingURL=VULONMWO.js.map
@@ -6,7 +6,7 @@ import {
6
6
  ColorBaseDestructive700,
7
7
  ColorBaseGray700,
8
8
  ColorCambioWhite100
9
- } from "./4NEHC6Q6.js";
9
+ } from "./OEEPMKSM.js";
10
10
  import {
11
11
  Focus_module_default
12
12
  } from "./KKADUD65.js";
@@ -15,7 +15,7 @@ import {
15
15
  } from "./X552U42S.js";
16
16
  import {
17
17
  Typography_default
18
- } from "./IDX7RWVA.js";
18
+ } from "./X6FOFRMZ.js";
19
19
  import {
20
20
  useIsHydrated
21
21
  } from "./JB65NEXK.js";
@@ -140,4 +140,4 @@ SelectList.Option = SelectOption_default;
140
140
  export {
141
141
  SelectList
142
142
  };
143
- //# sourceMappingURL=LXBUCC4I.js.map
143
+ //# sourceMappingURL=W5LTXKEN.js.map
@@ -8,7 +8,7 @@ import classNames from "classnames";
8
8
  import { forwardRef } from "react";
9
9
 
10
10
  // css-module:./Typography.module.css#css-module
11
- var Typography_module_default = { "typography": "_typography_qb8k0_1", "sansSerif": "_sansSerif_qb8k0_22", "serif": "_serif_qb8k0_27", "size0": "_size0_qb8k0_73", "size100": "_size100_qb8k0_77", "size200": "_size200_qb8k0_81", "size300": "_size300_qb8k0_85", "size400": "_size400_qb8k0_89", "size500": "_size500_qb8k0_93", "size700": "_size700_qb8k0_97", "size800": "_size800_qb8k0_101", "size900": "_size900_qb8k0_105", "size1100": "_size1100_qb8k0_109", "center": "_center_qb8k0_137", "forceLeft": "_forceLeft_qb8k0_141", "forceRight": "_forceRight_qb8k0_145", "start": "_start_qb8k0_149", "end": "_end_qb8k0_153", "regular": "_regular_qb8k0_159", "medium": "_medium_qb8k0_163", "semiBold": "_semiBold_qb8k0_167", "bold": "_bold_qb8k0_171", "underline": "_underline_qb8k0_175", "inline": "_inline_qb8k0_179", "uppercase": "_uppercase_qb8k0_183", "lineClamp": "_lineClamp_qb8k0_187", "p100": "_p100_qb8k0_196", "p200": "_p200_qb8k0_200", "p300": "_p300_qb8k0_204", "p400": "_p400_qb8k0_208", "p500": "_p500_qb8k0_212", "inherit": "_inherit_qb8k0_217", "normal": "_normal_qb8k0_221", "nowrap": "_nowrap_qb8k0_225", "preLine": "_preLine_qb8k0_229" };
11
+ var Typography_module_default = { "typography": "_typography_n4fyj_1", "underline": "_underline_n4fyj_6", "inline": "_inline_n4fyj_10", "uppercase": "_uppercase_n4fyj_14", "lineClamp": "_lineClamp_n4fyj_18", "sansSerif": "_sansSerif_n4fyj_42", "serif": "_serif_n4fyj_47", "size0": "_size0_n4fyj_98", "size100": "_size100_n4fyj_102", "size200": "_size200_n4fyj_106", "size300": "_size300_n4fyj_110", "size400": "_size400_n4fyj_114", "size500": "_size500_n4fyj_118", "size700": "_size700_n4fyj_122", "size800": "_size800_n4fyj_126", "size900": "_size900_n4fyj_130", "size1100": "_size1100_n4fyj_134", "center": "_center_n4fyj_162", "forceLeft": "_forceLeft_n4fyj_166", "forceRight": "_forceRight_n4fyj_170", "start": "_start_n4fyj_174", "end": "_end_n4fyj_178", "regular": "_regular_n4fyj_184", "medium": "_medium_n4fyj_188", "semiBold": "_semiBold_n4fyj_192", "bold": "_bold_n4fyj_196", "p100": "_p100_n4fyj_201", "p200": "_p200_n4fyj_205", "p300": "_p300_n4fyj_209", "p400": "_p400_n4fyj_213", "p500": "_p500_n4fyj_217", "inherit": "_inherit_n4fyj_222", "normal": "_normal_n4fyj_226", "nowrap": "_nowrap_n4fyj_230", "preLine": "_preLine_n4fyj_234" };
12
12
 
13
13
  // src/Typography/Typography.tsx
14
14
  import { jsx } from "react/jsx-runtime";
@@ -63,4 +63,4 @@ var Typography_default = Typography;
63
63
  export {
64
64
  Typography_default
65
65
  };
66
- //# sourceMappingURL=IDX7RWVA.js.map
66
+ //# sourceMappingURL=X6FOFRMZ.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport textColor from \"../colors/textColors\";\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\" | \"p\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"destructive-lightBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"white-secondary\"\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 * Mobile (viewport width <= 480px)::\n * * `0`: 12px\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 19px\n * * `400`: 25px\n * * `500`: 32px\n * * `700`: 38px\n * * `800`: 46px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width > 480px):\n * * `0`: 12px\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 32px\n * * `700`: 44px\n * * `800`: 63px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 0 | 100 | 200 | 300 | 400 | 500 | 700 | 800 | 900 | 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 * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n * @defaultValue \"regular\"\n */\n weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n /**\n * Controls how whitespace within the element is handled.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space\n *\n * @defaultValue \"inherit\"\n */\n whiteSpace?: \"inherit\" | \"normal\" | \"nowrap\" | \"preLine\";\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 whiteSpace = \"inherit\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n styles[weight],\n styles[whiteSpace],\n fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n textColor(color),\n inline && styles.inline,\n styles[`size${size}`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n as === \"p\" && styles[`p${size}`],\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_qb8k0_1\",\"sansSerif\":\"_sansSerif_qb8k0_22\",\"serif\":\"_serif_qb8k0_27\",\"size0\":\"_size0_qb8k0_73\",\"size100\":\"_size100_qb8k0_77\",\"size200\":\"_size200_qb8k0_81\",\"size300\":\"_size300_qb8k0_85\",\"size400\":\"_size400_qb8k0_89\",\"size500\":\"_size500_qb8k0_93\",\"size700\":\"_size700_qb8k0_97\",\"size800\":\"_size800_qb8k0_101\",\"size900\":\"_size900_qb8k0_105\",\"size1100\":\"_size1100_qb8k0_109\",\"center\":\"_center_qb8k0_137\",\"forceLeft\":\"_forceLeft_qb8k0_141\",\"forceRight\":\"_forceRight_qb8k0_145\",\"start\":\"_start_qb8k0_149\",\"end\":\"_end_qb8k0_153\",\"regular\":\"_regular_qb8k0_159\",\"medium\":\"_medium_qb8k0_163\",\"semiBold\":\"_semiBold_qb8k0_167\",\"bold\":\"_bold_qb8k0_171\",\"underline\":\"_underline_qb8k0_175\",\"inline\":\"_inline_qb8k0_179\",\"uppercase\":\"_uppercase_qb8k0_183\",\"lineClamp\":\"_lineClamp_qb8k0_187\",\"p100\":\"_p100_qb8k0_196\",\"p200\":\"_p200_qb8k0_200\",\"p300\":\"_p300_qb8k0_204\",\"p400\":\"_p400_qb8k0_208\",\"p500\":\"_p500_qb8k0_212\",\"inherit\":\"_inherit_qb8k0_217\",\"normal\":\"_normal_qb8k0_221\",\"nowrap\":\"_nowrap_qb8k0_225\",\"preLine\":\"_preLine_qb8k0_229\"}"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,sBAAqB,WAAU,sBAAqB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,wBAAuB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,WAAU,sBAAqB,UAAS,qBAAoB,UAAS,qBAAoB,WAAU,qBAAoB;;;ADiKnoC;AAzJJ,IAAM,aAAa,WAkIjB,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;AAAA,EACT,aAAa;AACf,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,0BAAO,UAAU;AAAA,QACjB,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,QAC5B,OAAO,OAAO,0BAAO,IAAI,MAAM;AAAA,MACjC;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;","names":["Typography"]}
1
+ {"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport textColor from \"../colors/textColors\";\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\" | \"p\";\n /**\n * The text to be rendered\n */\n children?: ReactNode;\n /**\n * The color of the text.\n *\n * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"destructive-darkBackground\"\n | \"destructive-lightBackground\"\n | \"success\"\n | \"success-darkBackground\"\n | \"white\"\n | \"white-secondary\"\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 * Mobile (viewport width <= 480px)::\n * * `0`: 12px\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 19px\n * * `400`: 25px\n * * `500`: 32px\n * * `700`: 38px\n * * `800`: 46px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width > 480px):\n * * `0`: 12px\n * * `100`: 13px\n * * `200`: 16px\n * * `300`: 20px\n * * `400`: 25px\n * * `500`: 32px\n * * `700`: 44px\n * * `800`: 63px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 200\n */\n size?: 0 | 100 | 200 | 300 | 400 | 500 | 700 | 800 | 900 | 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 * * `regular`: 400\n * * `medium`: 510\n * * `semiBold`: 590\n * * `bold`: 710\n *\n * @defaultValue \"regular\"\n */\n weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n /**\n * Controls how whitespace within the element is handled.\n *\n * See: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space\n *\n * @defaultValue \"inherit\"\n */\n whiteSpace?: \"inherit\" | \"normal\" | \"nowrap\" | \"preLine\";\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 whiteSpace = \"inherit\",\n },\n ref,\n): ReactElement {\n const Tag = as;\n\n return (\n <Tag\n id={id}\n className={classNames(\n styles.typography,\n styles[align],\n styles[weight],\n styles[whiteSpace],\n fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n textColor(color),\n inline && styles.inline,\n styles[`size${size}`],\n transform === \"uppercase\" && styles.uppercase,\n underline && styles.underline,\n lineClamp != null && styles.lineClamp,\n as === \"p\" && styles[`p${size}`],\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_n4fyj_1\",\"underline\":\"_underline_n4fyj_6\",\"inline\":\"_inline_n4fyj_10\",\"uppercase\":\"_uppercase_n4fyj_14\",\"lineClamp\":\"_lineClamp_n4fyj_18\",\"sansSerif\":\"_sansSerif_n4fyj_42\",\"serif\":\"_serif_n4fyj_47\",\"size0\":\"_size0_n4fyj_98\",\"size100\":\"_size100_n4fyj_102\",\"size200\":\"_size200_n4fyj_106\",\"size300\":\"_size300_n4fyj_110\",\"size400\":\"_size400_n4fyj_114\",\"size500\":\"_size500_n4fyj_118\",\"size700\":\"_size700_n4fyj_122\",\"size800\":\"_size800_n4fyj_126\",\"size900\":\"_size900_n4fyj_130\",\"size1100\":\"_size1100_n4fyj_134\",\"center\":\"_center_n4fyj_162\",\"forceLeft\":\"_forceLeft_n4fyj_166\",\"forceRight\":\"_forceRight_n4fyj_170\",\"start\":\"_start_n4fyj_174\",\"end\":\"_end_n4fyj_178\",\"regular\":\"_regular_n4fyj_184\",\"medium\":\"_medium_n4fyj_188\",\"semiBold\":\"_semiBold_n4fyj_192\",\"bold\":\"_bold_n4fyj_196\",\"p100\":\"_p100_n4fyj_201\",\"p200\":\"_p200_n4fyj_205\",\"p300\":\"_p300_n4fyj_209\",\"p400\":\"_p400_n4fyj_213\",\"p500\":\"_p500_n4fyj_217\",\"inherit\":\"_inherit_n4fyj_222\",\"normal\":\"_normal_n4fyj_226\",\"nowrap\":\"_nowrap_n4fyj_230\",\"preLine\":\"_preLine_n4fyj_234\"}"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,sBAAqB,UAAS,oBAAmB,aAAY,uBAAsB,aAAY,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,SAAQ,mBAAkB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,WAAU,sBAAqB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,QAAO,mBAAkB,WAAU,sBAAqB,UAAS,qBAAoB,UAAS,qBAAoB,WAAU,qBAAoB;;;ADiKpoC;AAzJJ,IAAM,aAAa,WAkIjB,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;AAAA,EACT,aAAa;AACf,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,0BAAO,UAAU;AAAA,QACjB,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,QAC5B,OAAO,OAAO,0BAAO,IAAI,MAAM;AAAA,MACjC;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;","names":["Typography"]}
@@ -7,7 +7,7 @@ import {
7
7
  } from "./AVREYFSM.js";
8
8
  import {
9
9
  Typography_default
10
- } from "./IDX7RWVA.js";
10
+ } from "./X6FOFRMZ.js";
11
11
 
12
12
  // src/RichSelect/RichSelectSection.tsx
13
13
  import { forwardRef } from "react";
@@ -50,4 +50,4 @@ var RichSelectSection_default = forwardRef(
50
50
  export {
51
51
  RichSelectSection_default
52
52
  };
53
- //# sourceMappingURL=KURNAKIN.js.map
53
+ //# sourceMappingURL=Y53Z25OG.js.map