@cambly/syntax-core 10.4.0 → 10.5.0

package/dist/RichSelect/RichSelectSection.js

@@ -0,0 +1,14 @@
+import {
+  RichSelectSection_default
+} from "../__chunks/JKXOZUCV.js";
+import "../__chunks/PTWXXDFF.js";
+import "../__chunks/KMIZI5PW.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
+import "../__chunks/ERXGNP37.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/LULBCTQR.js";
+export {
+  RichSelectSection_default as default
+};
+//# sourceMappingURL=RichSelectSection.js.map

package/dist/RichSelect/RichSelectSection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/SelectList/SelectList.cjs

@@ -1,9 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _NGVAEAMLcjs = require('../__chunks/NGVAEAML.cjs');
+var _DMCLLEN5cjs = require('../__chunks/DMCLLEN5.cjs');
 require('../__chunks/GKECCWR3.cjs');
+require('../__chunks/SXTAJU6N.cjs');
 require('../__chunks/LTM57QMY.cjs');
-require('../__chunks/UNZBENAE.cjs');
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/FZRIE7EX.cjs');
@@ -11,5 +12,5 @@ require('../__chunks/GVEA7SLQ.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _NGVAEAMLcjs.SelectList;
+exports.default = _DMCLLEN5cjs.SelectList;
 //# sourceMappingURL=SelectList.cjs.map

package/dist/SelectList/SelectList.js

@@ -1,9 +1,10 @@
 import {
   SelectList
-} from "../__chunks/XA2DZRGH.js";
+} from "../__chunks/WX2IEICF.js";
 import "../__chunks/HOUO3WV6.js";
+import "../__chunks/3BBDCRDO.js";
 import "../__chunks/2O6FDRTF.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/TapArea/TapArea.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _CGUZFFJ2cjs = require('../__chunks/CGUZFFJ2.cjs');
+var _PZYWUTMWcjs = require('../__chunks/PZYWUTMW.cjs');
 require('../__chunks/7GJ2SD7O.cjs');
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _CGUZFFJ2cjs.TapArea_default;
+exports.default = _PZYWUTMWcjs.TapArea_default;
 //# sourceMappingURL=TapArea.cjs.map

package/dist/TapArea/TapArea.d.ts

@@ -1,6 +1,9 @@
 import React__default, { ReactNode } from 'react';
 
-type TapAreaProps = {
+/**
+ * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.
+ */
+declare const TapArea: React__default.ForwardRefExoticComponent<React__default.AriaAttributes & {
     /**
      * The children to be rendered inside the tap area.
      */
@@ -8,21 +11,21 @@ type TapAreaProps = {
     /**
      * The label to be used for accessibility
      */
-    accessibilityLabel?: string;
+    accessibilityLabel?: string | undefined;
     /**
      * Test id for the tap area
      */
-    "data-testid"?: string;
+    "data-testid"?: string | undefined;
     /**
      * If `true`, the tap area will be disabled
      *
      * @defaultValue false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * If `true`, the tap area will be full width
      */
-    fullWidth?: boolean;
+    fullWidth?: boolean | undefined;
     /**
      * The callback to be called when the tap area is clicked
      */
@@ -39,15 +42,11 @@ type TapAreaProps = {
      *
      * @defaultValue "none"
      */
-    rounding?: "xl" | "lg" | "md" | "sm" | "full" | "none";
+    rounding?: "none" | "xl" | "lg" | "md" | "sm" | "full" | undefined;
     /**
      * The tab index of the tap area
      */
-    tabIndex?: 0 | -1;
-};
-/**
- * [TapArea](https://cambly-syntax.vercel.app/?path=/docs/components-taparea--docs) allows components to be clickable and touchable in an accessible way.
- */
-declare const TapArea: React__default.ForwardRefExoticComponent<TapAreaProps & React__default.RefAttributes<HTMLDivElement>>;
+    tabIndex?: 0 | -1 | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 export { TapArea as default };

package/dist/TapArea/TapArea.js

@@ -1,6 +1,6 @@
 import {
   TapArea_default
-} from "../__chunks/37CQV3RS.js";
+} from "../__chunks/JIXNBF5N.js";
 import "../__chunks/TPMQI44L.js";
 import "../__chunks/YJ7YDIGB.js";
 import "../__chunks/LULBCTQR.js";

package/dist/TextArea/TextArea.cjs

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _WI7S7GOJcjs = require('../__chunks/WI7S7GOJ.cjs');
+var _FMSBGH2Icjs = require('../__chunks/FMSBGH2I.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/5SMR5MWY.cjs');
-require('../__chunks/YCKM5H43.cjs');
+
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _WI7S7GOJcjs.TextArea_default;
+exports.default = _FMSBGH2Icjs.TextArea_default;
 //# sourceMappingURL=TextArea.cjs.map

package/dist/TextArea/TextArea.js

@@ -1,11 +1,12 @@
 import {
   TextArea_default
-} from "../__chunks/QFKRTOQN.js";
+} from "../__chunks/JUUIXL6A.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/TJHCYMPV.js";
-import "../__chunks/RKIOGDSG.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/TextField/TextField.cjs

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _YH4XW4LDcjs = require('../__chunks/YH4XW4LD.cjs');
+var _KCYZNZBOcjs = require('../__chunks/KCYZNZBO.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/5SMR5MWY.cjs');
-require('../__chunks/YCKM5H43.cjs');
+
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 
 require('../__chunks/FZRIE7EX.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _YH4XW4LDcjs.TextField;
+exports.default = _KCYZNZBOcjs.TextField;
 //# sourceMappingURL=TextField.cjs.map

package/dist/TextField/TextField.js

@@ -1,11 +1,12 @@
 import {
   TextField
-} from "../__chunks/VFVXPW3G.js";
+} from "../__chunks/LCZ57HZU.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/TJHCYMPV.js";
-import "../__chunks/RKIOGDSG.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/YJ7YDIGB.js";

package/dist/Tooltip/Tooltip.cjs

@@ -1,20 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _AS6O55Z6cjs = require('../__chunks/AS6O55Z6.cjs');
-require('../__chunks/VLUKODJD.cjs');
-require('../__chunks/YCKM5H43.cjs');
+var _ZG64UIHGcjs = require('../__chunks/ZG64UIHG.cjs');
+require('../__chunks/5WNFAQGY.cjs');
+require('../__chunks/VMARHE5B.cjs');
+require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/7GJ2SD7O.cjs');
-require('../__chunks/UNZBENAE.cjs');
+
+require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
-require('../__chunks/VUANIQYP.cjs');
+
 require('../__chunks/4EXO6IHD.cjs');
-require('../__chunks/6YHDE4TN.cjs');
+require('../__chunks/QJI4G5FP.cjs');
 require('../__chunks/4PLE46VU.cjs');
 require('../__chunks/RFHPSEBF.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
 
-exports.AriaTooltip = _AS6O55Z6cjs.AriaTooltip; exports.default = _AS6O55Z6cjs.Tooltip_default;
+exports.AriaTooltip = _ZG64UIHGcjs.AriaTooltip; exports.default = _ZG64UIHGcjs.Tooltip_default;
 //# sourceMappingURL=Tooltip.cjs.map

package/dist/Tooltip/Tooltip.js

@@ -1,15 +1,17 @@
 import {
   AriaTooltip,
   Tooltip_default
-} from "../__chunks/ILJV2LMS.js";
-import "../__chunks/J7CMFWIU.js";
-import "../__chunks/RKIOGDSG.js";
+} from "../__chunks/PJIXYQPE.js";
+import "../__chunks/652STTPK.js";
+import "../__chunks/KMIZI5PW.js";
+import "../__chunks/5AR53MHD.js";
 import "../__chunks/TPMQI44L.js";
-import "../__chunks/4G4SS7O3.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/ARBLKS7D.js";
-import "../__chunks/IRL2C3B2.js";
+import "../__chunks/JQ6POHCA.js";
 import "../__chunks/5ZDZZL2P.js";
 import "../__chunks/XKDASN7N.js";
 import "../__chunks/LULBCTQR.js";

package/dist/Typography/Typography.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _UNZBENAEcjs = require('../__chunks/UNZBENAE.cjs');
+var _ZX5KONS2cjs = require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _UNZBENAEcjs.Typography_default;
+exports.default = _ZX5KONS2cjs.Typography_default;
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography/Typography.d.ts

@@ -33,6 +33,10 @@ declare const Typography: React.ForwardRefExoticComponent<{
      * Test id for the text
      */
     "data-testid"?: string | undefined;
+    /**
+     * The id for the element
+     */
+    id?: string | undefined;
     /**
      * Whether the text should flow inline with other elements.
      *

package/dist/Typography/Typography.js

@@ -1,6 +1,6 @@
 import {
   Typography_default
-} from "../__chunks/4G4SS7O3.js";
+} from "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/LULBCTQR.js";

package/dist/__chunks/{PF4QF5DX.js → 2R4YCOYE.js}

@@ -21,7 +21,7 @@ import {
 } from "./TJHCYMPV.js";
 import {
   Typography_default
-} from "./4G4SS7O3.js";
+} from "./B2TFERTM.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -117,4 +117,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=PF4QF5DX.js.map
+//# sourceMappingURL=2R4YCOYE.js.map

package/dist/__chunks/2RCQTGOZ.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LMCK5YO5cjs = require('./LMCK5YO5.cjs');
+
+
+var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
+
+
+
+
+var _I64JGYX7cjs = require('./I64JGYX7.cjs');
+
+// src/RichSelect/RichSelectRadioButton.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var NOOP = () => void 0;
+var RichSelectRadioButton_default = _react.forwardRef.call(void 0, 
+  function RichSelectRadioButton(props, ref) {
+    const _a = props, { size, name } = _a, otherProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["size", "name"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _LMCK5YO5cjs.RadioButton_default,
+      {
+        checked: isSelected,
+        disabled: isDisabled,
+        name,
+        label: otherProps.label,
+        value: otherProps.value,
+        dangerouslyForceFocusStyles: isFocusVisible,
+        size,
+        onChange: NOOP
+      }
+    ) }));
+  }
+);
+
+
+
+exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
+//# sourceMappingURL=2RCQTGOZ.cjs.map

package/dist/__chunks/2RCQTGOZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,kBAAqC;AAiB3C;AAbV,IAAM,OAAO,MAAM;AAOnB,IAAO,gCAAQ;AAAA,EACb,SAAS,sBAAsB,OAAO,KAAmB;AACvD,UAAsC,YAA9B,QAAM,KAblB,IAa0C,IAAf,uBAAe,IAAf,CAAf,QAAM;AACd,WACE,oBAAC,yDAAmB,aAAnB,EAA+B,KAC7B,WAAC,EAAE,YAAY,gBAAgB,WAAW,MACzC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA,OAAO,WAAW;AAAA,QAClB,OAAO,WAAW;AAAA,QAClB,6BAA6B;AAAA,QAC7B;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,IAEJ;AAAA,EAEJ;AACF","sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport RichSelectItem, { type RichSelectItemProps } from \"./RichSelectItem\";\nimport RadioButton from \"../RadioButton/RadioButton\";\n\nconst NOOP = () => undefined;\n\ntype RichSelectRadioButtonProps = RichSelectItemProps & {\n  name: string;\n  size?: \"sm\" | \"md\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectRadioButtonProps>(\n  function RichSelectRadioButton(props, ref): ReactElement {\n    const { size, name, ...otherProps } = props;\n    return (\n      <RichSelectItem {...otherProps} ref={ref}>\n        {({ isSelected, isFocusVisible, isDisabled }) => (\n          <RadioButton\n            checked={isSelected}\n            disabled={isDisabled}\n            name={name}\n            label={otherProps.label}\n            value={otherProps.value}\n            dangerouslyForceFocusStyles={isFocusVisible}\n            size={size}\n            onChange={NOOP}\n          />\n        )}\n      </RichSelectItem>\n    );\n  },\n);\n"]}

package/dist/__chunks/3BBDCRDO.js

@@ -0,0 +1,9 @@
+// ../syntax-design-tokens/dist/js/index.js
+var ColorBaseDestructive700 = "#d32a4b";
+var ColorBaseGray800 = "#353535";
+
+export {
+  ColorBaseDestructive700,
+  ColorBaseGray800
+};
+//# sourceMappingURL=3BBDCRDO.js.map

package/dist/__chunks/3BBDCRDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 03 Feb 2024 00:56:09 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 Elevation400 = \"0px 16px 32px 0px #00000040\";\n"],"mappings":";AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{TBYS7XPD.js → 3UQRZ3IQ.js}

@@ -15,7 +15,7 @@ import {
 } from "./G4DDTGDI.js";
 import {
   Typography_default
-} from "./4G4SS7O3.js";
+} from "./B2TFERTM.js";
 
 // src/LinkButton/LinkButton.tsx
 import { forwardRef } from "react";
@@ -93,4 +93,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=TBYS7XPD.js.map
+//# sourceMappingURL=3UQRZ3IQ.js.map