@cambly/syntax-core 10.30.0 → 10.31.0

package/dist/__chunks/{FLFJRP4T.js → UXTPDCQJ.js}

@@ -4,33 +4,27 @@ import {
 } from "./Z5ZUAP2B.js";
 import {
   iconSize_default
-} from "./JAC64LLA.js";
+} from "./YV4ASN4Z.js";
 import {
-  Button_module_default
-} from "./OMFFRI3K.js";
-import {
-  cambioColor,
-  classicColor
+  cambioColor
 } from "./GFKDPMFK.js";
 import {
-  cambioForegroundColor,
-  classicForegroundColor
-} from "./FPHP3T7U.js";
+  cambioForegroundColor
+} from "./P6K7GG3H.js";
 import {
-  cambioBackgroundColor,
-  classicBackgroundColor
-} from "./IB3FQANU.js";
+  backgroundColor
+} from "./MWCEKFF2.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./3GNWH6C7.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_hiifq_1", "buttonGap": "_buttonGap_hiifq_9", "disabledPrimary": "_disabledPrimary_hiifq_50", "fullWidth": "_fullWidth_hiifq_54", "sm": "_sm_hiifq_58", "md": "_md_hiifq_65", "lg": "_lg_hiifq_72", "icon": "_icon_hiifq_79", "smIcon": "_smIcon_hiifq_83", "mdIcon": "_mdIcon_hiifq_90", "lgIcon": "_lgIcon_hiifq_97", "loading": "_loading_hiifq_114", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hiifq_1", "loadingCircle": "_loadingCircle_hiifq_118" };
+
 // css-module:./LinkButton.module.css#css-module
 var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
 
@@ -51,9 +45,8 @@ var LinkButton = forwardRef(
     on = "lightBackground",
     onClick
   }, ref) => {
-    const { themeName } = useTheme();
-    const foregroundColorClass = themeName === "classic" ? classicForegroundColor(classicColor(color)) : cambioForegroundColor(cambioColor(color), on);
-    const backgroundColorClass = themeName === "classic" ? classicBackgroundColor(classicColor(color)) : cambioBackgroundColor(cambioColor(color), on);
+    const foregroundColorClass = cambioForegroundColor(cambioColor(color), on);
+    const backgroundColorClass = backgroundColor(cambioColor(color), on);
     return /* @__PURE__ */ jsxs(
       "a",
       {
@@ -67,13 +60,11 @@ var LinkButton = forwardRef(
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          themeName === "classic" ? Button_module_default[size] : Button_module_default[`${size}Cambio`],
+          Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
             [LinkButton_module_default.fitContent]: !fullWidth,
-            [Button_module_default.buttonGap]: size === "lg" || size === "md",
-            [Button_module_default.secondaryBorder]: themeName === "classic" && color === "secondary",
-            [Button_module_default.secondaryDestructiveBorder]: themeName === "classic" && color === "destructive-secondary"
+            [Button_module_default.buttonGap]: size === "lg" || size === "md"
           }
         ),
         onClick,
@@ -88,20 +79,14 @@ var LinkButton = forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx(
-            Typography_default,
+          /* @__PURE__ */ jsx(Typography_default, { size: textVariant_default[size], children: /* @__PURE__ */ jsx(
+            "span",
             {
-              size: themeName === "classic" ? textVariant_default[size] : textVariant_default[size],
-              children: /* @__PURE__ */ jsx(
-                "span",
-                {
-                  className: foregroundColorClass,
-                  style: { fontWeight: 500 },
-                  children: text
-                }
-              )
+              className: foregroundColorClass,
+              style: { fontWeight: 500 },
+              children: text
             }
-          ),
+          ) }),
           EndIcon && /* @__PURE__ */ jsx(
             EndIcon,
             {
@@ -123,4 +108,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=FLFJRP4T.js.map
+//# sourceMappingURL=UXTPDCQJ.js.map

package/dist/__chunks/UXTPDCQJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","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\";\nimport { cambioColor } from \"../Button/constants/color\";\nimport { backgroundColor } from \"../colors//backgroundColor\";\nimport { cambioForegroundColor } from \"../colors/foregroundColor\";\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   * `inverse` and `success` are deprecated\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   * * `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   */\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   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * 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      on = \"lightBackground\",\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    const foregroundColorClass = cambioForegroundColor(cambioColor(color), on);\n    const backgroundColorClass = backgroundColor(cambioColor(color), on);\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          buttonStyles[size],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n        onClick={onClick}\n      >\n        {StartIcon && (\n          <StartIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        <Typography size={textVariant[size]}>\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 && (\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/Button/Button.module.css\"; export default {\"button\":\"_button_hiifq_1\",\"buttonGap\":\"_buttonGap_hiifq_9\",\"disabledPrimary\":\"_disabledPrimary_hiifq_50\",\"fullWidth\":\"_fullWidth_hiifq_54\",\"sm\":\"_sm_hiifq_58\",\"md\":\"_md_hiifq_65\",\"lg\":\"_lg_hiifq_72\",\"icon\":\"_icon_hiifq_79\",\"smIcon\":\"_smIcon_hiifq_83\",\"mdIcon\":\"_mdIcon_hiifq_90\",\"lgIcon\":\"_lgIcon_hiifq_97\",\"loading\":\"_loading_hiifq_114\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hiifq_1\",\"loadingCircle\":\"_loadingCircle_hiifq_118\"}","import \"/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;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACAtc,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFqHpL,SAqBI,KArBJ;AAtBN,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,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,uBAAuB,sBAAsB,YAAY,KAAK,GAAG,EAAE;AACzE,UAAM,uBAAuB,gBAAgB,YAAY,KAAK,GAAG,EAAE;AAEnE,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,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UACtD;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,oBAAY,IAAI,GAChC;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,cACX,OAAO,EAAE,YAAY,IAAI;AAAA,cAExB;AAAA;AAAA,UACH,GACF;AAAA,UACC,WACC;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/VTH5KXQF.cjs

@@ -0,0 +1,111 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
+
+
+var _5JUNB754cjs = require('./5JUNB754.cjs');
+
+
+var _4D7UZQ2Acjs = require('./4D7UZQ2A.cjs');
+
+
+var _HWQUS53Mcjs = require('./HWQUS53M.cjs');
+
+
+var _WWRSRFDEcjs = require('./WWRSRFDE.cjs');
+
+
+var _T5EA5RPQcjs = require('./T5EA5RPQ.cjs');
+
+
+var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+
+// src/LinkButton/LinkButton.tsx
+var _react = require('react');
+var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
+
+// css-module:../Button/Button.module.css#css-module
+var Button_module_default = { "button": "_button_hiifq_1", "buttonGap": "_buttonGap_hiifq_9", "disabledPrimary": "_disabledPrimary_hiifq_50", "fullWidth": "_fullWidth_hiifq_54", "sm": "_sm_hiifq_58", "md": "_md_hiifq_65", "lg": "_lg_hiifq_72", "icon": "_icon_hiifq_79", "smIcon": "_smIcon_hiifq_83", "mdIcon": "_mdIcon_hiifq_90", "lgIcon": "_lgIcon_hiifq_97", "loading": "_loading_hiifq_114", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hiifq_1", "loadingCircle": "_loadingCircle_hiifq_118" };
+
+// 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,
+    on = "lightBackground",
+    onClick
+  }, ref) => {
+    const foregroundColorClass = _WWRSRFDEcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    const backgroundColorClass = _T5EA5RPQcjs.backgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    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,
+          Button_module_default.button,
+          foregroundColorClass,
+          backgroundColorClass,
+          Button_module_default[size],
+          {
+            [Button_module_default.fullWidth]: fullWidth,
+            [LinkButton_module_default.fitContent]: !fullWidth,
+            [Button_module_default.buttonGap]: size === "lg" || size === "md"
+          }
+        ),
+        onClick,
+        children: [
+          StartIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            StartIcon,
+            {
+              className: _classnames2.default.call(void 0, 
+                Button_module_default.icon,
+                _4D7UZQ2Acjs.iconSize_default[size],
+                foregroundColorClass
+              )
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: foregroundColorClass,
+              style: { fontWeight: 500 },
+              children: text
+            }
+          ) }),
+          EndIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            EndIcon,
+            {
+              className: _classnames2.default.call(void 0, 
+                Button_module_default.icon,
+                _4D7UZQ2Acjs.iconSize_default[size],
+                foregroundColorClass
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+LinkButton.displayName = "LinkButton";
+var LinkButton_default = LinkButton;
+
+
+
+exports.LinkButton_default = LinkButton_default;
+//# sourceMappingURL=VTH5KXQF.cjs.map

package/dist/__chunks/VTH5KXQF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACAtc,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFqHpL,SAqBI,KArBJ;AAtBN,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,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,uBAAuB,sBAAsB,YAAY,KAAK,GAAG,EAAE;AACzE,UAAM,uBAAuB,gBAAgB,YAAY,KAAK,GAAG,EAAE;AAEnE,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,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UACtD;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,oBAAY,IAAI,GAChC;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,cACX,OAAO,EAAE,YAAY,IAAI;AAAA,cAExB;AAAA;AAAA,UACH,GACF;AAAA,UACC,WACC;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\";\nimport { cambioColor } from \"../Button/constants/color\";\nimport { backgroundColor } from \"../colors//backgroundColor\";\nimport { cambioForegroundColor } from \"../colors/foregroundColor\";\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   * `inverse` and `success` are deprecated\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   * * `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   */\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   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * 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      on = \"lightBackground\",\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    const foregroundColorClass = cambioForegroundColor(cambioColor(color), on);\n    const backgroundColorClass = backgroundColor(cambioColor(color), on);\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          buttonStyles[size],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n        onClick={onClick}\n      >\n        {StartIcon && (\n          <StartIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        <Typography size={textVariant[size]}>\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 && (\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/Button/Button.module.css\"; export default {\"button\":\"_button_hiifq_1\",\"buttonGap\":\"_buttonGap_hiifq_9\",\"disabledPrimary\":\"_disabledPrimary_hiifq_50\",\"fullWidth\":\"_fullWidth_hiifq_54\",\"sm\":\"_sm_hiifq_58\",\"md\":\"_md_hiifq_65\",\"lg\":\"_lg_hiifq_72\",\"icon\":\"_icon_hiifq_79\",\"smIcon\":\"_smIcon_hiifq_83\",\"mdIcon\":\"_mdIcon_hiifq_90\",\"lgIcon\":\"_lgIcon_hiifq_97\",\"loading\":\"_loading_hiifq_114\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_hiifq_1\",\"loadingCircle\":\"_loadingCircle_hiifq_118\"}","import \"/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/{UQY2ELTZ.cjs → WWRSRFDE.cjs}

@@ -4,22 +4,6 @@
 var _DTKTTGU5cjs = require('./DTKTTGU5.cjs');
 
 // src/colors/foregroundColor.ts
-function classicForegroundColor(color) {
-  switch (color) {
-    case "secondary":
-    case "tertiary":
-      return _DTKTTGU5cjs.colors_module_default.primary700Color;
-    case "destructive-secondary":
-    case "destructive-tertiary":
-      return _DTKTTGU5cjs.colors_module_default.destructive700Color;
-    case "branded":
-      return _DTKTTGU5cjs.colors_module_default.gray900Color;
-    case "inverse":
-      return _DTKTTGU5cjs.colors_module_default.whiteColor;
-    default:
-      return _DTKTTGU5cjs.colors_module_default.whiteColor;
-  }
-}
 function cambioForegroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
@@ -59,6 +43,5 @@ function cambioForegroundColor(color, on) {
 
 
 
-
-exports.classicForegroundColor = classicForegroundColor; exports.cambioForegroundColor = cambioForegroundColor;
-//# sourceMappingURL=UQY2ELTZ.cjs.map
+exports.cambioForegroundColor = cambioForegroundColor;
+//# sourceMappingURL=WWRSRFDE.cjs.map

package/dist/__chunks/WWRSRFDE.cjs.map

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

package/dist/__chunks/{63GEZVJ4.js → XHTRMLY4.js}

@@ -2,9 +2,6 @@
 import {
   colors_module_default
 } from "./B7PDT66P.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
 
 // css-module:./Divider.module.css#css-module
 var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic": "_dividerClassic_1uaon_9" };
@@ -13,11 +10,13 @@ var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic":
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
 function Divider() {
-  const { themeName } = useTheme();
   return /* @__PURE__ */ jsx(
     "hr",
     {
-      className: themeName === "classic" ? classNames(Divider_module_default.divider, Divider_module_default.dividerClassic) : classNames(Divider_module_default.divider, colors_module_default.cambioGray370BackgroundColor)
+      className: classNames(
+        Divider_module_default.divider,
+        colors_module_default.cambioGray370BackgroundColor
+      )
     }
   );
 }
@@ -26,4 +25,4 @@ Divider.displayName = "Divider";
 export {
   Divider
 };
-//# sourceMappingURL=63GEZVJ4.js.map
+//# sourceMappingURL=XHTRMLY4.js.map

package/dist/__chunks/XHTRMLY4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Divider.module.css#css-module","../../src/Divider/Divider.tsx"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1uaon_1\",\"dividerClassic\":\"_dividerClassic_1uaon_9\"}","import styles from \"./Divider.module.css\";\nimport classNames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\n\n/**\n * [Divider](https://cambly-syntax.vercel.app/?path=/docs/components-divider--docs) is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider(): React.ReactElement {\n  return (\n    <hr\n      className={classNames(\n        styles.divider,\n        colorStyles.cambioGray370BackgroundColor,\n      )}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n"],"mappings":";;;;;;AAA8F,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,kBAAiB,0BAAyB;;;ACCrL,OAAO,gBAAgB;AAQnB;AAFW,SAAR,UAA+C;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,uBAAO;AAAA,QACP,sBAAY;AAAA,MACd;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc;","names":[]}

package/dist/__chunks/{AYTJYJHI.js → XZ23UL5J.js}

@@ -1,14 +1,11 @@
 "use client"
 import {
   Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./3GNWH6C7.js";
 
 // src/Heading/Heading.tsx
 import { jsx } from "react/jsx-runtime";
-function cambioWeight({
+function weight({
   fontStyle,
   size
 }) {
@@ -30,8 +27,6 @@ var Heading = ({
   lineClamp,
   size = 500
 }) => {
-  const { themeName } = useTheme();
-  const classicWeight = [700, 800].includes(size) ? "heavy" : "bold";
   return /* @__PURE__ */ jsx(
     Typography_default,
     {
@@ -42,7 +37,7 @@ var Heading = ({
       "data-testid": dataTestId,
       lineClamp,
       size,
-      weight: themeName === "classic" ? classicWeight : cambioWeight({ fontStyle, size }),
+      weight: weight({ fontStyle, size }),
       children
     }
   );
@@ -52,4 +47,4 @@ var Heading_default = Heading;
 export {
   Heading_default
 };
-//# sourceMappingURL=AYTJYJHI.js.map
+//# sourceMappingURL=XZ23UL5J.js.map

package/dist/__chunks/XZ23UL5J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Heading/Heading.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode } from \"react\";\nimport Typography from \"../Typography/Typography\";\n\nfunction weight({\n  fontStyle,\n  size,\n}: {\n  fontStyle: \"serif\" | \"sans-serif\";\n  size: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): \"bold\" | \"medium\" | \"regular\" {\n  if (fontStyle === \"serif\" && [400, 500, 600].includes(size)) {\n    return \"bold\";\n  } else if (fontStyle === \"serif\") {\n    return \"medium\";\n  } else {\n    return \"regular\";\n  }\n}\n\n/**\n * [Heading](https://cambly-syntax.vercel.app/?path=/docs/components-heading--docs) enforces a consistent style & accessibility best practices for headings.\n */\nconst Heading = ({\n  align = \"start\",\n  as = \"h1\",\n  children,\n  color = \"gray900\",\n  \"data-testid\": dataTestId,\n  fontStyle = \"sans-serif\",\n  lineClamp,\n  size = 500,\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 \"h1\"\n   */\n  as?: \"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    | \"success\"\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 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   * * `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   * * `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 500\n   */\n  size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n}): ReactElement => {\n  return (\n    <Typography\n      align={align}\n      as={as}\n      color={color}\n      fontStyle={fontStyle}\n      data-testid={dataTestId}\n      lineClamp={lineClamp}\n      size={size}\n      weight={weight({ fontStyle, size })}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport default Heading;\n"],"mappings":";;;;;;AA2GI;AAxGJ,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AACF,GAGkC;AAChC,MAAI,cAAc,WAAW,CAAC,KAAK,KAAK,GAAG,EAAE,SAAS,IAAI,GAAG;AAC3D,WAAO;AAAA,EACT,WAAW,cAAc,SAAS;AAChC,WAAO;AAAA,EACT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAKA,IAAM,UAAU,CAAC;AAAA,EACf,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AACT,MA0EoB;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,EAAE,WAAW,KAAK,CAAC;AAAA,MAEjC;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/__chunks/{HYRATHVK.cjs → YNVQJ4DG.cjs}

@@ -3,9 +3,6 @@
 
 var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
 
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
 // css-module:./Divider.module.css#css-module
 var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic": "_dividerClassic_1uaon_9" };
 
@@ -13,11 +10,13 @@ var Divider_module_default = { "divider": "_divider_1uaon_1", "dividerClassic":
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _jsxruntime = require('react/jsx-runtime');
 function Divider() {
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "hr",
     {
-      className: themeName === "classic" ? _classnames2.default.call(void 0, Divider_module_default.divider, Divider_module_default.dividerClassic) : _classnames2.default.call(void 0, Divider_module_default.divider, _QAS3KERZcjs.colors_module_default.cambioGray370BackgroundColor)
+      className: _classnames2.default.call(void 0, 
+        Divider_module_default.divider,
+        _QAS3KERZcjs.colors_module_default.cambioGray370BackgroundColor
+      )
     }
   );
 }
@@ -26,4 +25,4 @@ Divider.displayName = "Divider";
 
 
 exports.Divider = Divider;
-//# sourceMappingURL=HYRATHVK.cjs.map
+//# sourceMappingURL=YNVQJ4DG.cjs.map

package/dist/__chunks/YNVQJ4DG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:./Divider.module.css#css-module","../../src/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;AAA8F,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,kBAAiB,0BAAyB;;;ACCrL,OAAO,gBAAgB;AAQnB;AAFW,SAAR,UAA+C;AACpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,uBAAO;AAAA,QACP,sBAAY;AAAA,MACd;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc","sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css\"; export default {\"divider\":\"_divider_1uaon_1\",\"dividerClassic\":\"_dividerClassic_1uaon_9\"}","import styles from \"./Divider.module.css\";\nimport classNames from \"classnames\";\nimport colorStyles from \"../colors/colors.module.css\";\n\n/**\n * [Divider](https://cambly-syntax.vercel.app/?path=/docs/components-divider--docs) is a thin horizontal line to group content in lists and layouts.\n */\nexport default function Divider(): React.ReactElement {\n  return (\n    <hr\n      className={classNames(\n        styles.divider,\n        colorStyles.cambioGray370BackgroundColor,\n      )}\n    />\n  );\n}\n\nDivider.displayName = \"Divider\";\n"]}

package/dist/__chunks/YV4ASN4Z.js

@@ -0,0 +1,17 @@
+"use client"
+
+// css-module:../Button.module.css#css-module
+var Button_module_default = { "button": "_button_hiifq_1", "buttonGap": "_buttonGap_hiifq_9", "disabledPrimary": "_disabledPrimary_hiifq_50", "fullWidth": "_fullWidth_hiifq_54", "sm": "_sm_hiifq_58", "md": "_md_hiifq_65", "lg": "_lg_hiifq_72", "icon": "_icon_hiifq_79", "smIcon": "_smIcon_hiifq_83", "mdIcon": "_mdIcon_hiifq_90", "lgIcon": "_lgIcon_hiifq_97", "loading": "_loading_hiifq_114", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hiifq_1", "loadingCircle": "_loadingCircle_hiifq_118" };
+
+// src/Button/constants/iconSize.ts
+var iconSize = {
+  sm: Button_module_default.smIcon,
+  md: Button_module_default.mdIcon,
+  lg: Button_module_default.lgIcon
+};
+var iconSize_default = iconSize;
+
+export {
+  iconSize_default
+};
+//# sourceMappingURL=YV4ASN4Z.js.map

package/dist/__chunks/YV4ASN4Z.js.map

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

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

@@ -1,13 +1,10 @@
 "use client"
 import {
   rounding_module_default
-} from "./SHHN3SRR.js";
+} from "./EB7WKQ35.js";
 import {
   colors_module_default
 } from "./B7PDT66P.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
 import {
   __objRest,
   __spreadProps,
@@ -38,7 +35,6 @@ function roundingCambio(rounding) {
 var Box = forwardRef(function Box2(props, ref) {
   var _c;
   const _a = props, { as: BoxElement = "div", children } = _a, boxProps = __objRest(_a, ["as", "children"]);
-  const { themeName } = useTheme();
   const _b = boxProps, {
     alignItems: alignItems,
     smAlignItems,
@@ -153,8 +149,6 @@ var Box = forwardRef(function Box2(props, ref) {
     "minWidth",
     "width"
   ]);
-  const classicRoundingStyle = themeName === "classic" && rounding && rounding !== "none" ? rounding_module_default[`rounding${rounding}`] : void 0;
-  const cambioRoundingStyles = themeName === "cambio" && rounding && rounding !== "none" ? rounding_module_default[`rounding${roundingCambio(rounding)}Cambio`] : void 0;
   const parsedProps = {
     className: classNames(
       Box_module_default.box,
@@ -212,8 +206,7 @@ var Box = forwardRef(function Box2(props, ref) {
       smJustifyContent && Box_module_default[`justifyContent${smJustifyContent}Small`],
       lgJustifyContent && Box_module_default[`justifyContent${lgJustifyContent}Large`],
       position && position !== "static" && Box_module_default[position],
-      classicRoundingStyle,
-      cambioRoundingStyles,
+      rounding && rounding !== "none" && rounding_module_default[`rounding${roundingCambio(rounding)}`],
       overflow && Box_module_default[`overflow${overflow}`],
       overflowX && Box_module_default[`overflowX${overflowX}`],
       overflowY && Box_module_default[`overflowY${overflowY}`]
@@ -238,6 +231,7 @@ var Box = forwardRef(function Box2(props, ref) {
 var Box_default = Box;
 
 export {
+  roundingCambio,
   Box_default
 };
-//# sourceMappingURL=HCHFPFNX.js.map
+//# sourceMappingURL=ZPY7QEBH.js.map