@cambly/syntax-core 10.26.0 → 10.28.0

package/dist/Typography/Typography.css

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

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_1gnc6_1 {\n  line-height: initial;\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_1gnc6_24 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n._serif_1gnc6_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_1gnc6_37 {\n  font-size: 12px;\n}\n\n._size200_1gnc6_41 {\n  font-size: 14px;\n}\n\n._size300_1gnc6_45 {\n  font-size: 16px;\n}\n\n._size500_1gnc6_49 {\n  font-size: 20px;\n}\n\n._size600_1gnc6_53 {\n  font-size: 28px;\n}\n\n._size700_1gnc6_57 {\n  font-size: 40px;\n}\n\n._size800_1gnc6_61 {\n  font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_1gnc6_66 {\n  font-size: 14px;\n}\n\n._size200Cambio_1gnc6_70 {\n  font-size: 16px;\n}\n\n._size300Cambio_1gnc6_74 {\n  font-size: 18px;\n}\n\n._size400Cambio_1gnc6_78 {\n  font-size: 20px;\n}\n\n._size500Cambio_1gnc6_82 {\n  font-size: 23px;\n}\n\n._size600Cambio_1gnc6_86 {\n  font-size: 26px;\n}\n\n._size700Cambio_1gnc6_90 {\n  font-size: 33px;\n}\n\n._size800Cambio_1gnc6_94 {\n  font-size: 41px;\n}\n\n._size900Cambio_1gnc6_98 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100Cambio_1gnc6_66 {\n    font-size: 14px;\n  }\n\n  ._size200Cambio_1gnc6_70 {\n    font-size: 16px;\n  }\n\n  ._size300Cambio_1gnc6_74 {\n    font-size: 20px;\n  }\n\n  ._size400Cambio_1gnc6_78 {\n    font-size: 25px;\n  }\n\n  ._size500Cambio_1gnc6_82 {\n    font-size: 31px;\n  }\n\n  ._size600Cambio_1gnc6_86 {\n    font-size: 39px;\n  }\n\n  ._size700Cambio_1gnc6_90 {\n    font-size: 49px;\n  }\n\n  ._size800Cambio_1gnc6_94 {\n    font-size: 61px;\n  }\n\n  ._size900Cambio_1gnc6_98 {\n    font-size: 76px;\n  }\n\n  ._size1000Cambio_1gnc6_139 {\n    font-size: 95px;\n  }\n\n  ._size1100Cambio_1gnc6_143 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_1gnc6_149 {\n  text-align: center;\n}\n\n._forceLeft_1gnc6_153 {\n  text-align: left;\n}\n\n._forceRight_1gnc6_157 {\n  text-align: right;\n}\n\n._start_1gnc6_161 {\n  text-align: start;\n}\n\n._end_1gnc6_165 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_1gnc6_170 {\n  font-weight: 700;\n}\n\n._regular_1gnc6_174 {\n  font-weight: 400;\n}\n\n._interactive_1gnc6_178 {\n  font-weight: 500;\n}\n\n._semiBold_1gnc6_182 {\n  font-weight: 600;\n}\n\n._heavy_1gnc6_186 {\n  font-weight: 860;\n}\n\n._regularCambio_1gnc6_190 {\n  font-weight: 400;\n}\n\n._mediumCambio_1gnc6_194 {\n  font-weight: 510;\n}\n\n._semiBoldCambio_1gnc6_198 {\n  font-weight: 590;\n}\n\n._boldCambio_1gnc6_202 {\n  font-weight: 700;\n}\n\n._underline_1gnc6_206 {\n  text-decoration: underline;\n}\n\n._inline_1gnc6_210 {\n  display: inline;\n}\n\n._uppercase_1gnc6_214 {\n  text-transform: uppercase;\n}\n\n._lineClamp_1gnc6_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_rzcwj_2 {\n  color: inherit;\n}\n\n._destructive700Color_rzcwj_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_rzcwj_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_rzcwj_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_rzcwj_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_rzcwj_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_rzcwj_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_rzcwj_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_rzcwj_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_rzcwj_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_rzcwj_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_rzcwj_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_rzcwj_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_rzcwj_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_rzcwj_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_rzcwj_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_rzcwj_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_rzcwj_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_rzcwj_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_rzcwj_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_rzcwj_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_rzcwj_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_rzcwj_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_rzcwj_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_rzcwj_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_rzcwj_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_rzcwj_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_rzcwj_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_rzcwj_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_rzcwj_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_rzcwj_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_rzcwj_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_rzcwj_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_rzcwj_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_rzcwj_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_rzcwj_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_rzcwj_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_rzcwj_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_rzcwj_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_rzcwj_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_rzcwj_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_rzcwj_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_rzcwj_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_rzcwj_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_rzcwj_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_rzcwj_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_rzcwj_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_rzcwj_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_rzcwj_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_rzcwj_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_rzcwj_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_rzcwj_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_rzcwj_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_rzcwj_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_rzcwj_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_rzcwj_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_rzcwj_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_rzcwj_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_rzcwj_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_rzcwj_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_rzcwj_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_rzcwj_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_rzcwj_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_rzcwj_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_rzcwj_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_rzcwj_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_rzcwj_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_rzcwj_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_rzcwj_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_rzcwj_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_rzcwj_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_rzcwj_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_rzcwj_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_rzcwj_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_rzcwj_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_rzcwj_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_rzcwj_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_rzcwj_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_rzcwj_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_rzcwj_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_rzcwj_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_rzcwj_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_rzcwj_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_rzcwj_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_rzcwj_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_rzcwj_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_rzcwj_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_rzcwj_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_rzcwj_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_rzcwj_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_rzcwj_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_rzcwj_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_rzcwj_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_rzcwj_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_rzcwj_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_rzcwj_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_rzcwj_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_rzcwj_392 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_rzcwj_396 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_rzcwj_400 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_rzcwj_404 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_rzcwj_408 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_rzcwj_412 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_rzcwj_416 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_rzcwj_420 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_rzcwj_424 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_rzcwj_428 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_rzcwj_432 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_rzcwj_436 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_rzcwj_440 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_rzcwj_444 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_rzcwj_448 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_rzcwj_452 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_rzcwj_456 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_rzcwj_460 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_rzcwj_464 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_rzcwj_468 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_rzcwj_472 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_rzcwj_476 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_rzcwj_480 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_rzcwj_484 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_rzcwj_488 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_rzcwj_492 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_rzcwj_496 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_rzcwj_500 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_rzcwj_504 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_rzcwj_508 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_rzcwj_512 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_rzcwj_516 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_rzcwj_520 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_rzcwj_524 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_rzcwj_528 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_rzcwj_532 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_rzcwj_536 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_rzcwj_540 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_rzcwj_544 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_rzcwj_548 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_rzcwj_552 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_rzcwj_556 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_rzcwj_560 {\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;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_crxq1_1 {\n  line-height: initial;\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-text-medium-converted.woff2\");\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-text-bold-converted.woff2\");\n}\n\n._sansSerif_crxq1_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_crxq1_27 {\n  font-family: var(\n    --syntax-font-sans-serif\n  ); /* Intentional, the default is still to use sans-serif, we only use serif for certain languages */\n}\n\n/* GT Super only supports certain languages: https://www.grillitype.com/typeface/gt-super */\n\n/* List of languages we use on Cambly and their support for GT Super\n\n* English: ✅\n* Arabic: ❌\n* Azerbaijani: ✅\n* German: ✅\n* Spanish: ✅\n* French: ✅\n* Italian: ✅\n* Japanese: ❌\n* Korean: ❌\n* Polish: ✅\n* Portuguese: ✅\n* Russian: ❌\n* Thai: ❌\n* Turkish: ✅\n* Vietnamese: ❌\n* Simplified Chinese: ❌\n* Traditional Chinese: ❌\n*/\n\n/* stylelint-disable-next-line selector-max-compound-selectors -- only render serif font for certain languages */\n:lang(en) ._serif_crxq1_27,\n:lang(az) ._serif_crxq1_27,\n:lang(fr) ._serif_crxq1_27,\n:lang(de) ._serif_crxq1_27,\n:lang(es) ._serif_crxq1_27,\n:lang(it) ._serif_crxq1_27,\n:lang(pl) ._serif_crxq1_27,\n:lang(pt) ._serif_crxq1_27,\n:lang(tr) ._serif_crxq1_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_crxq1_71 {\n  font-size: 12px;\n}\n\n._size200_crxq1_75 {\n  font-size: 14px;\n}\n\n._size300_crxq1_79 {\n  font-size: 16px;\n}\n\n._size500_crxq1_83 {\n  font-size: 20px;\n}\n\n._size600_crxq1_87 {\n  font-size: 28px;\n}\n\n._size700_crxq1_91 {\n  font-size: 40px;\n}\n\n._size800_crxq1_95 {\n  font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_crxq1_100 {\n  font-size: 14px;\n}\n\n._size200Cambio_crxq1_104 {\n  font-size: 16px;\n}\n\n._size300Cambio_crxq1_108 {\n  font-size: 18px;\n}\n\n._size400Cambio_crxq1_112 {\n  font-size: 20px;\n}\n\n._size500Cambio_crxq1_116 {\n  font-size: 23px;\n}\n\n._size600Cambio_crxq1_120 {\n  font-size: 26px;\n}\n\n._size700Cambio_crxq1_124 {\n  font-size: 33px;\n}\n\n._size800Cambio_crxq1_128 {\n  font-size: 41px;\n}\n\n._size900Cambio_crxq1_132 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100Cambio_crxq1_100 {\n    font-size: 14px;\n  }\n\n  ._size200Cambio_crxq1_104 {\n    font-size: 16px;\n  }\n\n  ._size300Cambio_crxq1_108 {\n    font-size: 20px;\n  }\n\n  ._size400Cambio_crxq1_112 {\n    font-size: 25px;\n  }\n\n  ._size500Cambio_crxq1_116 {\n    font-size: 31px;\n  }\n\n  ._size600Cambio_crxq1_120 {\n    font-size: 39px;\n  }\n\n  ._size700Cambio_crxq1_124 {\n    font-size: 49px;\n  }\n\n  ._size800Cambio_crxq1_128 {\n    font-size: 61px;\n  }\n\n  ._size900Cambio_crxq1_132 {\n    font-size: 76px;\n  }\n\n  ._size1000Cambio_crxq1_173 {\n    font-size: 95px;\n  }\n\n  ._size1100Cambio_crxq1_177 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_crxq1_183 {\n  text-align: center;\n}\n\n._forceLeft_crxq1_187 {\n  text-align: left;\n}\n\n._forceRight_crxq1_191 {\n  text-align: right;\n}\n\n._start_crxq1_195 {\n  text-align: start;\n}\n\n._end_crxq1_199 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_crxq1_204 {\n  font-weight: 700;\n}\n\n._regular_crxq1_208 {\n  font-weight: 400;\n}\n\n._interactive_crxq1_212 {\n  font-weight: 500;\n}\n\n._semiBold_crxq1_216 {\n  font-weight: 600;\n}\n\n._heavy_crxq1_220 {\n  font-weight: 860;\n}\n\n._regularCambio_crxq1_224 {\n  font-weight: 400;\n}\n\n._mediumCambio_crxq1_228 {\n  font-weight: 510;\n}\n\n._semiBoldCambio_crxq1_232 {\n  font-weight: 590;\n}\n\n._boldCambio_crxq1_236 {\n  font-weight: 700;\n}\n\n._underline_crxq1_240 {\n  text-decoration: underline;\n}\n\n._inline_crxq1_244 {\n  display: inline;\n}\n\n._uppercase_crxq1_248 {\n  text-transform: uppercase;\n}\n\n._lineClamp_crxq1_252 {\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_rzcwj_2 {\n  color: inherit;\n}\n\n._destructive700Color_rzcwj_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_rzcwj_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_rzcwj_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_rzcwj_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_rzcwj_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_rzcwj_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_rzcwj_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_rzcwj_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_rzcwj_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_rzcwj_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_rzcwj_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_rzcwj_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_rzcwj_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_rzcwj_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_rzcwj_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_rzcwj_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_rzcwj_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_rzcwj_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_rzcwj_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_rzcwj_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_rzcwj_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_rzcwj_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_rzcwj_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_rzcwj_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_rzcwj_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_rzcwj_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_rzcwj_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_rzcwj_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_rzcwj_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_rzcwj_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_rzcwj_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_rzcwj_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_rzcwj_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_rzcwj_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_rzcwj_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_rzcwj_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_rzcwj_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_rzcwj_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_rzcwj_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_rzcwj_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_rzcwj_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_rzcwj_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_rzcwj_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_rzcwj_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_rzcwj_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_rzcwj_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_rzcwj_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_rzcwj_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_rzcwj_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_rzcwj_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_rzcwj_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_rzcwj_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_rzcwj_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_rzcwj_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_rzcwj_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_rzcwj_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_rzcwj_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_rzcwj_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_rzcwj_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_rzcwj_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_rzcwj_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_rzcwj_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_rzcwj_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_rzcwj_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_rzcwj_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_rzcwj_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_rzcwj_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_rzcwj_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_rzcwj_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_rzcwj_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_rzcwj_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_rzcwj_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_rzcwj_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_rzcwj_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_rzcwj_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_rzcwj_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_rzcwj_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_rzcwj_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_rzcwj_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_rzcwj_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_rzcwj_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_rzcwj_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_rzcwj_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_rzcwj_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_rzcwj_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_rzcwj_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_rzcwj_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_rzcwj_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_rzcwj_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_rzcwj_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_rzcwj_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_rzcwj_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_rzcwj_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_rzcwj_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_rzcwj_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_rzcwj_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_rzcwj_392 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_rzcwj_396 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_rzcwj_400 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_rzcwj_404 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_rzcwj_408 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_rzcwj_412 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_rzcwj_416 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_rzcwj_420 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_rzcwj_424 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_rzcwj_428 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_rzcwj_432 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_rzcwj_436 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_rzcwj_440 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_rzcwj_444 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_rzcwj_448 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_rzcwj_452 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_rzcwj_456 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_rzcwj_460 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_rzcwj_464 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_rzcwj_468 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_rzcwj_472 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_rzcwj_476 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_rzcwj_480 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_rzcwj_484 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_rzcwj_488 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_rzcwj_492 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_rzcwj_496 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_rzcwj_500 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_rzcwj_504 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_rzcwj_508 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_rzcwj_512 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_rzcwj_516 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_rzcwj_520 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_rzcwj_524 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_rzcwj_528 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_rzcwj_532 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_rzcwj_536 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_rzcwj_540 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_rzcwj_544 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_rzcwj_548 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_rzcwj_552 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_rzcwj_556 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_rzcwj_560 {\n  background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;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;;;AC/PF;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;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?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
+    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
      * @defaultValue "div"
      */
-    as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | undefined;
     /**
      * The text to be rendered
      */
@@ -30,7 +30,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
+    color?: "gray900" | "primary" | "destructive-primary" | "success" | "gray700" | "white" | "inherit" | "destructive-darkBackground" | "success-darkBackground" | undefined;
     /**
      * Test id for the text
      */
@@ -97,7 +97,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue 200
      */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | undefined;
+    size?: 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 100 | 200 | 300 | undefined;
     /**
      * The tooltip to be displayed when the user hovers the text
      */
@@ -133,7 +133,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "regular"
      */
-    weight?: "bold" | "regular" | "interactive" | "medium" | "semiBold" | "heavy" | undefined;
+    weight?: "regular" | "interactive" | "medium" | "semiBold" | "bold" | "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/HINMIM2W.js";
+} from "../__chunks/MDAWMKBY.js";
 import "../__chunks/B7PDT66P.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/ZSHAHV4F.js";
+import "../__chunks/4GTNQPPD.js";
 import "../__chunks/UWGNJENA.js";
 export {
   Typography_default as default

package/dist/__chunks/{P2BCEYCC.js → 2HNKN7IN.js}

@@ -4,13 +4,13 @@ import {
 } from "./KKADUD65.js";
 import {
   Typography_default
-} from "./HINMIM2W.js";
+} from "./MDAWMKBY.js";
 import {
   colors_module_default
 } from "./B7PDT66P.js";
 import {
   useTheme
-} from "./ZSHAHV4F.js";
+} from "./4GTNQPPD.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -134,4 +134,4 @@ var Checkbox_default = Checkbox;
 export {
   Checkbox_default
 };
-//# sourceMappingURL=P2BCEYCC.js.map
+//# sourceMappingURL=2HNKN7IN.js.map

package/dist/__chunks/{HNR3FTMR.cjs → 432LXWXX.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _6XZHBBJPcjs = require('./6XZHBBJP.cjs');
+var _GMKJSXXQcjs = require('./GMKJSXXQ.cjs');
 
 
 var _HUIHS6RNcjs = require('./HUIHS6RN.cjs');
 
 
-var _4TY5KFRYcjs = require('./4TY5KFRY.cjs');
+var _6P6ARVEAcjs = require('./6P6ARVEA.cjs');
 
 
 var _ZDQ6WQM3cjs = require('./ZDQ6WQM3.cjs');
 
 
-var _KWT6ABYPcjs = require('./KWT6ABYP.cjs');
+var _OAZD7W2Wcjs = require('./OAZD7W2W.cjs');
 
 
-var _E4LISCR7cjs = require('./E4LISCR7.cjs');
+var _GANR5JVVcjs = require('./GANR5JVV.cjs');
 
 
-var _TBQR2FPScjs = require('./TBQR2FPS.cjs');
+var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
 
 // src/Modal/Modal.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -66,8 +66,8 @@ function Modal({
   zIndex = 1,
   "data-testid": dataTestId
 }) {
-  const { themeName } = _TBQR2FPScjs.useTheme.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _4TY5KFRYcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZDQ6WQM3cjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _6P6ARVEAcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _HUIHS6RNcjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZDQ6WQM3cjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: _classnames2.default.call(void 0, 
@@ -78,7 +78,7 @@ function Modal({
       onClick: (e) => e.target === e.currentTarget && onDismiss(),
       onKeyDown: (e) => e.key === "Escape" && onDismiss(),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _E4LISCR7cjs.Box_default,
+        _GANR5JVVcjs.Box_default,
         {
           "data-testid": dataTestId,
           backgroundColor: "white",
@@ -92,7 +92,7 @@ function Modal({
           width: "100%",
           dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E4LISCR7cjs.Box_default, { position: "relative", children: themeName === "classic" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { position: "relative", children: themeName === "classic" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 "aria-label": accessibilityCloseLabel,
@@ -108,27 +108,28 @@ function Modal({
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, XIcon, { color: image ? "#fff" : "#000" })
               }
             ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _E4LISCR7cjs.Box_default,
+              _GANR5JVVcjs.Box_default,
               {
                 position: "absolute",
                 dangerouslySetInlineStyle: {
                   __style: { top: 4, right: 4 }
                 },
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _KWT6ABYPcjs.IconButton_default,
+                  _OAZD7W2Wcjs.IconButton_default,
                   {
                     accessibilityLabel: accessibilityCloseLabel,
                     color: image ? "primary" : "tertiary",
                     on: image ? "darkBackground" : "lightBackground",
+                    onClick: onDismiss,
                     size: "sm",
                     icon: XIconCambio
                   }
                 )
               }
             ) }),
-            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E4LISCR7cjs.Box_default, { maxHeight: 200, children: image }),
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { maxHeight: 200, children: image }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _E4LISCR7cjs.Box_default,
+              _GANR5JVVcjs.Box_default,
               {
                 display: "flex",
                 gap: themeName === "classic" ? 3 : 4,
@@ -136,7 +137,7 @@ function Modal({
                 padding: themeName === "classic" ? 9 : 6,
                 children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _6XZHBBJPcjs.Heading_default,
+                    _GMKJSXXQcjs.Heading_default,
                     {
                       as: "h1",
                       size: themeName === "classic" ? 500 : 600,
@@ -144,9 +145,9 @@ function Modal({
                       children: header
                     }
                   ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _E4LISCR7cjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GANR5JVVcjs.Box_default, { marginBottom: themeName === "classic" ? 4 : 0, children }),
                   footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _E4LISCR7cjs.Box_default,
+                    _GANR5JVVcjs.Box_default,
                     {
                       display: "flex",
                       direction: "column",
@@ -173,4 +174,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=HNR3FTMR.cjs.map
+//# sourceMappingURL=432LXWXX.cjs.map

package/dist/__chunks/432LXWXX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDmE,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,mBAAkB,6BAA4B,kBAAiB,4BAA2B,eAAc,yBAAwB,sBAAqB,gCAA+B,wBAAuB,kCAAiC,8BAA6B,uCAAsC;;;ADgBlb,cAiNQ,YAjNR;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAAuB;AACrD,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAM,OACnE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAEA,SAAS,YAAY,EAAE,UAAU,GAA2B;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,SAAQ;AAAA,MAER,8BAAC,UAAK,GAAE,yGAAwG;AAAA;AAAA,EAClH;AAEJ;AAIA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB,GAwEiB;AACf,QAAM,EAAE,UAAU,IAAI,SAAS;AAC/B,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,qBAAO;AAAA,QACP,cAAc,YACV,qBAAO,kBACP,qBAAO;AAAA,MACb;AAAA,MACA,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAU,cAAc,YAAY,OAAO;AAAA,UAC3C,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,aAAa;AAAA,UACb,WAAW;AAAA,UACX,UAAU;AAAA,UACV,UAAU,UAAU,cAAc,YAAY,OAAO,IAAI;AAAA,UACzD,OAAM;AAAA,UACN,2BAA2B,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE;AAAA,UAE7D;AAAA,gCAAC,eAAI,UAAS,YACX,wBAAc,YACb;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,MAAK;AAAA,gBACL,WAAW;AAAA,kBACT,qBAAO;AAAA,kBACP,qBAAO;AAAA,kBACP;AAAA,oBACE,CAAC,qBAAO,oBAAoB,GAAG,CAAC,CAAC;AAAA,kBACnC;AAAA,gBACF;AAAA,gBACA,SAAS;AAAA,gBAET,8BAAC,SAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA;AAAA,YACzC,IAEA;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,2BAA2B;AAAA,kBACzB,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE;AAAA,gBAC9B;AAAA,gBAEA;AAAA,kBAAC;AAAA;AAAA,oBACC,oBAAoB;AAAA,oBACpB,OAAO,QAAQ,YAAY;AAAA,oBAC3B,IAAI,QAAQ,mBAAmB;AAAA,oBAC/B,SAAS;AAAA,oBACT,MAAK;AAAA,oBACL,MAAM;AAAA;AAAA,gBACR;AAAA;AAAA,YACF,GAEJ;AAAA,YACC,SAAS,oBAAC,eAAI,WAAW,KAAM,iBAAM;AAAA,YACtC;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,KAAK,cAAc,YAAY,IAAI;AAAA,gBACnC,WAAU;AAAA,gBACV,SAAS,cAAc,YAAY,IAAI;AAAA,gBAEvC;AAAA;AAAA,oBAAC;AAAA;AAAA,sBACC,IAAG;AAAA,sBACH,MAAM,cAAc,YAAY,MAAM;AAAA,sBACtC,WAAW,cAAc,YAAY,eAAe;AAAA,sBAEnD;AAAA;AAAA,kBACH;AAAA,kBACA,oBAAC,eAAI,cAAc,cAAc,YAAY,IAAI,GAC9C,UACH;AAAA,kBACC,UACC;AAAA,oBAAC;AAAA;AAAA,sBACC,SAAQ;AAAA,sBACR,WAAU;AAAA,sBACV,KAAK;AAAA,sBACL,WAAW,cAAc,YAAY,IAAI;AAAA,sBACzC,aAAY;AAAA,sBACZ,kBAAiB;AAAA,sBACjB,aAAY;AAAA,sBACZ,kBAAiB;AAAA,sBAEhB;AAAA;AAAA,kBACH;AAAA;AAAA;AAAA,YAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc","sourcesContent":["import { type ReactElement } from \"react\";\nimport classnames from \"classnames\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\nimport IconButton from \"../IconButton/IconButton\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill={color}>\n      <path\n        fill=\"inherit\"\n        d=\"M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z\"\n      />\n    </svg>\n  );\n}\n\nfunction XIconCambio({ className }: { className?: string }) {\n  return (\n    <svg\n      className={className}\n      fill=\"currentColor\"\n      focusable=\"false\"\n      aria-hidden=\"true\"\n      viewBox=\"0 0 24 24\"\n    >\n      <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path>\n    </svg>\n  );\n}\n\n// Note: Only sm + lg size currently. design thinks there should only be two sizes.\n// If there IS a md size at some point, we should use the \"size\" const.\nconst sizeWidth = {\n  sm: 400,\n  lg: 600,\n} as const;\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  size = \"sm\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image size should be 400w x 200h.\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The size of the card\n   *\n   * Classic:\n   * * `sm`: 400px (Classic only)\n   * * `lg`: 600px\n   *\n   * Cambio:\n   * * `lg`: 600px\n   *\n   *\n   * @defaultValue sm\n   */\n  size?: keyof typeof sizeWidth;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  const { themeName } = useTheme();\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={classnames(\n              styles.backdrop,\n              themeName === \"classic\"\n                ? styles.backdropClassic\n                : styles.backdropCambio,\n            )}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding={themeName === \"classic\" ? \"xl\" : \"md\"}\n              display=\"flex\"\n              direction=\"column\"\n              marginStart={4}\n              marginEnd={4}\n              minWidth={240}\n              maxWidth={sizeWidth[themeName === \"classic\" ? size : \"lg\"]}\n              width=\"100%\"\n              dangerouslySetInlineStyle={{ __style: { overflow: \"hidden\" } }}\n            >\n              <Box position=\"relative\">\n                {themeName === \"classic\" ? (\n                  <button\n                    aria-label={accessibilityCloseLabel}\n                    type=\"button\"\n                    className={classnames(\n                      styles.closeButton,\n                      styles.closeButtonClassic,\n                      {\n                        [styles.closeButtonWithImage]: !!image,\n                      },\n                    )}\n                    onClick={onDismiss}\n                  >\n                    <XIcon color={image ? \"#fff\" : \"#000\"} />\n                  </button>\n                ) : (\n                  <Box\n                    position=\"absolute\"\n                    dangerouslySetInlineStyle={{\n                      __style: { top: 4, right: 4 },\n                    }}\n                  >\n                    <IconButton\n                      accessibilityLabel={accessibilityCloseLabel}\n                      color={image ? \"primary\" : \"tertiary\"}\n                      on={image ? \"darkBackground\" : \"lightBackground\"}\n                      onClick={onDismiss}\n                      size=\"sm\"\n                      icon={XIconCambio}\n                    />\n                  </Box>\n                )}\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box\n                display=\"flex\"\n                gap={themeName === \"classic\" ? 3 : 4}\n                direction=\"column\"\n                padding={themeName === \"classic\" ? 9 : 6}\n              >\n                <Heading\n                  as=\"h1\"\n                  size={themeName === \"classic\" ? 500 : 600}\n                  fontStyle={themeName === \"classic\" ? \"sans-serif\" : \"serif\"}\n                >\n                  {header}\n                </Heading>\n                <Box marginBottom={themeName === \"classic\" ? 4 : 0}>\n                  {children}\n                </Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    marginTop={themeName === \"classic\" ? 0 : 2}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_1w5vm_1\",\"backdropClassic\":\"_backdropClassic_1w5vm_11\",\"backdropCambio\":\"_backdropCambio_1w5vm_15\",\"closeButton\":\"_closeButton_1w5vm_19\",\"closeButtonClassic\":\"_closeButtonClassic_1w5vm_34\",\"closeButtonWithImage\":\"_closeButtonWithImage_1w5vm_46\",\"closeButtonWithImageCambio\":\"_closeButtonWithImageCambio_1w5vm_50\"}"]}

package/dist/__chunks/{ZSHAHV4F.js → 4GTNQPPD.js}

@@ -89,7 +89,8 @@ var variables_default = {
   "color-cambio-sky": "#b1e8fc",
   "color-cambio-yellow-700": "#ffe733",
   "color-cambio-transparent-full": "rgba(0, 0, 0, 0)",
-  "elevation-400": "0px 16px 32px 0px #00000040"
+  "elevation-400": "0px 16px 32px 0px #00000040",
+  "syntax-font-sans-serif": "-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
 };
 
 // src/ThemeProvider/ThemeProvider.tsx
@@ -209,4 +210,4 @@ export {
   ThemeProvider,
   useTheme
 };
-//# sourceMappingURL=ZSHAHV4F.js.map
+//# sourceMappingURL=4GTNQPPD.js.map