@cambly/syntax-core 19.2.0 → 19.3.0

package/dist/__chunks/{ZYPHFC2R.js → UNQGP24J.js}

@@ -10,7 +10,7 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./RJQ2LSPP.js";
 import {
   colors_module_default
 } from "./XSYKMCV5.js";
@@ -166,4 +166,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=ZYPHFC2R.js.map
+//# sourceMappingURL=UNQGP24J.js.map

package/dist/__chunks/{KY2TFXG3.js → W6JOWMNG.js}

@@ -23,7 +23,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./RJQ2LSPP.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -146,4 +146,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=KY2TFXG3.js.map
+//# sourceMappingURL=W6JOWMNG.js.map

package/dist/__chunks/{56LMASNQ.js → WCQCYWL5.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./5S7HZU4Z.js";
+} from "./XEHZJBLD.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=56LMASNQ.js.map
+//# sourceMappingURL=WCQCYWL5.js.map

package/dist/__chunks/{GMIOWJBD.js → WGRDMB2P.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Heading_default
-} from "./E27BHPP7.js";
+} from "./DDD7XI7R.js";
 import {
   StopScroll
 } from "./QQT35OLE.js";
@@ -130,4 +130,4 @@ Modal.displayName = "Modal";
 export {
   Modal
 };
-//# sourceMappingURL=GMIOWJBD.js.map
+//# sourceMappingURL=WGRDMB2P.js.map

package/dist/__chunks/{5SG2TWV3.cjs → WNNJJJGM.cjs}

@@ -9,21 +9,21 @@ var _3RX4RMGCcjs = require('./3RX4RMGC.cjs');
 
 
 
-var _ULC7XW64cjs = require('./ULC7XW64.cjs');
+var _D4FWWDPJcjs = require('./D4FWWDPJ.cjs');
 
 
 
 
-var _OMXDPTE4cjs = require('./OMXDPTE4.cjs');
+var _5I7B5SAFcjs = require('./5I7B5SAF.cjs');
 
 
-var _EHZAOGLQcjs = require('./EHZAOGLQ.cjs');
+var _AAZIVDWScjs = require('./AAZIVDWS.cjs');
 
 
-var _66VTCVJAcjs = require('./66VTCVJA.cjs');
+var _PBOAPP74cjs = require('./PBOAPP74.cjs');
 
 
-var _URBKDUMUcjs = require('./URBKDUMU.cjs');
+var _XSU6O5C3cjs = require('./XSU6O5C3.cjs');
 
 
 var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
@@ -32,7 +32,7 @@ var _3UEOKPM2cjs = require('./3UEOKPM2.cjs');
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -103,11 +103,11 @@ function RichSelectList(props) {
   const disabled = !isHydrated || disabledProp;
   const overlayHandlerRef = _react.useRef.call(void 0, {});
   const selectedKeysProp = _react.useMemo.call(void 0, 
-    () => _OMXDPTE4cjs.convertSelection.call(void 0, selectedValuesProp),
+    () => _5I7B5SAFcjs.convertSelection.call(void 0, selectedValuesProp),
     [selectedValuesProp]
   );
   const defaultSelectedKeys = _react.useMemo.call(void 0, 
-    () => _OMXDPTE4cjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
+    () => _5I7B5SAFcjs.convertSelection.call(void 0, defaultSelectedValuesProp, /* @__PURE__ */ new Set()),
     [defaultSelectedValuesProp]
   );
   const [selectedKeys, setSelectedKeys] = _utils.useControlledState.call(void 0, 
@@ -147,12 +147,12 @@ function RichSelectList(props) {
   };
   const getArrowIconColor = () => {
     if (errorText) {
-      return _ULC7XW64cjs.ColorBaseDestructive700;
+      return _D4FWWDPJcjs.ColorBaseDestructive700;
     } else {
       if (color === "clear") {
-        return _ULC7XW64cjs.ColorCambioWhite100;
+        return _D4FWWDPJcjs.ColorCambioWhite100;
       } else {
-        return _ULC7XW64cjs.ColorBaseGray700;
+        return _D4FWWDPJcjs.ColorBaseGray700;
       }
     }
   };
@@ -160,7 +160,7 @@ function RichSelectList(props) {
     _reactariacomponents.Provider,
     {
       values: [
-        [_OMXDPTE4cjs.RichSelectBoxContext, { autoFocus: true }],
+        [_5I7B5SAFcjs.RichSelectBoxContext, { autoFocus: true }],
         [_3RX4RMGCcjs.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
       ],
@@ -184,7 +184,7 @@ function RichSelectList(props) {
                   (_a2 = fieldRef.current) == null ? void 0 : _a2.focus();
                   _interactions.setInteractionModality.call(void 0, "keyboard");
                 },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: textColor[color], children: label }) })
               })
             ) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -201,7 +201,7 @@ function RichSelectList(props) {
                       dangerouslySetInlineStyle: autosave ? void 0 : { __style: { paddingBottom: 0 } },
                       role: "menu",
                       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _OMXDPTE4cjs.RichSelectBox_default,
+                        _5I7B5SAFcjs.RichSelectBox_default,
                         _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                           autosave,
                           selectedValues: selectedKeys,
@@ -263,7 +263,7 @@ function RichSelectList(props) {
               }
             ),
             (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _5NQO6SP3cjs.Typography_default,
+              _RVU3UEZIcjs.Typography_default,
               _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {
                 size: 100,
                 color: errorText ? "destructive-primary" : textColor[color]
@@ -278,12 +278,12 @@ function RichSelectList(props) {
   );
 }
 var RichSelectList_default = Object.assign(RichSelectList, {
-  Section: _EHZAOGLQcjs.RichSelectSection_default,
-  Chip: _URBKDUMUcjs.RichSelectChip_default,
-  RadioButton: _66VTCVJAcjs.RichSelectRadioButton_default
+  Section: _AAZIVDWScjs.RichSelectSection_default,
+  Chip: _XSU6O5C3cjs.RichSelectChip_default,
+  RadioButton: _PBOAPP74cjs.RichSelectRadioButton_default
 });
 
 
 
 exports.RichSelectList_default = RichSelectList_default;
-//# sourceMappingURL=5SG2TWV3.cjs.map
+//# sourceMappingURL=WNNJJJGM.cjs.map

package/dist/__chunks/{5S7HZU4Z.js → XEHZJBLD.js}

@@ -4,7 +4,7 @@ import {
 } from "./IB6JZQF3.js";
 import {
   Typography_default
-} from "./DAK5IGJK.js";
+} from "./RJQ2LSPP.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -88,4 +88,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=5S7HZU4Z.js.map
+//# sourceMappingURL=XEHZJBLD.js.map

package/dist/__chunks/{URBKDUMU.cjs → XSU6O5C3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _IHGDCH62cjs = require('./IHGDCH62.cjs');
+var _PBHDA7GVcjs = require('./PBHDA7GV.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _IHGDCH62cjs.Chip_default,
+      _PBHDA7GVcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=URBKDUMU.cjs.map
+//# sourceMappingURL=XSU6O5C3.cjs.map

package/dist/__chunks/{JOTFTEBX.cjs → YNGB4N62.cjs}

@@ -23,7 +23,7 @@ var _2D3DOVVZcjs = require('./2D3DOVVZ.cjs');
 var _F3SUJGZLcjs = require('./F3SUJGZL.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 // src/LinkButton/LinkButton.tsx
 
@@ -89,7 +89,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               size: _65BTPZZTcjs.internalIconSize[size]
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -138,4 +138,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=JOTFTEBX.cjs.map
+//# sourceMappingURL=YNGB4N62.cjs.map

package/dist/__chunks/{VU4LGL2W.js → YSI244J6.js}

@@ -16,8 +16,10 @@ function textColor(color) {
       return colors_module_default.inheritColor;
     case "destructive-primary":
       return colors_module_default.cambioDestructive900Color;
+    case "destructive-lightBackground":
+      return colors_module_default.cambioDestructive900Color;
     case "destructive-darkBackground":
-      return colors_module_default.cambioDestructive700Color;
+      return colors_module_default.cambioDestructive300Color;
     case "success":
       return colors_module_default.cambioSuccess700Color;
     case "success-darkBackground":
@@ -30,4 +32,4 @@ function textColor(color) {
 export {
   textColor
 };
-//# sourceMappingURL=VU4LGL2W.js.map
+//# sourceMappingURL=YSI244J6.js.map

package/dist/__chunks/YSI244J6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/textColors.ts"],"sourcesContent":["import colorStyles from \"../colors/colors.module.css\";\n\nexport default function textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-lightBackground\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"white-secondary\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"white-secondary\":\n      return colorStyles.cambioWhite70Color;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-lightBackground\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive300Color;\n    case \"success\":\n      return colorStyles.cambioSuccess700Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n"],"mappings":";;;;;;AAEe,SAAR,UACL,OAYQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;","names":[]}

package/dist/__chunks/{AUO7CEJI.cjs → Z6EWS3QI.cjs}

@@ -4,7 +4,7 @@
 var _QODNNCT2cjs = require('./QODNNCT2.cjs');
 
 
-var _5NQO6SP3cjs = require('./5NQO6SP3.cjs');
+var _RVU3UEZIcjs = require('./RVU3UEZI.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -16,7 +16,7 @@ var _react = require('react');
 var TextArea_module_default = { "textarea": "_textarea_1sb0v_1", "resizenone": "_resizenone_1sb0v_6", "resizehorizontal": "_resizehorizontal_1sb0v_10", "resizevertical": "_resizevertical_1sb0v_14", "resizeboth": "_resizeboth_1sb0v_18" };
 
 // css-module:../TextField/TextField.module.css#css-module
-var TextField_module_default = { "textfield": "_textfield_1of18_1", "label": "_label_1of18_22", "md": "_md_1of18_26", "height": "_height_1of18_30", "inputError": "_inputError_1of18_34" };
+var TextField_module_default = { "textfield": "_textfield_f2wi6_1", "transparent": "_transparent_f2wi6_13", "label": "_label_f2wi6_28", "md": "_md_f2wi6_32", "height": "_height_f2wi6_36", "inputError": "_inputError_f2wi6_40", "transparentInputError": "_transparentInputError_f2wi6_49", "transparenInputError": "_transparenInputError_f2wi6_54" };
 
 // src/TextArea/TextArea.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -54,8 +54,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: "relative",
         children: [
-          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5NQO6SP3cjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RVU3UEZIcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -78,7 +78,7 @@ var TextArea = _react.forwardRef.call(void 0,
             }
           ) }),
           (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _QODNNCT2cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _5NQO6SP3cjs.Typography_default,
+            _RVU3UEZIcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-darkBackground" : "gray700",
@@ -95,4 +95,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=AUO7CEJI.cjs.map
+//# sourceMappingURL=Z6EWS3QI.cjs.map

package/dist/__chunks/Z6EWS3QI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextArea/TextArea.tsx","css-module:./TextArea.module.css#css-module","css-module:../TextField/TextField.module.css#css-module"],"names":["TextArea"],"mappings":";;;;;;;;;;;;AAEA,SAAmC,OAAO,kBAAkB;;;ACFoC,IAAO,0BAAQ,EAAC,YAAW,qBAAoB,cAAa,uBAAsB,oBAAmB,8BAA6B,kBAAiB,4BAA2B,cAAa,uBAAsB;;;ACA/M,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,eAAc,yBAAwB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,wBAAuB,yBAAwB,mCAAkC,wBAAuB,iCAAgC;;;AFKxZ,OAAO,gBAAgB;AAuFjB,SAeQ,KAfR;AAxBN,IAAM,WAAW;AAAA,EACf,SAASA,UACP;AAAA,IACE,eAAe;AAAA,IACf,UAAU,eAAe;AAAA,IACzB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,SAAS;AAAA,EACX,GACA,cACc;AACd,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAChC,UAAM,UAAU,MAAM;AACtB,UAAM,UAAU,kBAAM;AAEtB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,KAAK;AAAA,QACL,OAAM;AAAA,QACN,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,SAAS,WAAW,MAAM;AAAA,UAC5B;AAAA,QACF;AAAA,QACA,UAAS;AAAA,QAER;AAAA,mBACC,oBAAC,WAAM,WAAW,yBAAgB,OAAO,SAAS,SAChD,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,KAChB;AAAA,YAAC;AAAA;AAAA,cACC,eAAa;AAAA,cACb,KAAK;AAAA,cACL,WAAW;AAAA,gBACT,yBAAgB;AAAA,gBAChB,wBAAO;AAAA,gBACP,wBAAO,SAAS,QAAQ;AAAA,gBACxB;AAAA,kBACE,CAAC,yBAAgB,UAAU,GAAG;AAAA,gBAChC;AAAA,cACF;AAAA,cACA,IAAI;AAAA,cACJ;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA,WACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,YAAC;AAAA;AAAA,cACC,MAAM;AAAA,cACN,OAAO,YAAY,+BAA+B;AAAA,cAEjD,uBAAa;AAAA;AAAA,UAChB,GACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ","sourcesContent":["import Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport React, { type ReactElement, useId, forwardRef } from \"react\";\nimport styles from \"./TextArea.module.css\";\nimport textFieldStyles from \"../TextField/TextField.module.css\";\nimport classNames from \"classnames\";\nimport useIsHydrated from \"../useIsHydrated\";\n\ntype TextAreaProps = {\n  /**\n   * A data-testid to make querying for the TextArea easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextArea will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextArea if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextArea\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextArea visible label\n   */\n  label: string;\n  /**\n   * Maximum number of characters allowed in the TextArea\n   */\n  maxLength?: number;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /**\n   * Placeholder text to display when TextArea is empty\n   */\n  placeholder?: string;\n  /**\n   * Sets which part resizes when the user drags the resize handle.\n   * * `none`: TextArea can not be resized\n   * * `horizontal`: TextArea can only be resized horizontally\n   * * `vertical`: TextArea can only be resized vertically\n   * * `both`: TextArea can be resized horizontally and vertically\n   *\n   * @defaultvalue `none`\n   */\n  resize?: \"none\" | \"horizontal\" | \"vertical\" | \"both\";\n  /**\n   * Number of rows to display\n   */\n  rows?: number;\n  /**\n   * Value of the TextArea\n   */\n  value: string;\n};\n\n/**\n * [TextArea](https://cambly-syntax.vercel.app/?path=/docs/components-textarea--docs) allows users to enter multiple lines of text.\n */\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea(\n    {\n      \"data-testid\": dataTestId,\n      disabled: disabledProp = false,\n      errorText = \"\",\n      helperText = \"\",\n      id,\n      label,\n      maxLength = 1024,\n      placeholder = \"\",\n      rows = 3,\n      value = \"\",\n      onChange,\n      resize = \"none\",\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const inputId = id ?? reactId;\n\n    return (\n      <Box\n        display=\"flex\"\n        direction=\"column\"\n        gap={2}\n        width=\"100%\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            opacity: disabled ? 0.5 : 1,\n          },\n        }}\n        position=\"relative\"\n      >\n        {label && (\n          <label className={textFieldStyles.label} htmlFor={inputId}>\n            <Box paddingX={1}>\n              <Typography size={100} color=\"gray700\">\n                {label}\n              </Typography>\n            </Box>\n          </label>\n        )}\n        <Typography size={100}>\n          <textarea\n            data-testid={dataTestId}\n            ref={forwardedRef}\n            className={classNames(\n              textFieldStyles.textfield,\n              styles.textarea,\n              styles[`resize${resize}`],\n              {\n                [textFieldStyles.inputError]: errorText,\n              },\n            )}\n            id={inputId}\n            placeholder={placeholder}\n            maxLength={maxLength}\n            onChange={onChange}\n            rows={rows}\n            value={value}\n            disabled={disabled}\n          />\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={1}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-darkBackground\" : \"gray700\"}\n            >\n              {errorText || helperText}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nexport default TextArea;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextArea/TextArea.module.css\"; export default {\"textarea\":\"_textarea_1sb0v_1\",\"resizenone\":\"_resizenone_1sb0v_6\",\"resizehorizontal\":\"_resizehorizontal_1sb0v_10\",\"resizevertical\":\"_resizevertical_1sb0v_14\",\"resizeboth\":\"_resizeboth_1sb0v_18\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_f2wi6_1\",\"transparent\":\"_transparent_f2wi6_13\",\"label\":\"_label_f2wi6_28\",\"md\":\"_md_f2wi6_32\",\"height\":\"_height_f2wi6_36\",\"inputError\":\"_inputError_f2wi6_40\",\"transparentInputError\":\"_transparentInputError_f2wi6_49\",\"transparenInputError\":\"_transparenInputError_f2wi6_54\"}"]}

package/dist/colors/textColors.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _BDCZ5GX7cjs = require('../__chunks/BDCZ5GX7.cjs');
+var _TA4EX7DLcjs = require('../__chunks/TA4EX7DL.cjs');
 require('../__chunks/2XIVACBM.cjs');
 require('../__chunks/WFVGNGEP.cjs');
 require('../__chunks/X2SDR4SD.cjs');
 
 
-exports.default = _BDCZ5GX7cjs.textColor;
+exports.default = _TA4EX7DLcjs.textColor;
 //# sourceMappingURL=textColors.cjs.map

package/dist/colors/textColors.d.ts

@@ -1,3 +1,3 @@
-declare function textColor(color: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "white-secondary" | "inherit"): string;
+declare function textColor(color: "gray900" | "gray700" | "primary" | "destructive-primary" | "destructive-lightBackground" | "destructive-darkBackground" | "success" | "success-darkBackground" | "white" | "white-secondary" | "inherit"): string;
 
 export { textColor as default };

package/dist/colors/textColors.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   textColor
-} from "../__chunks/VU4LGL2W.js";
+} from "../__chunks/YSI244J6.js";
 import "../__chunks/XSYKMCV5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";

package/dist/index.cjs

@@ -10,36 +10,36 @@ var _GEXK47GRcjs = require('./__chunks/GEXK47GR.cjs');
 var _AVJQ2E2Gcjs = require('./__chunks/AVJQ2E2G.cjs');
 
 
-var _E3A6VFMBcjs = require('./__chunks/E3A6VFMB.cjs');
+var _SJSSW5MPcjs = require('./__chunks/SJSSW5MP.cjs');
 
 
 var _IBT4YOI5cjs = require('./__chunks/IBT4YOI5.cjs');
 
 
-var _OVHMMIVEcjs = require('./__chunks/OVHMMIVE.cjs');
+var _S7BCIAUQcjs = require('./__chunks/S7BCIAUQ.cjs');
 
 
-var _OQSEZXJ6cjs = require('./__chunks/OQSEZXJ6.cjs');
+var _SAPSO6DDcjs = require('./__chunks/SAPSO6DD.cjs');
 
 
-var _CCKTB7L5cjs = require('./__chunks/CCKTB7L5.cjs');
+var _Q7CC3YA4cjs = require('./__chunks/Q7CC3YA4.cjs');
 require('./__chunks/HUIHS6RN.cjs');
 require('./__chunks/7KH536I2.cjs');
 require('./__chunks/THM3NAFO.cjs');
 
 
-var _JOTFTEBXcjs = require('./__chunks/JOTFTEBX.cjs');
+var _YNGB4N62cjs = require('./__chunks/YNGB4N62.cjs');
 
 
 var _RUXLZWRZcjs = require('./__chunks/RUXLZWRZ.cjs');
 require('./__chunks/TH4TA3JN.cjs');
 
 
-var _CWVVOO2Gcjs = require('./__chunks/CWVVOO2G.cjs');
+var _JJN6542Ucjs = require('./__chunks/JJN6542U.cjs');
 require('./__chunks/JVGX637E.cjs');
 
 
-var _5SG2TWV3cjs = require('./__chunks/5SG2TWV3.cjs');
+var _WNNJJJGMcjs = require('./__chunks/WNNJJJGM.cjs');
 
 
 var _VZTP4FJUcjs = require('./__chunks/VZTP4FJU.cjs');
@@ -49,70 +49,70 @@ require('./__chunks/3RX4RMGC.cjs');
 
 var _VJWLFFADcjs = require('./__chunks/VJWLFFAD.cjs');
 require('./__chunks/WFVGNGEP.cjs');
-require('./__chunks/ULC7XW64.cjs');
-require('./__chunks/OMXDPTE4.cjs');
+require('./__chunks/D4FWWDPJ.cjs');
+require('./__chunks/5I7B5SAF.cjs');
 
 
 var _6KSVCCCBcjs = require('./__chunks/6KSVCCCB.cjs');
 
 
-var _BFEZ3PUTcjs = require('./__chunks/BFEZ3PUT.cjs');
+var _7COSMEXWcjs = require('./__chunks/7COSMEXW.cjs');
 
 
 var _A3B4YKGNcjs = require('./__chunks/A3B4YKGN.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/65BTPZZT.cjs');
-require('./__chunks/EHZAOGLQ.cjs');
+require('./__chunks/AAZIVDWS.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/66VTCVJA.cjs');
+require('./__chunks/PBOAPP74.cjs');
 
 
-var _4AI6GQ5Ucjs = require('./__chunks/4AI6GQ5U.cjs');
+var _AI52ORKAcjs = require('./__chunks/AI52ORKA.cjs');
 require('./__chunks/XLUVINJW.cjs');
-require('./__chunks/URBKDUMU.cjs');
+require('./__chunks/XSU6O5C3.cjs');
 
 
-var _IHGDCH62cjs = require('./__chunks/IHGDCH62.cjs');
+var _PBHDA7GVcjs = require('./__chunks/PBHDA7GV.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 
 
 var _36JMUQOLcjs = require('./__chunks/36JMUQOL.cjs');
 
 
-var _5NI7VPKScjs = require('./__chunks/5NI7VPKS.cjs');
+var _R3XTMI64cjs = require('./__chunks/R3XTMI64.cjs');
 
 
-var _AUO7CEJIcjs = require('./__chunks/AUO7CEJI.cjs');
+var _Z6EWS3QIcjs = require('./__chunks/Z6EWS3QI.cjs');
 
 
 
 var _4QUXUGJPcjs = require('./__chunks/4QUXUGJP.cjs');
 
 
-var _OBQBJKAYcjs = require('./__chunks/OBQBJKAY.cjs');
+var _E3KSILLWcjs = require('./__chunks/E3KSILLW.cjs');
 
 
-var _ML36DCKLcjs = require('./__chunks/ML36DCKL.cjs');
+var _Q65LBFK3cjs = require('./__chunks/Q65LBFK3.cjs');
 
 
 var _3UEOKPM2cjs = require('./__chunks/3UEOKPM2.cjs');
 require('./__chunks/7DGFMDT7.cjs');
 
-require('./__chunks/S4JNYLMA.cjs');
+require('./__chunks/SW6S6ZCI.cjs');
 require('./__chunks/RXQBNEFR.cjs');
 require('./__chunks/2D3DOVVZ.cjs');
 require('./__chunks/F3SUJGZL.cjs');
 require('./__chunks/UKQIAZA5.cjs');
 
 
-var _VWM2UOZ3cjs = require('./__chunks/VWM2UOZ3.cjs');
+var _FHQ7KPFEcjs = require('./__chunks/FHQ7KPFE.cjs');
 
 
 var _QODNNCT2cjs = require('./__chunks/QODNNCT2.cjs');
 
 
-var _UXSGTOGUcjs = require('./__chunks/UXSGTOGU.cjs');
+var _JACR34JOcjs = require('./__chunks/JACR34JO.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
 
@@ -120,8 +120,8 @@ require('./__chunks/IL22HCBF.cjs');
 require('./__chunks/CHDS4D44.cjs');
 
 
-var _5NQO6SP3cjs = require('./__chunks/5NQO6SP3.cjs');
-require('./__chunks/BDCZ5GX7.cjs');
+var _RVU3UEZIcjs = require('./__chunks/RVU3UEZI.cjs');
+require('./__chunks/TA4EX7DL.cjs');
 require('./__chunks/2XIVACBM.cjs');
 
 require('./__chunks/K4AUV2VK.cjs');
@@ -162,5 +162,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _E3A6VFMBcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _BFEZ3PUTcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _OVHMMIVEcjs.Checkbox_default; exports.Chip = _IHGDCH62cjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _CCKTB7L5cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _JOTFTEBXcjs.LinkButton_default; exports.Modal = _OQSEZXJ6cjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _4AI6GQ5Ucjs.RadioButton_default; exports.RichSelectList = _5SG2TWV3cjs.RichSelectList_default; exports.SelectList = _CWVVOO2Gcjs.SelectList; exports.TabButton = _ML36DCKLcjs.TabButton; exports.TabLink = _OBQBJKAYcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _AUO7CEJIcjs.TextArea_default; exports.TextField = _5NI7VPKScjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _UXSGTOGUcjs.Tooltip_default; exports.Typography = _5NQO6SP3cjs.Typography_default; exports.WordConfetti = _VWM2UOZ3cjs.WordConfetti_default;
+exports.Avatar = _GQUBAKFOcjs.Avatar_default; exports.AvatarGroup = _GEXK47GRcjs.AvatarGroup; exports.Badge = _SJSSW5MPcjs.Badge_default; exports.Box = _QODNNCT2cjs.Box_default; exports.Button = _7COSMEXWcjs.Button_default; exports.ButtonGroup = _6KSVCCCBcjs.ButtonGroup_default; exports.Card = _AVJQ2E2Gcjs.Card_default; exports.Checkbox = _S7BCIAUQcjs.Checkbox_default; exports.Chip = _PBHDA7GVcjs.Chip_default; exports.Divider = _A3B4YKGNcjs.Divider; exports.Heading = _Q7CC3YA4cjs.Heading_default; exports.Icon = _IBT4YOI5cjs.Icon_default; exports.IconButton = _VJWLFFADcjs.IconButton_default; exports.IconLinkButton = _RUXLZWRZcjs.IconLinkButton_default; exports.LinkButton = _YNGB4N62cjs.LinkButton_default; exports.Modal = _SAPSO6DDcjs.Modal; exports.Popover = _VZTP4FJUcjs.Popover_default; exports.RadioButton = _AI52ORKAcjs.RadioButton_default; exports.RichSelectList = _WNNJJJGMcjs.RichSelectList_default; exports.SelectList = _JJN6542Ucjs.SelectList; exports.TabButton = _Q65LBFK3cjs.TabButton; exports.TabLink = _E3KSILLWcjs.TabLink_default; exports.Tabs = _4QUXUGJPcjs.Tabs; exports.TapArea = _3UEOKPM2cjs.TapArea_default; exports.TextArea = _Z6EWS3QIcjs.TextArea_default; exports.TextField = _R3XTMI64cjs.TextField; exports.ThemeProvider = _36JMUQOLcjs.ThemeProvider; exports.Tooltip = _JACR34JOcjs.Tooltip_default; exports.Typography = _RVU3UEZIcjs.Typography_default; exports.WordConfetti = _FHQ7KPFEcjs.WordConfetti_default;
 //# sourceMappingURL=index.cjs.map