@cambly/syntax-core 12.5.0 → 12.7.0

package/dist/Avatar/Avatar.d.ts

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

package/dist/Badge/Badge.d.ts

@@ -10,8 +10,8 @@ declare const Badge: ({ icon: Icon, text, color, }: {
     icon?: React.ComponentType<{
         className?: string | undefined;
     }> | React.ComponentType<{
-        color?: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "inherit" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | undefined;
+        color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
+        size?: "md" | "sm" | "xs" | "lg" | undefined;
         path?: string | undefined;
     } & React.RefAttributes<SVGSVGElement>> | undefined;
     /**
@@ -23,7 +23,7 @@ declare const Badge: ({ icon: Icon, text, color, }: {
      *
      * @defaultValue "sky"
      */
-    color?: "sky" | "success300" | "destructive300" | "orange" | "tan" | "gray370" | "gray870" | "lilac" | "thistle" | "pink" | undefined;
+    color?: "destructive300" | "success300" | "gray370" | "gray870" | "lilac" | "orange" | "pink" | "sky" | "tan" | "thistle" | undefined;
 }) => JSX.Element;
 
 export { Badge as default };

package/dist/ButtonGroup/ButtonGroup.d.ts

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

package/dist/Checkbox/Checkbox.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _K6VWXB7Mcjs = require('../__chunks/K6VWXB7M.cjs');
+var _HFWEVQNScjs = require('../__chunks/HFWEVQNS.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/GUACYIXB.cjs');
 require('../__chunks/72UQX6IX.cjs');
@@ -12,5 +12,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _K6VWXB7Mcjs.Checkbox_default;
+exports.default = _HFWEVQNScjs.Checkbox_default;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import React__default, { ReactElement } from 'react';
 /**
  * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.
  */
-declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disabledProp, size, label, error, onChange, }: {
+declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disabledProp, size, label, error, onChange, "aria-describedby": ariaDescribedby, }: {
     /**
      * Whether or not the box has been clicked
      *
@@ -32,7 +32,7 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
      *
      * @defaultValue "md"
      */
-    size?: "sm" | "md" | undefined;
+    size?: "md" | "sm" | undefined;
     /**
      * The text accompanying the checkbox
      */
@@ -43,6 +43,12 @@ declare const Checkbox: ({ checked, "data-testid": dataTestId, disabled: disable
      * @defaultValue false
      */
     error?: boolean | undefined;
+    /**
+     * The aria-describedby attribute for the checkbox. This aria- prop identifies the element that describes the element on which the attribute is set.
+     *
+     * @defaultValue undefined
+     */
+    "aria-describedby"?: string | undefined;
 }) => ReactElement;
 
 export { Checkbox as default };

package/dist/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   Checkbox_default
-} from "../__chunks/62PHRDGW.js";
+} from "../__chunks/TVR4TJKV.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/V562ZHQ7.js";
 import "../__chunks/ZVJGV6GH.js";

package/dist/Heading/Heading.d.ts

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

package/dist/RadioButton/RadioButton.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _YIDLOSTDcjs = require('../__chunks/YIDLOSTD.cjs');
+var _JW7TVUPBcjs = require('../__chunks/JW7TVUPB.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/FESAFV44.cjs');
 require('../__chunks/WFVGNGEP.cjs');
@@ -16,5 +16,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _YIDLOSTDcjs.RadioButton_default;
+exports.default = _JW7TVUPBcjs.RadioButton_default;
 //# sourceMappingURL=RadioButton.cjs.map

package/dist/RadioButton/RadioButton.d.ts

@@ -3,7 +3,7 @@ import React__default, { ReactElement } from 'react';
 /**
  * [RadioButton](https://cambly-syntax.vercel.app/?path=/docs/components-radiobutton--docs) is a radio button with accompanying text
  */
-declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyForceFocusStyles, disabled: disabledProp, error, id, label, name, onChange, size, value, }: {
+declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyForceFocusStyles, disabled: disabledProp, error, id, label, name, onChange, size, value, "aria-describedby": ariaDescribedby, }: {
     /**
      * Whether or not the radio button is checked
      *
@@ -50,13 +50,19 @@ declare const RadioButton: ({ checked, "data-testid": dataTestId, dangerouslyFor
      *
      * @defaultValue "md"
      */
-    size?: "sm" | "md" | undefined;
+    size?: "md" | "sm" | undefined;
     /**
      * Value of the selected radio option
      */
     value: string | number;
     /** forces focus ring styling */
     dangerouslyForceFocusStyles?: boolean | undefined;
+    /**
+     * The aria-describedby attribute for the RadioButton. This aria- prop identifies the element that describes the element on which the attribute is set.
+     *
+     * @defaultValue undefined
+     */
+    "aria-describedby"?: string | undefined;
 }) => ReactElement;
 
 export { RadioButton as default };

package/dist/RadioButton/RadioButton.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "../__chunks/4SYTZR75.js";
+} from "../__chunks/DR35U5KW.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/M36V23WR.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/RichSelect/RichSelectBox.cjs

@@ -3,7 +3,7 @@
 
 
 
-var _RKDIXZZUcjs = require('../__chunks/RKDIXZZU.cjs');
+var _HN4N2HE2cjs = require('../__chunks/HN4N2HE2.cjs');
 require('../__chunks/C5XPZTFO.cjs');
 require('../__chunks/S2VK4XNL.cjs');
 require('../__chunks/5JUNB754.cjs');
@@ -14,9 +14,9 @@ require('../__chunks/ID2WKUNH.cjs');
 require('../__chunks/SFZ2MHPA.cjs');
 require('../__chunks/ZTK7E42P.cjs');
 require('../__chunks/MF7LLV7V.cjs');
-require('../__chunks/6ER23PG5.cjs');
+require('../__chunks/7FBJ7XRE.cjs');
 require('../__chunks/RYUXG4AS.cjs');
-require('../__chunks/YIDLOSTD.cjs');
+require('../__chunks/JW7TVUPB.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/FESAFV44.cjs');
 require('../__chunks/MKZONAGT.cjs');
@@ -38,5 +38,5 @@ require('../__chunks/X2SDR4SD.cjs');
 
 
 
-exports.RichSelectBoxContext = _RKDIXZZUcjs.RichSelectBoxContext; exports.convertSelection = _RKDIXZZUcjs.convertSelection; exports.default = _RKDIXZZUcjs.RichSelectBox_default;
+exports.RichSelectBoxContext = _HN4N2HE2cjs.RichSelectBoxContext; exports.convertSelection = _HN4N2HE2cjs.convertSelection; exports.default = _HN4N2HE2cjs.RichSelectBox_default;
 //# sourceMappingURL=RichSelectBox.cjs.map

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?: "sm" | "md" | undefined;
+        size?: "md" | "sm" | undefined;
     } & React__default.RefAttributes<HTMLDivElement>>;
 };
 

package/dist/RichSelect/RichSelectBox.js

@@ -3,7 +3,7 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "../__chunks/DJL67KQ3.js";
+} from "../__chunks/OQKBWMZ4.js";
 import "../__chunks/BOX3VY3Q.js";
 import "../__chunks/7EM2GOIC.js";
 import "../__chunks/Z5ZUAP2B.js";
@@ -14,9 +14,9 @@ import "../__chunks/TQ7D5O7L.js";
 import "../__chunks/Q6657TAT.js";
 import "../__chunks/HN2MMSUI.js";
 import "../__chunks/DDUJFFG7.js";
-import "../__chunks/Q7N54CYS.js";
+import "../__chunks/BU3EYSKD.js";
 import "../__chunks/ODMJANSX.js";
-import "../__chunks/4SYTZR75.js";
+import "../__chunks/DR35U5KW.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/M36V23WR.js";
 import "../__chunks/UVQS6LU3.js";

package/dist/RichSelect/RichSelectList.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _TLJEXAPKcjs = require('../__chunks/TLJEXAPK.cjs');
-require('../__chunks/RKDIXZZU.cjs');
+var _6P4IEVBLcjs = require('../__chunks/6P4IEVBL.cjs');
+require('../__chunks/HN4N2HE2.cjs');
 require('../__chunks/C5XPZTFO.cjs');
 require('../__chunks/S2VK4XNL.cjs');
 require('../__chunks/5JUNB754.cjs');
@@ -16,12 +16,12 @@ require('../__chunks/TYPTB7HD.cjs');
 require('../__chunks/76LTWV2Q.cjs');
 require('../__chunks/63XQSPT7.cjs');
 require('../__chunks/3UEOKPM2.cjs');
-require('../__chunks/JDGT2NSB.cjs');
+require('../__chunks/PKQXVJ75.cjs');
 require('../__chunks/ZTK7E42P.cjs');
 require('../__chunks/MF7LLV7V.cjs');
-require('../__chunks/6ER23PG5.cjs');
+require('../__chunks/7FBJ7XRE.cjs');
 require('../__chunks/RYUXG4AS.cjs');
-require('../__chunks/YIDLOSTD.cjs');
+require('../__chunks/JW7TVUPB.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/FESAFV44.cjs');
 require('../__chunks/MKZONAGT.cjs');
@@ -46,5 +46,5 @@ require('../__chunks/E5P6WRJD.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _TLJEXAPKcjs.RichSelectList_default;
+exports.default = _6P4IEVBLcjs.RichSelectList_default;
 //# sourceMappingURL=RichSelectList.cjs.map

package/dist/RichSelect/RichSelectList.d.ts

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

package/dist/RichSelect/RichSelectList.js

@@ -1,8 +1,8 @@
 "use client"
 import {
   RichSelectList_default
-} from "../__chunks/ZOLQZLRM.js";
-import "../__chunks/DJL67KQ3.js";
+} from "../__chunks/KKIY6JSO.js";
+import "../__chunks/OQKBWMZ4.js";
 import "../__chunks/BOX3VY3Q.js";
 import "../__chunks/7EM2GOIC.js";
 import "../__chunks/Z5ZUAP2B.js";
@@ -16,12 +16,12 @@ import "../__chunks/NPZBG5AK.js";
 import "../__chunks/TZGJS522.js";
 import "../__chunks/4JFE4NWI.js";
 import "../__chunks/77FFPQY6.js";
-import "../__chunks/X747TBQO.js";
+import "../__chunks/3CCYFL3K.js";
 import "../__chunks/HN2MMSUI.js";
 import "../__chunks/DDUJFFG7.js";
-import "../__chunks/Q7N54CYS.js";
+import "../__chunks/BU3EYSKD.js";
 import "../__chunks/ODMJANSX.js";
-import "../__chunks/4SYTZR75.js";
+import "../__chunks/DR35U5KW.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/M36V23WR.js";
 import "../__chunks/UVQS6LU3.js";

package/dist/RichSelect/RichSelectRadioButton.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _6ER23PG5cjs = require('../__chunks/6ER23PG5.cjs');
+var _7FBJ7XREcjs = require('../__chunks/7FBJ7XRE.cjs');
 require('../__chunks/RYUXG4AS.cjs');
-require('../__chunks/YIDLOSTD.cjs');
+require('../__chunks/JW7TVUPB.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/FESAFV44.cjs');
 require('../__chunks/WFVGNGEP.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _6ER23PG5cjs.RichSelectRadioButton_default;
+exports.default = _7FBJ7XREcjs.RichSelectRadioButton_default;
 //# sourceMappingURL=RichSelectRadioButton.cjs.map

package/dist/RichSelect/RichSelectRadioButton.d.ts

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

package/dist/RichSelect/RichSelectRadioButton.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   RichSelectRadioButton_default
-} from "../__chunks/Q7N54CYS.js";
+} from "../__chunks/BU3EYSKD.js";
 import "../__chunks/ODMJANSX.js";
-import "../__chunks/4SYTZR75.js";
+import "../__chunks/DR35U5KW.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/M36V23WR.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/SelectList/SelectList.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _3Z5JQV7Qcjs = require('../__chunks/3Z5JQV7Q.cjs');
-require('../__chunks/4UJE5GMH.cjs');
-require('../__chunks/JDGT2NSB.cjs');
+var _XTVQVBURcjs = require('../__chunks/XTVQVBUR.cjs');
+require('../__chunks/JVGX637E.cjs');
+require('../__chunks/PKQXVJ75.cjs');
 require('../__chunks/XLUVINJW.cjs');
 require('../__chunks/FESAFV44.cjs');
 require('../__chunks/WFVGNGEP.cjs');
@@ -18,5 +18,5 @@ require('../__chunks/NOELZTQX.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _3Z5JQV7Qcjs.SelectList;
+exports.default = _XTVQVBURcjs.SelectList;
 //# sourceMappingURL=SelectList.cjs.map

package/dist/SelectList/SelectList.d.ts

@@ -52,7 +52,8 @@ declare function SelectList({ children, "data-testid": dataTestId, disabled: dis
     selectedValue?: string;
 }): ReactElement;
 declare namespace SelectList {
-    var Option: ({ "data-testid": dataTestId, value, label, disabled, }: {
+    var Option: ({ "data-testid": dataTestId, value, label, disabled, accessibilityLabel, }: {
+        accessibilityLabel?: string | undefined;
         "data-testid"?: string | undefined;
         value: string;
         label: string;

package/dist/SelectList/SelectList.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   SelectList
-} from "../__chunks/JEGPGWID.js";
-import "../__chunks/Y47XTR6M.js";
-import "../__chunks/X747TBQO.js";
+} from "../__chunks/QSHXZ5FW.js";
+import "../__chunks/SPQ7DQHG.js";
+import "../__chunks/3CCYFL3K.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/M36V23WR.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/SelectList/SelectOption.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _4UJE5GMHcjs = require('../__chunks/4UJE5GMH.cjs');
+var _JVGX637Ecjs = require('../__chunks/JVGX637E.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _4UJE5GMHcjs.SelectOption_default;
+exports.default = _JVGX637Ecjs.SelectOption_default;
 //# sourceMappingURL=SelectOption.cjs.map

package/dist/SelectList/SelectOption.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 
-declare const SelectOption: ({ "data-testid": dataTestId, value, label, disabled, }: {
+declare const SelectOption: ({ "data-testid": dataTestId, value, label, disabled, accessibilityLabel, }: {
+    accessibilityLabel?: string | undefined;
     "data-testid"?: string | undefined;
     value: string;
     label: string;

package/dist/SelectList/SelectOption.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   SelectOption_default
-} from "../__chunks/Y47XTR6M.js";
+} from "../__chunks/SPQ7DQHG.js";
 import "../__chunks/UWGNJENA.js";
 export {
   SelectOption_default as default

package/dist/TapArea/TapArea.d.ts

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

package/dist/Typography/Typography.d.ts

@@ -12,7 +12,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "start"
      */
-    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
+    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
@@ -28,7 +28,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "inherit" | undefined;
+    color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
     /**
      * Test id for the text
      */
@@ -113,7 +113,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "regular"
      */
-    weight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 
 export { Typography as default };

package/dist/__chunks/{X747TBQO.js → 3CCYFL3K.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=X747TBQO.js.map
+//# sourceMappingURL=3CCYFL3K.js.map

package/dist/__chunks/{X747TBQO.js.map → 3CCYFL3K.js.map}

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

package/dist/__chunks/{TLJEXAPK.cjs → 6P4IEVBL.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _RKDIXZZUcjs = require('./RKDIXZZU.cjs');
+var _HN4N2HE2cjs = require('./HN4N2HE2.cjs');
 
 
 var _ID2WKUNHcjs = require('./ID2WKUNH.cjs');
@@ -19,13 +19,13 @@ var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 
 
 
-var _JDGT2NSBcjs = require('./JDGT2NSB.cjs');
+var _PKQXVJ75cjs = require('./PKQXVJ75.cjs');
 
 
 var _ZTK7E42Pcjs = require('./ZTK7E42P.cjs');
 
 
-var _6ER23PG5cjs = require('./6ER23PG5.cjs');
+var _7FBJ7XREcjs = require('./7FBJ7XRE.cjs');
 
 
 var _FESAFV44cjs = require('./FESAFV44.cjs');
@@ -100,11 +100,11 @@ function RichSelectList(props) {
   const disabled = !isHydrated || disabledProp;
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _RKDIXZZUcjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _HN4N2HE2cjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _RKDIXZZUcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _HN4N2HE2cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -142,7 +142,7 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_RKDIXZZUcjs.RichSelectBoxContext, { autoFocus: true }],
+        [_HN4N2HE2cjs.RichSelectBoxContext, { autoFocus: true }],
         [_76LTWV2Qcjs.DialogContext, { padding: autosave ? void 0 : 0 }]
         // this is altering Popover's internal dialog padding to show the sticky save/close buttons. Ideally this could be avoided
       ],
@@ -182,7 +182,7 @@ function RichSelectList(props) {
                       padding: autosave ? void 0 : 5,
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _RKDIXZZUcjs.RichSelectBox_default,
+                        _HN4N2HE2cjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -231,7 +231,7 @@ function RichSelectList(props) {
                           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                             "path",
                             {
-                              fill: errorText ? _JDGT2NSBcjs.ColorBaseDestructive700 : _JDGT2NSBcjs.ColorBaseGray800,
+                              fill: errorText ? _PKQXVJ75cjs.ColorBaseDestructive700 : _PKQXVJ75cjs.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"
                             }
                           )
@@ -260,10 +260,10 @@ function RichSelectList(props) {
 var RichSelectList_default = Object.assign(RichSelectList, {
   Section: _ZTK7E42Pcjs.RichSelectSection_default,
   Chip: _ID2WKUNHcjs.RichSelectChip_default,
-  RadioButton: _6ER23PG5cjs.RichSelectRadioButton_default
+  RadioButton: _7FBJ7XREcjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=TLJEXAPK.cjs.map
+//# sourceMappingURL=6P4IEVBL.cjs.map

package/dist/__chunks/{6ER23PG5.cjs → 7FBJ7XRE.cjs}

@@ -4,7 +4,7 @@
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _YIDLOSTDcjs = require('./YIDLOSTD.cjs');
+var _JW7TVUPBcjs = require('./JW7TVUPB.cjs');
 
 
 
@@ -19,7 +19,7 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
   function RichSelectRadioButton(props, ref) {
     const _a = props, { size, name } = _a, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _a, ["size", "name"]);
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _YIDLOSTDcjs.RadioButton_default,
+      _JW7TVUPBcjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=6ER23PG5.cjs.map
+//# sourceMappingURL=7FBJ7XRE.cjs.map

package/dist/__chunks/{Q7N54CYS.js → BU3EYSKD.js}

@@ -4,7 +4,7 @@ import {
 } from "./ODMJANSX.js";
 import {
   RadioButton_default
-} from "./4SYTZR75.js";
+} from "./DR35U5KW.js";
 import {
   __objRest,
   __spreadProps,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=Q7N54CYS.js.map
+//# sourceMappingURL=BU3EYSKD.js.map