@cambly/syntax-core 10.7.0 → 10.8.0

package/dist/__chunks/{CQOOQIYP.js → VVIDGIIT.js}

@@ -2,35 +2,35 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./JHAV5OTQ.js";
+} from "./SSFANAKU.js";
+import {
+  RichSelectChip_default
+} from "./LIP6F5HL.js";
 import {
   Popover_default
-} from "./VY7MJTPK.js";
+} from "./A7HHS3KY.js";
 import {
   DialogContext
-} from "./XFFSBU7E.js";
+} from "./ZEA5JDEB.js";
 import {
   TapArea_default
 } from "./OXKLJY2L.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./EEYUNPFG.js";
+} from "./XJW7XS7M.js";
 import {
   RichSelectSection_default
-} from "./JKXOZUCV.js";
+} from "./RMC2RSHW.js";
 import {
   RichSelectRadioButton_default
-} from "./DNTOWEIQ.js";
-import {
-  RichSelectChip_default
-} from "./M2T7D4DC.js";
+} from "./YCBSKN3Q.js";
 import {
   Box_default
-} from "./TJHCYMPV.js";
+} from "./I5W7ECUO.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 import {
   useIsHydrated
 } from "./YJ7YDIGB.js";
@@ -267,4 +267,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=CQOOQIYP.js.map
+//# sourceMappingURL=VVIDGIIT.js.map

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/{EEYUNPFG.js → XJW7XS7M.js}

@@ -6,4 +6,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=EEYUNPFG.js.map
+//# sourceMappingURL=XJW7XS7M.js.map

package/dist/__chunks/{EEYUNPFG.js.map → XJW7XS7M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 22 Feb 2024 22:37:11 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 Elevation400 = \"0px 16px 32px 0px #00000040\";\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 Fri, 01 Mar 2024 21:51:53 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\";\n"],"mappings":";AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{EIYMXZ2V.js → XSO53O27.js}

@@ -1,29 +1,35 @@
 import {
   textVariant_default
-} from "./5DBWL6IK.js";
+} from "./JXZMI4WT.js";
 import {
   iconSize_default
-} from "./4PWSK5GI.js";
+} from "./PKXXQ3OV.js";
 import {
-  foregroundTypographyColor
-} from "./HQVZUEWO.js";
+  Button_module_default
+} from "./DSGIOBWG.js";
 import {
-  foregroundColor
-} from "./CATJI2RJ.js";
+  cambioColor,
+  classicColor
+} from "./K3H7QFPB.js";
 import {
-  backgroundColor
-} from "./G4DDTGDI.js";
+  cambioForegroundColor,
+  classicForegroundColor
+} from "./YHKD5YRY.js";
+import {
+  cambioBackgroundColor,
+  classicBackgroundColor
+} from "./YOMN7RCA.js";
+import {
+  useTheme
+} from "./HVGUWZ5I.js";
 import {
   Typography_default
-} from "./B2TFERTM.js";
+} from "./TGGJZ5GF.js";
 
 // src/LinkButton/LinkButton.tsx
 import { forwardRef } from "react";
 import classNames from "classnames";
 
-// css-module:../Button/Button.module.css#css-module
-var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
-
 // css-module:./LinkButton.module.css#css-module
 var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
 
@@ -43,6 +49,9 @@ var LinkButton = forwardRef(
     endIcon: EndIcon,
     onClick
   }, ref) => {
+    const { themeName } = useTheme();
+    const foregroundColorClass = themeName === "classic" ? classicForegroundColor(classicColor(color)) : cambioForegroundColor(cambioColor(color));
+    const backgroundColorClass = themeName === "classic" ? classicBackgroundColor(classicColor(color)) : cambioBackgroundColor(cambioColor(color));
     return /* @__PURE__ */ jsxs(
       "a",
       {
@@ -54,44 +63,50 @@ var LinkButton = forwardRef(
         className: classNames(
           LinkButton_module_default.linkButton,
           Button_module_default.button,
-          foregroundColor(color),
-          backgroundColor(color),
-          Button_module_default[size],
+          foregroundColorClass,
+          backgroundColorClass,
+          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
           {
             [Button_module_default.fullWidth]: fullWidth,
             [LinkButton_module_default.fitContent]: !fullWidth,
-            [Button_module_default.buttonGap]: size === "lg" || size === "md",
-            [Button_module_default.secondaryBorder]: color === "secondary",
-            [Button_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
+            [Button_module_default.buttonGap]: themeName === "classic" && (size === "lg" || size === "md"),
+            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
+            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
           }
         ),
         onClick,
         children: [
-          StartIcon && /* @__PURE__ */ jsx(
+          StartIcon && themeName === "classic" && /* @__PURE__ */ jsx(
             StartIcon,
             {
               className: classNames(
                 Button_module_default.icon,
                 iconSize_default[size],
-                foregroundColor(color)
+                foregroundColorClass
               )
             }
           ),
           /* @__PURE__ */ jsx(
             Typography_default,
             {
-              color: foregroundTypographyColor(color),
-              size: textVariant_default[size],
-              children: /* @__PURE__ */ jsx("span", { style: { fontWeight: 500 }, children: text })
+              size: themeName === "classic" ? textVariant_default[size] : textVariant_default[size],
+              children: /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: foregroundColorClass,
+                  style: { fontWeight: 500 },
+                  children: text
+                }
+              )
             }
           ),
-          EndIcon && /* @__PURE__ */ jsx(
+          EndIcon && themeName === "classic" && /* @__PURE__ */ jsx(
             EndIcon,
             {
               className: classNames(
                 Button_module_default.icon,
                 iconSize_default[size],
-                foregroundColor(color)
+                foregroundColorClass
               )
             }
           )
@@ -106,4 +121,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=EIYMXZ2V.js.map
+//# sourceMappingURL=XSO53O27.js.map

package/dist/__chunks/XSO53O27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:./LinkButton.module.css#css-module"],"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    | \"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\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACD6E,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AD8IpL,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;","names":[]}

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/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