@cambly/syntax-core 10.31.0 → 10.33.0

package/dist/__chunks/{UB4WHLZC.js → FRR2K77P.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./J6JYJXK5.js";
+} from "./WBMHYMAT.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=UB4WHLZC.js.map
+//# sourceMappingURL=FRR2K77P.js.map

package/dist/__chunks/{ZPY7QEBH.js → GCE2CI4A.js}

@@ -4,7 +4,7 @@ import {
 } from "./EB7WKQ35.js";
 import {
   colors_module_default
-} from "./B7PDT66P.js";
+} from "./S6TNP7G5.js";
 import {
   __objRest,
   __spreadProps,
@@ -234,4 +234,4 @@ export {
   roundingCambio,
   Box_default
 };
-//# sourceMappingURL=ZPY7QEBH.js.map
+//# sourceMappingURL=GCE2CI4A.js.map

package/dist/__chunks/{SPX2VOW3.cjs → HAI43LQ2.cjs}

@@ -4,10 +4,10 @@
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 
-var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -65,7 +65,7 @@ var Checkbox = ({
               {
                 [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
               },
-              error ? _QAS3KERZcjs.colors_module_default.cambioDestructive370BackgroundColor : _QAS3KERZcjs.colors_module_default.cambioGray370BackgroundColor
+              error ? _QT6IRCGWcjs.colors_module_default.cambioDestructive370BackgroundColor : _QT6IRCGWcjs.colors_module_default.cambioGray370BackgroundColor
             ),
             children: checked && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "path",
@@ -98,7 +98,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5VHLZADOcjs.Typography_default,
+          _XCSW34UMcjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-primary" : "gray900",
@@ -114,4 +114,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=SPX2VOW3.cjs.map
+//# sourceMappingURL=HAI43LQ2.cjs.map

package/dist/__chunks/{MPHBLSZP.cjs → HNXMVFBH.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _OT2MUGKKcjs = require('./OT2MUGKK.cjs');
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -41,7 +41,7 @@ var TextArea = _react.forwardRef.call(void 0,
     const reactId = _react.useId.call(void 0, );
     const inputId = id != null ? id : reactId;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _OT2MUGKKcjs.Box_default,
+      _RJ3ZYLJScjs.Box_default,
       {
         display: "flex",
         direction: "column",
@@ -54,8 +54,8 @@ var TextArea = _react.forwardRef.call(void 0,
         },
         position: "relative",
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OT2MUGKKcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RJ3ZYLJScjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: 100, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "textarea",
             {
               "data-testid": dataTestId,
@@ -73,8 +73,8 @@ var TextArea = _react.forwardRef.call(void 0,
               disabled
             }
           ) }),
-          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OT2MUGKKcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _5VHLZADOcjs.Typography_default,
+          (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RJ3ZYLJScjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _XCSW34UMcjs.Typography_default,
             {
               size: 100,
               color: errorText ? "destructive-primary" : "gray700",
@@ -91,4 +91,4 @@ var TextArea_default = TextArea;
 
 
 exports.TextArea_default = TextArea_default;
-//# sourceMappingURL=MPHBLSZP.cjs.map
+//# sourceMappingURL=HNXMVFBH.cjs.map

package/dist/__chunks/{67EPPVT7.js → JFI6TDAC.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
-  cambioColor
-} from "./GFKDPMFK.js";
+  foregroundColor
+} from "./423C767D.js";
 import {
-  cambioForegroundColor
-} from "./P6K7GG3H.js";
+  border
+} from "./6CZHUML6.js";
 import {
   backgroundColor
-} from "./MWCEKFF2.js";
+} from "./DEXL5BXD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -17,7 +17,7 @@ import classNames from "classnames";
 import { forwardRef } from "react";
 
 // css-module:./IconButton.module.css#css-module
-var IconButton_module_default = { "iconButton": "_iconButton_4jqok_1", "iconButtonNoBorder": "_iconButtonNoBorder_4jqok_8", "sm": "_sm_4jqok_49", "md": "_md_4jqok_54", "lg": "_lg_4jqok_59", "smIcon": "_smIcon_4jqok_64", "mdIcon": "_mdIcon_4jqok_71", "lgIcon": "_lgIcon_4jqok_78" };
+var IconButton_module_default = { "iconButton": "_iconButton_1h8zl_1", "sm": "_sm_1h8zl_45", "md": "_md_1h8zl_50", "lg": "_lg_1h8zl_55", "smIcon": "_smIcon_1h8zl_60", "mdIcon": "_mdIcon_1h8zl_67", "lgIcon": "_lgIcon_1h8zl_74" };
 
 // src/IconButton/IconButton.tsx
 import { jsx } from "react/jsx-runtime";
@@ -39,8 +39,8 @@ var IconButton = forwardRef(
     onClick
   }, ref) => {
     const isHydrated = useIsHydrated();
-    const foregroundColorClass = cambioForegroundColor(cambioColor(color), on);
-    const backgroundColorClass = backgroundColor(cambioColor(color), on);
+    const foregroundColorClass = foregroundColor(color, on);
+    const backgroundColorClass = backgroundColor(color, on);
     return /* @__PURE__ */ jsx(
       "button",
       {
@@ -54,8 +54,8 @@ var IconButton = forwardRef(
           IconButton_module_default.iconButton,
           foregroundColorClass,
           backgroundColorClass,
-          IconButton_module_default[size],
-          IconButton_module_default.iconButtonNoBorder
+          border(color, on),
+          IconButton_module_default[size]
         ),
         ref,
         children: /* @__PURE__ */ jsx(Icon, { className: iconSize[size] })
@@ -69,4 +69,4 @@ var IconButton_default = IconButton;
 export {
   IconButton_default
 };
-//# sourceMappingURL=67EPPVT7.js.map
+//# sourceMappingURL=JFI6TDAC.js.map

package/dist/__chunks/JFI6TDAC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/IconButton/IconButton.tsx","css-module:./IconButton.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport React, { forwardRef } from \"react\";\nimport { type Size } from \"../constants\";\nimport styles from \"./IconButton.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { border } from \"../colors/border\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\ntype IconButtonProps = {\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The size of the button\n\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel: string;\n  /**\n   * The icon to be displayed. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  icon: React.ComponentType<{ className?: string }>;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n};\n\n/**\n * [IconButton](https://cambly-syntax.vercel.app/?path=/docs/components-iconbutton--docs) is a clickable element that is used to perform an action.\n */\nconst IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  (\n    {\n      accessibilityLabel,\n      color = \"primary\",\n      \"data-testid\": dataTestId,\n      disabled = false,\n      icon: Icon,\n      size = \"md\",\n      tooltip,\n      on = \"lightBackground\",\n      onClick,\n    }: IconButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n\n    return (\n      <button\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        type=\"button\"\n        title={tooltip}\n        disabled={!isHydrated || disabled}\n        onClick={onClick}\n        className={classNames(\n          styles.iconButton,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n        )}\n        ref={ref}\n      >\n        <Icon className={iconSize[size]} />\n      </button>\n    );\n  },\n);\n\nIconButton.displayName = \"IconButton\";\n\nexport default IconButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css\"; export default {\"iconButton\":\"_iconButton_1h8zl_1\",\"sm\":\"_sm_1h8zl_45\",\"md\":\"_md_1h8zl_50\",\"lg\":\"_lg_1h8zl_55\",\"smIcon\":\"_smIcon_1h8zl_60\",\"mdIcon\":\"_mdIcon_1h8zl_67\",\"lgIcon\":\"_lgIcon_1h8zl_74\"}"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AAEvB,SAAgB,kBAAkB;;;ACFkE,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,mBAAkB;;;ADmH9R;AA1GR,IAAM,WAAW;AAAA,EACf,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AAAA,EACX,IAAI,0BAAO;AACb;AAkEA,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,aAAa,cAAc;AACjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,eAAa;AAAA,QACb,MAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,cAAc;AAAA,QACzB;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,0BAAO,IAAI;AAAA,QACb;AAAA,QACA;AAAA,QAEA,8BAAC,QAAK,WAAW,SAAS,IAAI,GAAG;AAAA;AAAA,IACnC;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ;","names":[]}

package/dist/__chunks/{4SABJA3K.js → JJMHCJ37.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   ModalDialog_default
-} from "./635XF33P.js";
+} from "./NFIK6RYN.js";
 import {
   Dialog_default
-} from "./UIPAXBI7.js";
+} from "./YBOF6XGJ.js";
 import {
   layout_module_default
 } from "./DDUJFFG7.js";
@@ -141,4 +141,4 @@ export {
   AriaPopover,
   Popover_default
 };
-//# sourceMappingURL=4SABJA3K.js.map
+//# sourceMappingURL=JJMHCJ37.js.map

package/dist/__chunks/JWJK72BH.js

@@ -0,0 +1,17 @@
+"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_y92p2_1", "buttonGap": "_buttonGap_y92p2_8", "disabledPrimary": "_disabledPrimary_y92p2_49", "fullWidth": "_fullWidth_y92p2_53", "sm": "_sm_y92p2_57", "md": "_md_y92p2_64", "lg": "_lg_y92p2_71", "icon": "_icon_y92p2_78", "smIcon": "_smIcon_y92p2_82", "mdIcon": "_mdIcon_y92p2_89", "lgIcon": "_lgIcon_y92p2_96", "loading": "_loading_y92p2_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_y92p2_1", "loadingCircle": "_loadingCircle_y92p2_117" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+export {
+  iconSize_default
+};
+//# sourceMappingURL=JWJK72BH.js.map

package/dist/__chunks/{YV4ASN4Z.js.map → JWJK72BH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_hiifq_1\",\"buttonGap\":\"_buttonGap_hiifq_9\",\"disabledPrimary\":\"_disabledPrimary_hiifq_50\",\"fullWidth\":\"_fullWidth_hiifq_54\",\"sm\":\"_sm_hiifq_58\",\"md\":\"_md_hiifq_65\",\"lg\":\"_lg_hiifq_72\",\"icon\":\"_icon_hiifq_79\",\"smIcon\":\"_smIcon_hiifq_83\",\"mdIcon\":\"_mdIcon_hiifq_90\",\"lgIcon\":\"_lgIcon_hiifq_97\",\"loading\":\"_loading_hiifq_114\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hiifq_1\",\"loadingCircle\":\"_loadingCircle_hiifq_118\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE1iB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["css-module:../Button.module.css#css-module","../../src/Button/constants/iconSize.ts"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_y92p2_1\",\"buttonGap\":\"_buttonGap_y92p2_8\",\"disabledPrimary\":\"_disabledPrimary_y92p2_49\",\"fullWidth\":\"_fullWidth_y92p2_53\",\"sm\":\"_sm_y92p2_57\",\"md\":\"_md_y92p2_64\",\"lg\":\"_lg_y92p2_71\",\"icon\":\"_icon_y92p2_78\",\"smIcon\":\"_smIcon_y92p2_82\",\"mdIcon\":\"_mdIcon_y92p2_89\",\"lgIcon\":\"_lgIcon_y92p2_96\",\"loading\":\"_loading_y92p2_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_y92p2_1\",\"loadingCircle\":\"_loadingCircle_y92p2_117\"}","import styles from \"../Button.module.css\";\n\nconst iconSize = {\n  sm: styles.smIcon,\n  md: styles.mdIcon,\n  lg: styles.lgIcon,\n};\n\nexport default iconSize;\n"],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACE1iB,IAAM,WAAW;AAAA,EACf,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AAAA,EACX,IAAI,sBAAO;AACb;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/__chunks/{QN33R37R.cjs → KNFEGYQM.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _KYGRRVLWcjs = require('./KYGRRVLW.cjs');
+var _MLUQYLT2cjs = require('./MLUQYLT2.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.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, 
-      _KYGRRVLWcjs.RadioButton_default,
+      _MLUQYLT2cjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=QN33R37R.cjs.map
+//# sourceMappingURL=KNFEGYQM.cjs.map

package/dist/__chunks/{KGXZVA6S.cjs → KZR322YX.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _OT2MUGKKcjs = require('./OT2MUGKK.cjs');
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -57,28 +57,35 @@ var Badge = ({
 }) => {
   const mappedColor = badgeColorClassicToCambio[color];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _OT2MUGKKcjs.Box_default,
+    _RJ3ZYLJScjs.Box_default,
     {
       display: "inlineFlex",
-      paddingX: 3,
-      paddingY: 1,
+      paddingX: 2,
       rounding: "sm",
       backgroundColor: mappedColor,
       alignItems: "center",
       justifyContent: "center",
-      height: 32,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { color: textColorForBackgroundColor(mappedColor), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _OT2MUGKKcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
-        Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _5VHLZADOcjs.Typography_default,
-          {
-            color: textColorForBackgroundColor(mappedColor),
-            size: 100,
-            weight: "medium",
-            children: text
-          }
-        )
-      ] }) })
+      minHeight: 24,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _XCSW34UMcjs.Typography_default,
+        {
+          size: 100,
+          weight: "medium",
+          color: textColorForBackgroundColor(mappedColor),
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _RJ3ZYLJScjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+            Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _XCSW34UMcjs.Typography_default,
+              {
+                color: textColorForBackgroundColor(mappedColor),
+                size: 100,
+                weight: "medium",
+                children: text
+              }
+            )
+          ] })
+        }
+      )
     }
   );
 };
@@ -87,4 +94,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=KGXZVA6S.cjs.map
+//# sourceMappingURL=KZR322YX.cjs.map

package/dist/__chunks/KZR322YX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Badge.module.css#css-module","../../src/Badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;AAA0F,IAAO,uBAAQ,EAAC,QAAO,gBAAe;;;ACuIxH,SACW,KADX;AA3GR,IAAM,4BAA4B;AAAA,EAChC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,MAAM;AACR;AAEA,IAAM,8BAA8B,CAClC,UACwB;AACxB,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,QAAQ,CAAC;AAAA,EACb,MAAM;AAAA,EACN;AAAA,EACA,QAAQ;AACV,MAuCmB;AACjB,QAAM,cAAc,0BAA0B,KAAK;AAEnD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,iBAAiB;AAAA,MACjB,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,QAAO;AAAA,UACP,OAAO,4BAA4B,WAAW;AAAA,UAE9C,+BAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,YAAW,UAAS,gBAAe,SAC5D;AAAA,oBAAQ,oBAAC,QAAK,WAAW,qBAAO,MAAM;AAAA,YACvC;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,4BAA4B,WAAW;AAAA,gBAC9C,MAAM;AAAA,gBACN,QAAO;AAAA,gBAEN;AAAA;AAAA,YACH;AAAA,aACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Badge/Badge.module.css\"; export default {\"icon\":\"_icon_1g9xb_1\"}","import Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Badge.module.css\";\n\nconst badgeColorClassic = [\n  \"gray200\",\n  \"gray900\",\n  \"destructive700\",\n  \"orange700\",\n  \"yellow700\",\n  \"success700\",\n  \"primary700\",\n  \"purple700\",\n] as const;\n\nconst badgeColorCambio = [\n  \"sky\",\n  \"success300\",\n  \"destructive300\",\n  \"orange\",\n  \"tan\",\n  \"gray370\",\n  \"gray870\",\n  \"lilac\",\n  \"thistle\",\n  \"pink\",\n] as const;\n\nconst badgeColorClassicToCambio = {\n  gray200: \"gray370\",\n  gray900: \"gray870\",\n  destructive700: \"destructive300\",\n  orange700: \"orange\",\n  yellow700: \"tan\",\n  success700: \"success300\",\n  primary700: \"sky\",\n  purple700: \"lilac\",\n  sky: \"sky\",\n  success300: \"success300\",\n  destructive300: \"destructive300\",\n  orange: \"orange\",\n  tan: \"tan\",\n  gray370: \"gray370\",\n  gray870: \"gray870\",\n  lilac: \"lilac\",\n  thistle: \"thistle\",\n  pink: \"pink\",\n} as const;\n\nconst textColorForBackgroundColor = (\n  color: (typeof badgeColorClassic)[number] | (typeof badgeColorCambio)[number],\n): \"gray900\" | \"white\" => {\n  switch (color) {\n    case \"gray200\":\n    case \"yellow700\":\n      return \"gray900\";\n    case \"gray370\":\n    case \"destructive300\":\n    case \"orange\":\n    case \"tan\":\n    case \"success300\":\n    case \"sky\":\n    case \"thistle\":\n    case \"pink\":\n    case \"lilac\":\n      return \"gray900\";\n    default:\n      return \"white\";\n  }\n};\n\n/**\n * [Badge](https://cambly-syntax.vercel.app/?path=/docs/components-badge--docs) is a component to display short text and give additional context to features and other components.\n */\nconst Badge = ({\n  icon: Icon,\n  text,\n  color = \"primary700\",\n}: {\n  /**\n   * The icon to be displayed. Please use a [Material Icon](https://material.io/resources/icons/)\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The text to display inside the badge\n   */\n  text: string;\n  /**\n   * The color of the badge\n   *\n   * Classic colors:\n   * * `gray200` => maps to neutralLight in Cambio\n   * * `gray900` => maps to neutralDark in Cambio\n   * * `destructive700` => maps to destructive in Cambio\n   * * `orange700` => maps to orange in Cambio\n   * * `yellow700` => maps to tan in Cambio\n   * * `success700` => maps to success in Cambio\n   * * `primary700` => maps to sky in Cambio\n   * * `purple700` => maps to lilac in Cambio\n   *\n   * Cambio colors:\n   * * `sky`\n   * * `success300`\n   * * `destructive300`\n   * * `orange`\n   * * `tan`\n   * * `gray370`\n   * * `gray870`\n   * * `lilac`\n   * * `thistle`\n   * * `pink`\n   *\n   * @defaultValue \"primary700\"\n   */\n  color?:\n    | (typeof badgeColorClassic)[number]\n    | (typeof badgeColorCambio)[number];\n}): JSX.Element => {\n  const mappedColor = badgeColorClassicToCambio[color];\n\n  return (\n    <Box\n      display=\"inlineFlex\"\n      paddingX={2}\n      rounding={\"sm\"}\n      backgroundColor={mappedColor}\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minHeight={24}\n    >\n      <Typography\n        size={100}\n        weight=\"medium\"\n        color={textColorForBackgroundColor(mappedColor)}\n      >\n        <Box display=\"flex\" gap={1} alignItems=\"center\" justifyContent=\"start\">\n          {Icon && <Icon className={styles.icon} />}\n          <Typography\n            color={textColorForBackgroundColor(mappedColor)}\n            size={100}\n            weight=\"medium\"\n          >\n            {text}\n          </Typography>\n        </Box>\n      </Typography>\n    </Box>\n  );\n};\n\nexport default Badge;\n"]}

package/dist/__chunks/KZT53ITQ.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// css-module:./colors.module.css#css-module
+var colors_module_default = { "inheritColor": "_inheritColor_duy1y_2", "destructive700Color": "_destructive700Color_duy1y_6", "gray700Color": "_gray700Color_duy1y_10", "gray900Color": "_gray900Color_duy1y_14", "primary700Color": "_primary700Color_duy1y_18", "success700Color": "_success700Color_duy1y_22", "whiteColor": "_whiteColor_duy1y_26", "noBorder": "_noBorder_duy1y_31", "blackBorderColor": "_blackBorderColor_duy1y_35", "whiteBorderColor": "_whiteBorderColor_duy1y_39", "success770BorderColor": "_success770BorderColor_duy1y_43", "destructive770BorderColor": "_destructive770BorderColor_duy1y_47", "gray370BorderColor": "_gray370BorderColor_duy1y_51", "success370BorderColor": "_success370BorderColor_duy1y_55", "destructive370BorderColor": "_destructive370BorderColor_duy1y_59", "blackBackgroundColor": "_blackBackgroundColor_duy1y_65", "destructive100BackgroundColor": "_destructive100BackgroundColor_duy1y_69", "destructive200BackgroundColor": "_destructive200BackgroundColor_duy1y_73", "destructive300BackgroundColor": "_destructive300BackgroundColor_duy1y_77", "destructive700BackgroundColor": "_destructive700BackgroundColor_duy1y_81", "destructive800BackgroundColor": "_destructive800BackgroundColor_duy1y_85", "destructive900BackgroundColor": "_destructive900BackgroundColor_duy1y_89", "gray10BackgroundColor": "_gray10BackgroundColor_duy1y_93", "gray30BackgroundColor": "_gray30BackgroundColor_duy1y_97", "gray60BackgroundColor": "_gray60BackgroundColor_duy1y_101", "gray80BackgroundColor": "_gray80BackgroundColor_duy1y_105", "gray100BackgroundColor": "_gray100BackgroundColor_duy1y_109", "gray200BackgroundColor": "_gray200BackgroundColor_duy1y_113", "gray300BackgroundColor": "_gray300BackgroundColor_duy1y_117", "gray700BackgroundColor": "_gray700BackgroundColor_duy1y_121", "gray800BackgroundColor": "_gray800BackgroundColor_duy1y_125", "gray900BackgroundColor": "_gray900BackgroundColor_duy1y_129", "orange100BackgroundColor": "_orange100BackgroundColor_duy1y_133", "orange200BackgroundColor": "_orange200BackgroundColor_duy1y_137", "orange300BackgroundColor": "_orange300BackgroundColor_duy1y_141", "orange700BackgroundColor": "_orange700BackgroundColor_duy1y_145", "orange800BackgroundColor": "_orange800BackgroundColor_duy1y_149", "orange900BackgroundColor": "_orange900BackgroundColor_duy1y_153", "primary100BackgroundColor": "_primary100BackgroundColor_duy1y_157", "primary200BackgroundColor": "_primary200BackgroundColor_duy1y_161", "primary300BackgroundColor": "_primary300BackgroundColor_duy1y_165", "primary700BackgroundColor": "_primary700BackgroundColor_duy1y_169", "primary800BackgroundColor": "_primary800BackgroundColor_duy1y_173", "primary900BackgroundColor": "_primary900BackgroundColor_duy1y_177", "success100BackgroundColor": "_success100BackgroundColor_duy1y_181", "success200BackgroundColor": "_success200BackgroundColor_duy1y_185", "success300BackgroundColor": "_success300BackgroundColor_duy1y_189", "success700BackgroundColor": "_success700BackgroundColor_duy1y_193", "success800BackgroundColor": "_success800BackgroundColor_duy1y_197", "success900BackgroundColor": "_success900BackgroundColor_duy1y_201", "purple100BackgroundColor": "_purple100BackgroundColor_duy1y_205", "purple200BackgroundColor": "_purple200BackgroundColor_duy1y_209", "purple300BackgroundColor": "_purple300BackgroundColor_duy1y_213", "purple700BackgroundColor": "_purple700BackgroundColor_duy1y_217", "purple800BackgroundColor": "_purple800BackgroundColor_duy1y_221", "purple900BackgroundColor": "_purple900BackgroundColor_duy1y_225", "whiteBackgroundColor": "_whiteBackgroundColor_duy1y_229", "yellow100BackgroundColor": "_yellow100BackgroundColor_duy1y_233", "yellow200BackgroundColor": "_yellow200BackgroundColor_duy1y_237", "yellow300BackgroundColor": "_yellow300BackgroundColor_duy1y_241", "yellow700BackgroundColor": "_yellow700BackgroundColor_duy1y_245", "yellow800BackgroundColor": "_yellow800BackgroundColor_duy1y_249", "yellow900BackgroundColor": "_yellow900BackgroundColor_duy1y_253", "cambioBlackColor": "_cambioBlackColor_duy1y_258", "cambioWhiteColor": "_cambioWhiteColor_duy1y_262", "cambioGray100Color": "_cambioGray100Color_duy1y_266", "cambioGray200Color": "_cambioGray200Color_duy1y_270", "cambioGray300Color": "_cambioGray300Color_duy1y_274", "cambioGray370Color": "_cambioGray370Color_duy1y_278", "cambioGray700Color": "_cambioGray700Color_duy1y_282", "cambioGray800Color": "_cambioGray800Color_duy1y_286", "cambioGray870Color": "_cambioGray870Color_duy1y_290", "cambioGray900Color": "_cambioGray900Color_duy1y_294", "cambioDestructive100Color": "_cambioDestructive100Color_duy1y_298", "cambioDestructive300Color": "_cambioDestructive300Color_duy1y_302", "cambioDestructive370Color": "_cambioDestructive370Color_duy1y_306", "cambioDestructive700Color": "_cambioDestructive700Color_duy1y_310", "cambioDestructive770Color": "_cambioDestructive770Color_duy1y_314", "cambioDestructive900Color": "_cambioDestructive900Color_duy1y_318", "cambioSuccess100Color": "_cambioSuccess100Color_duy1y_322", "cambioSuccess300Color": "_cambioSuccess300Color_duy1y_326", "cambioSuccess370Color": "_cambioSuccess370Color_duy1y_330", "cambioSuccess700Color": "_cambioSuccess700Color_duy1y_334", "cambioSuccess770Color": "_cambioSuccess770Color_duy1y_338", "cambioSuccess900Color": "_cambioSuccess900Color_duy1y_342", "cambioRedColor": "_cambioRedColor_duy1y_346", "cambioOrangeColor": "_cambioOrangeColor_duy1y_350", "cambioTanColor": "_cambioTanColor_duy1y_354", "cambioCreamColor": "_cambioCreamColor_duy1y_358", "cambioPurpleColor": "_cambioPurpleColor_duy1y_362", "cambioLilacColor": "_cambioLilacColor_duy1y_366", "cambioThistleColor": "_cambioThistleColor_duy1y_370", "cambioPinkColor": "_cambioPinkColor_duy1y_374", "cambioNavyColor": "_cambioNavyColor_duy1y_378", "cambioTealColor": "_cambioTealColor_duy1y_382", "cambioSlateColor": "_cambioSlateColor_duy1y_386", "cambioSkyColor": "_cambioSkyColor_duy1y_390", "cambioYellow700Color": "_cambioYellow700Color_duy1y_394", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_duy1y_398", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_duy1y_402", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_duy1y_406", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_duy1y_410", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_duy1y_414", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_duy1y_418", "gray370BackgroundColor": "_gray370BackgroundColor_duy1y_422", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_duy1y_426", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_duy1y_430", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_duy1y_434", "gray870BackgroundColor": "_gray870BackgroundColor_duy1y_438", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_duy1y_442", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_duy1y_446", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_duy1y_450", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_duy1y_454", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_duy1y_458", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_duy1y_462", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_duy1y_466", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_duy1y_470", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_duy1y_474", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_duy1y_478", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_duy1y_482", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_duy1y_486", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_duy1y_490", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_duy1y_494", "redBackgroundColor": "_redBackgroundColor_duy1y_498", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_duy1y_502", "orangeBackgroundColor": "_orangeBackgroundColor_duy1y_506", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_duy1y_510", "tanBackgroundColor": "_tanBackgroundColor_duy1y_514", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_duy1y_518", "creamBackgroundColor": "_creamBackgroundColor_duy1y_522", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_duy1y_526", "purpleBackgroundColor": "_purpleBackgroundColor_duy1y_530", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_duy1y_534", "lilacBackgroundColor": "_lilacBackgroundColor_duy1y_538", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_duy1y_542", "thistleBackgroundColor": "_thistleBackgroundColor_duy1y_546", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_duy1y_550", "pinkBackgroundColor": "_pinkBackgroundColor_duy1y_554", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_duy1y_558", "navyBackgroundColor": "_navyBackgroundColor_duy1y_562", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_duy1y_566", "tealBackgroundColor": "_tealBackgroundColor_duy1y_570", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_duy1y_574", "slateBackgroundColor": "_slateBackgroundColor_duy1y_578", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_duy1y_582", "skyBackgroundColor": "_skyBackgroundColor_duy1y_586", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_duy1y_590", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_duy1y_594" };
+
+
+
+exports.colors_module_default = colors_module_default;
+//# sourceMappingURL=KZT53ITQ.cjs.map

package/dist/__chunks/KZT53ITQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./colors.module.css#css-module"],"names":[],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,YAAW,sBAAqB,oBAAmB,8BAA6B,oBAAmB,8BAA6B,yBAAwB,mCAAkC,6BAA4B,uCAAsC,sBAAqB,gCAA+B,yBAAwB,mCAAkC,6BAA4B,uCAAsC,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,0BAAyB,qCAAoC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,0BAAyB,qCAAoC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,sBAAqB,iCAAgC,4BAA2B,uCAAsC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,yBAAwB,oCAAmC,+BAA8B,0CAAyC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,0BAAyB,qCAAoC,gCAA+B,2CAA0C,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,uBAAsB,kCAAiC,6BAA4B,wCAAuC,wBAAuB,mCAAkC,8BAA6B,yCAAwC,sBAAqB,iCAAgC,4BAA2B,uCAAsC,kCAAiC,4CAA2C","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_duy1y_2\",\"destructive700Color\":\"_destructive700Color_duy1y_6\",\"gray700Color\":\"_gray700Color_duy1y_10\",\"gray900Color\":\"_gray900Color_duy1y_14\",\"primary700Color\":\"_primary700Color_duy1y_18\",\"success700Color\":\"_success700Color_duy1y_22\",\"whiteColor\":\"_whiteColor_duy1y_26\",\"noBorder\":\"_noBorder_duy1y_31\",\"blackBorderColor\":\"_blackBorderColor_duy1y_35\",\"whiteBorderColor\":\"_whiteBorderColor_duy1y_39\",\"success770BorderColor\":\"_success770BorderColor_duy1y_43\",\"destructive770BorderColor\":\"_destructive770BorderColor_duy1y_47\",\"gray370BorderColor\":\"_gray370BorderColor_duy1y_51\",\"success370BorderColor\":\"_success370BorderColor_duy1y_55\",\"destructive370BorderColor\":\"_destructive370BorderColor_duy1y_59\",\"blackBackgroundColor\":\"_blackBackgroundColor_duy1y_65\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_duy1y_69\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_duy1y_73\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_duy1y_77\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_duy1y_81\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_duy1y_85\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_duy1y_89\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_duy1y_93\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_duy1y_97\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_duy1y_101\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_duy1y_105\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_duy1y_109\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_duy1y_113\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_duy1y_117\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_duy1y_121\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_duy1y_125\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_duy1y_129\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_duy1y_133\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_duy1y_137\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_duy1y_141\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_duy1y_145\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_duy1y_149\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_duy1y_153\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_duy1y_157\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_duy1y_161\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_duy1y_165\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_duy1y_169\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_duy1y_173\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_duy1y_177\",\"success100BackgroundColor\":\"_success100BackgroundColor_duy1y_181\",\"success200BackgroundColor\":\"_success200BackgroundColor_duy1y_185\",\"success300BackgroundColor\":\"_success300BackgroundColor_duy1y_189\",\"success700BackgroundColor\":\"_success700BackgroundColor_duy1y_193\",\"success800BackgroundColor\":\"_success800BackgroundColor_duy1y_197\",\"success900BackgroundColor\":\"_success900BackgroundColor_duy1y_201\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_duy1y_205\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_duy1y_209\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_duy1y_213\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_duy1y_217\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_duy1y_221\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_duy1y_225\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_duy1y_229\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_duy1y_233\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_duy1y_237\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_duy1y_241\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_duy1y_245\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_duy1y_249\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_duy1y_253\",\"cambioBlackColor\":\"_cambioBlackColor_duy1y_258\",\"cambioWhiteColor\":\"_cambioWhiteColor_duy1y_262\",\"cambioGray100Color\":\"_cambioGray100Color_duy1y_266\",\"cambioGray200Color\":\"_cambioGray200Color_duy1y_270\",\"cambioGray300Color\":\"_cambioGray300Color_duy1y_274\",\"cambioGray370Color\":\"_cambioGray370Color_duy1y_278\",\"cambioGray700Color\":\"_cambioGray700Color_duy1y_282\",\"cambioGray800Color\":\"_cambioGray800Color_duy1y_286\",\"cambioGray870Color\":\"_cambioGray870Color_duy1y_290\",\"cambioGray900Color\":\"_cambioGray900Color_duy1y_294\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_duy1y_298\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_duy1y_302\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_duy1y_306\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_duy1y_310\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_duy1y_314\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_duy1y_318\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_duy1y_322\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_duy1y_326\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_duy1y_330\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_duy1y_334\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_duy1y_338\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_duy1y_342\",\"cambioRedColor\":\"_cambioRedColor_duy1y_346\",\"cambioOrangeColor\":\"_cambioOrangeColor_duy1y_350\",\"cambioTanColor\":\"_cambioTanColor_duy1y_354\",\"cambioCreamColor\":\"_cambioCreamColor_duy1y_358\",\"cambioPurpleColor\":\"_cambioPurpleColor_duy1y_362\",\"cambioLilacColor\":\"_cambioLilacColor_duy1y_366\",\"cambioThistleColor\":\"_cambioThistleColor_duy1y_370\",\"cambioPinkColor\":\"_cambioPinkColor_duy1y_374\",\"cambioNavyColor\":\"_cambioNavyColor_duy1y_378\",\"cambioTealColor\":\"_cambioTealColor_duy1y_382\",\"cambioSlateColor\":\"_cambioSlateColor_duy1y_386\",\"cambioSkyColor\":\"_cambioSkyColor_duy1y_390\",\"cambioYellow700Color\":\"_cambioYellow700Color_duy1y_394\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_duy1y_398\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_duy1y_402\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_duy1y_406\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_duy1y_410\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_duy1y_414\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_duy1y_418\",\"gray370BackgroundColor\":\"_gray370BackgroundColor_duy1y_422\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_duy1y_426\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_duy1y_430\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_duy1y_434\",\"gray870BackgroundColor\":\"_gray870BackgroundColor_duy1y_438\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_duy1y_442\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_duy1y_446\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_duy1y_450\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_duy1y_454\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_duy1y_458\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_duy1y_462\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_duy1y_466\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_duy1y_470\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_duy1y_474\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_duy1y_478\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_duy1y_482\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_duy1y_486\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_duy1y_490\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_duy1y_494\",\"redBackgroundColor\":\"_redBackgroundColor_duy1y_498\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_duy1y_502\",\"orangeBackgroundColor\":\"_orangeBackgroundColor_duy1y_506\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_duy1y_510\",\"tanBackgroundColor\":\"_tanBackgroundColor_duy1y_514\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_duy1y_518\",\"creamBackgroundColor\":\"_creamBackgroundColor_duy1y_522\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_duy1y_526\",\"purpleBackgroundColor\":\"_purpleBackgroundColor_duy1y_530\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_duy1y_534\",\"lilacBackgroundColor\":\"_lilacBackgroundColor_duy1y_538\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_duy1y_542\",\"thistleBackgroundColor\":\"_thistleBackgroundColor_duy1y_546\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_duy1y_550\",\"pinkBackgroundColor\":\"_pinkBackgroundColor_duy1y_554\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_duy1y_558\",\"navyBackgroundColor\":\"_navyBackgroundColor_duy1y_562\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_duy1y_566\",\"tealBackgroundColor\":\"_tealBackgroundColor_duy1y_570\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_duy1y_574\",\"slateBackgroundColor\":\"_slateBackgroundColor_duy1y_578\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_duy1y_582\",\"skyBackgroundColor\":\"_skyBackgroundColor_duy1y_586\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_duy1y_590\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_duy1y_594\"}"]}

package/dist/__chunks/{WWRSRFDE.cjs → LBA34HLF.cjs}

@@ -1,47 +1,47 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _DTKTTGU5cjs = require('./DTKTTGU5.cjs');
+var _KZT53ITQcjs = require('./KZT53ITQ.cjs');
 
 // src/colors/foregroundColor.ts
-function cambioForegroundColor(color, on) {
+function foregroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return _DTKTTGU5cjs.colors_module_default.cambioWhiteColor;
+        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioSuccess900Color;
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess700Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioDestructive900Color;
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive700Color;
       default:
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
     }
   } else {
     switch (color) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
       case "secondary":
       case "tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioWhiteColor;
+        return _KZT53ITQcjs.colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioSuccess100Color;
+        return _KZT53ITQcjs.colors_module_default.cambioSuccess300Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return _DTKTTGU5cjs.colors_module_default.cambioDestructive100Color;
+        return _KZT53ITQcjs.colors_module_default.cambioDestructive300Color;
       default:
-        return _DTKTTGU5cjs.colors_module_default.cambioBlackColor;
+        return _KZT53ITQcjs.colors_module_default.cambioBlackColor;
     }
   }
 }
 
 
 
-exports.cambioForegroundColor = cambioForegroundColor;
-//# sourceMappingURL=WWRSRFDE.cjs.map
+exports.foregroundColor = foregroundColor;
+//# sourceMappingURL=LBA34HLF.cjs.map

package/dist/__chunks/LBA34HLF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"names":[],"mappings":";;;;;;AAGO,SAAS,gBACd,OACA,IACQ;AACR,MAAI,OAAO,mBAAmB;AAC5B,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF,OAAO;AACL,YAAQ,OAAO;AAAA,MACb,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB,KAAK;AAAA,MACL,KAAK;AACH,eAAO,sBAAO;AAAA,MAChB;AACE,eAAO,sBAAO;AAAA,IAClB;AAAA,EACF;AACF","sourcesContent":["import { type CambioColor } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function foregroundColor(\n  color: (typeof CambioColor)[number],\n  on: \"lightBackground\" | \"darkBackground\",\n): string {\n  if (on === \"lightBackground\") {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess700Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive700Color;\n      default:\n        return styles.cambioBlackColor;\n    }\n  } else {\n    switch (color) {\n      case \"primary\":\n      case \"success-primary\":\n      case \"destructive-primary\":\n        return styles.cambioBlackColor;\n      case \"secondary\":\n      case \"tertiary\":\n        return styles.cambioWhiteColor;\n      case \"success-secondary\":\n      case \"success-tertiary\":\n        return styles.cambioSuccess300Color;\n      case \"destructive-secondary\":\n      case \"destructive-tertiary\":\n        return styles.cambioDestructive300Color;\n      default: // branded\n        return styles.cambioBlackColor;\n    }\n  }\n}\n"]}

package/dist/__chunks/{N47VDOUP.cjs → LDRLNKMH.cjs}

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

package/dist/__chunks/{N47VDOUP.cjs.map → LDRLNKMH.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 29 Mar 2024 16:50:12 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"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 04 Apr 2024 21:33:06 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"]}

package/dist/__chunks/{T6BFW6YO.js → LQ6UZ6GG.js}

@@ -4,26 +4,26 @@ import {
 } from "./BOX3VY3Q.js";
 import {
   Button_default
-} from "./GR5G6EJO.js";
+} from "./CUJFDOPJ.js";
 import {
   Divider
-} from "./XHTRMLY4.js";
+} from "./TK2EQ6QG.js";
 import {
   RichSelectChip_default
-} from "./H2AWA6IQ.js";
+} from "./MOLOILVI.js";
 import {
   RichSelectSection_default
-} from "./OQE24UY6.js";
+} from "./YF53K6PE.js";
 import {
   RichSelectRadioButton_default
-} from "./UB4WHLZC.js";
+} from "./FRR2K77P.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./ZPY7QEBH.js";
+} from "./GCE2CI4A.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=T6BFW6YO.js.map
+//# sourceMappingURL=LQ6UZ6GG.js.map

package/dist/__chunks/{PCHHRCCA.js → LV2KIGSE.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Box_default
-} from "./ZPY7QEBH.js";
+} from "./GCE2CI4A.js";
 import {
   Typography_default
-} from "./3GNWH6C7.js";
+} from "./YAM7DAOZ.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -85,4 +85,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=PCHHRCCA.js.map
+//# sourceMappingURL=LV2KIGSE.js.map

package/dist/__chunks/LV2KIGSE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/TextField/TextField.tsx","css-module:./TextField.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type HTMLInputTypeAttribute,\n  useId,\n} from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./TextField.module.css\";\nimport Box from \"../Box/Box\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [TextField](https://cambly-syntax.vercel.app/?path=/docs/components-textfield--docs) is a component that allows users to enter text.\n */\nexport default function TextField({\n  autoComplete,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText = \"\",\n  helperText = \"\",\n  id,\n  label,\n  onChange,\n  placeholder = \"\",\n  size = \"md\",\n  type = \"text\",\n  value = \"\",\n}: {\n  /**\n   * The autocomplete attribute specifies whether or not an input field should have autocomplete enabled.\n   *\n   * Feel free to add new values from the [MDN docs](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) as needed\n   */\n  autoComplete?: \"current-password\" | \"new-password\" | \"off\" | \"on\" | \"email\";\n  /**\n   * A data-testid to make querying for the TextField easier.\n   */\n  \"data-testid\"?: string;\n  /**\n   * If true, the TextField will be disabled.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Text shown below TextField if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Informative helper text shown below TextField\n   */\n  helperText?: string;\n  /**\n   * TextField id, if not provided, a unique id will be generated\n   */\n  id?: string;\n  /**\n   * TextField visible label\n   */\n  label: string;\n  /**\n   * The callback to be called the input changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Optional TextField placeholder text\n   */\n  placeholder?: string;\n  /**\n   * Size of the TextField\n   *\n   * * `md`: 48px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /**\n   * Input type of the TextField\n   *\n   * See [full list of input types](https://developer.mozilla.org/en-US/docs/Learn/Forms/HTML5_input_types)\n   */\n  type?: HTMLInputTypeAttribute;\n  /**\n   * Value of the TextField\n   */\n  value: string;\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    >\n      {label && (\n        <label className={styles.label} htmlFor={inputId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <input\n        autoComplete={autoComplete}\n        className={classNames(styles.textfield, styles.md, styles.height, {\n          [styles.inputError]: errorText,\n        })}\n        data-size={size}\n        data-testid={dataTestId}\n        disabled={disabled}\n        id={inputId}\n        type={type}\n        onChange={onChange}\n        placeholder={placeholder}\n        value={value}\n      />\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\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","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css\"; export default {\"textfield\":\"_textfield_wgza3_1\",\"label\":\"_label_wgza3_22\",\"md\":\"_md_wgza3_26\",\"height\":\"_height_wgza3_30\",\"inputError\":\"_inputError_wgza3_34\"}"],"mappings":";;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,OACK;AACP,OAAO,gBAAgB;;;ACL2E,IAAO,2BAAQ,EAAC,aAAY,sBAAqB,SAAQ,mBAAkB,MAAK,gBAAe,UAAS,oBAAmB,cAAa,uBAAsB;;;AD6F5P,SAcQ,KAdR;AA/EW,SAAR,UAA2B;AAAA,EAChC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AACV,GA2DiB;AACf,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,UAAU,MAAM;AACtB,QAAM,UAAU,kBAAM;AAEtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,KAAK;AAAA,MACL,OAAM;AAAA,MACN,2BAA2B;AAAA,QACzB,SAAS;AAAA,UACP,SAAS,WAAW,MAAM;AAAA,QAC5B;AAAA,MACF;AAAA,MAEC;AAAA,iBACC,oBAAC,WAAM,WAAW,yBAAO,OAAO,SAAS,SACvC,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,WAAW,yBAAO,WAAW,yBAAO,IAAI,yBAAO,QAAQ;AAAA,cAChE,CAAC,yBAAO,UAAU,GAAG;AAAA,YACvB,CAAC;AAAA,YACD,aAAW;AAAA,YACX,eAAa;AAAA,YACb;AAAA,YACA,IAAI;AAAA,YACJ;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,uBAAa;AAAA;AAAA,QAChB,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}