@cambly/syntax-core 10.27.0 → 10.28.0

package/dist/__chunks/{H2VCDVLG.js → XYPM2PWU.js}

@@ -4,16 +4,16 @@ import {
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./XQM7YZ26.js";
+} from "./HCHFPFNX.js";
 import {
   Typography_default
-} from "./HINMIM2W.js";
+} from "./MDAWMKBY.js";
 import {
   colors_module_default
 } from "./B7PDT66P.js";
 import {
   useTheme
-} from "./ZSHAHV4F.js";
+} from "./4GTNQPPD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -137,4 +137,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=H2VCDVLG.js.map
+//# sourceMappingURL=XYPM2PWU.js.map

package/dist/__chunks/{53T425YL.js → Y2HREK3T.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   Dialog_default
-} from "./WG6366VB.js";
+} from "./UF7SXHS4.js";
 import {
   IconButton_default
-} from "./ZEMGWSJQ.js";
+} from "./VR4ZFZ4Z.js";
 import {
   padding_module_default
 } from "./ZOWOFYUE.js";
@@ -13,7 +13,7 @@ import {
 } from "./AVREYFSM.js";
 import {
   Box_default
-} from "./XQM7YZ26.js";
+} from "./HCHFPFNX.js";
 import {
   OverlayVisibility
 } from "./E5KMIBEU.js";
@@ -157,4 +157,4 @@ export {
   AriaModal,
   ModalDialog_default
 };
-//# sourceMappingURL=53T425YL.js.map
+//# sourceMappingURL=Y2HREK3T.js.map

package/dist/__chunks/{J3ES6ZT6.cjs → Y2TA6QLY.cjs}

@@ -7,7 +7,7 @@ var _MF7LLV7Vcjs = require('./MF7LLV7V.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _TJN7NBWUcjs = require('./TJN7NBWU.cjs');
+var _YJWKUNYUcjs = require('./YJWKUNYU.cjs');
 
 // src/RichSelect/RichSelectSection.tsx
 var _react = require('react');
@@ -39,7 +39,7 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
           }
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _TJN7NBWUcjs.Typography_default, { children: label }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Header, { className: _classnames2.default.call(void 0, _MF7LLV7Vcjs.layout_module_default.fullWidth), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YJWKUNYUcjs.Typography_default, { children: label }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.Collection, { children })
         ]
       }
@@ -50,4 +50,4 @@ var RichSelectSection_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectSection_default = RichSelectSection_default;
-//# sourceMappingURL=J3ES6ZT6.cjs.map
+//# sourceMappingURL=Y2TA6QLY.cjs.map

package/dist/__chunks/{TJN7NBWU.cjs → YJWKUNYU.cjs}

@@ -4,14 +4,14 @@
 var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
 
 
-var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
+var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
 
 // src/Typography/Typography.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _react = require('react');
 
 // css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_1gnc6_1", "sansSerif": "_sansSerif_1gnc6_24", "serif": "_serif_1gnc6_30", "size100": "_size100_1gnc6_37", "size200": "_size200_1gnc6_41", "size300": "_size300_1gnc6_45", "size500": "_size500_1gnc6_49", "size600": "_size600_1gnc6_53", "size700": "_size700_1gnc6_57", "size800": "_size800_1gnc6_61", "size100Cambio": "_size100Cambio_1gnc6_66", "size200Cambio": "_size200Cambio_1gnc6_70", "size300Cambio": "_size300Cambio_1gnc6_74", "size400Cambio": "_size400Cambio_1gnc6_78", "size500Cambio": "_size500Cambio_1gnc6_82", "size600Cambio": "_size600Cambio_1gnc6_86", "size700Cambio": "_size700Cambio_1gnc6_90", "size800Cambio": "_size800Cambio_1gnc6_94", "size900Cambio": "_size900Cambio_1gnc6_98", "size1000Cambio": "_size1000Cambio_1gnc6_139", "size1100Cambio": "_size1100Cambio_1gnc6_143", "center": "_center_1gnc6_149", "forceLeft": "_forceLeft_1gnc6_153", "forceRight": "_forceRight_1gnc6_157", "start": "_start_1gnc6_161", "end": "_end_1gnc6_165", "bold": "_bold_1gnc6_170", "regular": "_regular_1gnc6_174", "interactive": "_interactive_1gnc6_178", "semiBold": "_semiBold_1gnc6_182", "heavy": "_heavy_1gnc6_186", "regularCambio": "_regularCambio_1gnc6_190", "mediumCambio": "_mediumCambio_1gnc6_194", "semiBoldCambio": "_semiBoldCambio_1gnc6_198", "boldCambio": "_boldCambio_1gnc6_202", "underline": "_underline_1gnc6_206", "inline": "_inline_1gnc6_210", "uppercase": "_uppercase_1gnc6_214", "lineClamp": "_lineClamp_1gnc6_218" };
+var Typography_module_default = { "typography": "_typography_crxq1_1", "sansSerif": "_sansSerif_crxq1_22", "serif": "_serif_crxq1_27", "size100": "_size100_crxq1_71", "size200": "_size200_crxq1_75", "size300": "_size300_crxq1_79", "size500": "_size500_crxq1_83", "size600": "_size600_crxq1_87", "size700": "_size700_crxq1_91", "size800": "_size800_crxq1_95", "size100Cambio": "_size100Cambio_crxq1_100", "size200Cambio": "_size200Cambio_crxq1_104", "size300Cambio": "_size300Cambio_crxq1_108", "size400Cambio": "_size400Cambio_crxq1_112", "size500Cambio": "_size500Cambio_crxq1_116", "size600Cambio": "_size600Cambio_crxq1_120", "size700Cambio": "_size700Cambio_crxq1_124", "size800Cambio": "_size800Cambio_crxq1_128", "size900Cambio": "_size900Cambio_crxq1_132", "size1000Cambio": "_size1000Cambio_crxq1_173", "size1100Cambio": "_size1100Cambio_crxq1_177", "center": "_center_crxq1_183", "forceLeft": "_forceLeft_crxq1_187", "forceRight": "_forceRight_crxq1_191", "start": "_start_crxq1_195", "end": "_end_crxq1_199", "bold": "_bold_crxq1_204", "regular": "_regular_crxq1_208", "interactive": "_interactive_crxq1_212", "semiBold": "_semiBold_crxq1_216", "heavy": "_heavy_crxq1_220", "regularCambio": "_regularCambio_crxq1_224", "mediumCambio": "_mediumCambio_crxq1_228", "semiBoldCambio": "_semiBoldCambio_crxq1_232", "boldCambio": "_boldCambio_crxq1_236", "underline": "_underline_crxq1_240", "inline": "_inline_crxq1_244", "uppercase": "_uppercase_crxq1_248", "lineClamp": "_lineClamp_crxq1_252" };
 
 // src/Typography/Typography.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -89,7 +89,7 @@ var Typography = _react.forwardRef.call(void 0, function Typography2({
   weight = "regular"
 }, ref) {
   const Tag = as;
-  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
+  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
   const weightStyles = themeName === "classic" ? Typography_module_default[classicWeight(weight)] : Typography_module_default[`${cambioWeight(weight)}Cambio`];
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Tag,
@@ -125,4 +125,4 @@ var Typography_default = Typography;
 
 
 exports.Typography_default = Typography_default;
-//# sourceMappingURL=TJN7NBWU.cjs.map
+//# sourceMappingURL=YJWKUNYU.cjs.map

package/dist/__chunks/{TJN7NBWU.cjs.map → YJWKUNYU.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1gnc6_1\",\"sansSerif\":\"_sansSerif_1gnc6_24\",\"serif\":\"_serif_1gnc6_30\",\"size100\":\"_size100_1gnc6_37\",\"size200\":\"_size200_1gnc6_41\",\"size300\":\"_size300_1gnc6_45\",\"size500\":\"_size500_1gnc6_49\",\"size600\":\"_size600_1gnc6_53\",\"size700\":\"_size700_1gnc6_57\",\"size800\":\"_size800_1gnc6_61\",\"size100Cambio\":\"_size100Cambio_1gnc6_66\",\"size200Cambio\":\"_size200Cambio_1gnc6_70\",\"size300Cambio\":\"_size300Cambio_1gnc6_74\",\"size400Cambio\":\"_size400Cambio_1gnc6_78\",\"size500Cambio\":\"_size500Cambio_1gnc6_82\",\"size600Cambio\":\"_size600Cambio_1gnc6_86\",\"size700Cambio\":\"_size700Cambio_1gnc6_90\",\"size800Cambio\":\"_size800Cambio_1gnc6_94\",\"size900Cambio\":\"_size900Cambio_1gnc6_98\",\"size1000Cambio\":\"_size1000Cambio_1gnc6_139\",\"size1100Cambio\":\"_size1100Cambio_1gnc6_143\",\"center\":\"_center_1gnc6_149\",\"forceLeft\":\"_forceLeft_1gnc6_153\",\"forceRight\":\"_forceRight_1gnc6_157\",\"start\":\"_start_1gnc6_161\",\"end\":\"_end_1gnc6_165\",\"bold\":\"_bold_1gnc6_170\",\"regular\":\"_regular_1gnc6_174\",\"interactive\":\"_interactive_1gnc6_178\",\"semiBold\":\"_semiBold_1gnc6_182\",\"heavy\":\"_heavy_1gnc6_186\",\"regularCambio\":\"_regularCambio_1gnc6_190\",\"mediumCambio\":\"_mediumCambio_1gnc6_194\",\"semiBoldCambio\":\"_semiBoldCambio_1gnc6_198\",\"boldCambio\":\"_boldCambio_1gnc6_202\",\"underline\":\"_underline_1gnc6_206\",\"inline\":\"_inline_1gnc6_210\",\"uppercase\":\"_uppercase_1gnc6_214\",\"lineClamp\":\"_lineClamp_1gnc6_218\"}"]}
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":"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","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" | \"bold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     * * `bold`: 710\n     *\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_crxq1_1\",\"sansSerif\":\"_sansSerif_crxq1_22\",\"serif\":\"_serif_crxq1_27\",\"size100\":\"_size100_crxq1_71\",\"size200\":\"_size200_crxq1_75\",\"size300\":\"_size300_crxq1_79\",\"size500\":\"_size500_crxq1_83\",\"size600\":\"_size600_crxq1_87\",\"size700\":\"_size700_crxq1_91\",\"size800\":\"_size800_crxq1_95\",\"size100Cambio\":\"_size100Cambio_crxq1_100\",\"size200Cambio\":\"_size200Cambio_crxq1_104\",\"size300Cambio\":\"_size300Cambio_crxq1_108\",\"size400Cambio\":\"_size400Cambio_crxq1_112\",\"size500Cambio\":\"_size500Cambio_crxq1_116\",\"size600Cambio\":\"_size600Cambio_crxq1_120\",\"size700Cambio\":\"_size700Cambio_crxq1_124\",\"size800Cambio\":\"_size800Cambio_crxq1_128\",\"size900Cambio\":\"_size900Cambio_crxq1_132\",\"size1000Cambio\":\"_size1000Cambio_crxq1_173\",\"size1100Cambio\":\"_size1100Cambio_crxq1_177\",\"center\":\"_center_crxq1_183\",\"forceLeft\":\"_forceLeft_crxq1_187\",\"forceRight\":\"_forceRight_crxq1_191\",\"start\":\"_start_crxq1_195\",\"end\":\"_end_crxq1_199\",\"bold\":\"_bold_crxq1_204\",\"regular\":\"_regular_crxq1_208\",\"interactive\":\"_interactive_crxq1_212\",\"semiBold\":\"_semiBold_crxq1_216\",\"heavy\":\"_heavy_crxq1_220\",\"regularCambio\":\"_regularCambio_crxq1_224\",\"mediumCambio\":\"_mediumCambio_crxq1_228\",\"semiBoldCambio\":\"_semiBoldCambio_crxq1_232\",\"boldCambio\":\"_boldCambio_crxq1_236\",\"underline\":\"_underline_crxq1_240\",\"inline\":\"_inline_crxq1_244\",\"uppercase\":\"_uppercase_crxq1_248\",\"lineClamp\":\"_lineClamp_crxq1_252\"}"]}

package/dist/__chunks/{VRVOFKLI.cjs → ZRO3RCYX.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _4MLT3AHKcjs = require('./4MLT3AHK.cjs');
+var _PKBQW5T6cjs = require('./PKBQW5T6.cjs');
 
 
-var _E4LISCR7cjs = require('./E4LISCR7.cjs');
+var _GANR5JVVcjs = require('./GANR5JVV.cjs');
 
 
-var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
+var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
 
 
 var _X2SDR4SDcjs = require('./X2SDR4SD.cjs');
@@ -48,7 +48,7 @@ function AvatarInternal({
   size = "md",
   src
 }) {
-  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
+  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -70,8 +70,8 @@ function AvatarInternal({
             )
           }
         ),
-        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E4LISCR7cjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _E4LISCR7cjs.Box_default,
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { display: "flex", position: "relative", justifyContent: "end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _GANR5JVVcjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -97,11 +97,11 @@ var Avatar = ({
   size = "md",
   src
 }) => {
-  const avatarGroupContext = _4MLT3AHKcjs.useAvatarGroup.call(void 0, );
-  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
+  const avatarGroupContext = _PKBQW5T6cjs.useAvatarGroup.call(void 0, );
+  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
   if (avatarGroupContext !== null) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _E4LISCR7cjs.Box_default,
+      _GANR5JVVcjs.Box_default,
       {
         position: "relative",
         dangerouslySetInlineStyle: {
@@ -110,7 +110,7 @@ var Avatar = ({
           }
         },
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _E4LISCR7cjs.Box_default,
+          _GANR5JVVcjs.Box_default,
           {
             display: "flex",
             alignItems: "center",
@@ -147,4 +147,4 @@ var Avatar_default = Avatar;
 
 
 exports.Avatar_default = Avatar_default;
-//# sourceMappingURL=VRVOFKLI.cjs.map
+//# sourceMappingURL=ZRO3RCYX.cjs.map

package/dist/index.cjs

@@ -1,79 +1,79 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _MKGPWRABcjs = require('./__chunks/MKGPWRAB.cjs');
+var _RJX7ZVAGcjs = require('./__chunks/RJX7ZVAG.cjs');
 
 
-var _VRVOFKLIcjs = require('./__chunks/VRVOFKLI.cjs');
+var _ZRO3RCYXcjs = require('./__chunks/ZRO3RCYX.cjs');
 
 
-var _4MLT3AHKcjs = require('./__chunks/4MLT3AHK.cjs');
+var _PKBQW5T6cjs = require('./__chunks/PKBQW5T6.cjs');
 
 
-var _OV5U4YJNcjs = require('./__chunks/OV5U4YJN.cjs');
+var _A323TCSAcjs = require('./__chunks/A323TCSA.cjs');
 
 
-var _TCZBK2P5cjs = require('./__chunks/TCZBK2P5.cjs');
+var _6IRH354Bcjs = require('./__chunks/6IRH354B.cjs');
 
 
-var _UAN64LE7cjs = require('./__chunks/UAN64LE7.cjs');
+var _J25IK5J2cjs = require('./__chunks/J25IK5J2.cjs');
 
 
-var _LVKL6CTBcjs = require('./__chunks/LVKL6CTB.cjs');
+var _432LXWXXcjs = require('./__chunks/432LXWXX.cjs');
 
 
-var _6XZHBBJPcjs = require('./__chunks/6XZHBBJP.cjs');
+var _GMKJSXXQcjs = require('./__chunks/GMKJSXXQ.cjs');
 require('./__chunks/HUIHS6RN.cjs');
-require('./__chunks/4TY5KFRY.cjs');
+require('./__chunks/6P6ARVEA.cjs');
 require('./__chunks/ZDQ6WQM3.cjs');
 
 
-var _W35D2UICcjs = require('./__chunks/W35D2UIC.cjs');
+var _HVYLG5OCcjs = require('./__chunks/HVYLG5OC.cjs');
 
 
-var _GNCKDVHZcjs = require('./__chunks/GNCKDVHZ.cjs');
+var _JDOSJDORcjs = require('./__chunks/JDOSJDOR.cjs');
 require('./__chunks/4UJE5GMH.cjs');
 
 
-var _TCUQXSJOcjs = require('./__chunks/TCUQXSJO.cjs');
-require('./__chunks/WZZQUJZF.cjs');
+var _SRAYR7UNcjs = require('./__chunks/SRAYR7UN.cjs');
+require('./__chunks/PDKMXSDQ.cjs');
 
 
-var _VBQTLO2Pcjs = require('./__chunks/VBQTLO2P.cjs');
+var _RVFY33X2cjs = require('./__chunks/RVFY33X2.cjs');
 
 
-var _IXDYGNLNcjs = require('./__chunks/IXDYGNLN.cjs');
+var _QZZW6BPPcjs = require('./__chunks/QZZW6BPP.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/ZCSR6NFB.cjs');
 
 
-var _MG2NM3WUcjs = require('./__chunks/MG2NM3WU.cjs');
-require('./__chunks/2TLKWIYC.cjs');
+var _HYRATHVKcjs = require('./__chunks/HYRATHVK.cjs');
+require('./__chunks/M2CJONYS.cjs');
 
 
-var _I75WZ7AVcjs = require('./__chunks/I75WZ7AV.cjs');
+var _4S6APU2Vcjs = require('./__chunks/4S6APU2V.cjs');
 
 
-var _L5FISA2Ucjs = require('./__chunks/L5FISA2U.cjs');
-require('./__chunks/UEQKS2FD.cjs');
-require('./__chunks/RINTHGJZ.cjs');
+var _LECUYS4Ocjs = require('./__chunks/LECUYS4O.cjs');
+require('./__chunks/VLK5CARI.cjs');
+require('./__chunks/W5MIJIZA.cjs');
 
 
-var _KWT6ABYPcjs = require('./__chunks/KWT6ABYP.cjs');
+var _OAZD7W2Wcjs = require('./__chunks/OAZD7W2W.cjs');
 require('./__chunks/W2JRKN5E.cjs');
 require('./__chunks/WFVGNGEP.cjs');
 require('./__chunks/HWQUS53M.cjs');
 
 
 var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
-require('./__chunks/Q6UPTVXE.cjs');
-require('./__chunks/J3ES6ZT6.cjs');
+require('./__chunks/O2J3F7UE.cjs');
+require('./__chunks/Y2TA6QLY.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/OVXHL32N.cjs');
+require('./__chunks/AGJ2QSEP.cjs');
 
 
-var _ZYCAP5AYcjs = require('./__chunks/ZYCAP5AY.cjs');
+var _4HPBU76Lcjs = require('./__chunks/4HPBU76L.cjs');
 require('./__chunks/XLUVINJW.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 require('./__chunks/UQY2ELTZ.cjs');
@@ -81,28 +81,28 @@ require('./__chunks/J43HGNHN.cjs');
 require('./__chunks/DTKTTGU5.cjs');
 
 
-var _XJL3R42Dcjs = require('./__chunks/XJL3R42D.cjs');
+var _6NYPDPF4cjs = require('./__chunks/6NYPDPF4.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
 
 
-var _MQ7FU53Wcjs = require('./__chunks/MQ7FU53W.cjs');
+var _ICLT5QY2cjs = require('./__chunks/ICLT5QY2.cjs');
 
 
 
-var _E4LISCR7cjs = require('./__chunks/E4LISCR7.cjs');
+var _GANR5JVVcjs = require('./__chunks/GANR5JVV.cjs');
 
 require('./__chunks/S5QHTHST.cjs');
 
 
 
-var _TJN7NBWUcjs = require('./__chunks/TJN7NBWU.cjs');
+var _YJWKUNYUcjs = require('./__chunks/YJWKUNYU.cjs');
 require('./__chunks/QAS3KERZ.cjs');
 
 
 
 
-var _TBQR2FPScjs = require('./__chunks/TBQR2FPS.cjs');
+var _JXOKXBDZcjs = require('./__chunks/JXOKXBDZ.cjs');
 require('./__chunks/K4AUV2VK.cjs');
 require('./__chunks/NOELZTQX.cjs');
 require('./__chunks/LLFHCGRA.cjs');
@@ -136,5 +136,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-exports.Avatar = _VRVOFKLIcjs.Avatar_default; exports.AvatarGroup = _4MLT3AHKcjs.AvatarGroup; exports.Badge = _MKGPWRABcjs.Badge_default; exports.Box = _E4LISCR7cjs.Box_default; exports.Button = _IXDYGNLNcjs.Button_default; exports.ButtonGroup = _VBQTLO2Pcjs.ButtonGroup_default; exports.Card = _OV5U4YJNcjs.Card; exports.Checkbox = _UAN64LE7cjs.Checkbox_default; exports.Chip = _I75WZ7AVcjs.Chip_default; exports.Divider = _MG2NM3WUcjs.Divider; exports.Heading = _6XZHBBJPcjs.Heading_default; exports.IconButton = _KWT6ABYPcjs.IconButton_default; exports.LinkButton = _TCZBK2P5cjs.LinkButton_default; exports.Modal = _LVKL6CTBcjs.Modal; exports.Popover = _L5FISA2Ucjs.Popover_default; exports.RadioButton = _ZYCAP5AYcjs.RadioButton_default; exports.RichSelectList = _TCUQXSJOcjs.RichSelectList_default; exports.SelectList = _GNCKDVHZcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _W35D2UICcjs.TextArea_default; exports.TextField = _MQ7FU53Wcjs.TextField; exports.ThemeProvider = _TBQR2FPScjs.ThemeProvider; exports.Tooltip = _XJL3R42Dcjs.Tooltip_default; exports.Typography = _TJN7NBWUcjs.Typography_default; exports.useTheme = _TBQR2FPScjs.useTheme;
+exports.Avatar = _ZRO3RCYXcjs.Avatar_default; exports.AvatarGroup = _PKBQW5T6cjs.AvatarGroup; exports.Badge = _RJX7ZVAGcjs.Badge_default; exports.Box = _GANR5JVVcjs.Box_default; exports.Button = _QZZW6BPPcjs.Button_default; exports.ButtonGroup = _RVFY33X2cjs.ButtonGroup_default; exports.Card = _A323TCSAcjs.Card; exports.Checkbox = _J25IK5J2cjs.Checkbox_default; exports.Chip = _4S6APU2Vcjs.Chip_default; exports.Divider = _HYRATHVKcjs.Divider; exports.Heading = _GMKJSXXQcjs.Heading_default; exports.IconButton = _OAZD7W2Wcjs.IconButton_default; exports.LinkButton = _6IRH354Bcjs.LinkButton_default; exports.Modal = _432LXWXXcjs.Modal; exports.Popover = _LECUYS4Ocjs.Popover_default; exports.RadioButton = _4HPBU76Lcjs.RadioButton_default; exports.RichSelectList = _SRAYR7UNcjs.RichSelectList_default; exports.SelectList = _JDOSJDORcjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _HVYLG5OCcjs.TextArea_default; exports.TextField = _ICLT5QY2cjs.TextField; exports.ThemeProvider = _JXOKXBDZcjs.ThemeProvider; exports.Tooltip = _6NYPDPF4cjs.Tooltip_default; exports.Typography = _YJWKUNYUcjs.Typography_default; exports.useTheme = _JXOKXBDZcjs.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/index.css

@@ -2113,7 +2113,7 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_1gnc6_1 {
+._typography_crxq1_1 {
   line-height: initial;
   margin: 0;
 }
@@ -2121,176 +2121,168 @@
   font-family: "GT Super";
   font-style: normal;
   font-weight: 510;
-  src: local("GT-Super-Text-Medium"), url(https://static.cambly.com/fonts/gt-super-medium.woff2);
-  font-display: optional;
+  src: local("GT-Super-Text-Medium"), url(https://static.cambly.com/fonts/gt-super-text-medium-converted.woff2);
 }
 @font-face {
   font-family: "GT Super";
   font-style: normal;
   font-weight: 700;
-  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-bold.woff2);
-  font-display: optional;
+  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-converted.woff2);
 }
-._sansSerif_1gnc6_24 {
-  font-family:
-    -apple-system,
-    system-ui,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Helvetica,
-    Arial,
-    sans-serif;
+._sansSerif_crxq1_22 {
+  font-family: var(--syntax-font-sans-serif);
   margin: 0;
 }
-._serif_1gnc6_30 {
-  font-family:
-    "GT Super",
-    -apple-system,
-    system-ui,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    Helvetica,
-    Arial,
-    serif;
+._serif_crxq1_27 {
+  font-family: var( --syntax-font-sans-serif );
+}
+:lang(en) ._serif_crxq1_27,
+:lang(az) ._serif_crxq1_27,
+:lang(fr) ._serif_crxq1_27,
+:lang(de) ._serif_crxq1_27,
+:lang(es) ._serif_crxq1_27,
+:lang(it) ._serif_crxq1_27,
+:lang(pl) ._serif_crxq1_27,
+:lang(pt) ._serif_crxq1_27,
+:lang(tr) ._serif_crxq1_27 {
+  font-family: "GT Super", var(--syntax-font-sans-serif);
   -webkit-font-smoothing: antialiased;
 }
-._size100_1gnc6_37 {
+._size100_crxq1_71 {
   font-size: 12px;
 }
-._size200_1gnc6_41 {
+._size200_crxq1_75 {
   font-size: 14px;
 }
-._size300_1gnc6_45 {
+._size300_crxq1_79 {
   font-size: 16px;
 }
-._size500_1gnc6_49 {
+._size500_crxq1_83 {
   font-size: 20px;
 }
-._size600_1gnc6_53 {
+._size600_crxq1_87 {
   font-size: 28px;
 }
-._size700_1gnc6_57 {
+._size700_crxq1_91 {
   font-size: 40px;
 }
-._size800_1gnc6_61 {
+._size800_crxq1_95 {
   font-size: 64px;
 }
-._size100Cambio_1gnc6_66 {
+._size100Cambio_crxq1_100 {
   font-size: 14px;
 }
-._size200Cambio_1gnc6_70 {
+._size200Cambio_crxq1_104 {
   font-size: 16px;
 }
-._size300Cambio_1gnc6_74 {
+._size300Cambio_crxq1_108 {
   font-size: 18px;
 }
-._size400Cambio_1gnc6_78 {
+._size400Cambio_crxq1_112 {
   font-size: 20px;
 }
-._size500Cambio_1gnc6_82 {
+._size500Cambio_crxq1_116 {
   font-size: 23px;
 }
-._size600Cambio_1gnc6_86 {
+._size600Cambio_crxq1_120 {
   font-size: 26px;
 }
-._size700Cambio_1gnc6_90 {
+._size700Cambio_crxq1_124 {
   font-size: 33px;
 }
-._size800Cambio_1gnc6_94 {
+._size800Cambio_crxq1_128 {
   font-size: 41px;
 }
-._size900Cambio_1gnc6_98 {
+._size900Cambio_crxq1_132 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_1gnc6_66 {
+  ._size100Cambio_crxq1_100 {
     font-size: 14px;
   }
-  ._size200Cambio_1gnc6_70 {
+  ._size200Cambio_crxq1_104 {
     font-size: 16px;
   }
-  ._size300Cambio_1gnc6_74 {
+  ._size300Cambio_crxq1_108 {
     font-size: 20px;
   }
-  ._size400Cambio_1gnc6_78 {
+  ._size400Cambio_crxq1_112 {
     font-size: 25px;
   }
-  ._size500Cambio_1gnc6_82 {
+  ._size500Cambio_crxq1_116 {
     font-size: 31px;
   }
-  ._size600Cambio_1gnc6_86 {
+  ._size600Cambio_crxq1_120 {
     font-size: 39px;
   }
-  ._size700Cambio_1gnc6_90 {
+  ._size700Cambio_crxq1_124 {
     font-size: 49px;
   }
-  ._size800Cambio_1gnc6_94 {
+  ._size800Cambio_crxq1_128 {
     font-size: 61px;
   }
-  ._size900Cambio_1gnc6_98 {
+  ._size900Cambio_crxq1_132 {
     font-size: 76px;
   }
-  ._size1000Cambio_1gnc6_139 {
+  ._size1000Cambio_crxq1_173 {
     font-size: 95px;
   }
-  ._size1100Cambio_1gnc6_143 {
+  ._size1100Cambio_crxq1_177 {
     font-size: 119px;
   }
 }
-._center_1gnc6_149 {
+._center_crxq1_183 {
   text-align: center;
 }
-._forceLeft_1gnc6_153 {
+._forceLeft_crxq1_187 {
   text-align: left;
 }
-._forceRight_1gnc6_157 {
+._forceRight_crxq1_191 {
   text-align: right;
 }
-._start_1gnc6_161 {
+._start_crxq1_195 {
   text-align: start;
 }
-._end_1gnc6_165 {
+._end_crxq1_199 {
   text-align: end;
 }
-._bold_1gnc6_170 {
+._bold_crxq1_204 {
   font-weight: 700;
 }
-._regular_1gnc6_174 {
+._regular_crxq1_208 {
   font-weight: 400;
 }
-._interactive_1gnc6_178 {
+._interactive_crxq1_212 {
   font-weight: 500;
 }
-._semiBold_1gnc6_182 {
+._semiBold_crxq1_216 {
   font-weight: 600;
 }
-._heavy_1gnc6_186 {
+._heavy_crxq1_220 {
   font-weight: 860;
 }
-._regularCambio_1gnc6_190 {
+._regularCambio_crxq1_224 {
   font-weight: 400;
 }
-._mediumCambio_1gnc6_194 {
+._mediumCambio_crxq1_228 {
   font-weight: 510;
 }
-._semiBoldCambio_1gnc6_198 {
+._semiBoldCambio_crxq1_232 {
   font-weight: 590;
 }
-._boldCambio_1gnc6_202 {
+._boldCambio_crxq1_236 {
   font-weight: 700;
 }
-._underline_1gnc6_206 {
+._underline_crxq1_240 {
   text-decoration: underline;
 }
-._inline_1gnc6_210 {
+._inline_crxq1_244 {
   display: inline;
 }
-._uppercase_1gnc6_214 {
+._uppercase_crxq1_248 {
   text-transform: uppercase;
 }
-._lineClamp_1gnc6_218 {
+._lineClamp_crxq1_252 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;