@cambly/syntax-core 11.2.0 → 12.0.0

package/dist/__chunks/{SS5NSEUH.js → UVQS6LU3.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   colors_module_default
-} from "./4FJB2WBS.js";
+} from "./PUTZ53EC.js";
 
 // src/colors/foregroundColor.ts
 function foregroundColor(color, on) {
@@ -10,33 +10,33 @@ function foregroundColor(color, on) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return colors_module_default.whiteColor;
+        return colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return colors_module_default.success700Color;
+        return colors_module_default.cambioSuccess700Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return colors_module_default.destructive700Color;
+        return colors_module_default.cambioDestructive700Color;
       default:
-        return colors_module_default.blackColor;
+        return colors_module_default.cambioBlackColor;
     }
   } else {
     switch (color) {
       case "primary":
       case "success-primary":
       case "destructive-primary":
-        return colors_module_default.blackColor;
+        return colors_module_default.cambioBlackColor;
       case "secondary":
       case "tertiary":
-        return colors_module_default.whiteColor;
+        return colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return colors_module_default.success300Color;
+        return colors_module_default.cambioSuccess300Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return colors_module_default.destructive300Color;
+        return colors_module_default.cambioDestructive300Color;
       default:
-        return colors_module_default.blackColor;
+        return colors_module_default.cambioBlackColor;
     }
   }
 }
@@ -44,4 +44,4 @@ function foregroundColor(color, on) {
 export {
   foregroundColor
 };
-//# sourceMappingURL=SS5NSEUH.js.map
+//# sourceMappingURL=UVQS6LU3.js.map

package/dist/__chunks/UVQS6LU3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"sourcesContent":["import { type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function foregroundColor(\n  color: (typeof Color)[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"],"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;","names":[]}

package/dist/__chunks/{DYH42LNC.cjs → W52D7D34.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 _UELV7ZA3cjs = require('./UELV7ZA3.cjs');
+var _D62L3CWMcjs = require('./D62L3CWM.cjs');
 
 
-var _CTARWDYTcjs = require('./CTARWDYT.cjs');
+var _76LTWV2Qcjs = require('./76LTWV2Q.cjs');
 
 
 var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
@@ -100,7 +100,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
   } = props;
   const modal = !children || modalProp;
   const modalNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _UELV7ZA3cjs.ModalDialog_default,
+    _D62L3CWMcjs.ModalDialog_default,
     {
       accessibilityLabel,
       accessibilityCloseLabel,
@@ -117,7 +117,7 @@ var Popover = _react.forwardRef.call(void 0, function Popover2(props, ref) {
     {
       placement: _LLFHCGRAcjs.syntaxToReactAriaPlacement.call(void 0, placement),
       onChangeContentVisibility,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CTARWDYTcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _76LTWV2Qcjs.Dialog_default, { accessibilityLabel, "data-testid": dataTestId, children: content })
     }
   );
   if (!children)
@@ -141,4 +141,4 @@ var Popover_default = Popover;
 
 
 exports.AriaPopover = AriaPopover; exports.Popover_default = Popover_default;
-//# sourceMappingURL=DYH42LNC.cjs.map
+//# sourceMappingURL=W52D7D34.cjs.map

package/dist/__chunks/{4NUE2KQG.js → WBVMCGHT.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=4NUE2KQG.js.map
+//# sourceMappingURL=WBVMCGHT.js.map

package/dist/__chunks/{4NUE2KQG.js.map → WBVMCGHT.js.map}

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

package/dist/__chunks/{QW2VP7ZC.cjs → X67IWLZJ.cjs}

@@ -4,26 +4,26 @@
 var _C5XPZTFOcjs = require('./C5XPZTFO.cjs');
 
 
-var _IUV6O736cjs = require('./IUV6O736.cjs');
+var _Y2AMPQUUcjs = require('./Y2AMPQUU.cjs');
 
 
-var _2QLFTRLLcjs = require('./2QLFTRLL.cjs');
+var _DMA6PPUZcjs = require('./DMA6PPUZ.cjs');
 
 
-var _NTMZ73HVcjs = require('./NTMZ73HV.cjs');
+var _UT353VLRcjs = require('./UT353VLR.cjs');
 
 
-var _2HXSPCIWcjs = require('./2HXSPCIW.cjs');
+var _JHUEQO5Qcjs = require('./JHUEQO5Q.cjs');
 
 
-var _U56GHEMOcjs = require('./U56GHEMO.cjs');
+var _ZGI5YNKGcjs = require('./ZGI5YNKG.cjs');
 
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 // src/RichSelect/RichSelectBox.tsx
 
@@ -125,7 +125,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
       });
     }, []);
     const { autoFocus } = _react.useContext.call(void 0, RichSelectBoxContext);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5BBERXNJcjs.Box_default, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _FESAFV44cjs.Box_default, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _reactariacomponents.ListBox,
         {
@@ -144,7 +144,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
         }
       ),
       !autosave && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _5BBERXNJcjs.Box_default,
+        _FESAFV44cjs.Box_default,
         {
           backgroundColor: "white",
           display: "flex",
@@ -159,9 +159,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
             }
           },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _2QLFTRLLcjs.Divider, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DMA6PPUZcjs.Divider, {}) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _5BBERXNJcjs.Box_default,
+              _FESAFV44cjs.Box_default,
               {
                 paddingY: 5,
                 marginTop: -5,
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _C5XPZTFOcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _IUV6O736cjs.Button_default,
+                    _Y2AMPQUUcjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _IUV6O736cjs.Button_default,
+                    _Y2AMPQUUcjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -198,9 +198,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
   }
 );
 var RichSelectBox_default = Object.assign(RichSelectBox, {
-  Section: _2HXSPCIWcjs.RichSelectSection_default,
-  Chip: _NTMZ73HVcjs.RichSelectChip_default,
-  RadioButton: _U56GHEMOcjs.RichSelectRadioButton_default
+  Section: _JHUEQO5Qcjs.RichSelectSection_default,
+  Chip: _UT353VLRcjs.RichSelectChip_default,
+  RadioButton: _ZGI5YNKGcjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=QW2VP7ZC.cjs.map
+//# sourceMappingURL=X67IWLZJ.cjs.map

package/dist/__chunks/{VFVPE7AX.cjs → XCGRNBQH.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _RVVNTLJ7cjs = require('./RVVNTLJ7.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 // src/Typography/Typography.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -15,21 +15,21 @@ var _jsxruntime = require('react/jsx-runtime');
 function textColor(color) {
   switch (color) {
     case "gray700":
-      return _RVVNTLJ7cjs.colors_module_default.gray800Color;
+      return _QT6IRCGWcjs.colors_module_default.cambioGray800Color;
     case "white":
-      return _RVVNTLJ7cjs.colors_module_default.whiteColor;
+      return _QT6IRCGWcjs.colors_module_default.cambioWhiteColor;
     case "inherit":
-      return _RVVNTLJ7cjs.colors_module_default.inheritColor;
+      return _QT6IRCGWcjs.colors_module_default.inheritColor;
     case "destructive-primary":
-      return _RVVNTLJ7cjs.colors_module_default.destructive900Color;
+      return _QT6IRCGWcjs.colors_module_default.cambioDestructive900Color;
     case "destructive-darkBackground":
-      return _RVVNTLJ7cjs.colors_module_default.destructive100Color;
+      return _QT6IRCGWcjs.colors_module_default.cambioDestructive100Color;
     case "success":
-      return _RVVNTLJ7cjs.colors_module_default.success900Color;
+      return _QT6IRCGWcjs.colors_module_default.cambioSuccess900Color;
     case "success-darkBackground":
-      return _RVVNTLJ7cjs.colors_module_default.success100Color;
+      return _QT6IRCGWcjs.colors_module_default.cambioSuccess100Color;
     default:
-      return _RVVNTLJ7cjs.colors_module_default.blackColor;
+      return _QT6IRCGWcjs.colors_module_default.cambioBlackColor;
   }
 }
 var Typography = _react.forwardRef.call(void 0, function Typography2({
@@ -80,4 +80,4 @@ var Typography_default = Typography;
 
 
 exports.Typography_default = Typography_default;
-//# sourceMappingURL=VFVPE7AX.cjs.map
+//# sourceMappingURL=XCGRNBQH.cjs.map

package/dist/__chunks/XCGRNBQH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":";;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,sBAAqB,YAAW,uBAAsB,YAAW,uBAAsB,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,WAAU,sBAAqB,UAAS,qBAAoB,YAAW,uBAAsB,QAAO,mBAAkB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADyLl7B;AApLJ,SAAS,UACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAKA,IAAM,aAAa,WA0HjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,cAAc,UAAU,0BAAO,QAAQ,0BAAO;AAAA,QAC9C,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Mobile (viewport width <= 480px)::\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?: \"regular\" | \"medium\" | \"semiBold\" | \"bold\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        fontStyle === \"serif\" ? styles.serif : styles.sansSerif,\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_t1t27_1\",\"sansSerif\":\"_sansSerif_t1t27_22\",\"serif\":\"_serif_t1t27_27\",\"size100\":\"_size100_t1t27_71\",\"size200\":\"_size200_t1t27_75\",\"size300\":\"_size300_t1t27_79\",\"size400\":\"_size400_t1t27_83\",\"size500\":\"_size500_t1t27_87\",\"size600\":\"_size600_t1t27_91\",\"size700\":\"_size700_t1t27_95\",\"size800\":\"_size800_t1t27_99\",\"size900\":\"_size900_t1t27_103\",\"size1000\":\"_size1000_t1t27_144\",\"size1100\":\"_size1100_t1t27_148\",\"center\":\"_center_t1t27_154\",\"forceLeft\":\"_forceLeft_t1t27_158\",\"forceRight\":\"_forceRight_t1t27_162\",\"start\":\"_start_t1t27_166\",\"end\":\"_end_t1t27_170\",\"regular\":\"_regular_t1t27_176\",\"medium\":\"_medium_t1t27_180\",\"semiBold\":\"_semiBold_t1t27_184\",\"bold\":\"_bold_t1t27_188\",\"underline\":\"_underline_t1t27_192\",\"inline\":\"_inline_t1t27_196\",\"uppercase\":\"_uppercase_t1t27_200\",\"lineClamp\":\"_lineClamp_t1t27_204\"}"]}

package/dist/__chunks/{IUV6O736.cjs → Y2AMPQUU.cjs}

@@ -10,19 +10,19 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _3JF5M3NRcjs = require('./3JF5M3NR.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _XSMGQC4Hcjs = require('./XSMGQC4H.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _NDBEPCTGcjs = require('./NDBEPCTG.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _3JF5M3NRcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _NDBEPCTGcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     const isDisabled = !isHydrated || disabled || loading;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -73,7 +73,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _XSMGQC4Hcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -92,7 +92,7 @@ var Button = _react.forwardRef.call(void 0,
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -143,4 +143,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=IUV6O736.cjs.map
+//# sourceMappingURL=Y2AMPQUU.cjs.map

package/dist/__chunks/{6ISQTUPK.js → YG2IOLCC.js}

@@ -3,35 +3,35 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./ACRVT5BQ.js";
+} from "./A6EQN4YQ.js";
 import {
   RichSelectChip_default
-} from "./NQPLPYGV.js";
+} from "./6PRG6ZYW.js";
 import {
   Popover_default
-} from "./RBQHLMQ2.js";
+} from "./SSVDOCMD.js";
 import {
   DialogContext
-} from "./YBLOOAP2.js";
+} from "./TZGJS522.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./4NUE2KQG.js";
+} from "./WBVMCGHT.js";
 import {
   RichSelectSection_default
-} from "./ZDMOD6DO.js";
+} from "./HXTCI7A3.js";
 import {
   RichSelectRadioButton_default
-} from "./35XMEDHG.js";
+} from "./RQ5XRLL6.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./2IXPTAJD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -266,4 +266,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=6ISQTUPK.js.map
+//# sourceMappingURL=YG2IOLCC.js.map

package/dist/__chunks/{GDJNEJXE.cjs → YUW7GFTZ.cjs}

@@ -5,16 +5,16 @@ var _4UJE5GMHcjs = require('./4UJE5GMH.cjs');
 
 
 
-var _AHKSGA7Mcjs = require('./AHKSGA7M.cjs');
+var _MQHJC5QXcjs = require('./MQHJC5QX.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _XCGRNBQHcjs = require('./XCGRNBQH.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -60,7 +60,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCGRNBQHcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -98,15 +98,15 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? _AHKSGA7Mcjs.ColorBaseDestructive700 : _AHKSGA7Mcjs.ColorBaseGray800,
+                  fill: errorText ? _MQHJC5QXcjs.ColorBaseDestructive700 : _MQHJC5QXcjs.ColorBaseGray800,
                   d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                 }
               )
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VFVPE7AXcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _XCGRNBQHcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -122,4 +122,4 @@ SelectList.Option = _4UJE5GMHcjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=GDJNEJXE.cjs.map
+//# sourceMappingURL=YUW7GFTZ.cjs.map

package/dist/__chunks/{U56GHEMO.cjs → ZGI5YNKG.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _QJYQWSPNcjs = require('./QJYQWSPN.cjs');
+var _T2WJJCS3cjs = require('./T2WJJCS3.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, 
-      _QJYQWSPNcjs.RadioButton_default,
+      _T2WJJCS3cjs.RadioButton_default,
       {
         checked: isSelected,
         disabled: isDisabled,
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
-//# sourceMappingURL=U56GHEMO.cjs.map
+//# sourceMappingURL=ZGI5YNKG.cjs.map

package/dist/colors/allColors.cjs

@@ -3,54 +3,69 @@ require('../__chunks/X2SDR4SD.cjs');
 
 // src/colors/allColors.ts
 var colors = [
-  // Primary
+  "black",
+  "destructive100",
+  "destructive200",
+  "destructive300",
+  "destructive700",
+  "destructive800",
+  "destructive900",
+  "gray10",
+  "gray100",
+  "gray200",
+  "gray30",
+  "gray60",
+  "gray300",
+  "gray700",
+  "gray80",
+  "gray800",
+  "gray900",
+  "orange100",
+  "orange200",
+  "orange300",
+  "orange700",
+  "orange800",
+  "orange900",
   "primary100",
   "primary200",
   "primary300",
   "primary700",
   "primary800",
   "primary900",
-  // Branded
+  "purple100",
+  "purple200",
+  "purple300",
+  "purple700",
+  "purple800",
+  "purple900",
+  "success100",
+  "success200",
+  "success300",
+  "success700",
+  "success800",
+  "success900",
+  "white",
+  "yellow100",
+  "yellow200",
+  "yellow300",
   "yellow700",
-  // Secondary
-  "red",
-  "purple",
+  "yellow800",
+  "yellow900",
+  // Cambio specific colors
+  "gray370",
+  "gray870",
+  "cream",
+  "lilac",
   "navy",
   "orange",
-  "lilac",
-  "teal",
-  "tan",
-  "thistle",
-  "slate",
-  "cream",
   "pink",
+  "purple",
+  "red",
   "sky",
-  // Neutrals
-  "white",
-  "gray100",
-  "gray200",
-  "gray300",
-  "gray700",
-  "gray800",
-  "gray900",
-  "black",
-  // Destructive
-  "destructive900",
-  "destructive700",
-  "destructive300",
-  "destructive100",
-  // Success
-  "success900",
-  "success700",
-  "success300",
-  "success100",
-  // Transparency
-  "destructive770",
-  "destructive370",
-  "success770",
-  "success370",
-  "gray370",
-  "gray870"
+  "slate",
+  "tan",
+  "teal",
+  "thistle"
 ];
 var allColors_default = colors;
 

package/dist/colors/allColors.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/colors/allColors.ts"],"names":[],"mappings":";;;;AAAA,IAAM,SAAS;AAAA;AAAA,EAEb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAO,oBAAQ","sourcesContent":["const colors = [\n  // Primary\n  \"primary100\",\n  \"primary200\",\n  \"primary300\",\n  \"primary700\",\n  \"primary800\",\n  \"primary900\",\n\n  // Branded\n  \"yellow700\",\n\n  // Secondary\n  \"red\",\n  \"purple\",\n  \"navy\",\n  \"orange\",\n  \"lilac\",\n  \"teal\",\n  \"tan\",\n  \"thistle\",\n  \"slate\",\n  \"cream\",\n  \"pink\",\n  \"sky\",\n\n  // Neutrals\n  \"white\",\n  \"gray100\",\n  \"gray200\",\n  \"gray300\",\n  \"gray700\",\n  \"gray800\",\n  \"gray900\",\n  \"black\",\n\n  // Destructive\n  \"destructive900\",\n  \"destructive700\",\n  \"destructive300\",\n  \"destructive100\",\n\n  // Success\n  \"success900\",\n  \"success700\",\n  \"success300\",\n  \"success100\",\n\n  // Transparency\n  \"destructive770\",\n  \"destructive370\",\n  \"success770\",\n  \"success370\",\n  \"gray370\",\n  \"gray870\",\n] as const;\n\nexport default colors;\n"]}
+{"version":3,"sources":["../../src/colors/allColors.ts"],"names":[],"mappings":";;;;AAAA,IAAM,SAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAO,oBAAQ","sourcesContent":["const colors = [\n  \"black\",\n  \"destructive100\",\n  \"destructive200\",\n  \"destructive300\",\n  \"destructive700\",\n  \"destructive800\",\n  \"destructive900\",\n  \"gray10\",\n  \"gray100\",\n  \"gray200\",\n  \"gray30\",\n  \"gray60\",\n  \"gray300\",\n  \"gray700\",\n  \"gray80\",\n  \"gray800\",\n  \"gray900\",\n  \"orange100\",\n  \"orange200\",\n  \"orange300\",\n  \"orange700\",\n  \"orange800\",\n  \"orange900\",\n  \"primary100\",\n  \"primary200\",\n  \"primary300\",\n  \"primary700\",\n  \"primary800\",\n  \"primary900\",\n  \"purple100\",\n  \"purple200\",\n  \"purple300\",\n  \"purple700\",\n  \"purple800\",\n  \"purple900\",\n  \"success100\",\n  \"success200\",\n  \"success300\",\n  \"success700\",\n  \"success800\",\n  \"success900\",\n  \"white\",\n  \"yellow100\",\n  \"yellow200\",\n  \"yellow300\",\n  \"yellow700\",\n  \"yellow800\",\n  \"yellow900\",\n\n  // Cambio specific colors\n  \"gray370\",\n  \"gray870\",\n  \"cream\",\n  \"lilac\",\n  \"navy\",\n  \"orange\",\n  \"pink\",\n  \"purple\",\n  \"red\",\n  \"sky\",\n  \"slate\",\n  \"tan\",\n  \"teal\",\n  \"thistle\",\n] as const;\n\nexport default colors;\n"]}

package/dist/colors/allColors.d.ts

@@ -1,3 +1,3 @@
-declare const colors: readonly ["primary100", "primary200", "primary300", "primary700", "primary800", "primary900", "yellow700", "red", "purple", "navy", "orange", "lilac", "teal", "tan", "thistle", "slate", "cream", "pink", "sky", "white", "gray100", "gray200", "gray300", "gray700", "gray800", "gray900", "black", "destructive900", "destructive700", "destructive300", "destructive100", "success900", "success700", "success300", "success100", "destructive770", "destructive370", "success770", "success370", "gray370", "gray870"];
+declare const colors: readonly ["black", "destructive100", "destructive200", "destructive300", "destructive700", "destructive800", "destructive900", "gray10", "gray100", "gray200", "gray30", "gray60", "gray300", "gray700", "gray80", "gray800", "gray900", "orange100", "orange200", "orange300", "orange700", "orange800", "orange900", "primary100", "primary200", "primary300", "primary700", "primary800", "primary900", "purple100", "purple200", "purple300", "purple700", "purple800", "purple900", "success100", "success200", "success300", "success700", "success800", "success900", "white", "yellow100", "yellow200", "yellow300", "yellow700", "yellow800", "yellow900", "gray370", "gray870", "cream", "lilac", "navy", "orange", "pink", "purple", "red", "sky", "slate", "tan", "teal", "thistle"];
 
 export { colors as default };