@cambly/syntax-core 10.7.0 → 10.8.1

package/dist/__chunks/{IJVFSOXU.cjs → VA23P3ZI.cjs}

@@ -12,7 +12,7 @@ var _VMARHE5Bcjs = require('./VMARHE5B.cjs');
 var _7GJ2SD7Ocjs = require('./7GJ2SD7O.cjs');
 
 
-var _NGUJFGACcjs = require('./NGUJFGAC.cjs');
+var _TF76F532cjs = require('./TF76F532.cjs');
 
 // src/Dialog/Dialog.tsx
 
@@ -62,7 +62,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
         _VMARHE5Bcjs.Box_module_default.gap4,
         _VMARHE5Bcjs.Box_module_default.relative,
         _VMARHE5Bcjs.Box_module_default.overflowauto,
-        _NGUJFGACcjs.colors_module_default.whiteBackgroundColor,
+        _TF76F532cjs.colors_module_default.whiteBackgroundColor,
         _5WNFAQGYcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         _5WNFAQGYcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
         _7GJ2SD7Ocjs.rounding_module_default[`rounding${sizeToRounding[size]}`],
@@ -81,4 +81,4 @@ var Dialog_default = Dialog;
 
 
 exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=IJVFSOXU.cjs.map
+//# sourceMappingURL=VA23P3ZI.cjs.map

package/dist/__chunks/VS4SS6B3.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _4YO26FWLcjs = require('./4YO26FWL.cjs');
+
+// src/colors/foregroundColor.ts
+function classicForegroundColor(color) {
+  switch (color) {
+    case "secondary":
+    case "tertiary":
+      return _4YO26FWLcjs.colors_module_default.primary700Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return _4YO26FWLcjs.colors_module_default.destructive700Color;
+    case "branded":
+      return _4YO26FWLcjs.colors_module_default.gray900Color;
+    case "inverse":
+      return _4YO26FWLcjs.colors_module_default.whiteColor;
+    default:
+      return _4YO26FWLcjs.colors_module_default.whiteColor;
+  }
+}
+function cambioForegroundColor(color) {
+  switch (color) {
+    case "primary":
+    case "success-primary":
+    case "destructive-primary":
+      return _4YO26FWLcjs.colors_module_default.cambioWhiteColor;
+    case "success-secondary":
+    case "success-tertiary":
+      return _4YO26FWLcjs.colors_module_default.cambioSuccess900Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return _4YO26FWLcjs.colors_module_default.cambioDestructive900Color;
+    default:
+      return _4YO26FWLcjs.colors_module_default.cambioBlackColor;
+  }
+}
+
+
+
+
+exports.classicForegroundColor = classicForegroundColor; exports.cambioForegroundColor = cambioForegroundColor;
+//# sourceMappingURL=VS4SS6B3.cjs.map

package/dist/__chunks/VS4SS6B3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"names":[],"mappings":";;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF","sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n): string {\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.cambioSuccess900Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.cambioDestructive900Color;\n    default:\n      return styles.cambioBlackColor;\n  }\n}\n"]}

package/dist/__chunks/{FZ5HWA3S.cjs → VXNZTCXZ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
 
 // src/Heading/Heading.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -15,7 +15,7 @@ var Heading = ({
 }) => {
   const weight = [700, 800].includes(size) ? "heavy" : "bold";
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _ZX5KONS2cjs.Typography_default,
+    _JBNXAIXYcjs.Typography_default,
     {
       align,
       as,
@@ -33,4 +33,4 @@ var Heading_default = Heading;
 
 
 exports.Heading_default = Heading_default;
-//# sourceMappingURL=FZ5HWA3S.cjs.map
+//# sourceMappingURL=VXNZTCXZ.cjs.map

package/dist/__chunks/{LMCK5YO5.cjs → W4UIYTBG.cjs}

@@ -3,7 +3,7 @@
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _ZX5KONS2cjs = require('./ZX5KONS2.cjs');
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -92,7 +92,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _ZX5KONS2cjs.Typography_default,
+          _JBNXAIXYcjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-primary" : "gray800",
@@ -108,4 +108,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=LMCK5YO5.cjs.map
+//# sourceMappingURL=W4UIYTBG.cjs.map

package/dist/__chunks/{DNTOWEIQ.js → YCBSKN3Q.js}

@@ -1,6 +1,6 @@
 import {
   RadioButton_default
-} from "./NRTSRS2D.js";
+} from "./NGCJ3BBY.js";
 import {
   RichSelectItem_default
 } from "./Y6L6EOCB.js";
@@ -36,4 +36,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=DNTOWEIQ.js.map
+//# sourceMappingURL=YCBSKN3Q.js.map

package/dist/__chunks/YHKD5YRY.js

@@ -0,0 +1,43 @@
+import {
+  colors_module_default
+} from "./5I67FE26.js";
+
+// src/colors/foregroundColor.ts
+function classicForegroundColor(color) {
+  switch (color) {
+    case "secondary":
+    case "tertiary":
+      return colors_module_default.primary700Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return colors_module_default.destructive700Color;
+    case "branded":
+      return colors_module_default.gray900Color;
+    case "inverse":
+      return colors_module_default.whiteColor;
+    default:
+      return colors_module_default.whiteColor;
+  }
+}
+function cambioForegroundColor(color) {
+  switch (color) {
+    case "primary":
+    case "success-primary":
+    case "destructive-primary":
+      return colors_module_default.cambioWhiteColor;
+    case "success-secondary":
+    case "success-tertiary":
+      return colors_module_default.cambioSuccess900Color;
+    case "destructive-secondary":
+    case "destructive-tertiary":
+      return colors_module_default.cambioDestructive900Color;
+    default:
+      return colors_module_default.cambioBlackColor;
+  }
+}
+
+export {
+  classicForegroundColor,
+  cambioForegroundColor
+};
+//# sourceMappingURL=YHKD5YRY.js.map

package/dist/__chunks/YHKD5YRY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n): string {\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.cambioSuccess900Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.cambioDestructive900Color;\n    default:\n      return styles.cambioBlackColor;\n  }\n}\n"],"mappings":";;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}

package/dist/__chunks/YMNL37TU.cjs

@@ -0,0 +1,124 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _7AYSDTC6cjs = require('./7AYSDTC6.cjs');
+
+
+var _A72TS5OXcjs = require('./A72TS5OX.cjs');
+
+
+var _33HJ72Y2cjs = require('./33HJ72Y2.cjs');
+
+
+
+var _PSWX5DBCcjs = require('./PSWX5DBC.cjs');
+
+
+
+var _VS4SS6B3cjs = require('./VS4SS6B3.cjs');
+
+
+
+var _MF7Q6ZSWcjs = require('./MF7Q6ZSW.cjs');
+
+
+var _5NIFOD6Kcjs = require('./5NIFOD6K.cjs');
+
+
+var _JBNXAIXYcjs = require('./JBNXAIXY.cjs');
+
+// src/LinkButton/LinkButton.tsx
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:./LinkButton.module.css#css-module
+var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
+
+// src/LinkButton/LinkButton.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var LinkButton = _react.forwardRef.call(void 0, 
+  ({
+    text,
+    href,
+    target,
+    rel,
+    "data-testid": dataTestId,
+    color = "primary",
+    size = "md",
+    fullWidth = false,
+    startIcon: StartIcon,
+    endIcon: EndIcon,
+    onClick
+  }, ref) => {
+    const { themeName } = _5NIFOD6Kcjs.useTheme.call(void 0, );
+    const foregroundColorClass = themeName === "classic" ? _VS4SS6B3cjs.classicForegroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _VS4SS6B3cjs.cambioForegroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    const backgroundColorClass = themeName === "classic" ? _MF7Q6ZSWcjs.classicBackgroundColor.call(void 0, _PSWX5DBCcjs.classicColor.call(void 0, color)) : _MF7Q6ZSWcjs.cambioBackgroundColor.call(void 0, _PSWX5DBCcjs.cambioColor.call(void 0, color));
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "a",
+      {
+        href,
+        "data-testid": dataTestId,
+        target,
+        ref,
+        rel,
+        className: _classnames2.default.call(void 0, 
+          LinkButton_module_default.linkButton,
+          _33HJ72Y2cjs.Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? _33HJ72Y2cjs.Button_module_default[size] : _33HJ72Y2cjs.Button_module_default[`${size}Cambio`],
+          {
+            [_33HJ72Y2cjs.Button_module_default.fullWidth]: fullWidth,
+            [LinkButton_module_default.fitContent]: !fullWidth,
+            [_33HJ72Y2cjs.Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [_33HJ72Y2cjs.Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [_33HJ72Y2cjs.Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+          }
+        ),
+        onClick,
+        children: [
+          StartIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            StartIcon,
+            {
+              className: _classnames2.default.call(void 0, 
+                _33HJ72Y2cjs.Button_module_default.icon,
+                _A72TS5OXcjs.iconSize_default[size],
+                foregroundColorClass
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _JBNXAIXYcjs.Typography_default,
+            {
+              size: themeName === "classic" ? _7AYSDTC6cjs.textVariant_default[size] : _7AYSDTC6cjs.textVariant_default[size],
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: text
+                }
+              )
+            }
+          ),
+          EndIcon && themeName === "classic" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            EndIcon,
+            {
+              className: _classnames2.default.call(void 0, 
+                _33HJ72Y2cjs.Button_module_default.icon,
+                _A72TS5OXcjs.iconSize_default[size],
+                foregroundColorClass
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+LinkButton.displayName = "LinkButton";
+var LinkButton_default = LinkButton;
+
+
+
+exports.LinkButton_default = LinkButton_default;
+//# sourceMappingURL=YMNL37TU.cjs.map

package/dist/__chunks/YMNL37TU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACD6E,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AD+IpL,SA4BI,KA5BJ;AA9BN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT;AAAA,EACF,GACA,QACG;AACH,UAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,UAAM,uBACJ,cAAc,YACV,uBAAuB,aAAa,KAAK,CAAC,IAC1C,sBAAsB,YAAY,KAAK,CAAC;AAE9C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,cAAc,YACV,sBAAa,IAAI,IACjB,sBAAa,GAAG,YAAY;AAAA,UAChC;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GACrB,cAAc,cAAc,SAAS,QAAQ,SAAS;AAAA,YACxD,CAAC,sBAAa,eAAe,GAC3B,cAAc,aAAa,UAAU;AAAA,YACvC,CAAC,sBAAa,0BAA0B,GACtC,cAAc,aAAa,UAAU;AAAA,UACzC;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBAAa,cAAc,aAC1B;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,MAAM,cAAc,YAAY,oBAAY,IAAI,IAAI,oBAAY,IAAI;AAAA,cAEpE;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAW;AAAA,kBACX,OAAO,EAAE,YAAY,IAAI;AAAA,kBAExB;AAAA;AAAA,cACH;AAAA;AAAA,UACF;AAAA,UACC,WAAW,cAAc,aACxB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\nimport styles from \"./LinkButton.module.css\";\n\nimport { classicColor, cambioColor } from \"../Button/constants/color\";\nimport {\n  classicBackgroundColor,\n  cambioBackgroundColor,\n} from \"../colors//backgroundColor\";\nimport {\n  classicForegroundColor,\n  cambioForegroundColor,\n} from \"../colors/foregroundColor\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\ntype LinkButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The link that the LinkButton should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The color of the button\n   *\n   * Classic only:\n   * * `inverse`\n   * * `success`\n   *\n   * Cambio only:\n   * * `success-primary`\n   * * `success-secondary`\n   * * `success-tertiary`\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\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\"\n    | \"inverse\";\n  /**\n   * The size of the button\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: startIcon is not supported in the Cambio theme\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   * Note: endIcon is not supported in the Cambio theme\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      color = \"primary\",\n      size = \"md\",\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    const { themeName } = useTheme();\n\n    const foregroundColorClass =\n      themeName === \"classic\"\n        ? classicForegroundColor(classicColor(color))\n        : cambioForegroundColor(cambioColor(color));\n\n    const backgroundColorClass =\n      themeName === \"classic\"\n        ? classicBackgroundColor(classicColor(color))\n        : cambioBackgroundColor(cambioColor(color));\n\n    return (\n      <a\n        href={href}\n        data-testid={dataTestId}\n        target={target}\n        ref={ref}\n        rel={rel}\n        className={classNames(\n          styles.linkButton,\n          buttonStyles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          themeName === \"classic\"\n            ? buttonStyles[size]\n            : buttonStyles[`${size}Cambio`],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]:\n              themeName === \"classic\" && (size === \"lg\" || size === \"md\"),\n            [buttonStyles.secondaryBorder]:\n              themeName === \"classic\" && color === \"secondary\",\n            [buttonStyles.secondaryDestructiveBorder]:\n              themeName === \"classic\" && color === \"destructive-secondary\",\n          },\n        )}\n        onClick={onClick}\n      >\n        {StartIcon && themeName === \"classic\" && (\n          <StartIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        <Typography\n          size={themeName === \"classic\" ? textVariant[size] : textVariant[size]}\n        >\n          <span\n            // Temporary - until we have cambio colors on Typogrphay\n            className={foregroundColorClass}\n            style={{ fontWeight: 500 }}\n          >\n            {text}\n          </span>\n        </Typography>\n        {EndIcon && themeName === \"classic\" && (\n          <EndIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"]}

package/dist/__chunks/YOMN7RCA.js

@@ -0,0 +1,56 @@
+import {
+  colors_module_default
+} from "./5I67FE26.js";
+
+// src/colors/backgroundColor.ts
+function classicBackgroundColor(color) {
+  switch (color) {
+    case "secondary":
+      return colors_module_default.primary100BackgroundColor;
+    case "destructive-primary":
+      return colors_module_default.destructive700BackgroundColor;
+    case "destructive-secondary":
+      return colors_module_default.destructive100BackgroundColor;
+    case "success":
+      return colors_module_default.success700BackgroundColor;
+    case "tertiary":
+    case "destructive-tertiary":
+      return colors_module_default.whiteBackgroundColor;
+    case "branded":
+      return colors_module_default.yellow700BackgroundColor;
+    case "inverse":
+      return colors_module_default.gray60BackgroundColor;
+    default:
+      return colors_module_default.primary700BackgroundColor;
+  }
+}
+function cambioBackgroundColor(color) {
+  switch (color) {
+    case "primary":
+      return colors_module_default.cambioBlackBackgroundColor;
+    case "secondary":
+      return colors_module_default.cambioGray370BackgroundColor;
+    case "tertiary":
+    case "success-tertiary":
+    case "destructive-tertiary":
+      return colors_module_default.cambioTransparentFullBackgroundColor;
+    case "success-primary":
+      return colors_module_default.cambioSuccess700BackgroundColor;
+    case "success-secondary":
+      return colors_module_default.cambioSuccess370BackgroundColor;
+    case "destructive-primary":
+      return colors_module_default.cambioDestructive700BackgroundColor;
+    case "destructive-secondary":
+      return colors_module_default.cambioDestructive370BackgroundColor;
+    case "branded":
+      return colors_module_default.cambioYellow700BackgroundColor;
+    default:
+      return colors_module_default.cambioBlackBackgroundColor;
+  }
+}
+
+export {
+  classicBackgroundColor,
+  cambioBackgroundColor
+};
+//# sourceMappingURL=YOMN7RCA.js.map

package/dist/__chunks/YOMN7RCA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/colors/backgroundColor.ts"],"sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicBackgroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n      return styles.primary100BackgroundColor;\n    case \"destructive-primary\":\n      return styles.destructive700BackgroundColor;\n    case \"destructive-secondary\":\n      return styles.destructive100BackgroundColor;\n    case \"success\":\n      return styles.success700BackgroundColor;\n    case \"tertiary\":\n    case \"destructive-tertiary\":\n      return styles.whiteBackgroundColor;\n    case \"branded\":\n      return styles.yellow700BackgroundColor;\n    case \"inverse\":\n      return styles.gray60BackgroundColor;\n    default:\n      return styles.primary700BackgroundColor;\n  }\n}\n\nexport function cambioBackgroundColor(\n  color: (typeof CambioColor)[number],\n): string {\n  switch (color) {\n    case \"primary\":\n      return styles.cambioBlackBackgroundColor;\n    case \"secondary\":\n      return styles.cambioGray370BackgroundColor;\n    case \"tertiary\":\n    case \"success-tertiary\":\n    case \"destructive-tertiary\":\n      return styles.cambioTransparentFullBackgroundColor;\n    case \"success-primary\":\n      return styles.cambioSuccess700BackgroundColor;\n    case \"success-secondary\":\n      return styles.cambioSuccess370BackgroundColor;\n    case \"destructive-primary\":\n      return styles.cambioDestructive700BackgroundColor;\n    case \"destructive-secondary\":\n      return styles.cambioDestructive370BackgroundColor;\n    case \"branded\":\n      return styles.cambioYellow700BackgroundColor;\n    default:\n      return styles.cambioBlackBackgroundColor;\n  }\n}\n"],"mappings":";;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}

package/dist/__chunks/{XFFSBU7E.js → ZEA5JDEB.js}

@@ -12,7 +12,7 @@ import {
 } from "./TPMQI44L.js";
 import {
   colors_module_default
-} from "./ERXGNP37.js";
+} from "./5OB72SMM.js";
 
 // src/Dialog/Dialog.tsx
 import React, {
@@ -81,4 +81,4 @@ export {
   DialogContext,
   Dialog_default
 };
-//# sourceMappingURL=XFFSBU7E.js.map
+//# sourceMappingURL=ZEA5JDEB.js.map

package/dist/__chunks/{NDJRETMM.cjs → ZQFEITZH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _QQWCNTE4cjs = require('./QQWCNTE4.cjs');
+var _4QLZTDKEcjs = require('./4QLZTDKE.cjs');
 
 
 var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
@@ -15,7 +15,7 @@ var _jsxruntime = require('react/jsx-runtime');
 var RichSelectChip_default = _react.forwardRef.call(void 0, 
   function RichSelectChip(props, ref) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _QQWCNTE4cjs.Chip_default,
+      _4QLZTDKEcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -30,4 +30,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=NDJRETMM.cjs.map
+//# sourceMappingURL=ZQFEITZH.cjs.map

package/dist/__chunks/{HEJ3LVZG.js → ZUFGJYFB.js}

@@ -1,6 +1,6 @@
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -38,4 +38,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=HEJ3LVZG.js.map
+//# sourceMappingURL=ZUFGJYFB.js.map

package/dist/colors/backgroundColor.cjs

@@ -1,10 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _4ICD552Dcjs = require('../__chunks/4ICD552D.cjs');
-require('../__chunks/RLYKYCEU.cjs');
+
+var _MF7Q6ZSWcjs = require('../__chunks/MF7Q6ZSW.cjs');
+require('../__chunks/4YO26FWL.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _4ICD552Dcjs.backgroundColor;
+
+exports.cambioBackgroundColor = _MF7Q6ZSWcjs.cambioBackgroundColor; exports.classicBackgroundColor = _MF7Q6ZSWcjs.classicBackgroundColor;
 //# sourceMappingURL=backgroundColor.cjs.map