@cambly/syntax-core 10.28.0 → 10.29.0

package/dist/__chunks/{YJWKUNYU.cjs.map → XU3CLITI.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_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\"}"]}
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"names":["Typography"],"mappings":";;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,iBAAgB,4BAA2B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,QAAO,mBAAkB,WAAU,sBAAqB,eAAc,0BAAyB,YAAW,uBAAsB,SAAQ,oBAAmB,iBAAgB,4BAA2B,gBAAe,2BAA0B,kBAAiB,6BAA4B,cAAa,yBAAwB,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADkR39C;AA5QJ,SAAS,iBACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,gBACP,OAUQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,cACP,QAC2D;AAC3D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,aACP,QAC4C;AAC5C,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,aAAa,WAoJjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,eACJ,cAAc,YACV,0BAAO,cAAc,MAAM,CAAC,IAC5B,0BAAO,GAAG,aAAa,MAAM,SAAS;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ;AAAA,QACA,cAAc,YAAY,cAAc,UACpC,0BAAO,QACP,0BAAO;AAAA,QACX,cAAc,WACV,gBAAgB,KAAK,IACrB,iBAAiB,KAAK;AAAA,QAC1B,UAAU,0BAAO;AAAA,QACjB,cAAc,YACV,0BACE;AAAA;AAAA;AAAA,QAIE,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,MACL,OACA,KAER,IACA,0BAAO,OAAO,YAAY;AAAA,QAC9B,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ","sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\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_emvev_1\",\"sansSerif\":\"_sansSerif_emvev_22\",\"serif\":\"_serif_emvev_27\",\"size100\":\"_size100_emvev_71\",\"size200\":\"_size200_emvev_75\",\"size300\":\"_size300_emvev_79\",\"size500\":\"_size500_emvev_83\",\"size600\":\"_size600_emvev_87\",\"size700\":\"_size700_emvev_91\",\"size800\":\"_size800_emvev_95\",\"size100Cambio\":\"_size100Cambio_emvev_100\",\"size200Cambio\":\"_size200Cambio_emvev_104\",\"size300Cambio\":\"_size300Cambio_emvev_108\",\"size400Cambio\":\"_size400Cambio_emvev_112\",\"size500Cambio\":\"_size500Cambio_emvev_116\",\"size600Cambio\":\"_size600Cambio_emvev_120\",\"size700Cambio\":\"_size700Cambio_emvev_124\",\"size800Cambio\":\"_size800Cambio_emvev_128\",\"size900Cambio\":\"_size900Cambio_emvev_132\",\"size1000Cambio\":\"_size1000Cambio_emvev_173\",\"size1100Cambio\":\"_size1100Cambio_emvev_177\",\"center\":\"_center_emvev_183\",\"forceLeft\":\"_forceLeft_emvev_187\",\"forceRight\":\"_forceRight_emvev_191\",\"start\":\"_start_emvev_195\",\"end\":\"_end_emvev_199\",\"bold\":\"_bold_emvev_204\",\"regular\":\"_regular_emvev_208\",\"interactive\":\"_interactive_emvev_212\",\"semiBold\":\"_semiBold_emvev_216\",\"heavy\":\"_heavy_emvev_220\",\"regularCambio\":\"_regularCambio_emvev_224\",\"mediumCambio\":\"_mediumCambio_emvev_228\",\"semiBoldCambio\":\"_semiBoldCambio_emvev_232\",\"boldCambio\":\"_boldCambio_emvev_236\",\"underline\":\"_underline_emvev_240\",\"inline\":\"_inline_emvev_244\",\"uppercase\":\"_uppercase_emvev_248\",\"lineClamp\":\"_lineClamp_emvev_252\"}"]}

package/dist/__chunks/{M2CJONYS.cjs → ZUQC37VB.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _4S6APU2Vcjs = require('./4S6APU2V.cjs');
+var _NCUQOLOVcjs = require('./NCUQOLOV.cjs');
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
@@ -16,7 +16,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, _RYUXG4AScjs.RichSelectItem_default, _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, props), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _4S6APU2Vcjs.Chip_default,
+      _NCUQOLOVcjs.Chip_default,
       {
         text: props.label,
         selected: isSelected,
@@ -31,4 +31,4 @@ var RichSelectChip_default = _react.forwardRef.call(void 0,
 
 
 exports.RichSelectChip_default = RichSelectChip_default;
-//# sourceMappingURL=M2CJONYS.cjs.map
+//# sourceMappingURL=ZUQC37VB.cjs.map

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _RJX7ZVAGcjs = require('./__chunks/RJX7ZVAG.cjs');
+var _2RWNBVOKcjs = require('./__chunks/2RWNBVOK.cjs');
 
 
 var _ZRO3RCYXcjs = require('./__chunks/ZRO3RCYX.cjs');
@@ -13,46 +13,46 @@ var _PKBQW5T6cjs = require('./__chunks/PKBQW5T6.cjs');
 var _A323TCSAcjs = require('./__chunks/A323TCSA.cjs');
 
 
-var _6IRH354Bcjs = require('./__chunks/6IRH354B.cjs');
+var _FH2W3CI2cjs = require('./__chunks/FH2W3CI2.cjs');
 
 
-var _J25IK5J2cjs = require('./__chunks/J25IK5J2.cjs');
+var _KYIRM6PZcjs = require('./__chunks/KYIRM6PZ.cjs');
 
 
-var _432LXWXXcjs = require('./__chunks/432LXWXX.cjs');
+var _DDUKESGScjs = require('./__chunks/DDUKESGS.cjs');
 
 
-var _GMKJSXXQcjs = require('./__chunks/GMKJSXXQ.cjs');
+var _THYSYYWScjs = require('./__chunks/THYSYYWS.cjs');
 require('./__chunks/HUIHS6RN.cjs');
 require('./__chunks/6P6ARVEA.cjs');
 require('./__chunks/ZDQ6WQM3.cjs');
 
 
-var _HVYLG5OCcjs = require('./__chunks/HVYLG5OC.cjs');
+var _EKHHYK7Ucjs = require('./__chunks/EKHHYK7U.cjs');
 
 
-var _JDOSJDORcjs = require('./__chunks/JDOSJDOR.cjs');
+var _2BEN3VH2cjs = require('./__chunks/2BEN3VH2.cjs');
 require('./__chunks/4UJE5GMH.cjs');
 
 
-var _SRAYR7UNcjs = require('./__chunks/SRAYR7UN.cjs');
-require('./__chunks/PDKMXSDQ.cjs');
+var _JHLUJYBXcjs = require('./__chunks/JHLUJYBX.cjs');
+require('./__chunks/GEGGHBSM.cjs');
 
 
 var _RVFY33X2cjs = require('./__chunks/RVFY33X2.cjs');
 
 
-var _QZZW6BPPcjs = require('./__chunks/QZZW6BPP.cjs');
+var _CS66HKUBcjs = require('./__chunks/CS66HKUB.cjs');
 require('./__chunks/3P2PWHOU.cjs');
 require('./__chunks/5JUNB754.cjs');
 require('./__chunks/ZCSR6NFB.cjs');
 
 
 var _HYRATHVKcjs = require('./__chunks/HYRATHVK.cjs');
-require('./__chunks/M2CJONYS.cjs');
+require('./__chunks/ZUQC37VB.cjs');
 
 
-var _4S6APU2Vcjs = require('./__chunks/4S6APU2V.cjs');
+var _NCUQOLOVcjs = require('./__chunks/NCUQOLOV.cjs');
 
 
 var _LECUYS4Ocjs = require('./__chunks/LECUYS4O.cjs');
@@ -67,13 +67,13 @@ require('./__chunks/HWQUS53M.cjs');
 
 
 var _UKLQ64N7cjs = require('./__chunks/UKLQ64N7.cjs');
-require('./__chunks/O2J3F7UE.cjs');
-require('./__chunks/Y2TA6QLY.cjs');
+require('./__chunks/OFALBLGM.cjs');
+require('./__chunks/SFOAZYZG.cjs');
 require('./__chunks/MF7LLV7V.cjs');
-require('./__chunks/AGJ2QSEP.cjs');
+require('./__chunks/WOIJRASP.cjs');
 
 
-var _4HPBU76Lcjs = require('./__chunks/4HPBU76L.cjs');
+var _5MKCDCHQcjs = require('./__chunks/5MKCDCHQ.cjs');
 require('./__chunks/XLUVINJW.cjs');
 require('./__chunks/RYUXG4AS.cjs');
 require('./__chunks/UQY2ELTZ.cjs');
@@ -81,12 +81,12 @@ require('./__chunks/J43HGNHN.cjs');
 require('./__chunks/DTKTTGU5.cjs');
 
 
-var _6NYPDPF4cjs = require('./__chunks/6NYPDPF4.cjs');
+var _BVYHALMTcjs = require('./__chunks/BVYHALMT.cjs');
 require('./__chunks/PLUVW6AM.cjs');
 require('./__chunks/IL22HCBF.cjs');
 
 
-var _ICLT5QY2cjs = require('./__chunks/ICLT5QY2.cjs');
+var _3FMGCZP2cjs = require('./__chunks/3FMGCZP2.cjs');
 
 
 
@@ -96,7 +96,7 @@ require('./__chunks/S5QHTHST.cjs');
 
 
 
-var _YJWKUNYUcjs = require('./__chunks/YJWKUNYU.cjs');
+var _XU3CLITIcjs = require('./__chunks/XU3CLITI.cjs');
 require('./__chunks/QAS3KERZ.cjs');
 
 
@@ -136,5 +136,5 @@ require('./__chunks/X2SDR4SD.cjs');
 
 
 
-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;
+exports.Avatar = _ZRO3RCYXcjs.Avatar_default; exports.AvatarGroup = _PKBQW5T6cjs.AvatarGroup; exports.Badge = _2RWNBVOKcjs.Badge_default; exports.Box = _GANR5JVVcjs.Box_default; exports.Button = _CS66HKUBcjs.Button_default; exports.ButtonGroup = _RVFY33X2cjs.ButtonGroup_default; exports.Card = _A323TCSAcjs.Card; exports.Checkbox = _KYIRM6PZcjs.Checkbox_default; exports.Chip = _NCUQOLOVcjs.Chip_default; exports.Divider = _HYRATHVKcjs.Divider; exports.Heading = _THYSYYWScjs.Heading_default; exports.IconButton = _OAZD7W2Wcjs.IconButton_default; exports.LinkButton = _FH2W3CI2cjs.LinkButton_default; exports.Modal = _DDUKESGScjs.Modal; exports.Popover = _LECUYS4Ocjs.Popover_default; exports.RadioButton = _5MKCDCHQcjs.RadioButton_default; exports.RichSelectList = _JHLUJYBXcjs.RichSelectList_default; exports.SelectList = _2BEN3VH2cjs.SelectList; exports.TapArea = _UKLQ64N7cjs.TapArea_default; exports.TextArea = _EKHHYK7Ucjs.TextArea_default; exports.TextField = _3FMGCZP2cjs.TextField; exports.ThemeProvider = _JXOKXBDZcjs.ThemeProvider; exports.Tooltip = _BVYHALMTcjs.Tooltip_default; exports.Typography = _XU3CLITIcjs.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_crxq1_1 {
+._typography_emvev_1 {
   line-height: initial;
   margin: 0;
 }
@@ -2121,168 +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-text-medium-converted.woff2);
+  src: local("GT-Super-Text-Medium"), url(https://static.cambly.com/fonts/gt-super-text-medium-final.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-text-bold-converted.woff2);
+  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-final.woff2);
 }
-._sansSerif_crxq1_22 {
+._sansSerif_emvev_22 {
   font-family: var(--syntax-font-sans-serif);
   margin: 0;
 }
-._serif_crxq1_27 {
+._serif_emvev_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 {
+:lang(en) ._serif_emvev_27,
+:lang(az) ._serif_emvev_27,
+:lang(fr) ._serif_emvev_27,
+:lang(de) ._serif_emvev_27,
+:lang(es) ._serif_emvev_27,
+:lang(it) ._serif_emvev_27,
+:lang(pl) ._serif_emvev_27,
+:lang(pt) ._serif_emvev_27,
+:lang(tr) ._serif_emvev_27 {
   font-family: "GT Super", var(--syntax-font-sans-serif);
   -webkit-font-smoothing: antialiased;
 }
-._size100_crxq1_71 {
+._size100_emvev_71 {
   font-size: 12px;
 }
-._size200_crxq1_75 {
+._size200_emvev_75 {
   font-size: 14px;
 }
-._size300_crxq1_79 {
+._size300_emvev_79 {
   font-size: 16px;
 }
-._size500_crxq1_83 {
+._size500_emvev_83 {
   font-size: 20px;
 }
-._size600_crxq1_87 {
+._size600_emvev_87 {
   font-size: 28px;
 }
-._size700_crxq1_91 {
+._size700_emvev_91 {
   font-size: 40px;
 }
-._size800_crxq1_95 {
+._size800_emvev_95 {
   font-size: 64px;
 }
-._size100Cambio_crxq1_100 {
+._size100Cambio_emvev_100 {
   font-size: 14px;
 }
-._size200Cambio_crxq1_104 {
+._size200Cambio_emvev_104 {
   font-size: 16px;
 }
-._size300Cambio_crxq1_108 {
+._size300Cambio_emvev_108 {
   font-size: 18px;
 }
-._size400Cambio_crxq1_112 {
+._size400Cambio_emvev_112 {
   font-size: 20px;
 }
-._size500Cambio_crxq1_116 {
+._size500Cambio_emvev_116 {
   font-size: 23px;
 }
-._size600Cambio_crxq1_120 {
+._size600Cambio_emvev_120 {
   font-size: 26px;
 }
-._size700Cambio_crxq1_124 {
+._size700Cambio_emvev_124 {
   font-size: 33px;
 }
-._size800Cambio_crxq1_128 {
+._size800Cambio_emvev_128 {
   font-size: 41px;
 }
-._size900Cambio_crxq1_132 {
+._size900Cambio_emvev_132 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_crxq1_100 {
+  ._size100Cambio_emvev_100 {
     font-size: 14px;
   }
-  ._size200Cambio_crxq1_104 {
+  ._size200Cambio_emvev_104 {
     font-size: 16px;
   }
-  ._size300Cambio_crxq1_108 {
+  ._size300Cambio_emvev_108 {
     font-size: 20px;
   }
-  ._size400Cambio_crxq1_112 {
+  ._size400Cambio_emvev_112 {
     font-size: 25px;
   }
-  ._size500Cambio_crxq1_116 {
+  ._size500Cambio_emvev_116 {
     font-size: 31px;
   }
-  ._size600Cambio_crxq1_120 {
+  ._size600Cambio_emvev_120 {
     font-size: 39px;
   }
-  ._size700Cambio_crxq1_124 {
+  ._size700Cambio_emvev_124 {
     font-size: 49px;
   }
-  ._size800Cambio_crxq1_128 {
+  ._size800Cambio_emvev_128 {
     font-size: 61px;
   }
-  ._size900Cambio_crxq1_132 {
+  ._size900Cambio_emvev_132 {
     font-size: 76px;
   }
-  ._size1000Cambio_crxq1_173 {
+  ._size1000Cambio_emvev_173 {
     font-size: 95px;
   }
-  ._size1100Cambio_crxq1_177 {
+  ._size1100Cambio_emvev_177 {
     font-size: 119px;
   }
 }
-._center_crxq1_183 {
+._center_emvev_183 {
   text-align: center;
 }
-._forceLeft_crxq1_187 {
+._forceLeft_emvev_187 {
   text-align: left;
 }
-._forceRight_crxq1_191 {
+._forceRight_emvev_191 {
   text-align: right;
 }
-._start_crxq1_195 {
+._start_emvev_195 {
   text-align: start;
 }
-._end_crxq1_199 {
+._end_emvev_199 {
   text-align: end;
 }
-._bold_crxq1_204 {
+._bold_emvev_204 {
   font-weight: 700;
 }
-._regular_crxq1_208 {
+._regular_emvev_208 {
   font-weight: 400;
 }
-._interactive_crxq1_212 {
+._interactive_emvev_212 {
   font-weight: 500;
 }
-._semiBold_crxq1_216 {
+._semiBold_emvev_216 {
   font-weight: 600;
 }
-._heavy_crxq1_220 {
+._heavy_emvev_220 {
   font-weight: 860;
 }
-._regularCambio_crxq1_224 {
+._regularCambio_emvev_224 {
   font-weight: 400;
 }
-._mediumCambio_crxq1_228 {
+._mediumCambio_emvev_228 {
   font-weight: 510;
 }
-._semiBoldCambio_crxq1_232 {
+._semiBoldCambio_emvev_232 {
   font-weight: 590;
 }
-._boldCambio_crxq1_236 {
+._boldCambio_emvev_236 {
   font-weight: 700;
 }
-._underline_crxq1_240 {
+._underline_emvev_240 {
   text-decoration: underline;
 }
-._inline_crxq1_244 {
+._inline_emvev_244 {
   display: inline;
 }
-._uppercase_crxq1_248 {
+._uppercase_emvev_248 {
   text-transform: uppercase;
 }
-._lineClamp_crxq1_252 {
+._lineClamp_emvev_252 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;