@cambly/syntax-core 10.17.0 → 10.18.0

package/dist/Avatar/Avatar.d.ts

@@ -32,7 +32,7 @@ declare const Avatar: ({ accessibilityLabel, icon, size, src, }: {
      *
      * @defaultValue `md`
      */
-    size?: "xl" | "lg" | "md" | "sm" | "xs" | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     /**
      * URL of the image to display as the avatar.
      */

package/dist/Badge/Badge.d.ts

@@ -19,7 +19,7 @@ declare const Badge: ({ icon: Icon, text, color, }: {
      *
      * @defaultValue "primary700"
      */
-    color?: "destructive700" | "gray200" | "gray900" | "orange700" | "primary700" | "purple700" | "success700" | "yellow700" | undefined;
+    color?: "gray200" | "gray900" | "destructive700" | "orange700" | "yellow700" | "success700" | "primary700" | "purple700" | undefined;
 }) => JSX.Element;
 
 export { Badge as default };

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -25,7 +25,7 @@ declare const ButtonGroup: ({ orientation, size, children, }: {
      *
      * @defaultValue "md"
      */
-    size?: "lg" | "md" | "sm" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     /**
      * Buttons to be rendered inside the button group
      */

package/dist/Checkbox/Checkbox.d.ts

@@ -32,7 +32,7 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
      *
      * @defaultValue "md"
      */
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
     /**
      * The text accompanying the checkbox
      */

package/dist/Heading/Heading.d.ts

@@ -11,7 +11,7 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
      *
      * @defaultValue "start"
      */
-    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
+    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
@@ -27,7 +27,7 @@ declare const Heading: ({ align, as, children, color, "data-testid": dataTestId,
      *
      * @defaultValue "gray900"
      */
-    color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "success" | undefined;
+    color?: "gray900" | "primary" | "destructive-primary" | "success" | "gray700" | "white" | "inherit" | undefined;
     /**
      * Test id for the text.
      */

package/dist/RadioButton/RadioButton.d.ts

@@ -50,7 +50,7 @@ declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyFor
      *
      * @defaultValue "md"
      */
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
     /**
      * Value of the selected radio option
      */

package/dist/RichSelect/RichSelectBox.d.ts

@@ -49,7 +49,7 @@ declare const _default: React__default.ForwardRefExoticComponent<RichSelectBoxPr
     Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
     RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
         name: string;
-        size?: "md" | "sm" | undefined;
+        size?: "sm" | "md" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectList.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _7W5OIL2Ycjs = require('../__chunks/7W5OIL2Y.cjs');
+var _ZFZJ56ZAcjs = require('../__chunks/ZFZJ56ZA.cjs');
 require('../__chunks/T75E3KPP.cjs');
 require('../__chunks/VBQTLO2P.cjs');
 require('../__chunks/4U2YGWTW.cjs');
@@ -19,7 +19,7 @@ require('../__chunks/WRTSVDQZ.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/HWQUS53M.cjs');
 require('../__chunks/UKLQ64N7.cjs');
-require('../__chunks/TIGQFIK5.cjs');
+require('../__chunks/AOKSJPV6.cjs');
 require('../__chunks/Q3I37NS7.cjs');
 require('../__chunks/MF7LLV7V.cjs');
 require('../__chunks/VW7HLULP.cjs');
@@ -48,5 +48,5 @@ require('../__chunks/E5P6WRJD.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _7W5OIL2Ycjs.RichSelectList_default;
+exports.default = _ZFZJ56ZAcjs.RichSelectList_default;
 //# sourceMappingURL=RichSelectList.cjs.map

package/dist/RichSelect/RichSelectList.d.ts

@@ -75,7 +75,7 @@ declare const _default: typeof RichSelectList & {
     Chip: React__default.ForwardRefExoticComponent<RichSelectItemProps & React__default.RefAttributes<HTMLDivElement>>;
     RadioButton: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
         name: string;
-        size?: "md" | "sm" | undefined;
+        size?: "sm" | "md" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectList.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   RichSelectList_default
-} from "../__chunks/ATD7CPSD.js";
+} from "../__chunks/7VMMLAGL.js";
 import "../__chunks/ZOWJFE7W.js";
 import "../__chunks/COW4SDSF.js";
 import "../__chunks/YAL24M7H.js";
@@ -19,7 +19,7 @@ import "../__chunks/46XGANFF.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/GFKDPMFK.js";
 import "../__chunks/5MJ6NOUC.js";
-import "../__chunks/JI7DLER5.js";
+import "../__chunks/LZ4LFK7N.js";
 import "../__chunks/BA5NNKNL.js";
 import "../__chunks/DDUJFFG7.js";
 import "../__chunks/IJNZIOML.js";

package/dist/RichSelect/RichSelectRadioButton.d.ts

@@ -5,7 +5,7 @@ import 'react-aria';
 
 declare const _default: React__default.ForwardRefExoticComponent<RichSelectItemProps & {
     name: string;
-    size?: "md" | "sm" | undefined;
+    size?: "sm" | "md" | undefined;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 export { _default as default };

package/dist/SelectList/SelectList.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _Q57JA272cjs = require('../__chunks/Q57JA272.cjs');
+var _LKLPRA6Dcjs = require('../__chunks/LKLPRA6D.cjs');
 require('../__chunks/4UJE5GMH.cjs');
-require('../__chunks/TIGQFIK5.cjs');
+require('../__chunks/AOKSJPV6.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/SNYEHXDA.cjs');
 require('../__chunks/WFVGNGEP.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _Q57JA272cjs.SelectList;
+exports.default = _LKLPRA6Dcjs.SelectList;
 //# sourceMappingURL=SelectList.cjs.map

package/dist/SelectList/SelectList.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   SelectList
-} from "../__chunks/ATVZZNGI.js";
+} from "../__chunks/WILWV75P.js";
 import "../__chunks/Y47XTR6M.js";
-import "../__chunks/JI7DLER5.js";
+import "../__chunks/LZ4LFK7N.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/KU5UT5RY.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/TapArea/TapArea.d.ts

@@ -50,7 +50,7 @@ declare const TapArea: React__default.ForwardRefExoticComponent<React__default.A
      *
      * @defaultValue "none"
      */
-    rounding?: "none" | "xl" | "lg" | "md" | "sm" | "full" | undefined;
+    rounding?: "sm" | "md" | "lg" | "xl" | "full" | "none" | undefined;
     /**
      * The tab index of the tap area
      */

package/dist/Typography/Typography.d.ts

@@ -12,13 +12,13 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "start"
      */
-    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
+    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
      * @defaultValue "div"
      */
-    as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | undefined;
     /**
      * The text to be rendered
      */
@@ -30,7 +30,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
+    color?: "gray900" | "primary" | "destructive-primary" | "success" | "gray700" | "white" | "inherit" | "destructive-darkBackground" | "success-darkBackground" | undefined;
     /**
      * Test id for the text
      */
@@ -97,7 +97,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue 200
      */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | undefined;
+    size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 100 | 200 | 300 | undefined;
     /**
      * The tooltip to be displayed when the user hovers the text
      */
@@ -133,7 +133,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "regular"
      */
-    weight?: "bold" | "regular" | "interactive" | "medium" | "semiBold" | "heavy" | undefined;
+    weight?: "regular" | "interactive" | "medium" | "semiBold" | "bold" | "heavy" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 
 export { Typography as default };

package/dist/__chunks/{ATD7CPSD.js → 7VMMLAGL.js}

@@ -19,7 +19,7 @@ import {
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./JI7DLER5.js";
+} from "./LZ4LFK7N.js";
 import {
   RichSelectSection_default
 } from "./BA5NNKNL.js";
@@ -281,4 +281,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=ATD7CPSD.js.map
+//# sourceMappingURL=7VMMLAGL.js.map

package/dist/__chunks/{TIGQFIK5.cjs → AOKSJPV6.cjs}

@@ -8,4 +8,4 @@ var ColorBaseGray800 = "#353535";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
-//# sourceMappingURL=TIGQFIK5.cjs.map
+//# sourceMappingURL=AOKSJPV6.cjs.map

package/dist/__chunks/{TIGQFIK5.cjs.map → AOKSJPV6.cjs.map}

@@ -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 Tue, 19 Mar 2024 21:21:07 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}
+{"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 Tue, 19 Mar 2024 21:57:31 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"]}

package/dist/__chunks/{Q57JA272.cjs → LKLPRA6D.cjs}

@@ -5,7 +5,7 @@ var _4UJE5GMHcjs = require('./4UJE5GMH.cjs');
 
 
 
-var _TIGQFIK5cjs = require('./TIGQFIK5.cjs');
+var _AOKSJPV6cjs = require('./AOKSJPV6.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
@@ -114,7 +114,7 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? _TIGQFIK5cjs.ColorBaseDestructive700 : _TIGQFIK5cjs.ColorBaseGray800,
+                  fill: errorText ? _AOKSJPV6cjs.ColorBaseDestructive700 : _AOKSJPV6cjs.ColorBaseGray800,
                   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"
                 }
               )
@@ -138,4 +138,4 @@ SelectList.Option = _4UJE5GMHcjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=Q57JA272.cjs.map
+//# sourceMappingURL=LKLPRA6D.cjs.map

package/dist/__chunks/{JI7DLER5.js → LZ4LFK7N.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=JI7DLER5.js.map
+//# sourceMappingURL=LZ4LFK7N.js.map

package/dist/__chunks/{JI7DLER5.js.map → LZ4LFK7N.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 19 Mar 2024 21:21:07 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 19 Mar 2024 21:57:31 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{ATVZZNGI.js → WILWV75P.js}

@@ -5,7 +5,7 @@ import {
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./JI7DLER5.js";
+} from "./LZ4LFK7N.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -138,4 +138,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=ATVZZNGI.js.map
+//# sourceMappingURL=WILWV75P.js.map

package/dist/__chunks/{7W5OIL2Y.cjs → ZFZJ56ZA.cjs}

@@ -19,7 +19,7 @@ var _UKLQ64N7cjs = require('./UKLQ64N7.cjs');
 
 
 
-var _TIGQFIK5cjs = require('./TIGQFIK5.cjs');
+var _AOKSJPV6cjs = require('./AOKSJPV6.cjs');
 
 
 var _Q3I37NS7cjs = require('./Q3I37NS7.cjs');
@@ -246,7 +246,7 @@ function RichSelectList(props) {
                           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                             "path",
                             {
-                              fill: errorText ? _TIGQFIK5cjs.ColorBaseDestructive700 : _TIGQFIK5cjs.ColorBaseGray800,
+                              fill: errorText ? _AOKSJPV6cjs.ColorBaseDestructive700 : _AOKSJPV6cjs.ColorBaseGray800,
                               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"
                             }
                           )
@@ -281,4 +281,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=7W5OIL2Y.cjs.map
+//# sourceMappingURL=ZFZJ56ZA.cjs.map

package/dist/index.cjs

@@ -31,11 +31,11 @@ require('./__chunks/BA4JPX36.cjs');
 var _DV73RCNKcjs = require('./__chunks/DV73RCNK.cjs');
 
 
-var _Q57JA272cjs = require('./__chunks/Q57JA272.cjs');
+var _LKLPRA6Dcjs = require('./__chunks/LKLPRA6D.cjs');
 require('./__chunks/4UJE5GMH.cjs');
 
 
-var _7W5OIL2Ycjs = require('./__chunks/7W5OIL2Y.cjs');
+var _ZFZJ56ZAcjs = require('./__chunks/ZFZJ56ZA.cjs');
 require('./__chunks/T75E3KPP.cjs');
 
 
@@ -67,7 +67,7 @@ require('./__chunks/HWQUS53M.cjs');
 
 
 var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
-require('./__chunks/TIGQFIK5.cjs');
+require('./__chunks/AOKSJPV6.cjs');
 require('./__chunks/Q3I37NS7.cjs');
 require('./__chunks/MF7LLV7V.cjs');
 require('./__chunks/VW7HLULP.cjs');
@@ -101,6 +101,7 @@ require('./__chunks/X2LNODY7.cjs');
 
 
 
+
 var _TBQR2FPScjs = require('./__chunks/TBQR2FPS.cjs');
 require('./__chunks/K4AUV2VK.cjs');
 require('./__chunks/NOELZTQX.cjs');
@@ -134,5 +135,6 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _635VMAFBcjs.Avatar_default; exports.AvatarGroup = _ZIBKOWAKcjs.AvatarGroup; exports.Badge = _ESGW3XTVcjs.Badge_default; exports.Box = _SNYEHXDAcjs.Box_default; exports.Button = _4U2YGWTWcjs.Button_default; exports.ButtonGroup = _VBQTLO2Pcjs.ButtonGroup_default; exports.Card = _2RKCTJBIcjs.Card; exports.Checkbox = _DC7G3PCPcjs.Checkbox_default; exports.Chip = _SDTI2RBAcjs.Chip_default; exports.Divider = _UD4IRT6Ucjs.Divider; exports.Heading = _ULHGK75Rcjs.Heading_default; exports.IconButton = _OG4RH3QZcjs.IconButton_default; exports.LinkButton = _SXABWYV4cjs.LinkButton_default; exports.Modal = _364LH7BQcjs.Modal; exports.Popover = _CYMLBKRUcjs.Popover_default; exports.RadioButton = _IAOEIH7Ucjs.RadioButton_default; exports.RichSelectList = _7W5OIL2Ycjs.RichSelectList_default; exports.SelectList = _Q57JA272cjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _DV73RCNKcjs.TextArea_default; exports.TextField = _EIR3V4AHcjs.TextField; exports.ThemeProvider = _TBQR2FPScjs.ThemeProvider; exports.Tooltip = _AL4ECXRLcjs.Tooltip_default; exports.Typography = _OWLMHTW5cjs.Typography_default;
+
+exports.Avatar = _635VMAFBcjs.Avatar_default; exports.AvatarGroup = _ZIBKOWAKcjs.AvatarGroup; exports.Badge = _ESGW3XTVcjs.Badge_default; exports.Box = _SNYEHXDAcjs.Box_default; exports.Button = _4U2YGWTWcjs.Button_default; exports.ButtonGroup = _VBQTLO2Pcjs.ButtonGroup_default; exports.Card = _2RKCTJBIcjs.Card; exports.Checkbox = _DC7G3PCPcjs.Checkbox_default; exports.Chip = _SDTI2RBAcjs.Chip_default; exports.Divider = _UD4IRT6Ucjs.Divider; exports.Heading = _ULHGK75Rcjs.Heading_default; exports.IconButton = _OG4RH3QZcjs.IconButton_default; exports.LinkButton = _SXABWYV4cjs.LinkButton_default; exports.Modal = _364LH7BQcjs.Modal; exports.Popover = _CYMLBKRUcjs.Popover_default; exports.RadioButton = _IAOEIH7Ucjs.RadioButton_default; exports.RichSelectList = _ZFZJ56ZAcjs.RichSelectList_default; exports.SelectList = _LKLPRA6Dcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _DV73RCNKcjs.TextArea_default; exports.TextField = _EIR3V4AHcjs.TextField; exports.ThemeProvider = _TBQR2FPScjs.ThemeProvider; exports.Tooltip = _AL4ECXRLcjs.Tooltip_default; exports.Typography = _OWLMHTW5cjs.Typography_default; exports.useTheme = _TBQR2FPScjs.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export { default as SelectList } from './SelectList/SelectList.js';
 export { default as TapArea } from './TapArea/TapArea.js';
 export { default as TextArea } from './TextArea/TextArea.js';
 export { default as TextField } from './TextField/TextField.js';
-export { default as ThemeProvider } from './ThemeProvider/ThemeProvider.js';
+export { default as ThemeProvider, useTheme } from './ThemeProvider/ThemeProvider.js';
 export { default as Tooltip } from './Tooltip/Tooltip.js';
 export { default as Typography } from './Typography/Typography.js';
 import 'react';

package/dist/index.js

@@ -31,11 +31,11 @@ import {
 } from "./__chunks/TLVOHYPL.js";
 import {
   SelectList
-} from "./__chunks/ATVZZNGI.js";
+} from "./__chunks/WILWV75P.js";
 import "./__chunks/Y47XTR6M.js";
 import {
   RichSelectList_default
-} from "./__chunks/ATD7CPSD.js";
+} from "./__chunks/7VMMLAGL.js";
 import "./__chunks/ZOWJFE7W.js";
 import {
   ButtonGroup_default
@@ -67,7 +67,7 @@ import "./__chunks/GFKDPMFK.js";
 import {
   TapArea_default
 } from "./__chunks/5MJ6NOUC.js";
-import "./__chunks/JI7DLER5.js";
+import "./__chunks/LZ4LFK7N.js";
 import "./__chunks/BA5NNKNL.js";
 import "./__chunks/DDUJFFG7.js";
 import "./__chunks/IJNZIOML.js";
@@ -100,7 +100,8 @@ import {
 import "./__chunks/JHJZ5COD.js";
 import "./__chunks/4U4UW4AK.js";
 import {
-  ThemeProvider
+  ThemeProvider,
+  useTheme
 } from "./__chunks/ZSHAHV4F.js";
 import "./__chunks/JB65NEXK.js";
 import "./__chunks/BWPNF6RD.js";
@@ -133,6 +134,7 @@ export {
   TextField,
   ThemeProvider,
   Tooltip_default as Tooltip,
-  Typography_default as Typography
+  Typography_default as Typography,
+  useTheme
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cambly/syntax-core",
   "description": "Cambly design system core components",
-  "version": "10.17.0",
+  "version": "10.18.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",