@cambly/syntax-core 10.10.0 → 10.12.0

package/dist/__chunks/YLJDLIHH.cjs

@@ -0,0 +1,144 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _XYAY2TL4cjs = require('./XYAY2TL4.cjs');
+
+
+var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
+
+
+var _UYZYKU2Wcjs = require('./UYZYKU2W.cjs');
+
+
+var _BA4JPX36cjs = require('./BA4JPX36.cjs');
+
+
+var _27K33DEMcjs = require('./27K33DEM.cjs');
+
+
+var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+
+// src/Modal/Modal.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./Modal.module.css#css-module
+var Modal_module_default = { "backdrop": "_backdrop_tqzb0_1", "backdropClassic": "_backdropClassic_tqzb0_11", "backdropCambio": "_backdropCambio_tqzb0_15", "closeButton": "_closeButton_tqzb0_19", "closeButtonClassic": "_closeButtonClassic_tqzb0_34", "closeButtonCambio": "_closeButtonCambio_tqzb0_41", "closeButtonWithImage": "_closeButtonWithImage_tqzb0_53" };
+
+// src/Modal/Modal.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function XIcon({ color = "#000" }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", fill: color, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      fill: "inherit",
+      d: "M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z"
+    }
+  ) });
+}
+var sizeWidth = {
+  sm: 400,
+  lg: 600
+};
+function Modal({
+  header,
+  children,
+  image,
+  onDismiss,
+  footer,
+  accessibilityCloseLabel = "close modal",
+  size = "sm",
+  zIndex = 1,
+  "data-testid": dataTestId
+}) {
+  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UYZYKU2Wcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _BA4JPX36cjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _classnames2.default.call(void 0, 
+        Modal_module_default.backdrop,
+        themeName === "classic" ? Modal_module_default.backdropClassic : Modal_module_default.backdropCambio
+      ),
+      role: "presentation",
+      onClick: (e) => e.target === e.currentTarget && onDismiss(),
+      onKeyDown: (e) => e.key === "Escape" && onDismiss(),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        _27K33DEMcjs.Box_default,
+        {
+          "data-testid": dataTestId,
+          backgroundColor: "white",
+          rounding: "xl",
+          display: "flex",
+          direction: "column",
+          minWidth: 240,
+          maxWidth: sizeWidth[size],
+          width: "100%",
+          dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { position: "relative", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                "aria-label": accessibilityCloseLabel,
+                type: "button",
+                className: _classnames2.default.call(void 0, 
+                  Modal_module_default.closeButton,
+                  themeName === "classic" ? Modal_module_default.closeButtonClassic : Modal_module_default.closeButtonCambio,
+                  {
+                    [Modal_module_default.closeButtonWithImage]: !!image && themeName === "classic"
+                  }
+                ),
+                onClick: onDismiss,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  XIcon,
+                  {
+                    color: image && themeName === "classic" ? "#fff" : "#000"
+                  }
+                )
+              }
+            ) }),
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { maxHeight: 200, children: image }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _27K33DEMcjs.Box_default,
+              {
+                display: "flex",
+                gap: 3,
+                direction: "column",
+                padding: themeName === "classic" ? 9 : 3,
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _XYAY2TL4cjs.Heading_default,
+                    {
+                      as: "h1",
+                      size: themeName === "classic" ? 500 : 400,
+                      fontStyle: themeName === "classic" ? "sans-serif" : "serif",
+                      children: header
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
+                  footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _27K33DEMcjs.Box_default,
+                    {
+                      display: "flex",
+                      direction: "column",
+                      gap: 3,
+                      smDirection: "row",
+                      smJustifyContent: "end",
+                      lgDirection: "row",
+                      lgJustifyContent: "end",
+                      children: footer
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) }) }) });
+}
+Modal.displayName = "Modal";
+
+
+
+exports.Modal = Modal;
+//# sourceMappingURL=YLJDLIHH.cjs.map

package/dist/__chunks/YLJDLIHH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"names":[],"mappings":"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","sourcesContent":["import { type ReactElement } from \"react\";\nimport classnames from \"classnames\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill={color}>\n      <path\n        fill=\"inherit\"\n        d=\"M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z\"\n      />\n    </svg>\n  );\n}\n\n// Note: Only sm + lg size currently. design thinks there should only be two sizes.\n// If there IS a md size at some point, we should use the \"size\" const.\nconst sizeWidth = {\n  sm: 400,\n  lg: 600,\n} as const;\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  size = \"sm\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image size should be 400w x 200h.\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The size of the card\n   *\n   * * `sm`: 400px\n   * * `lg`: 600px\n   *\n   *\n   * @defaultValue sm\n   */\n  size?: keyof typeof sizeWidth;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  const { themeName } = useTheme();\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={classnames(\n              styles.backdrop,\n              themeName === \"classic\"\n                ? styles.backdropClassic\n                : styles.backdropCambio,\n            )}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding=\"xl\"\n              display=\"flex\"\n              direction=\"column\"\n              minWidth={240}\n              maxWidth={sizeWidth[size]}\n              width=\"100%\"\n              dangerouslySetInlineStyle={{ __style: { overflow: \"hidden\" } }}\n            >\n              <Box position=\"relative\">\n                <button\n                  aria-label={accessibilityCloseLabel}\n                  type=\"button\"\n                  className={classnames(\n                    styles.closeButton,\n                    themeName === \"classic\"\n                      ? styles.closeButtonClassic\n                      : styles.closeButtonCambio,\n                    {\n                      [styles.closeButtonWithImage]:\n                        !!image && themeName === \"classic\",\n                    },\n                  )}\n                  onClick={onDismiss}\n                >\n                  <XIcon\n                    color={image && themeName === \"classic\" ? \"#fff\" : \"#000\"}\n                  />\n                </button>\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box\n                display=\"flex\"\n                gap={3}\n                direction=\"column\"\n                padding={themeName === \"classic\" ? 9 : 3}\n              >\n                <Heading\n                  as=\"h1\"\n                  size={themeName === \"classic\" ? 500 : 400}\n                  fontStyle={themeName === \"classic\" ? \"sans-serif\" : \"serif\"}\n                >\n                  {header}\n                </Heading>\n                <Box marginBottom={themeName === \"classic\" ? 4 : 0}>\n                  {children}\n                </Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_tqzb0_1\",\"backdropClassic\":\"_backdropClassic_tqzb0_11\",\"backdropCambio\":\"_backdropCambio_tqzb0_15\",\"closeButton\":\"_closeButton_tqzb0_19\",\"closeButtonClassic\":\"_closeButtonClassic_tqzb0_34\",\"closeButtonCambio\":\"_closeButtonCambio_tqzb0_41\",\"closeButtonWithImage\":\"_closeButtonWithImage_tqzb0_53\"}"]}

package/dist/__chunks/{HK7MBW32.js → Z2MLFONW.js}

@@ -1,7 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./MAPDSZR4.js";
+} from "./YGKZCJF5.js";
+import {
+  useTheme
+} from "./FY4WHNNR.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -11,18 +14,14 @@ function Card({
   size,
   "data-testid": dataTestId
 }) {
-  const sizeWidth = {
-    sm: 352,
-    lg: 744
-  };
+  const { themeName } = useTheme();
+  const cambioPadding = size === "compact" ? 2 : 4;
   return /* @__PURE__ */ jsx(
     Box_default,
     {
-      rounding: "lg",
-      padding: 5,
-      smPadding: 7,
-      lgPadding: 7,
-      maxWidth: size && sizeWidth[size],
+      rounding: themeName === "classic" ? "lg" : "md",
+      padding: themeName === "classic" ? 5 : cambioPadding,
+      smPadding: themeName === "classic" ? 7 : void 0,
       width: "100%",
       backgroundColor,
       "data-testid": dataTestId,
@@ -34,4 +33,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=HK7MBW32.js.map
+//# sourceMappingURL=Z2MLFONW.js.map

package/dist/__chunks/Z2MLFONW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Card/Card.tsx"],"sourcesContent":["import Box from \"../Box/Box\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport type allColors from \"../colors/allColors\";\n\ntype CardType = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The background color of the box.\n   * @defaultValue `white`\n   */\n  backgroundColor?: (typeof allColors)[number];\n  /**\n   * The child components to render within Card.\n   */\n  children: JSX.Element;\n  /**\n   * The size of the card (Cambio only) which specifies the padding and spacing of the card.\n   *\n   * `compact`: 8px padding\n   * `roomy`: 16px padding\n   *\n   * @defaultValue `roomy`\n   */\n  size?: \"compact\" | \"roomy\";\n};\n\n/**\n * [Card](https://cambly-syntax.vercel.app/?path=/docs/components-card--docs) is a basic container component to apply consistent styling and render child components.\n */\nexport default function Card({\n  backgroundColor = \"white\",\n  children,\n  size,\n  \"data-testid\": dataTestId,\n}: CardType): JSX.Element {\n  const { themeName } = useTheme();\n\n  const cambioPadding = size === \"compact\" ? 2 : 4;\n\n  return (\n    <Box\n      rounding={themeName === \"classic\" ? \"lg\" : \"md\"}\n      padding={themeName === \"classic\" ? 5 : cambioPadding}\n      smPadding={themeName === \"classic\" ? 7 : undefined}\n      width=\"100%\"\n      backgroundColor={backgroundColor}\n      data-testid={dataTestId}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;AA2CI;AAXW,SAAR,KAAsB;AAAA,EAC3B,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA0B;AACxB,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,gBAAgB,SAAS,YAAY,IAAI;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,cAAc,YAAY,OAAO;AAAA,MAC3C,SAAS,cAAc,YAAY,IAAI;AAAA,MACvC,WAAW,cAAc,YAAY,IAAI;AAAA,MACzC,OAAM;AAAA,MACN;AAAA,MACA,eAAa;AAAA,MAEZ;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/__chunks/ZFX4HW2P.cjs

@@ -0,0 +1,122 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _27K33DEMcjs = require('./27K33DEM.cjs');
+
+
+var _WGRHH5TFcjs = require('./WGRHH5TF.cjs');
+
+
+var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+
+
+var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
+
+// src/TextArea/TextArea.tsx
+var _react = require('react');
+
+// css-module:./TextArea.module.css#css-module
+var TextArea_module_default = { "textarea": "_textarea_1w1b8_1", "sm": "_sm_1w1b8_5", "md": "_md_1w1b8_10", "lg": "_lg_1w1b8_15", "textareaCambio": "_textareaCambio_1w1b8_20", "fixTextareaHeight": "_fixTextareaHeight_1w1b8_24", "labelCambio": "_labelCambio_1w1b8_28" };
+
+// css-module:../TextField/TextField.module.css#css-module
+var TextField_module_default = { "textfield": "_textfield_15iys_1", "textfieldClassic": "_textfieldClassic_15iys_10", "textfieldCambio": "_textfieldCambio_15iys_14", "label": "_label_15iys_29", "labelCambio": "_labelCambio_15iys_33", "labelCambioTextfield": "_labelCambioTextfield_15iys_42", "sm": "_sm_15iys_46", "smCambio": "_smCambio_15iys_53", "mdCambio": "_mdCambio_15iys_57", "lgCambio": "_lgCambio_15iys_61", "heightCambio": "_heightCambio_15iys_65", "smHeight": "_smHeight_15iys_69", "md": "_md_15iys_57", "mdHeight": "_mdHeight_15iys_80", "lg": "_lg_15iys_61", "lgHeight": "_lgHeight_15iys_91", "inputError": "_inputError_15iys_95", "inputErrorCambio": "_inputErrorCambio_15iys_105" };
+
+// src/TextArea/TextArea.tsx
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+var _jsxruntime = require('react/jsx-runtime');
+var TextArea = _react.forwardRef.call(void 0, 
+  function TextArea2({
+    "data-testid": dataTestId,
+    disabled: disabledProp = false,
+    errorText = "",
+    helperText = "",
+    id,
+    label,
+    maxLength = 1024,
+    placeholder = "",
+    rows = 3,
+    size = "md",
+    value = "",
+    onChange
+  }, forwardedRef) {
+    const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
+    const disabled = !isHydrated || disabledProp;
+    const reactId = _react.useId.call(void 0, );
+    const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+    const inputId = id != null ? id : reactId;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _27K33DEMcjs.Box_default,
+      {
+        display: "flex",
+        direction: "column",
+        gap: 2,
+        width: "100%",
+        dangerouslySetInlineStyle: {
+          __style: {
+            opacity: disabled ? 0.5 : 1
+          }
+        },
+        position: themeName === "cambio" ? "relative" : void 0,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "label",
+            {
+              className: _classnames2.default.call(void 0, 
+                themeName === "classic" ? TextField_module_default.label : TextField_module_default.labelCambio,
+                themeName === "cambio" && TextArea_module_default.labelCambio
+              ),
+              htmlFor: inputId,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 3, width: "100%", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: 100, color: "gray700", children: label }) })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _WGRHH5TFcjs.Typography_default, { size: themeName === "cambio" ? 100 : 200, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: _classnames2.default.call(void 0, 
+                themeName === "cambio" && TextArea_module_default.fixTextareaHeight
+              ),
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "textarea",
+                {
+                  "data-testid": dataTestId,
+                  ref: forwardedRef,
+                  className: _classnames2.default.call(void 0, 
+                    TextField_module_default.textfield,
+                    themeName === "classic" ? TextField_module_default.textfieldClassic : TextField_module_default.textfieldCambio,
+                    themeName === "classic" && TextField_module_default[size],
+                    themeName === "classic" && TextArea_module_default[size],
+                    themeName === "classic" ? TextArea_module_default.textarea : TextArea_module_default.textareaCambio,
+                    {
+                      [themeName === "classic" ? TextField_module_default.inputError : TextField_module_default.inputErrorCambio]: errorText
+                    }
+                  ),
+                  id: inputId,
+                  placeholder,
+                  maxLength,
+                  onChange,
+                  rows,
+                  value,
+                  disabled
+                }
+              )
+            }
+          ) }),
+          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _27K33DEMcjs.Box_default, { paddingX: themeName === "classic" ? 1 : 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _WGRHH5TFcjs.Typography_default,
+            {
+              size: 100,
+              color: errorText ? "destructive-primary" : "gray700",
+              children: errorText || helperText
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+var TextArea_default = TextArea;
+
+
+
+exports.TextArea_default = TextArea_default;
+//# sourceMappingURL=ZFX4HW2P.cjs.map

package/dist/__chunks/ZFX4HW2P.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":"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","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\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\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   * Size of the TextArea. Defines the font size and padding.\n   *\n   * Cambio only supports `md`\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\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      size = \"md\",\n      value = \"\",\n      onChange,\n    }: TextAreaProps,\n    forwardedRef,\n  ): ReactElement {\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n    const reactId = useId();\n    const { themeName } = useTheme();\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={themeName === \"cambio\" ? \"relative\" : undefined}\n      >\n        <label\n          className={classNames(\n            themeName === \"classic\"\n              ? textFieldStyles.label\n              : textFieldStyles.labelCambio,\n            themeName === \"cambio\" && styles.labelCambio,\n          )}\n          htmlFor={inputId}\n        >\n          <Box paddingX={themeName === \"classic\" ? 1 : 3} width=\"100%\">\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n        <Typography size={themeName === \"cambio\" ? 100 : 200}>\n          <div\n            className={classNames(\n              themeName === \"cambio\" && styles.fixTextareaHeight,\n            )}\n          >\n            <textarea\n              data-testid={dataTestId}\n              ref={forwardedRef}\n              className={classNames(\n                textFieldStyles.textfield,\n                themeName === \"classic\"\n                  ? textFieldStyles.textfieldClassic\n                  : textFieldStyles.textfieldCambio,\n                themeName === \"classic\" && textFieldStyles[size],\n                themeName === \"classic\" && styles[size],\n                themeName === \"classic\"\n                  ? styles.textarea\n                  : styles.textareaCambio,\n                {\n                  [themeName === \"classic\"\n                    ? textFieldStyles.inputError\n                    : textFieldStyles.inputErrorCambio]: 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          </div>\n        </Typography>\n        {(helperText || errorText) && (\n          <Box paddingX={themeName === \"classic\" ? 1 : 0}>\n            <Typography\n              size={100}\n              color={errorText ? \"destructive-primary\" : \"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_1w1b8_1\",\"sm\":\"_sm_1w1b8_5\",\"md\":\"_md_1w1b8_10\",\"lg\":\"_lg_1w1b8_15\",\"textareaCambio\":\"_textareaCambio_1w1b8_20\",\"fixTextareaHeight\":\"_fixTextareaHeight_1w1b8_24\",\"labelCambio\":\"_labelCambio_1w1b8_28\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_15iys_1\",\"textfieldClassic\":\"_textfieldClassic_15iys_10\",\"textfieldCambio\":\"_textfieldCambio_15iys_14\",\"label\":\"_label_15iys_29\",\"labelCambio\":\"_labelCambio_15iys_33\",\"labelCambioTextfield\":\"_labelCambioTextfield_15iys_42\",\"sm\":\"_sm_15iys_46\",\"smCambio\":\"_smCambio_15iys_53\",\"mdCambio\":\"_mdCambio_15iys_57\",\"lgCambio\":\"_lgCambio_15iys_61\",\"heightCambio\":\"_heightCambio_15iys_65\",\"smHeight\":\"_smHeight_15iys_69\",\"md\":\"_md_15iys_57\",\"mdHeight\":\"_mdHeight_15iys_80\",\"lg\":\"_lg_15iys_61\",\"lgHeight\":\"_lgHeight_15iys_91\",\"inputError\":\"_inputError_15iys_95\",\"inputErrorCambio\":\"_inputErrorCambio_15iys_105\"}"]}

package/dist/__chunks/{2HKT4ZZ3.js → ZLBPIQ2I.js}

@@ -1,16 +1,16 @@
 "use client"
 import {
   ModalDialog_default
-} from "./J6IV47MV.js";
+} from "./PRE7WZF5.js";
 import {
   Dialog_default
-} from "./OULAADL7.js";
+} from "./A7AAGKC2.js";
 import {
   layout_module_default
 } from "./DDUJFFG7.js";
 import {
   Box_module_default
-} from "./O3CEUWCC.js";
+} from "./AVREYFSM.js";
 import {
   syntaxToReactAriaPlacement
 } from "./SVZOETLJ.js";
@@ -141,4 +141,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=2HKT4ZZ3.js.map
+//# sourceMappingURL=ZLBPIQ2I.js.map

package/dist/index.cjs

@@ -1,79 +1,79 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _6B2PWEM7cjs = require('./__chunks/6B2PWEM7.cjs');
+var _POGPHQGUcjs = require('./__chunks/POGPHQGU.cjs');
 
 
-var _PTQQBZPQcjs = require('./__chunks/PTQQBZPQ.cjs');
+var _CXD34CNPcjs = require('./__chunks/CXD34CNP.cjs');
 
 
-var _44AWCXIEcjs = require('./__chunks/44AWCXIE.cjs');
+var _LLI3KZARcjs = require('./__chunks/LLI3KZAR.cjs');
 
 
-var _D3JSJW4Qcjs = require('./__chunks/D3JSJW4Q.cjs');
+var _W7GPAEHPcjs = require('./__chunks/W7GPAEHP.cjs');
 
 
-var _T6GJCK6Wcjs = require('./__chunks/T6GJCK6W.cjs');
+var _SFJT2TM2cjs = require('./__chunks/SFJT2TM2.cjs');
 
 
-var _JQGCEUQEcjs = require('./__chunks/JQGCEUQE.cjs');
+var _GBZPZQPJcjs = require('./__chunks/GBZPZQPJ.cjs');
 
 
-var _JDLL6DACcjs = require('./__chunks/JDLL6DAC.cjs');
+var _YLJDLIHHcjs = require('./__chunks/YLJDLIHH.cjs');
 
 
-var _FFPBVVGUcjs = require('./__chunks/FFPBVVGU.cjs');
+var _XYAY2TL4cjs = require('./__chunks/XYAY2TL4.cjs');
 require('./__chunks/HUIHS6RN.cjs');
-require('./__chunks/XE3INH2F.cjs');
+require('./__chunks/UYZYKU2W.cjs');
 require('./__chunks/BA4JPX36.cjs');
 
 
-var _EQIP4BADcjs = require('./__chunks/EQIP4BAD.cjs');
+var _ZFX4HW2Pcjs = require('./__chunks/ZFX4HW2P.cjs');
 
 
-var _6QHOCICXcjs = require('./__chunks/6QHOCICX.cjs');
+var _EMWRSUWKcjs = require('./__chunks/EMWRSUWK.cjs');
 require('./__chunks/4UJE5GMH.cjs');
 
 
-var _D7NNCQKNcjs = require('./__chunks/D7NNCQKN.cjs');
-require('./__chunks/6SALMOFU.cjs');
+var _FBF2R2FEcjs = require('./__chunks/FBF2R2FE.cjs');
+require('./__chunks/TYEKVH5D.cjs');
 
 
-var _XEN6XJKUcjs = require('./__chunks/XEN6XJKU.cjs');
+var _P3JJQI6Ncjs = require('./__chunks/P3JJQI6N.cjs');
 
 
-var _P67XTYNKcjs = require('./__chunks/P67XTYNK.cjs');
+var _4JXNDR7Bcjs = require('./__chunks/4JXNDR7B.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/54PSDUCD.cjs');
 
 
-var _DJHFPKBXcjs = require('./__chunks/DJHFPKBX.cjs');
-require('./__chunks/WEIWUACW.cjs');
+var _VDAYXRSAcjs = require('./__chunks/VDAYXRSA.cjs');
+require('./__chunks/VJKUE3B4.cjs');
 
 
-var _WYWNQJ3Bcjs = require('./__chunks/WYWNQJ3B.cjs');
+var _GRYQKIWRcjs = require('./__chunks/GRYQKIWR.cjs');
 
 
-var _NYOKOJQBcjs = require('./__chunks/NYOKOJQB.cjs');
-require('./__chunks/ZX7LO5H4.cjs');
+var _BXUTWPRUcjs = require('./__chunks/BXUTWPRU.cjs');
+require('./__chunks/DSMWIJEY.cjs');
 
 
-var _H44LFJ2Lcjs = require('./__chunks/H44LFJ2L.cjs');
+var _7P7YX4X2cjs = require('./__chunks/7P7YX4X2.cjs');
 require('./__chunks/WRTSVDQZ.cjs');
-require('./__chunks/ULMCQ7EA.cjs');
+require('./__chunks/VL5ONCQD.cjs');
 require('./__chunks/WFVGNGEP.cjs');
 require('./__chunks/HWQUS53M.cjs');
 
 
-var _DKBI6MRYcjs = require('./__chunks/DKBI6MRY.cjs');
-require('./__chunks/AGHYI7QR.cjs');
-require('./__chunks/IYA2TMMR.cjs');
+var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
+require('./__chunks/LISQ2P5F.cjs');
+require('./__chunks/NFDOY7GE.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/YT3NEG6Z.cjs');
+require('./__chunks/VJ2AFMKO.cjs');
 
 
-var _6DRTKEXKcjs = require('./__chunks/6DRTKEXK.cjs');
+var _GPW7ICYPcjs = require('./__chunks/GPW7ICYP.cjs');
 require('./__chunks/XLUVINJW.cjs');
 require('./__chunks/3K37FYOT.cjs');
 require('./__chunks/RKEF7WKZ.cjs');
@@ -81,27 +81,27 @@ require('./__chunks/A4O4F3KK.cjs');
 require('./__chunks/VKB7KOAH.cjs');
 
 
-var _FO34OHGHcjs = require('./__chunks/FO34OHGH.cjs');
+var _7TGECM7Wcjs = require('./__chunks/7TGECM7W.cjs');
 require('./__chunks/PLUVW6AM.cjs');
-require('./__chunks/SBCGYV6N.cjs');
+require('./__chunks/IL22HCBF.cjs');
 
 
-var _6IS4356Ocjs = require('./__chunks/6IS4356O.cjs');
+var _4SUKTRWGcjs = require('./__chunks/4SUKTRWG.cjs');
 
 
 
-var _WJRIAS4Wcjs = require('./__chunks/WJRIAS4W.cjs');
+var _27K33DEMcjs = require('./__chunks/27K33DEM.cjs');
 
-require('./__chunks/VF7PQHZP.cjs');
+require('./__chunks/S5QHTHST.cjs');
 
 
 
-var _X6HZ6DM2cjs = require('./__chunks/X6HZ6DM2.cjs');
+var _WGRHH5TFcjs = require('./__chunks/WGRHH5TF.cjs');
 require('./__chunks/X2LNODY7.cjs');
 
 
 
-var _COV3XKSJcjs = require('./__chunks/COV3XKSJ.cjs');
+var _6W5WRS53cjs = require('./__chunks/6W5WRS53.cjs');
 require('./__chunks/K4AUV2VK.cjs');
 require('./__chunks/NOELZTQX.cjs');
 require('./__chunks/LLFHCGRA.cjs');
@@ -134,5 +134,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _PTQQBZPQcjs.Avatar_default; exports.AvatarGroup = _44AWCXIEcjs.AvatarGroup; exports.Badge = _6B2PWEM7cjs.Badge_default; exports.Box = _WJRIAS4Wcjs.Box_default; exports.Button = _P67XTYNKcjs.Button_default; exports.ButtonGroup = _XEN6XJKUcjs.ButtonGroup_default; exports.Card = _D3JSJW4Qcjs.Card; exports.Checkbox = _JQGCEUQEcjs.Checkbox_default; exports.Chip = _WYWNQJ3Bcjs.Chip_default; exports.Divider = _DJHFPKBXcjs.Divider; exports.Heading = _FFPBVVGUcjs.Heading_default; exports.IconButton = _H44LFJ2Lcjs.IconButton_default; exports.LinkButton = _T6GJCK6Wcjs.LinkButton_default; exports.Modal = _JDLL6DACcjs.Modal; exports.Popover = _NYOKOJQBcjs.Popover_default; exports.RadioButton = _6DRTKEXKcjs.RadioButton_default; exports.RichSelectList = _D7NNCQKNcjs.RichSelectList_default; exports.SelectList = _6QHOCICXcjs.SelectList; exports.TapArea = _DKBI6MRYcjs.TapArea_default; exports.TextArea = _EQIP4BADcjs.TextArea_default; exports.TextField = _6IS4356Ocjs.TextField; exports.ThemeProvider = _COV3XKSJcjs.ThemeProvider; exports.Tooltip = _FO34OHGHcjs.Tooltip_default; exports.Typography = _X6HZ6DM2cjs.Typography_default;
+exports.Avatar = _CXD34CNPcjs.Avatar_default; exports.AvatarGroup = _LLI3KZARcjs.AvatarGroup; exports.Badge = _POGPHQGUcjs.Badge_default; exports.Box = _27K33DEMcjs.Box_default; exports.Button = _4JXNDR7Bcjs.Button_default; exports.ButtonGroup = _P3JJQI6Ncjs.ButtonGroup_default; exports.Card = _W7GPAEHPcjs.Card; exports.Checkbox = _GBZPZQPJcjs.Checkbox_default; exports.Chip = _GRYQKIWRcjs.Chip_default; exports.Divider = _VDAYXRSAcjs.Divider; exports.Heading = _XYAY2TL4cjs.Heading_default; exports.IconButton = _7P7YX4X2cjs.IconButton_default; exports.LinkButton = _SFJT2TM2cjs.LinkButton_default; exports.Modal = _YLJDLIHHcjs.Modal; exports.Popover = _BXUTWPRUcjs.Popover_default; exports.RadioButton = _GPW7ICYPcjs.RadioButton_default; exports.RichSelectList = _FBF2R2FEcjs.RichSelectList_default; exports.SelectList = _EMWRSUWKcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _ZFX4HW2Pcjs.TextArea_default; exports.TextField = _4SUKTRWGcjs.TextField; exports.ThemeProvider = _6W5WRS53cjs.ThemeProvider; exports.Tooltip = _7TGECM7Wcjs.Tooltip_default; exports.Typography = _WGRHH5TFcjs.Typography_default;
 //# sourceMappingURL=index.cjs.map