@cambly/syntax-core 18.1.0 → 18.2.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 (32) hide show
  1. package/dist/Heading/Heading.cjs +2 -2
  2. package/dist/Heading/Heading.d.ts +3 -1
  3. package/dist/Heading/Heading.js +1 -1
  4. package/dist/Modal/Modal.cjs +3 -3
  5. package/dist/Modal/Modal.js +2 -2
  6. package/dist/RichSelect/RichSelectList.cjs +3 -3
  7. package/dist/RichSelect/RichSelectList.js +2 -2
  8. package/dist/SelectList/SelectList.cjs +3 -3
  9. package/dist/SelectList/SelectList.js +2 -2
  10. package/dist/__chunks/{FNREZSMV.js → EGAJ7S43.js} +2 -2
  11. package/dist/__chunks/{C5HRB4IG.js → F5FOZNTK.js} +2 -2
  12. package/dist/__chunks/{IDW2VL6O.js → FTXYKEQI.js} +1 -1
  13. package/dist/__chunks/{IDW2VL6O.js.map → FTXYKEQI.js.map} +1 -1
  14. package/dist/__chunks/{6QUWO33V.cjs → PL26LIZU.cjs} +3 -3
  15. package/dist/__chunks/{BGGXUVNP.cjs → PN5H4EFM.cjs} +3 -3
  16. package/dist/__chunks/{2H457UL6.cjs → Q4P2W7UU.cjs} +1 -1
  17. package/dist/__chunks/{2H457UL6.cjs.map → Q4P2W7UU.cjs.map} +1 -1
  18. package/dist/__chunks/{2QNAX4GU.cjs → QFAVMHP7.cjs} +1 -1
  19. package/dist/__chunks/{2QNAX4GU.cjs.map → QFAVMHP7.cjs.map} +1 -1
  20. package/dist/__chunks/{JE3ZMVFB.js → S37SPS42.js} +1 -1
  21. package/dist/__chunks/{JE3ZMVFB.js.map → S37SPS42.js.map} +1 -1
  22. package/dist/__chunks/{ZIXCPKG5.js → TGVUPAOJ.js} +2 -2
  23. package/dist/__chunks/{Q7LMJRHB.cjs → VCGJYZYA.cjs} +3 -3
  24. package/dist/index.cjs +6 -6
  25. package/dist/index.js +5 -5
  26. package/package.json +3 -3
  27. /package/dist/__chunks/{FNREZSMV.js.map → EGAJ7S43.js.map} +0 -0
  28. /package/dist/__chunks/{C5HRB4IG.js.map → F5FOZNTK.js.map} +0 -0
  29. /package/dist/__chunks/{6QUWO33V.cjs.map → PL26LIZU.cjs.map} +0 -0
  30. /package/dist/__chunks/{BGGXUVNP.cjs.map → PN5H4EFM.cjs.map} +0 -0
  31. /package/dist/__chunks/{ZIXCPKG5.js.map → TGVUPAOJ.js.map} +0 -0
  32. /package/dist/__chunks/{Q7LMJRHB.cjs.map → VCGJYZYA.cjs.map} +0 -0
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _2H457UL6cjs = require('../__chunks/2H457UL6.cjs');
4
+ var _Q4P2W7UUcjs = require('../__chunks/Q4P2W7UU.cjs');
5
5
  require('../__chunks/FEFAG4KT.cjs');
6
6
  require('../__chunks/POMJQZKJ.cjs');
7
7
  require('../__chunks/SVA2ABQQ.cjs');
@@ -9,5 +9,5 @@ require('../__chunks/WFVGNGEP.cjs');
9
9
  require('../__chunks/X2SDR4SD.cjs');
10
10
 
11
11
 
12
- exports.default = _2H457UL6cjs.Heading_default;
12
+ exports.default = _Q4P2W7UUcjs.Heading_default;
13
13
  //# sourceMappingURL=Heading.cjs.map
@@ -50,18 +50,20 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
50
50
  * Mobile: (viewport width < 480px):
51
51
  * * `400`: 25px
52
52
  * * `700`: 38px
53
+ * * `800`: 46px
53
54
  * * `900`: 55px
54
55
  * * `1100`: 83px
55
56
  *
56
57
  * Desktop (viewport width >= 480px):
57
58
  * * `400`: 25px
58
59
  * * `700`: 49px
60
+ * * `800`: 63px
59
61
  * * `900`: 76px
60
62
  * * `1100`: 119px
61
63
  *
62
64
  * @defaultValue 400
63
65
  */
64
- size?: 400 | 700 | 900 | 1100 | undefined;
66
+ size?: 400 | 700 | 800 | 900 | 1100 | undefined;
65
67
  }) => ReactElement;
66
68
 
67
69
  export { Heading as default };
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Heading_default
4
- } from "../__chunks/JE3ZMVFB.js";
4
+ } from "../__chunks/S37SPS42.js";
5
5
  import "../__chunks/HFLM5VGD.js";
6
6
  import "../__chunks/NVTSF5NY.js";
7
7
  import "../__chunks/XVUEUKXA.js";
@@ -1,8 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _Q7LMJRHBcjs = require('../__chunks/Q7LMJRHB.cjs');
5
- require('../__chunks/2H457UL6.cjs');
4
+ var _VCGJYZYAcjs = require('../__chunks/VCGJYZYA.cjs');
5
+ require('../__chunks/Q4P2W7UU.cjs');
6
6
  require('../__chunks/HUIHS6RN.cjs');
7
7
  require('../__chunks/G3SXARBL.cjs');
8
8
  require('../__chunks/THM3NAFO.cjs');
@@ -24,5 +24,5 @@ require('../__chunks/K4AUV2VK.cjs');
24
24
  require('../__chunks/X2SDR4SD.cjs');
25
25
 
26
26
 
27
- exports.default = _Q7LMJRHBcjs.Modal;
27
+ exports.default = _VCGJYZYAcjs.Modal;
28
28
  //# sourceMappingURL=Modal.cjs.map
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  Modal
4
- } from "../__chunks/ZIXCPKG5.js";
5
- import "../__chunks/JE3ZMVFB.js";
4
+ } from "../__chunks/TGVUPAOJ.js";
5
+ import "../__chunks/S37SPS42.js";
6
6
  import "../__chunks/QQT35OLE.js";
7
7
  import "../__chunks/BQYW6G4G.js";
8
8
  import "../__chunks/HVA7R2EL.js";
@@ -1,12 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _6QUWO33Vcjs = require('../__chunks/6QUWO33V.cjs');
4
+ var _PL26LIZUcjs = require('../__chunks/PL26LIZU.cjs');
5
5
  require('../__chunks/32CNLC3O.cjs');
6
6
  require('../__chunks/WEOENL5J.cjs');
7
7
  require('../__chunks/J27AGJQB.cjs');
8
8
  require('../__chunks/ZGOHDWOB.cjs');
9
- require('../__chunks/2QNAX4GU.cjs');
9
+ require('../__chunks/QFAVMHP7.cjs');
10
10
  require('../__chunks/GW6SAUW3.cjs');
11
11
  require('../__chunks/T6HS7FEY.cjs');
12
12
  require('../__chunks/42SRFCQL.cjs');
@@ -46,5 +46,5 @@ require('../__chunks/E5P6WRJD.cjs');
46
46
  require('../__chunks/X2SDR4SD.cjs');
47
47
 
48
48
 
49
- exports.default = _6QUWO33Vcjs.RichSelectList_default;
49
+ exports.default = _PL26LIZUcjs.RichSelectList_default;
50
50
  //# sourceMappingURL=RichSelectList.cjs.map
@@ -1,12 +1,12 @@
1
1
  "use client"
2
2
  import {
3
3
  RichSelectList_default
4
- } from "../__chunks/FNREZSMV.js";
4
+ } from "../__chunks/EGAJ7S43.js";
5
5
  import "../__chunks/C22XFS4G.js";
6
6
  import "../__chunks/WJMQX7BT.js";
7
7
  import "../__chunks/5HEC7ASW.js";
8
8
  import "../__chunks/DJ6I4764.js";
9
- import "../__chunks/IDW2VL6O.js";
9
+ import "../__chunks/FTXYKEQI.js";
10
10
  import "../__chunks/C56KH2IB.js";
11
11
  import "../__chunks/IAPKNBLZ.js";
12
12
  import "../__chunks/YAZOHZLW.js";
@@ -1,8 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _BGGXUVNPcjs = require('../__chunks/BGGXUVNP.cjs');
5
- require('../__chunks/2QNAX4GU.cjs');
4
+ var _PN5H4EFMcjs = require('../__chunks/PN5H4EFM.cjs');
5
+ require('../__chunks/QFAVMHP7.cjs');
6
6
  require('../__chunks/XLUVINJW.cjs');
7
7
  require('../__chunks/KJLBDAZH.cjs');
8
8
  require('../__chunks/JVGX637E.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/NOELZTQX.cjs');
18
18
  require('../__chunks/X2SDR4SD.cjs');
19
19
 
20
20
 
21
- exports.default = _BGGXUVNPcjs.SelectList;
21
+ exports.default = _PN5H4EFMcjs.SelectList;
22
22
  //# sourceMappingURL=SelectList.cjs.map
@@ -1,8 +1,8 @@
1
1
  "use client"
2
2
  import {
3
3
  SelectList
4
- } from "../__chunks/C5HRB4IG.js";
5
- import "../__chunks/IDW2VL6O.js";
4
+ } from "../__chunks/F5FOZNTK.js";
5
+ import "../__chunks/FTXYKEQI.js";
6
6
  import "../__chunks/KKADUD65.js";
7
7
  import "../__chunks/65PMWIHY.js";
8
8
  import "../__chunks/SPQ7DQHG.js";
@@ -8,7 +8,7 @@ import {
8
8
  import {
9
9
  ColorBaseDestructive700,
10
10
  ColorBaseGray800
11
- } from "./IDW2VL6O.js";
11
+ } from "./FTXYKEQI.js";
12
12
  import {
13
13
  RichSelectBoxContext,
14
14
  RichSelectBox_default,
@@ -267,4 +267,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
267
267
  export {
268
268
  RichSelectList_default
269
269
  };
270
- //# sourceMappingURL=FNREZSMV.js.map
270
+ //# sourceMappingURL=EGAJ7S43.js.map
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  ColorBaseDestructive700,
4
4
  ColorBaseGray800
5
- } from "./IDW2VL6O.js";
5
+ } from "./FTXYKEQI.js";
6
6
  import {
7
7
  Focus_module_default
8
8
  } from "./KKADUD65.js";
@@ -136,4 +136,4 @@ SelectList.Option = SelectOption_default;
136
136
  export {
137
137
  SelectList
138
138
  };
139
- //# sourceMappingURL=C5HRB4IG.js.map
139
+ //# sourceMappingURL=F5FOZNTK.js.map
@@ -8,4 +8,4 @@ export {
8
8
  ColorBaseDestructive700,
9
9
  ColorBaseGray800
10
10
  };
11
- //# sourceMappingURL=IDW2VL6O.js.map
11
+ //# sourceMappingURL=FTXYKEQI.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 12 Jul 2024 18:48:33 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;AAWhC,IAAM,mBAAmB;","names":[]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 12 Jul 2024 19:57:36 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;AAWhC,IAAM,mBAAmB;","names":[]}
@@ -8,7 +8,7 @@ var _J27AGJQBcjs = require('./J27AGJQB.cjs');
8
8
 
9
9
 
10
10
 
11
- var _2QNAX4GUcjs = require('./2QNAX4GU.cjs');
11
+ var _QFAVMHP7cjs = require('./QFAVMHP7.cjs');
12
12
 
13
13
 
14
14
 
@@ -232,7 +232,7 @@ function RichSelectList(props) {
232
232
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
233
233
  "path",
234
234
  {
235
- fill: errorText ? _2QNAX4GUcjs.ColorBaseDestructive700 : _2QNAX4GUcjs.ColorBaseGray800,
235
+ fill: errorText ? _QFAVMHP7cjs.ColorBaseDestructive700 : _QFAVMHP7cjs.ColorBaseGray800,
236
236
  d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
237
237
  }
238
238
  )
@@ -267,4 +267,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
267
267
 
268
268
 
269
269
  exports.RichSelectList_default = RichSelectList_default;
270
- //# sourceMappingURL=6QUWO33V.cjs.map
270
+ //# sourceMappingURL=PL26LIZU.cjs.map
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- var _2QNAX4GUcjs = require('./2QNAX4GU.cjs');
5
+ var _QFAVMHP7cjs = require('./QFAVMHP7.cjs');
6
6
 
7
7
 
8
8
  var _XLUVINJWcjs = require('./XLUVINJW.cjs');
@@ -112,7 +112,7 @@ function SelectList({
112
112
  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
113
113
  "path",
114
114
  {
115
- fill: errorText ? _2QNAX4GUcjs.ColorBaseDestructive700 : _2QNAX4GUcjs.ColorBaseGray800,
115
+ fill: errorText ? _QFAVMHP7cjs.ColorBaseDestructive700 : _QFAVMHP7cjs.ColorBaseGray800,
116
116
  d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
117
117
  }
118
118
  )
@@ -136,4 +136,4 @@ SelectList.Option = _JVGX637Ecjs.SelectOption_default;
136
136
 
137
137
 
138
138
  exports.SelectList = SelectList;
139
- //# sourceMappingURL=BGGXUVNP.cjs.map
139
+ //# sourceMappingURL=PN5H4EFM.cjs.map
@@ -47,4 +47,4 @@ var Heading_default = Heading;
47
47
 
48
48
 
49
49
  exports.Heading_default = Heading_default;
50
- //# sourceMappingURL=2H457UL6.cjs.map
50
+ //# sourceMappingURL=Q4P2W7UU.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;AAmGI;AAhGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAkEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n fontStyle,\n size,\n}: {\n fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n if (fontStyle === \"serif\" && size === 400) {\n return \"bold\";\n } else if (fontStyle === \"serif\") {\n return \"medium\";\n } else {\n return \"regular\";\n }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n lineClamp,\n size = 400,\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 \"h1\"\n */\n as?: \"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 * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"success\"\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 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 * * `400`: 25px\n * * `700`: 38px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width >= 480px):\n * * `400`: 25px\n * * `700`: 49px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 400\n */\n size?: 400 | 700 | 900 | 1100;\n}): ReactElement => {\n return (\n <Typography\n align={align}\n as={as}\n color={color}\n fontStyle={fontStyle}\n data-testid={dataTestId}\n lineClamp={lineClamp}\n size={size}\n weight={weight({ fontStyle, size })}\n >\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n"]}
1
+ {"version":3,"sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;AAqGI;AAlGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAoEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n fontStyle,\n size,\n}: {\n fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n if (fontStyle === \"serif\" && size === 400) {\n return \"bold\";\n } else if (fontStyle === \"serif\") {\n return \"medium\";\n } else {\n return \"regular\";\n }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n lineClamp,\n size = 400,\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 \"h1\"\n */\n as?: \"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 * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"success\"\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 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 * * `400`: 25px\n * * `700`: 38px\n * * `800`: 46px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width >= 480px):\n * * `400`: 25px\n * * `700`: 49px\n * * `800`: 63px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 400\n */\n size?: 400 | 700 | 800 | 900 | 1100;\n}): ReactElement => {\n return (\n <Typography\n align={align}\n as={as}\n color={color}\n fontStyle={fontStyle}\n data-testid={dataTestId}\n lineClamp={lineClamp}\n size={size}\n weight={weight({ fontStyle, size })}\n >\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n"]}
@@ -8,4 +8,4 @@ var ColorBaseGray800 = "#353535";
8
8
 
9
9
 
10
10
  exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
11
- //# sourceMappingURL=2QNAX4GU.cjs.map
11
+ //# sourceMappingURL=QFAVMHP7.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 12 Jul 2024 18:48:33 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"]}
1
+ {"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 12 Jul 2024 19:57:36 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"]}
@@ -47,4 +47,4 @@ var Heading_default = Heading;
47
47
  export {
48
48
  Heading_default
49
49
  };
50
- //# sourceMappingURL=JE3ZMVFB.js.map
50
+ //# sourceMappingURL=S37SPS42.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Heading/Heading.tsx"],"sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n fontStyle,\n size,\n}: {\n fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n if (fontStyle === \"serif\" && size === 400) {\n return \"bold\";\n } else if (fontStyle === \"serif\") {\n return \"medium\";\n } else {\n return \"regular\";\n }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n lineClamp,\n size = 400,\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 \"h1\"\n */\n as?: \"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 * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"success\"\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 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 * * `400`: 25px\n * * `700`: 38px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width >= 480px):\n * * `400`: 25px\n * * `700`: 49px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 400\n */\n size?: 400 | 700 | 900 | 1100;\n}): ReactElement => {\n return (\n <Typography\n align={align}\n as={as}\n color={color}\n fontStyle={fontStyle}\n data-testid={dataTestId}\n lineClamp={lineClamp}\n size={size}\n weight={weight({ fontStyle, size })}\n >\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AAmGI;AAhGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAkEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}
1
+ {"version":3,"sources":["../../src/Heading/Heading.tsx"],"sourcesContent":["import { type ComponentProps, type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n fontStyle,\n size,\n}: {\n fontStyle: ComponentProps<typeof Heading>[\"fontStyle\"];\n size: ComponentProps<typeof Heading>[\"size\"];\n}): \"bold\" | \"medium\" | \"regular\" {\n if (fontStyle === \"serif\" && size === 400) {\n return \"bold\";\n } else if (fontStyle === \"serif\") {\n return \"medium\";\n } else {\n return \"regular\";\n }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n align = \"start\",\n as = \"h1\",\n children,\n color = \"gray900\",\n \"data-testid\": dataTestId,\n fontStyle = \"sans-serif\",\n lineClamp,\n size = 400,\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 \"h1\"\n */\n as?: \"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 * @defaultValue \"gray900\"\n */\n color?:\n | \"gray900\"\n | \"gray700\"\n | \"primary\"\n | \"destructive-primary\"\n | \"success\"\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 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 * * `400`: 25px\n * * `700`: 38px\n * * `800`: 46px\n * * `900`: 55px\n * * `1100`: 83px\n *\n * Desktop (viewport width >= 480px):\n * * `400`: 25px\n * * `700`: 49px\n * * `800`: 63px\n * * `900`: 76px\n * * `1100`: 119px\n *\n * @defaultValue 400\n */\n size?: 400 | 700 | 800 | 900 | 1100;\n}): ReactElement => {\n return (\n <Typography\n align={align}\n as={as}\n color={color}\n fontStyle={fontStyle}\n data-testid={dataTestId}\n lineClamp={lineClamp}\n size={size}\n weight={weight({ fontStyle, size })}\n >\n {children}\n </Typography>\n );\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AAqGI;AAlGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,SAAS,KAAK;AACzC,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MAoEoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}
@@ -1,7 +1,7 @@
1
1
  "use client"
2
2
  import {
3
3
  Heading_default
4
- } from "./JE3ZMVFB.js";
4
+ } from "./S37SPS42.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=ZIXCPKG5.js.map
133
+ //# sourceMappingURL=TGVUPAOJ.js.map
@@ -1,7 +1,7 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
2
2
 
3
3
 
4
- var _2H457UL6cjs = require('./2H457UL6.cjs');
4
+ var _Q4P2W7UUcjs = require('./Q4P2W7UU.cjs');
5
5
 
6
6
 
7
7
  var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
@@ -93,7 +93,7 @@ function Modal({
93
93
  ),
94
94
  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _KJLBDAZHcjs.Box_default, { display: "flex", direction: "column", width: "100%", children: [
95
95
  image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { children: image }),
96
- /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2H457UL6cjs.Heading_default, { as: "h1", size: 700, fontStyle: "serif", children: header }) }),
96
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _KJLBDAZHcjs.Box_default, { padding: 6, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Q4P2W7UUcjs.Heading_default, { as: "h1", size: 700, fontStyle: "serif", children: header }) }),
97
97
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
98
98
  _KJLBDAZHcjs.Box_default,
99
99
  {
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
130
130
 
131
131
 
132
132
  exports.Modal = Modal;
133
- //# sourceMappingURL=Q7LMJRHB.cjs.map
133
+ //# sourceMappingURL=VCGJYZYA.cjs.map
package/dist/index.cjs CHANGED
@@ -16,10 +16,10 @@ var _C3FW5QDGcjs = require('./__chunks/C3FW5QDG.cjs');
16
16
  var _L32D5WEGcjs = require('./__chunks/L32D5WEG.cjs');
17
17
 
18
18
 
19
- var _Q7LMJRHBcjs = require('./__chunks/Q7LMJRHB.cjs');
19
+ var _VCGJYZYAcjs = require('./__chunks/VCGJYZYA.cjs');
20
20
 
21
21
 
22
- var _2H457UL6cjs = require('./__chunks/2H457UL6.cjs');
22
+ var _Q4P2W7UUcjs = require('./__chunks/Q4P2W7UU.cjs');
23
23
  require('./__chunks/HUIHS6RN.cjs');
24
24
  require('./__chunks/G3SXARBL.cjs');
25
25
  require('./__chunks/THM3NAFO.cjs');
@@ -31,10 +31,10 @@ var _X6XQ2P7Ycjs = require('./__chunks/X6XQ2P7Y.cjs');
31
31
  var _L5RBAKANcjs = require('./__chunks/L5RBAKAN.cjs');
32
32
 
33
33
 
34
- var _BGGXUVNPcjs = require('./__chunks/BGGXUVNP.cjs');
34
+ var _PN5H4EFMcjs = require('./__chunks/PN5H4EFM.cjs');
35
35
 
36
36
 
37
- var _6QUWO33Vcjs = require('./__chunks/6QUWO33V.cjs');
37
+ var _PL26LIZUcjs = require('./__chunks/PL26LIZU.cjs');
38
38
 
39
39
 
40
40
  var _32CNLC3Ocjs = require('./__chunks/32CNLC3O.cjs');
@@ -43,7 +43,7 @@ require('./__chunks/J27AGJQB.cjs');
43
43
 
44
44
 
45
45
  var _ZGOHDWOBcjs = require('./__chunks/ZGOHDWOB.cjs');
46
- require('./__chunks/2QNAX4GU.cjs');
46
+ require('./__chunks/QFAVMHP7.cjs');
47
47
  require('./__chunks/GW6SAUW3.cjs');
48
48
 
49
49
 
@@ -145,5 +145,5 @@ require('./__chunks/X2SDR4SD.cjs');
145
145
 
146
146
 
147
147
 
148
- exports.Avatar = _RC7EMZ6Ncjs.Avatar_default; exports.AvatarGroup = _5COVOOB3cjs.AvatarGroup; exports.Badge = _XG7O4UGWcjs.Badge_default; exports.Box = _KJLBDAZHcjs.Box_default; exports.Button = _T6HS7FEYcjs.Button_default; exports.ButtonGroup = _C5XPZTFOcjs.ButtonGroup_default; exports.Card = _L32D5WEGcjs.Card_default; exports.Checkbox = _C3FW5QDGcjs.Checkbox_default; exports.Chip = _SKFX2MXKcjs.Chip_default; exports.Divider = _42SRFCQLcjs.Divider; exports.Heading = _2H457UL6cjs.Heading_default; exports.Icon = _L5RBAKANcjs.Icon_default; exports.IconButton = _ZGOHDWOBcjs.IconButton_default; exports.LinkButton = _X6XQ2P7Ycjs.LinkButton_default; exports.Modal = _Q7LMJRHBcjs.Modal; exports.Popover = _32CNLC3Ocjs.Popover_default; exports.RadioButton = _EF6R3LRBcjs.RadioButton_default; exports.RichSelectList = _6QUWO33Vcjs.RichSelectList_default; exports.SelectList = _BGGXUVNPcjs.SelectList; exports.Tabs = _HBIGKRZ2cjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _HBHOLWEMcjs.TextArea_default; exports.TextField = _CW24HTITcjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _QI5Q2WJGcjs.Tooltip_default; exports.Typography = _FEFAG4KTcjs.Typography_default;
148
+ exports.Avatar = _RC7EMZ6Ncjs.Avatar_default; exports.AvatarGroup = _5COVOOB3cjs.AvatarGroup; exports.Badge = _XG7O4UGWcjs.Badge_default; exports.Box = _KJLBDAZHcjs.Box_default; exports.Button = _T6HS7FEYcjs.Button_default; exports.ButtonGroup = _C5XPZTFOcjs.ButtonGroup_default; exports.Card = _L32D5WEGcjs.Card_default; exports.Checkbox = _C3FW5QDGcjs.Checkbox_default; exports.Chip = _SKFX2MXKcjs.Chip_default; exports.Divider = _42SRFCQLcjs.Divider; exports.Heading = _Q4P2W7UUcjs.Heading_default; exports.Icon = _L5RBAKANcjs.Icon_default; exports.IconButton = _ZGOHDWOBcjs.IconButton_default; exports.LinkButton = _X6XQ2P7Ycjs.LinkButton_default; exports.Modal = _VCGJYZYAcjs.Modal; exports.Popover = _32CNLC3Ocjs.Popover_default; exports.RadioButton = _EF6R3LRBcjs.RadioButton_default; exports.RichSelectList = _PL26LIZUcjs.RichSelectList_default; exports.SelectList = _PN5H4EFMcjs.SelectList; exports.Tabs = _HBIGKRZ2cjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _HBHOLWEMcjs.TextArea_default; exports.TextField = _CW24HTITcjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _QI5Q2WJGcjs.Tooltip_default; exports.Typography = _FEFAG4KTcjs.Typography_default;
149
149
  //# sourceMappingURL=index.cjs.map
package/dist/index.js CHANGED
@@ -16,10 +16,10 @@ import {
16
16
  } from "./__chunks/DCGTTQAX.js";
17
17
  import {
18
18
  Modal
19
- } from "./__chunks/ZIXCPKG5.js";
19
+ } from "./__chunks/TGVUPAOJ.js";
20
20
  import {
21
21
  Heading_default
22
- } from "./__chunks/JE3ZMVFB.js";
22
+ } from "./__chunks/S37SPS42.js";
23
23
  import "./__chunks/QQT35OLE.js";
24
24
  import "./__chunks/BQYW6G4G.js";
25
25
  import "./__chunks/HVA7R2EL.js";
@@ -31,10 +31,10 @@ import {
31
31
  } from "./__chunks/523DPUCJ.js";
32
32
  import {
33
33
  SelectList
34
- } from "./__chunks/C5HRB4IG.js";
34
+ } from "./__chunks/F5FOZNTK.js";
35
35
  import {
36
36
  RichSelectList_default
37
- } from "./__chunks/FNREZSMV.js";
37
+ } from "./__chunks/EGAJ7S43.js";
38
38
  import {
39
39
  Popover_default
40
40
  } from "./__chunks/C22XFS4G.js";
@@ -43,7 +43,7 @@ import "./__chunks/5HEC7ASW.js";
43
43
  import {
44
44
  IconButton_default
45
45
  } from "./__chunks/DJ6I4764.js";
46
- import "./__chunks/IDW2VL6O.js";
46
+ import "./__chunks/FTXYKEQI.js";
47
47
  import "./__chunks/C56KH2IB.js";
48
48
  import {
49
49
  Button_default
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cambly/syntax-core",
3
3
  "description": "Cambly design system core components",
4
- "version": "18.1.0",
4
+ "version": "18.2.0",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",
@@ -28,8 +28,8 @@
28
28
  "react": "18.2.0",
29
29
  "tsup": "6.7.0",
30
30
  "typescript": "5.0.4",
31
- "@cambly/eslint-config-syntax": "1.4.0",
32
- "@cambly/syntax-tsconfig": "1.4.1"
31
+ "@cambly/syntax-tsconfig": "1.4.1",
32
+ "@cambly/eslint-config-syntax": "1.4.0"
33
33
  },
34
34
  "publishConfig": {
35
35
  "access": "public"