@cambly/syntax-core 10.15.0 → 10.17.0

package/dist/Typography/Typography.css

@@ -1,5 +1,6 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_imwgy_1 {
+._typography_rz4gh_1 {
+  line-height: normal;
   margin: 0;
 }
 @font-face {
@@ -16,7 +17,7 @@
   src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-bold.woff2);
   font-display: optional;
 }
-._sansSerif_imwgy_23 {
+._sansSerif_rz4gh_24 {
   font-family:
     -apple-system,
     system-ui,
@@ -28,7 +29,7 @@
     sans-serif;
   margin: 0;
 }
-._serif_imwgy_29 {
+._serif_rz4gh_30 {
   font-family:
     "GT Super",
     -apple-system,
@@ -41,141 +42,141 @@
     serif;
   -webkit-font-smoothing: antialiased;
 }
-._size100_imwgy_36 {
+._size100_rz4gh_37 {
   font-size: 12px;
 }
-._size200_imwgy_40 {
+._size200_rz4gh_41 {
   font-size: 14px;
 }
-._size300_imwgy_44 {
+._size300_rz4gh_45 {
   font-size: 16px;
 }
-._size500_imwgy_48 {
+._size500_rz4gh_49 {
   font-size: 20px;
 }
-._size600_imwgy_52 {
+._size600_rz4gh_53 {
   font-size: 28px;
 }
-._size700_imwgy_56 {
+._size700_rz4gh_57 {
   font-size: 40px;
 }
-._size800_imwgy_60 {
+._size800_rz4gh_61 {
   font-size: 64px;
 }
-._size100Cambio_imwgy_65 {
+._size100Cambio_rz4gh_66 {
   font-size: 14px;
 }
-._size200Cambio_imwgy_69 {
+._size200Cambio_rz4gh_70 {
   font-size: 16px;
 }
-._size300Cambio_imwgy_73 {
+._size300Cambio_rz4gh_74 {
   font-size: 18px;
 }
-._size400Cambio_imwgy_77 {
+._size400Cambio_rz4gh_78 {
   font-size: 20px;
 }
-._size500Cambio_imwgy_81 {
+._size500Cambio_rz4gh_82 {
   font-size: 23px;
 }
-._size600Cambio_imwgy_85 {
+._size600Cambio_rz4gh_86 {
   font-size: 26px;
 }
-._size700Cambio_imwgy_89 {
+._size700Cambio_rz4gh_90 {
   font-size: 33px;
 }
-._size800Cambio_imwgy_93 {
+._size800Cambio_rz4gh_94 {
   font-size: 41px;
 }
-._size900Cambio_imwgy_97 {
+._size900Cambio_rz4gh_98 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_imwgy_65 {
+  ._size100Cambio_rz4gh_66 {
     font-size: 14px;
   }
-  ._size200Cambio_imwgy_69 {
+  ._size200Cambio_rz4gh_70 {
     font-size: 16px;
   }
-  ._size300Cambio_imwgy_73 {
+  ._size300Cambio_rz4gh_74 {
     font-size: 20px;
   }
-  ._size400Cambio_imwgy_77 {
+  ._size400Cambio_rz4gh_78 {
     font-size: 25px;
   }
-  ._size500Cambio_imwgy_81 {
+  ._size500Cambio_rz4gh_82 {
     font-size: 31px;
   }
-  ._size600Cambio_imwgy_85 {
+  ._size600Cambio_rz4gh_86 {
     font-size: 39px;
   }
-  ._size700Cambio_imwgy_89 {
+  ._size700Cambio_rz4gh_90 {
     font-size: 49px;
   }
-  ._size800Cambio_imwgy_93 {
+  ._size800Cambio_rz4gh_94 {
     font-size: 61px;
   }
-  ._size900Cambio_imwgy_97 {
+  ._size900Cambio_rz4gh_98 {
     font-size: 76px;
   }
-  ._size1000Cambio_imwgy_138 {
+  ._size1000Cambio_rz4gh_139 {
     font-size: 95px;
   }
-  ._size1100Cambio_imwgy_142 {
+  ._size1100Cambio_rz4gh_143 {
     font-size: 119px;
   }
 }
-._center_imwgy_148 {
+._center_rz4gh_149 {
   text-align: center;
 }
-._forceLeft_imwgy_152 {
+._forceLeft_rz4gh_153 {
   text-align: left;
 }
-._forceRight_imwgy_156 {
+._forceRight_rz4gh_157 {
   text-align: right;
 }
-._start_imwgy_160 {
+._start_rz4gh_161 {
   text-align: start;
 }
-._end_imwgy_164 {
+._end_rz4gh_165 {
   text-align: end;
 }
-._bold_imwgy_169 {
+._bold_rz4gh_170 {
   font-weight: 700;
 }
-._regular_imwgy_173 {
+._regular_rz4gh_174 {
   font-weight: 400;
 }
-._interactive_imwgy_177 {
+._interactive_rz4gh_178 {
   font-weight: 500;
 }
-._semiBold_imwgy_181 {
+._semiBold_rz4gh_182 {
   font-weight: 600;
 }
-._heavy_imwgy_185 {
+._heavy_rz4gh_186 {
   font-weight: 860;
 }
-._regularCambio_imwgy_189 {
+._regularCambio_rz4gh_190 {
   font-weight: 400;
 }
-._mediumCambio_imwgy_193 {
+._mediumCambio_rz4gh_194 {
   font-weight: 510;
 }
-._semiBoldCambio_imwgy_197 {
+._semiBoldCambio_rz4gh_198 {
   font-weight: 590;
 }
-._boldCambio_imwgy_201 {
+._boldCambio_rz4gh_202 {
   font-weight: 700;
 }
-._underline_imwgy_205 {
+._underline_rz4gh_206 {
   text-decoration: underline;
 }
-._inline_imwgy_209 {
+._inline_rz4gh_210 {
   display: inline;
 }
-._uppercase_imwgy_213 {
+._uppercase_rz4gh_214 {
   text-transform: uppercase;
 }
-._lineClamp_imwgy_217 {
+._lineClamp_rz4gh_218 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;

package/dist/Typography/Typography.css.map

@@ -1 +1 @@
-{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_imwgy_1 {\n  margin: 0;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 510;\n  src: local(\"GT-Super-Text-Medium\"),\n    url(\"https://static.cambly.com/fonts/gt-super-medium.woff2\");\n  font-display: optional;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"GT-Super-Text-Bold\"),\n    url(\"https://static.cambly.com/fonts/gt-super-bold.woff2\");\n  font-display: optional;\n}\n\n._sansSerif_imwgy_23 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n._serif_imwgy_29 {\n  font-family: \"GT Super\", -apple-system, system-ui, BlinkMacSystemFont,\n    \"Segoe UI\", Roboto, Helvetica, Arial, serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_imwgy_36 {\n  font-size: 12px;\n}\n\n._size200_imwgy_40 {\n  font-size: 14px;\n}\n\n._size300_imwgy_44 {\n  font-size: 16px;\n}\n\n._size500_imwgy_48 {\n  font-size: 20px;\n}\n\n._size600_imwgy_52 {\n  font-size: 28px;\n}\n\n._size700_imwgy_56 {\n  font-size: 40px;\n}\n\n._size800_imwgy_60 {\n  font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_imwgy_65 {\n  font-size: 14px;\n}\n\n._size200Cambio_imwgy_69 {\n  font-size: 16px;\n}\n\n._size300Cambio_imwgy_73 {\n  font-size: 18px;\n}\n\n._size400Cambio_imwgy_77 {\n  font-size: 20px;\n}\n\n._size500Cambio_imwgy_81 {\n  font-size: 23px;\n}\n\n._size600Cambio_imwgy_85 {\n  font-size: 26px;\n}\n\n._size700Cambio_imwgy_89 {\n  font-size: 33px;\n}\n\n._size800Cambio_imwgy_93 {\n  font-size: 41px;\n}\n\n._size900Cambio_imwgy_97 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100Cambio_imwgy_65 {\n    font-size: 14px;\n  }\n\n  ._size200Cambio_imwgy_69 {\n    font-size: 16px;\n  }\n\n  ._size300Cambio_imwgy_73 {\n    font-size: 20px;\n  }\n\n  ._size400Cambio_imwgy_77 {\n    font-size: 25px;\n  }\n\n  ._size500Cambio_imwgy_81 {\n    font-size: 31px;\n  }\n\n  ._size600Cambio_imwgy_85 {\n    font-size: 39px;\n  }\n\n  ._size700Cambio_imwgy_89 {\n    font-size: 49px;\n  }\n\n  ._size800Cambio_imwgy_93 {\n    font-size: 61px;\n  }\n\n  ._size900Cambio_imwgy_97 {\n    font-size: 76px;\n  }\n\n  ._size1000Cambio_imwgy_138 {\n    font-size: 95px;\n  }\n\n  ._size1100Cambio_imwgy_142 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_imwgy_148 {\n  text-align: center;\n}\n\n._forceLeft_imwgy_152 {\n  text-align: left;\n}\n\n._forceRight_imwgy_156 {\n  text-align: right;\n}\n\n._start_imwgy_160 {\n  text-align: start;\n}\n\n._end_imwgy_164 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_imwgy_169 {\n  font-weight: 700;\n}\n\n._regular_imwgy_173 {\n  font-weight: 400;\n}\n\n._interactive_imwgy_177 {\n  font-weight: 500;\n}\n\n._semiBold_imwgy_181 {\n  font-weight: 600;\n}\n\n._heavy_imwgy_185 {\n  font-weight: 860;\n}\n\n._regularCambio_imwgy_189 {\n  font-weight: 400;\n}\n\n._mediumCambio_imwgy_193 {\n  font-weight: 510;\n}\n\n._semiBoldCambio_imwgy_197 {\n  font-weight: 590;\n}\n\n._boldCambio_imwgy_201 {\n  font-weight: 700;\n}\n\n._underline_imwgy_205 {\n  text-decoration: underline;\n}\n\n._inline_imwgy_209 {\n  display: inline;\n}\n\n._uppercase_imwgy_213 {\n  text-transform: uppercase;\n}\n\n._lineClamp_imwgy_217 {\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_178qd_2 {\n  color: inherit;\n}\n\n._destructive700Color_178qd_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_178qd_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_178qd_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_178qd_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_178qd_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_178qd_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_178qd_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_178qd_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_178qd_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_178qd_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_178qd_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_178qd_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_178qd_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_178qd_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_178qd_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_178qd_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_178qd_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_178qd_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_178qd_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_178qd_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_178qd_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_178qd_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_178qd_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_178qd_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_178qd_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_178qd_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_178qd_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_178qd_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_178qd_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_178qd_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_178qd_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_178qd_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_178qd_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_178qd_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_178qd_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_178qd_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_178qd_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_178qd_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_178qd_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_178qd_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_178qd_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_178qd_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_178qd_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_178qd_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_178qd_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_178qd_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_178qd_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_178qd_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_178qd_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_178qd_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_178qd_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_178qd_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_178qd_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_178qd_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_178qd_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_178qd_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_178qd_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_178qd_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_178qd_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_178qd_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_178qd_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_178qd_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_178qd_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_178qd_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_178qd_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_178qd_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_178qd_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_178qd_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_178qd_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_178qd_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_178qd_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_178qd_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_178qd_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_178qd_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_178qd_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_178qd_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_178qd_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_178qd_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_178qd_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_178qd_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_178qd_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_178qd_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_178qd_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_178qd_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_178qd_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_178qd_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_178qd_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_178qd_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_178qd_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_178qd_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_178qd_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_178qd_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_178qd_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_178qd_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_178qd_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370BackgroundColor_178qd_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_178qd_392 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_178qd_396 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870BackgroundColor_178qd_400 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_178qd_404 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_178qd_408 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_178qd_412 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_178qd_416 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_178qd_420 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_178qd_424 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_178qd_428 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_178qd_432 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_178qd_436 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_178qd_440 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_178qd_444 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_178qd_448 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_178qd_452 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._cambioRedBackgroundColor_178qd_456 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioOrangeBackgroundColor_178qd_460 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioTanBackgroundColor_178qd_464 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioCreamBackgroundColor_178qd_468 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioPurpleBackgroundColor_178qd_472 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioLilacBackgroundColor_178qd_476 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioThistleBackgroundColor_178qd_480 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioPinkBackgroundColor_178qd_484 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioNavyBackgroundColor_178qd_488 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioTealBackgroundColor_178qd_492 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioSlateBackgroundColor_178qd_496 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSkyBackgroundColor_178qd_500 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_178qd_504 {\n  background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC5NF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_rz4gh_1 {\n  line-height: normal;\n  margin: 0;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 510;\n  src: local(\"GT-Super-Text-Medium\"),\n    url(\"https://static.cambly.com/fonts/gt-super-medium.woff2\");\n  font-display: optional;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"GT-Super-Text-Bold\"),\n    url(\"https://static.cambly.com/fonts/gt-super-bold.woff2\");\n  font-display: optional;\n}\n\n._sansSerif_rz4gh_24 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n._serif_rz4gh_30 {\n  font-family: \"GT Super\", -apple-system, system-ui, BlinkMacSystemFont,\n    \"Segoe UI\", Roboto, Helvetica, Arial, serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_rz4gh_37 {\n  font-size: 12px;\n}\n\n._size200_rz4gh_41 {\n  font-size: 14px;\n}\n\n._size300_rz4gh_45 {\n  font-size: 16px;\n}\n\n._size500_rz4gh_49 {\n  font-size: 20px;\n}\n\n._size600_rz4gh_53 {\n  font-size: 28px;\n}\n\n._size700_rz4gh_57 {\n  font-size: 40px;\n}\n\n._size800_rz4gh_61 {\n  font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_rz4gh_66 {\n  font-size: 14px;\n}\n\n._size200Cambio_rz4gh_70 {\n  font-size: 16px;\n}\n\n._size300Cambio_rz4gh_74 {\n  font-size: 18px;\n}\n\n._size400Cambio_rz4gh_78 {\n  font-size: 20px;\n}\n\n._size500Cambio_rz4gh_82 {\n  font-size: 23px;\n}\n\n._size600Cambio_rz4gh_86 {\n  font-size: 26px;\n}\n\n._size700Cambio_rz4gh_90 {\n  font-size: 33px;\n}\n\n._size800Cambio_rz4gh_94 {\n  font-size: 41px;\n}\n\n._size900Cambio_rz4gh_98 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100Cambio_rz4gh_66 {\n    font-size: 14px;\n  }\n\n  ._size200Cambio_rz4gh_70 {\n    font-size: 16px;\n  }\n\n  ._size300Cambio_rz4gh_74 {\n    font-size: 20px;\n  }\n\n  ._size400Cambio_rz4gh_78 {\n    font-size: 25px;\n  }\n\n  ._size500Cambio_rz4gh_82 {\n    font-size: 31px;\n  }\n\n  ._size600Cambio_rz4gh_86 {\n    font-size: 39px;\n  }\n\n  ._size700Cambio_rz4gh_90 {\n    font-size: 49px;\n  }\n\n  ._size800Cambio_rz4gh_94 {\n    font-size: 61px;\n  }\n\n  ._size900Cambio_rz4gh_98 {\n    font-size: 76px;\n  }\n\n  ._size1000Cambio_rz4gh_139 {\n    font-size: 95px;\n  }\n\n  ._size1100Cambio_rz4gh_143 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_rz4gh_149 {\n  text-align: center;\n}\n\n._forceLeft_rz4gh_153 {\n  text-align: left;\n}\n\n._forceRight_rz4gh_157 {\n  text-align: right;\n}\n\n._start_rz4gh_161 {\n  text-align: start;\n}\n\n._end_rz4gh_165 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_rz4gh_170 {\n  font-weight: 700;\n}\n\n._regular_rz4gh_174 {\n  font-weight: 400;\n}\n\n._interactive_rz4gh_178 {\n  font-weight: 500;\n}\n\n._semiBold_rz4gh_182 {\n  font-weight: 600;\n}\n\n._heavy_rz4gh_186 {\n  font-weight: 860;\n}\n\n._regularCambio_rz4gh_190 {\n  font-weight: 400;\n}\n\n._mediumCambio_rz4gh_194 {\n  font-weight: 510;\n}\n\n._semiBoldCambio_rz4gh_198 {\n  font-weight: 590;\n}\n\n._boldCambio_rz4gh_202 {\n  font-weight: 700;\n}\n\n._underline_rz4gh_206 {\n  text-decoration: underline;\n}\n\n._inline_rz4gh_210 {\n  display: inline;\n}\n\n._uppercase_rz4gh_214 {\n  text-transform: uppercase;\n}\n\n._lineClamp_rz4gh_218 {\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_178qd_2 {\n  color: inherit;\n}\n\n._destructive700Color_178qd_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_178qd_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_178qd_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_178qd_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_178qd_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_178qd_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_178qd_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_178qd_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_178qd_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_178qd_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_178qd_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_178qd_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_178qd_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_178qd_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_178qd_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_178qd_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_178qd_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_178qd_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_178qd_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_178qd_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_178qd_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_178qd_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_178qd_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_178qd_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_178qd_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_178qd_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_178qd_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_178qd_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_178qd_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_178qd_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_178qd_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_178qd_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_178qd_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_178qd_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_178qd_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_178qd_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_178qd_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_178qd_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_178qd_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_178qd_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_178qd_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_178qd_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_178qd_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_178qd_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_178qd_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_178qd_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_178qd_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_178qd_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_178qd_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_178qd_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_178qd_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_178qd_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_178qd_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_178qd_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_178qd_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_178qd_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_178qd_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_178qd_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_178qd_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_178qd_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_178qd_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_178qd_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_178qd_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_178qd_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_178qd_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_178qd_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_178qd_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_178qd_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_178qd_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_178qd_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_178qd_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_178qd_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_178qd_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_178qd_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_178qd_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_178qd_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_178qd_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_178qd_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_178qd_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_178qd_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_178qd_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_178qd_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_178qd_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_178qd_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_178qd_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_178qd_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_178qd_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_178qd_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_178qd_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_178qd_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_178qd_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_178qd_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_178qd_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_178qd_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_178qd_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370BackgroundColor_178qd_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_178qd_392 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_178qd_396 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870BackgroundColor_178qd_400 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_178qd_404 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_178qd_408 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_178qd_412 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_178qd_416 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_178qd_420 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_178qd_424 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_178qd_428 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_178qd_432 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_178qd_436 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_178qd_440 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_178qd_444 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_178qd_448 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_178qd_452 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._cambioRedBackgroundColor_178qd_456 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioOrangeBackgroundColor_178qd_460 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioTanBackgroundColor_178qd_464 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioCreamBackgroundColor_178qd_468 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioPurpleBackgroundColor_178qd_472 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioLilacBackgroundColor_178qd_476 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioThistleBackgroundColor_178qd_480 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioPinkBackgroundColor_178qd_484 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioNavyBackgroundColor_178qd_488 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioTealBackgroundColor_178qd_492 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioSlateBackgroundColor_178qd_496 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSkyBackgroundColor_178qd_500 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_178qd_504 {\n  background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC7NF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/Typography/Typography.d.ts

@@ -12,13 +12,13 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "start"
      */
-    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
+    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
      * @defaultValue "div"
      */
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | undefined;
+    as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
     /**
      * The text to be rendered
      */
@@ -30,7 +30,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "gray900" | "primary" | "destructive-primary" | "success" | "gray700" | "white" | "inherit" | "destructive-darkBackground" | "success-darkBackground" | undefined;
+    color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
     /**
      * Test id for the text
      */
@@ -97,7 +97,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue 200
      */
-    size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 100 | 200 | 300 | undefined;
+    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | undefined;
     /**
      * The tooltip to be displayed when the user hovers the text
      */
@@ -133,7 +133,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "regular"
      */
-    weight?: "regular" | "interactive" | "medium" | "semiBold" | "bold" | "heavy" | undefined;
+    weight?: "bold" | "regular" | "interactive" | "medium" | "semiBold" | "heavy" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 
 export { Typography as default };

package/dist/Typography/Typography.js

@@ -1,10 +1,10 @@
 "use client"
 import {
   Typography_default
-} from "../__chunks/2A52YKFW.js";
+} from "../__chunks/2RIIE7CU.js";
 import "../__chunks/JHJZ5COD.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/FY4WHNNR.js";
+import "../__chunks/ZSHAHV4F.js";
 import "../__chunks/UWGNJENA.js";
 export {
   Typography_default as default

package/dist/__chunks/{YKGFFSWB.js → 22W7JX3C.js}

@@ -1,13 +1,13 @@
 "use client"
 import {
   Box_default
-} from "./YGKZCJF5.js";
+} from "./KU5UT5RY.js";
 import {
   Typography_default
-} from "./2A52YKFW.js";
+} from "./2RIIE7CU.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -97,6 +97,7 @@ var Chip = forwardRef(
             {
               size: themeName === "classic" ? typographySize[transformedSize] : 100,
               color,
+              weight: themeName === "classic" ? "regular" : "medium",
               children: text
             }
           ) })
@@ -111,4 +112,4 @@ var Chip_default = Chip;
 export {
   Chip_default
 };
-//# sourceMappingURL=YKGFFSWB.js.map
+//# sourceMappingURL=22W7JX3C.js.map

package/dist/__chunks/{YKGFFSWB.js.map → 22W7JX3C.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Chip/Chip.tsx","css-module:./Chip.module.css#css-module"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Chip.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction typographyColor({\n  themeName,\n  selected,\n  on,\n}: {\n  themeName: \"cambio\" | \"classic\";\n  selected: boolean;\n  on: \"lightBackground\" | \"darkBackground\";\n}): \"white\" | \"gray900\" {\n  if (themeName === \"cambio\" && on === \"darkBackground\") {\n    if (selected) {\n      return \"gray900\";\n    } else {\n      return \"white\";\n    }\n  } else {\n    if (selected) {\n      return \"white\";\n    } else {\n      return \"gray900\";\n    }\n  }\n}\n\ntype ChipProps = {\n  /**\n   * If true, the chip will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Sets the initial status of this chip component.\n   * * `true` will display a grey chip.\n   * * `false` will display a premium800 color chip.\n   *\n   * @defaultValue \"false\"\n   */\n  selected?: boolean;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Size of the chip.\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   *\n   * @defaultValue sm\n   */\n  size?: \"sm\" | \"lg\";\n  /**\n   * The text to be displayed on the chip\n   */\n  text: string;\n  /**\n   * Indicate whether the badge renders on a light or dark background. Changes the color of the chip (Cambio only)\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the chip is clicked\n   */\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The icon to be displayed.\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n};\n/**\n * [Chip](https://cambly-syntax.vercel.app/?path=/docs/components-chip--docs) is used to show status (selected/not selected) like a toggle button.\n */\nconst Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      disabled: disabledProp = false,\n      selected = false,\n      \"data-testid\": dataTestId,\n      size = \"sm\",\n      text,\n      on = \"lightBackground\",\n      onChange,\n      icon: Icon,\n      dangerouslyForceFocusStyles,\n    }: ChipProps,\n    ref,\n  ) => {\n    const { themeName } = useTheme();\n    const transformedSize = themeName === \"cambio\" ? \"sm\" : size;\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n\n    const selectedChipCambioStyle =\n      on === \"lightBackground\"\n        ? styles.selectedChipCambio\n        : styles.selectedChipCambioOnDarkBackground;\n\n    const deselectedChipCambioStyle =\n      on === \"lightBackground\"\n        ? styles.deselectedChipCambio\n        : styles.deselectedChipCambioOnDarkBackground;\n\n    const chipStyles = classnames(\n      styles.chip,\n      themeName === \"classic\" ? styles.chipClassic : styles.chipCambio,\n      styles[transformedSize],\n      {\n        [themeName === \"classic\"\n          ? styles.selectedChip\n          : selectedChipCambioStyle]: selected,\n        [themeName === \"classic\"\n          ? styles.deselectedChip\n          : deselectedChipCambioStyle]: !selected,\n        [styles.disabled]: disabled,\n        [styles.forceFocus]: dangerouslyForceFocusStyles,\n      },\n    );\n    const iconStyles = classnames(styles.icon, {\n      [styles.selectedIcon]: selected,\n    });\n    const typographySize = {\n      [\"sm\"]: 200,\n      [\"lg\"]: 300,\n    } as const;\n\n    const color = useMemo(\n      () => typographyColor({ themeName, selected, on }),\n      [themeName, selected, on],\n    );\n\n    return (\n      <button\n        className={chipStyles}\n        disabled={disabled}\n        data-testid={dataTestId}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={selected}\n        onClick={onChange}\n      >\n        {Icon && <Icon className={iconStyles} />}\n        <Box paddingX={Icon ? 1 : 0}>\n          <Typography\n            size={\n              themeName === \"classic\" ? typographySize[transformedSize] : 100\n            }\n            color={color}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </button>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css\"; export default {\"chip\":\"_chip_1ndh3_1\",\"chipClassic\":\"_chipClassic_1ndh3_10\",\"chipCambio\":\"_chipCambio_1ndh3_15\",\"disabled\":\"_disabled_1ndh3_20\",\"deselectedChip\":\"_deselectedChip_1ndh3_25\",\"selectedChip\":\"_selectedChip_1ndh3_29\",\"deselectedChipCambio\":\"_deselectedChipCambio_1ndh3_34\",\"deselectedChipCambioOnDarkBackground\":\"_deselectedChipCambioOnDarkBackground_1ndh3_38\",\"selectedChipCambio\":\"_selectedChipCambio_1ndh3_42\",\"selectedChipCambioOnDarkBackground\":\"_selectedChipCambioOnDarkBackground_1ndh3_46\",\"icon\":\"_icon_1ndh3_50\",\"selectedIcon\":\"_selectedIcon_1ndh3_58\",\"sm\":\"_sm_1ndh3_62\",\"lg\":\"_lg_1ndh3_68\",\"forceFocus\":\"_forceFocus_1ndh3_75\"}"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,eAAc,yBAAwB,cAAa,wBAAuB,YAAW,sBAAqB,kBAAiB,4BAA2B,gBAAe,0BAAyB,wBAAuB,kCAAiC,wCAAuC,kDAAiD,sBAAqB,gCAA+B,sCAAqC,gDAA+C,QAAO,kBAAiB,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,gBAAe,cAAa,uBAAsB;;;ADiJ1tB,SASW,KATX;AAzIN,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIwB;AACtB,MAAI,cAAc,YAAY,OAAO,kBAAkB;AACrD,QAAI,UAAU;AACZ,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,OAAO;AACL,QAAI,UAAU;AACZ,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAwDA,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,UAAU,eAAe;AAAA,IACzB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EACF,GACA,QACG;AACH,UAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,UAAM,kBAAkB,cAAc,WAAW,OAAO;AACxD,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAEhC,UAAM,0BACJ,OAAO,oBACH,oBAAO,qBACP,oBAAO;AAEb,UAAM,4BACJ,OAAO,oBACH,oBAAO,uBACP,oBAAO;AAEb,UAAM,aAAa;AAAA,MACjB,oBAAO;AAAA,MACP,cAAc,YAAY,oBAAO,cAAc,oBAAO;AAAA,MACtD,oBAAO,eAAe;AAAA,MACtB;AAAA,QACE,CAAC,cAAc,YACX,oBAAO,eACP,uBAAuB,GAAG;AAAA,QAC9B,CAAC,cAAc,YACX,oBAAO,iBACP,yBAAyB,GAAG,CAAC;AAAA,QACjC,CAAC,oBAAO,QAAQ,GAAG;AAAA,QACnB,CAAC,oBAAO,UAAU,GAAG;AAAA,MACvB;AAAA,IACF;AACA,UAAM,aAAa,WAAW,oBAAO,MAAM;AAAA,MACzC,CAAC,oBAAO,YAAY,GAAG;AAAA,IACzB,CAAC;AACD,UAAM,iBAAiB;AAAA,MACrB,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,IAAI,GAAG;AAAA,IACV;AAEA,UAAM,QAAQ;AAAA,MACZ,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,CAAC;AAAA,MACjD,CAAC,WAAW,UAAU,EAAE;AAAA,IAC1B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,SAAS;AAAA,QAER;AAAA,kBAAQ,oBAAC,QAAK,WAAW,YAAY;AAAA,UACtC,oBAAC,eAAI,UAAU,OAAO,IAAI,GACxB;AAAA,YAAC;AAAA;AAAA,cACC,MACE,cAAc,YAAY,eAAe,eAAe,IAAI;AAAA,cAE9D;AAAA,cAEC;AAAA;AAAA,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../../src/Chip/Chip.tsx","css-module:./Chip.module.css#css-module"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport styles from \"./Chip.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction typographyColor({\n  themeName,\n  selected,\n  on,\n}: {\n  themeName: \"cambio\" | \"classic\";\n  selected: boolean;\n  on: \"lightBackground\" | \"darkBackground\";\n}): \"white\" | \"gray900\" {\n  if (themeName === \"cambio\" && on === \"darkBackground\") {\n    if (selected) {\n      return \"gray900\";\n    } else {\n      return \"white\";\n    }\n  } else {\n    if (selected) {\n      return \"white\";\n    } else {\n      return \"gray900\";\n    }\n  }\n}\n\ntype ChipProps = {\n  /**\n   * If true, the chip will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Sets the initial status of this chip component.\n   * * `true` will display a grey chip.\n   * * `false` will display a premium800 color chip.\n   *\n   * @defaultValue \"false\"\n   */\n  selected?: boolean;\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * Size of the chip.\n   *\n   * Classic:\n   * * `sm`: 32px\n   * * `lg`: 48px\n   *\n   * Cambio:\n   * * `sm`: 32px\n   *\n   * @defaultValue sm\n   */\n  size?: \"sm\" | \"lg\";\n  /**\n   * The text to be displayed on the chip\n   */\n  text: string;\n  /**\n   * Indicate whether the badge renders on a light or dark background. Changes the color of the chip (Cambio only)\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the chip is clicked\n   */\n  onChange: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The icon to be displayed.\n   */\n  icon?: React.ComponentType<{ className?: string }>;\n  /** forces focus ring styling */\n  dangerouslyForceFocusStyles?: boolean;\n};\n/**\n * [Chip](https://cambly-syntax.vercel.app/?path=/docs/components-chip--docs) is used to show status (selected/not selected) like a toggle button.\n */\nconst Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      disabled: disabledProp = false,\n      selected = false,\n      \"data-testid\": dataTestId,\n      size = \"sm\",\n      text,\n      on = \"lightBackground\",\n      onChange,\n      icon: Icon,\n      dangerouslyForceFocusStyles,\n    }: ChipProps,\n    ref,\n  ) => {\n    const { themeName } = useTheme();\n    const transformedSize = themeName === \"cambio\" ? \"sm\" : size;\n    const isHydrated = useIsHydrated();\n    const disabled = !isHydrated || disabledProp;\n\n    const selectedChipCambioStyle =\n      on === \"lightBackground\"\n        ? styles.selectedChipCambio\n        : styles.selectedChipCambioOnDarkBackground;\n\n    const deselectedChipCambioStyle =\n      on === \"lightBackground\"\n        ? styles.deselectedChipCambio\n        : styles.deselectedChipCambioOnDarkBackground;\n\n    const chipStyles = classnames(\n      styles.chip,\n      themeName === \"classic\" ? styles.chipClassic : styles.chipCambio,\n      styles[transformedSize],\n      {\n        [themeName === \"classic\"\n          ? styles.selectedChip\n          : selectedChipCambioStyle]: selected,\n        [themeName === \"classic\"\n          ? styles.deselectedChip\n          : deselectedChipCambioStyle]: !selected,\n        [styles.disabled]: disabled,\n        [styles.forceFocus]: dangerouslyForceFocusStyles,\n      },\n    );\n    const iconStyles = classnames(styles.icon, {\n      [styles.selectedIcon]: selected,\n    });\n    const typographySize = {\n      [\"sm\"]: 200,\n      [\"lg\"]: 300,\n    } as const;\n\n    const color = useMemo(\n      () => typographyColor({ themeName, selected, on }),\n      [themeName, selected, on],\n    );\n\n    return (\n      <button\n        className={chipStyles}\n        disabled={disabled}\n        data-testid={dataTestId}\n        ref={ref}\n        type=\"button\"\n        aria-pressed={selected}\n        onClick={onChange}\n      >\n        {Icon && <Icon className={iconStyles} />}\n        <Box paddingX={Icon ? 1 : 0}>\n          <Typography\n            size={\n              themeName === \"classic\" ? typographySize[transformedSize] : 100\n            }\n            color={color}\n            weight={themeName === \"classic\" ? \"regular\" : \"medium\"}\n          >\n            {text}\n          </Typography>\n        </Box>\n      </button>\n    );\n  },\n);\n\nChip.displayName = \"Chip\";\n\nexport default Chip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css\"; export default {\"chip\":\"_chip_1ndh3_1\",\"chipClassic\":\"_chipClassic_1ndh3_10\",\"chipCambio\":\"_chipCambio_1ndh3_15\",\"disabled\":\"_disabled_1ndh3_20\",\"deselectedChip\":\"_deselectedChip_1ndh3_25\",\"selectedChip\":\"_selectedChip_1ndh3_29\",\"deselectedChipCambio\":\"_deselectedChipCambio_1ndh3_34\",\"deselectedChipCambioOnDarkBackground\":\"_deselectedChipCambioOnDarkBackground_1ndh3_38\",\"selectedChipCambio\":\"_selectedChipCambio_1ndh3_42\",\"selectedChipCambioOnDarkBackground\":\"_selectedChipCambioOnDarkBackground_1ndh3_46\",\"icon\":\"_icon_1ndh3_50\",\"selectedIcon\":\"_selectedIcon_1ndh3_58\",\"sm\":\"_sm_1ndh3_62\",\"lg\":\"_lg_1ndh3_68\",\"forceFocus\":\"_forceFocus_1ndh3_75\"}"],"mappings":";;;;;;;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,OAAO,gBAAgB;;;ACDiE,IAAO,sBAAQ,EAAC,QAAO,iBAAgB,eAAc,yBAAwB,cAAa,wBAAuB,YAAW,sBAAqB,kBAAiB,4BAA2B,gBAAe,0BAAyB,wBAAuB,kCAAiC,wCAAuC,kDAAiD,sBAAqB,gCAA+B,sCAAqC,gDAA+C,QAAO,kBAAiB,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,gBAAe,cAAa,uBAAsB;;;ADiJ1tB,SASW,KATX;AAzIN,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIwB;AACtB,MAAI,cAAc,YAAY,OAAO,kBAAkB;AACrD,QAAI,UAAU;AACZ,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,OAAO;AACL,QAAI,UAAU;AACZ,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAwDA,IAAM,OAAO;AAAA,EACX,CACE;AAAA,IACE,UAAU,eAAe;AAAA,IACzB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,OAAO;AAAA,IACP;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN;AAAA,EACF,GACA,QACG;AACH,UAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,UAAM,kBAAkB,cAAc,WAAW,OAAO;AACxD,UAAM,aAAa,cAAc;AACjC,UAAM,WAAW,CAAC,cAAc;AAEhC,UAAM,0BACJ,OAAO,oBACH,oBAAO,qBACP,oBAAO;AAEb,UAAM,4BACJ,OAAO,oBACH,oBAAO,uBACP,oBAAO;AAEb,UAAM,aAAa;AAAA,MACjB,oBAAO;AAAA,MACP,cAAc,YAAY,oBAAO,cAAc,oBAAO;AAAA,MACtD,oBAAO,eAAe;AAAA,MACtB;AAAA,QACE,CAAC,cAAc,YACX,oBAAO,eACP,uBAAuB,GAAG;AAAA,QAC9B,CAAC,cAAc,YACX,oBAAO,iBACP,yBAAyB,GAAG,CAAC;AAAA,QACjC,CAAC,oBAAO,QAAQ,GAAG;AAAA,QACnB,CAAC,oBAAO,UAAU,GAAG;AAAA,MACvB;AAAA,IACF;AACA,UAAM,aAAa,WAAW,oBAAO,MAAM;AAAA,MACzC,CAAC,oBAAO,YAAY,GAAG;AAAA,IACzB,CAAC;AACD,UAAM,iBAAiB;AAAA,MACrB,CAAC,IAAI,GAAG;AAAA,MACR,CAAC,IAAI,GAAG;AAAA,IACV;AAEA,UAAM,QAAQ;AAAA,MACZ,MAAM,gBAAgB,EAAE,WAAW,UAAU,GAAG,CAAC;AAAA,MACjD,CAAC,WAAW,UAAU,EAAE;AAAA,IAC1B;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,SAAS;AAAA,QAER;AAAA,kBAAQ,oBAAC,QAAK,WAAW,YAAY;AAAA,UACtC,oBAAC,eAAI,UAAU,OAAO,IAAI,GACxB;AAAA,YAAC;AAAA;AAAA,cACC,MACE,cAAc,YAAY,eAAe,eAAe,IAAI;AAAA,cAE9D;AAAA,cACA,QAAQ,cAAc,YAAY,YAAY;AAAA,cAE7C;AAAA;AAAA,UACH,GACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;AAEnB,IAAO,eAAQ;","names":[]}

package/dist/__chunks/{2A52YKFW.js → 2RIIE7CU.js}

@@ -4,14 +4,14 @@ import {
 } from "./JHJZ5COD.js";
 import {
   useTheme
-} from "./FY4WHNNR.js";
+} from "./ZSHAHV4F.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
 import { forwardRef } from "react";
 
 // css-module:./Typography.module.css#css-module
-var Typography_module_default = { "typography": "_typography_imwgy_1", "sansSerif": "_sansSerif_imwgy_23", "serif": "_serif_imwgy_29", "size100": "_size100_imwgy_36", "size200": "_size200_imwgy_40", "size300": "_size300_imwgy_44", "size500": "_size500_imwgy_48", "size600": "_size600_imwgy_52", "size700": "_size700_imwgy_56", "size800": "_size800_imwgy_60", "size100Cambio": "_size100Cambio_imwgy_65", "size200Cambio": "_size200Cambio_imwgy_69", "size300Cambio": "_size300Cambio_imwgy_73", "size400Cambio": "_size400Cambio_imwgy_77", "size500Cambio": "_size500Cambio_imwgy_81", "size600Cambio": "_size600Cambio_imwgy_85", "size700Cambio": "_size700Cambio_imwgy_89", "size800Cambio": "_size800Cambio_imwgy_93", "size900Cambio": "_size900Cambio_imwgy_97", "size1000Cambio": "_size1000Cambio_imwgy_138", "size1100Cambio": "_size1100Cambio_imwgy_142", "center": "_center_imwgy_148", "forceLeft": "_forceLeft_imwgy_152", "forceRight": "_forceRight_imwgy_156", "start": "_start_imwgy_160", "end": "_end_imwgy_164", "bold": "_bold_imwgy_169", "regular": "_regular_imwgy_173", "interactive": "_interactive_imwgy_177", "semiBold": "_semiBold_imwgy_181", "heavy": "_heavy_imwgy_185", "regularCambio": "_regularCambio_imwgy_189", "mediumCambio": "_mediumCambio_imwgy_193", "semiBoldCambio": "_semiBoldCambio_imwgy_197", "boldCambio": "_boldCambio_imwgy_201", "underline": "_underline_imwgy_205", "inline": "_inline_imwgy_209", "uppercase": "_uppercase_imwgy_213", "lineClamp": "_lineClamp_imwgy_217" };
+var Typography_module_default = { "typography": "_typography_rz4gh_1", "sansSerif": "_sansSerif_rz4gh_24", "serif": "_serif_rz4gh_30", "size100": "_size100_rz4gh_37", "size200": "_size200_rz4gh_41", "size300": "_size300_rz4gh_45", "size500": "_size500_rz4gh_49", "size600": "_size600_rz4gh_53", "size700": "_size700_rz4gh_57", "size800": "_size800_rz4gh_61", "size100Cambio": "_size100Cambio_rz4gh_66", "size200Cambio": "_size200Cambio_rz4gh_70", "size300Cambio": "_size300Cambio_rz4gh_74", "size400Cambio": "_size400Cambio_rz4gh_78", "size500Cambio": "_size500Cambio_rz4gh_82", "size600Cambio": "_size600Cambio_rz4gh_86", "size700Cambio": "_size700Cambio_rz4gh_90", "size800Cambio": "_size800Cambio_rz4gh_94", "size900Cambio": "_size900Cambio_rz4gh_98", "size1000Cambio": "_size1000Cambio_rz4gh_139", "size1100Cambio": "_size1100Cambio_rz4gh_143", "center": "_center_rz4gh_149", "forceLeft": "_forceLeft_rz4gh_153", "forceRight": "_forceRight_rz4gh_157", "start": "_start_rz4gh_161", "end": "_end_rz4gh_165", "bold": "_bold_rz4gh_170", "regular": "_regular_rz4gh_174", "interactive": "_interactive_rz4gh_178", "semiBold": "_semiBold_rz4gh_182", "heavy": "_heavy_rz4gh_186", "regularCambio": "_regularCambio_rz4gh_190", "mediumCambio": "_mediumCambio_rz4gh_194", "semiBoldCambio": "_semiBoldCambio_rz4gh_198", "boldCambio": "_boldCambio_rz4gh_202", "underline": "_underline_rz4gh_206", "inline": "_inline_rz4gh_210", "uppercase": "_uppercase_rz4gh_214", "lineClamp": "_lineClamp_rz4gh_218" };
 
 // src/Typography/Typography.tsx
 import { jsx } from "react/jsx-runtime";
@@ -125,4 +125,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=2A52YKFW.js.map
+//# sourceMappingURL=2RIIE7CU.js.map

package/dist/__chunks/{2A52YKFW.js.map → 2RIIE7CU.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"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_imwgy_1\",\"sansSerif\":\"_sansSerif_imwgy_23\",\"serif\":\"_serif_imwgy_29\",\"size100\":\"_size100_imwgy_36\",\"size200\":\"_size200_imwgy_40\",\"size300\":\"_size300_imwgy_44\",\"size500\":\"_size500_imwgy_48\",\"size600\":\"_size600_imwgy_52\",\"size700\":\"_size700_imwgy_56\",\"size800\":\"_size800_imwgy_60\",\"size100Cambio\":\"_size100Cambio_imwgy_65\",\"size200Cambio\":\"_size200Cambio_imwgy_69\",\"size300Cambio\":\"_size300Cambio_imwgy_73\",\"size400Cambio\":\"_size400Cambio_imwgy_77\",\"size500Cambio\":\"_size500Cambio_imwgy_81\",\"size600Cambio\":\"_size600Cambio_imwgy_85\",\"size700Cambio\":\"_size700Cambio_imwgy_89\",\"size800Cambio\":\"_size800Cambio_imwgy_93\",\"size900Cambio\":\"_size900Cambio_imwgy_97\",\"size1000Cambio\":\"_size1000Cambio_imwgy_138\",\"size1100Cambio\":\"_size1100Cambio_imwgy_142\",\"center\":\"_center_imwgy_148\",\"forceLeft\":\"_forceLeft_imwgy_152\",\"forceRight\":\"_forceRight_imwgy_156\",\"start\":\"_start_imwgy_160\",\"end\":\"_end_imwgy_164\",\"bold\":\"_bold_imwgy_169\",\"regular\":\"_regular_imwgy_173\",\"interactive\":\"_interactive_imwgy_177\",\"semiBold\":\"_semiBold_imwgy_181\",\"heavy\":\"_heavy_imwgy_185\",\"regularCambio\":\"_regularCambio_imwgy_189\",\"mediumCambio\":\"_mediumCambio_imwgy_193\",\"semiBoldCambio\":\"_semiBoldCambio_imwgy_197\",\"boldCambio\":\"_boldCambio_imwgy_201\",\"underline\":\"_underline_imwgy_205\",\"inline\":\"_inline_imwgy_209\",\"uppercase\":\"_uppercase_imwgy_213\",\"lineClamp\":\"_lineClamp_imwgy_217\"}"],"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,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,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;;;ADkRl9C;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;","names":["Typography"]}
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"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_rz4gh_1\",\"sansSerif\":\"_sansSerif_rz4gh_24\",\"serif\":\"_serif_rz4gh_30\",\"size100\":\"_size100_rz4gh_37\",\"size200\":\"_size200_rz4gh_41\",\"size300\":\"_size300_rz4gh_45\",\"size500\":\"_size500_rz4gh_49\",\"size600\":\"_size600_rz4gh_53\",\"size700\":\"_size700_rz4gh_57\",\"size800\":\"_size800_rz4gh_61\",\"size100Cambio\":\"_size100Cambio_rz4gh_66\",\"size200Cambio\":\"_size200Cambio_rz4gh_70\",\"size300Cambio\":\"_size300Cambio_rz4gh_74\",\"size400Cambio\":\"_size400Cambio_rz4gh_78\",\"size500Cambio\":\"_size500Cambio_rz4gh_82\",\"size600Cambio\":\"_size600Cambio_rz4gh_86\",\"size700Cambio\":\"_size700Cambio_rz4gh_90\",\"size800Cambio\":\"_size800Cambio_rz4gh_94\",\"size900Cambio\":\"_size900Cambio_rz4gh_98\",\"size1000Cambio\":\"_size1000Cambio_rz4gh_139\",\"size1100Cambio\":\"_size1100Cambio_rz4gh_143\",\"center\":\"_center_rz4gh_149\",\"forceLeft\":\"_forceLeft_rz4gh_153\",\"forceRight\":\"_forceRight_rz4gh_157\",\"start\":\"_start_rz4gh_161\",\"end\":\"_end_rz4gh_165\",\"bold\":\"_bold_rz4gh_170\",\"regular\":\"_regular_rz4gh_174\",\"interactive\":\"_interactive_rz4gh_178\",\"semiBold\":\"_semiBold_rz4gh_182\",\"heavy\":\"_heavy_rz4gh_186\",\"regularCambio\":\"_regularCambio_rz4gh_190\",\"mediumCambio\":\"_mediumCambio_rz4gh_194\",\"semiBoldCambio\":\"_semiBoldCambio_rz4gh_198\",\"boldCambio\":\"_boldCambio_rz4gh_202\",\"underline\":\"_underline_rz4gh_206\",\"inline\":\"_inline_rz4gh_210\",\"uppercase\":\"_uppercase_rz4gh_214\",\"lineClamp\":\"_lineClamp_rz4gh_218\"}"],"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,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,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;;;ADkRl9C;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;","names":["Typography"]}

package/dist/__chunks/{W7GPAEHP.cjs → 2RKCTJBI.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _27K33DEMcjs = require('./27K33DEM.cjs');
+var _SNYEHXDAcjs = require('./SNYEHXDA.cjs');
 
 
-var _6W5WRS53cjs = require('./6W5WRS53.cjs');
+var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
 
 // src/Card/Card.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -14,10 +14,10 @@ function Card({
   size,
   "data-testid": dataTestId
 }) {
-  const { themeName } = _6W5WRS53cjs.useTheme.call(void 0, );
+  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
   const cambioPadding = size === "compact" ? 2 : 4;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _27K33DEMcjs.Box_default,
+    _SNYEHXDAcjs.Box_default,
     {
       rounding: themeName === "classic" ? "lg" : "md",
       padding: themeName === "classic" ? 5 : cambioPadding,
@@ -33,4 +33,4 @@ function Card({
 
 
 exports.Card = Card;
-//# sourceMappingURL=W7GPAEHP.cjs.map
+//# sourceMappingURL=2RKCTJBI.cjs.map