@cambly/syntax-core 10.31.0 → 10.33.0

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_t1t27_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-final.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-final.woff2\");\n}\n\n._sansSerif_t1t27_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_t1t27_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_t1t27_27,\n:lang(az) ._serif_t1t27_27,\n:lang(fr) ._serif_t1t27_27,\n:lang(de) ._serif_t1t27_27,\n:lang(es) ._serif_t1t27_27,\n:lang(it) ._serif_t1t27_27,\n:lang(pl) ._serif_t1t27_27,\n:lang(pt) ._serif_t1t27_27,\n:lang(tr) ._serif_t1t27_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes are responsive */\n._size100_t1t27_71 {\n  font-size: 14px;\n}\n\n._size200_t1t27_75 {\n  font-size: 16px;\n}\n\n._size300_t1t27_79 {\n  font-size: 18px;\n}\n\n._size400_t1t27_83 {\n  font-size: 20px;\n}\n\n._size500_t1t27_87 {\n  font-size: 23px;\n}\n\n._size600_t1t27_91 {\n  font-size: 26px;\n}\n\n._size700_t1t27_95 {\n  font-size: 33px;\n}\n\n._size800_t1t27_99 {\n  font-size: 41px;\n}\n\n._size900_t1t27_103 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100_t1t27_71 {\n    font-size: 14px;\n  }\n\n  ._size200_t1t27_75 {\n    font-size: 16px;\n  }\n\n  ._size300_t1t27_79 {\n    font-size: 20px;\n  }\n\n  ._size400_t1t27_83 {\n    font-size: 25px;\n  }\n\n  ._size500_t1t27_87 {\n    font-size: 31px;\n  }\n\n  ._size600_t1t27_91 {\n    font-size: 39px;\n  }\n\n  ._size700_t1t27_95 {\n    font-size: 49px;\n  }\n\n  ._size800_t1t27_99 {\n    font-size: 61px;\n  }\n\n  ._size900_t1t27_103 {\n    font-size: 76px;\n  }\n\n  ._size1000_t1t27_144 {\n    font-size: 95px;\n  }\n\n  ._size1100_t1t27_148 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_t1t27_154 {\n  text-align: center;\n}\n\n._forceLeft_t1t27_158 {\n  text-align: left;\n}\n\n._forceRight_t1t27_162 {\n  text-align: right;\n}\n\n._start_t1t27_166 {\n  text-align: start;\n}\n\n._end_t1t27_170 {\n  text-align: end;\n}\n\n/* Boldness */\n\n._regular_t1t27_176 {\n  font-weight: 400;\n}\n\n._medium_t1t27_180 {\n  font-weight: 510;\n}\n\n._semiBold_t1t27_184 {\n  font-weight: 590;\n}\n\n._bold_t1t27_188 {\n  font-weight: 700;\n}\n\n._underline_t1t27_192 {\n  text-decoration: underline;\n}\n\n._inline_t1t27_196 {\n  display: inline;\n}\n\n._uppercase_t1t27_200 {\n  text-transform: uppercase;\n}\n\n._lineClamp_t1t27_204 {\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;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;AAKF;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/MF;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_t1t27_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-final.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-final.woff2\");\n}\n\n._sansSerif_t1t27_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_t1t27_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_t1t27_27,\n:lang(az) ._serif_t1t27_27,\n:lang(fr) ._serif_t1t27_27,\n:lang(de) ._serif_t1t27_27,\n:lang(es) ._serif_t1t27_27,\n:lang(it) ._serif_t1t27_27,\n:lang(pl) ._serif_t1t27_27,\n:lang(pt) ._serif_t1t27_27,\n:lang(tr) ._serif_t1t27_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes are responsive */\n._size100_t1t27_71 {\n  font-size: 14px;\n}\n\n._size200_t1t27_75 {\n  font-size: 16px;\n}\n\n._size300_t1t27_79 {\n  font-size: 18px;\n}\n\n._size400_t1t27_83 {\n  font-size: 20px;\n}\n\n._size500_t1t27_87 {\n  font-size: 23px;\n}\n\n._size600_t1t27_91 {\n  font-size: 26px;\n}\n\n._size700_t1t27_95 {\n  font-size: 33px;\n}\n\n._size800_t1t27_99 {\n  font-size: 41px;\n}\n\n._size900_t1t27_103 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100_t1t27_71 {\n    font-size: 14px;\n  }\n\n  ._size200_t1t27_75 {\n    font-size: 16px;\n  }\n\n  ._size300_t1t27_79 {\n    font-size: 20px;\n  }\n\n  ._size400_t1t27_83 {\n    font-size: 25px;\n  }\n\n  ._size500_t1t27_87 {\n    font-size: 31px;\n  }\n\n  ._size600_t1t27_91 {\n    font-size: 39px;\n  }\n\n  ._size700_t1t27_95 {\n    font-size: 49px;\n  }\n\n  ._size800_t1t27_99 {\n    font-size: 61px;\n  }\n\n  ._size900_t1t27_103 {\n    font-size: 76px;\n  }\n\n  ._size1000_t1t27_144 {\n    font-size: 95px;\n  }\n\n  ._size1100_t1t27_148 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_t1t27_154 {\n  text-align: center;\n}\n\n._forceLeft_t1t27_158 {\n  text-align: left;\n}\n\n._forceRight_t1t27_162 {\n  text-align: right;\n}\n\n._start_t1t27_166 {\n  text-align: start;\n}\n\n._end_t1t27_170 {\n  text-align: end;\n}\n\n/* Boldness */\n\n._regular_t1t27_176 {\n  font-weight: 400;\n}\n\n._medium_t1t27_180 {\n  font-weight: 510;\n}\n\n._semiBold_t1t27_184 {\n  font-weight: 590;\n}\n\n._bold_t1t27_188 {\n  font-weight: 700;\n}\n\n._underline_t1t27_192 {\n  text-decoration: underline;\n}\n\n._inline_t1t27_196 {\n  display: inline;\n}\n\n._uppercase_t1t27_200 {\n  text-transform: uppercase;\n}\n\n._lineClamp_t1t27_204 {\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_duy1y_2 {\n  color: inherit;\n}\n\n._destructive700Color_duy1y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_duy1y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_duy1y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_duy1y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_duy1y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_duy1y_26 {\n  color: var(--color-base-white);\n}\n\n/* Border Colors */\n._noBorder_duy1y_31 {\n  border: none;\n}\n\n._blackBorderColor_duy1y_35 {\n  box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_duy1y_39 {\n  box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_duy1y_43 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_duy1y_47 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_duy1y_51 {\n  box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_duy1y_55 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_duy1y_59 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_duy1y_65 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_duy1y_69 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_duy1y_73 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_duy1y_77 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_duy1y_81 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_duy1y_85 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_duy1y_89 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_duy1y_93 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_duy1y_97 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_duy1y_101 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_duy1y_105 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_duy1y_109 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_duy1y_113 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_duy1y_117 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_duy1y_121 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_duy1y_125 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_duy1y_129 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_duy1y_133 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_duy1y_137 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_duy1y_141 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_duy1y_145 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_duy1y_149 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_duy1y_153 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_duy1y_157 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_duy1y_161 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_duy1y_165 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_duy1y_169 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_duy1y_173 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_duy1y_177 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_duy1y_181 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_duy1y_185 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_duy1y_189 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_duy1y_193 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_duy1y_197 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_duy1y_201 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_duy1y_205 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_duy1y_209 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_duy1y_213 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_duy1y_217 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_duy1y_221 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_duy1y_225 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_duy1y_229 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_duy1y_233 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_duy1y_237 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_duy1y_241 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_duy1y_245 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_duy1y_249 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_duy1y_253 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_duy1y_258 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_duy1y_262 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_duy1y_266 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_duy1y_270 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_duy1y_274 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_duy1y_278 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_duy1y_282 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_duy1y_286 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_duy1y_290 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_duy1y_294 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_duy1y_298 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_duy1y_302 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_duy1y_306 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_duy1y_310 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_duy1y_314 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_duy1y_318 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_duy1y_322 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_duy1y_326 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_duy1y_330 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_duy1y_334 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_duy1y_338 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_duy1y_342 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_duy1y_346 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_duy1y_350 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_duy1y_354 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_duy1y_358 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_duy1y_362 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_duy1y_366 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_duy1y_370 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_duy1y_374 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_duy1y_378 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_duy1y_382 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_duy1y_386 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_duy1y_390 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_duy1y_394 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_duy1y_398 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_duy1y_402 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_duy1y_406 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_duy1y_410 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_duy1y_414 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_duy1y_418 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_duy1y_422 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_duy1y_426 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_duy1y_430 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_duy1y_434 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_duy1y_438 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_duy1y_442 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_duy1y_446 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_duy1y_450 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_duy1y_454 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_duy1y_458 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_duy1y_462 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_duy1y_466 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_duy1y_470 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_duy1y_474 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_duy1y_478 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_duy1y_482 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_duy1y_486 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_duy1y_490 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_duy1y_494 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_duy1y_498 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_duy1y_502 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_duy1y_506 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_duy1y_510 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_duy1y_514 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_duy1y_518 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_duy1y_522 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_duy1y_526 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_duy1y_530 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_duy1y_534 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_duy1y_538 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_duy1y_542 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_duy1y_546 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_duy1y_550 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_duy1y_554 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_duy1y_558 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_duy1y_562 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_duy1y_566 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_duy1y_570 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_duy1y_574 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_duy1y_578 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_duy1y_582 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_duy1y_586 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_duy1y_590 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_duy1y_594 {\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;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;AAKF;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/MF;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;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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.js

@@ -1,8 +1,8 @@
 "use client"
 import {
   Typography_default
-} from "../__chunks/3GNWH6C7.js";
-import "../__chunks/B7PDT66P.js";
+} from "../__chunks/YAM7DAOZ.js";
+import "../__chunks/S6TNP7G5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";
 export {

package/dist/__chunks/{VTH5KXQF.cjs → 2MQDGNBM.cjs}

@@ -4,26 +4,26 @@
 var _5JUNB754cjs = require('./5JUNB754.cjs');
 
 
-var _4D7UZQ2Acjs = require('./4D7UZQ2A.cjs');
+var _UAXX2ZEQcjs = require('./UAXX2ZEQ.cjs');
 
 
-var _HWQUS53Mcjs = require('./HWQUS53M.cjs');
+var _LBA34HLFcjs = require('./LBA34HLF.cjs');
 
 
-var _WWRSRFDEcjs = require('./WWRSRFDE.cjs');
+var _BYVURUTUcjs = require('./BYVURUTU.cjs');
 
 
-var _T5EA5RPQcjs = require('./T5EA5RPQ.cjs');
+var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 // src/LinkButton/LinkButton.tsx
 var _react = require('react');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // css-module:../Button/Button.module.css#css-module
-var Button_module_default = { "button": "_button_hiifq_1", "buttonGap": "_buttonGap_hiifq_9", "disabledPrimary": "_disabledPrimary_hiifq_50", "fullWidth": "_fullWidth_hiifq_54", "sm": "_sm_hiifq_58", "md": "_md_hiifq_65", "lg": "_lg_hiifq_72", "icon": "_icon_hiifq_79", "smIcon": "_smIcon_hiifq_83", "mdIcon": "_mdIcon_hiifq_90", "lgIcon": "_lgIcon_hiifq_97", "loading": "_loading_hiifq_114", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hiifq_1", "loadingCircle": "_loadingCircle_hiifq_118" };
+var Button_module_default = { "button": "_button_y92p2_1", "buttonGap": "_buttonGap_y92p2_8", "disabledPrimary": "_disabledPrimary_y92p2_49", "fullWidth": "_fullWidth_y92p2_53", "sm": "_sm_y92p2_57", "md": "_md_y92p2_64", "lg": "_lg_y92p2_71", "icon": "_icon_y92p2_78", "smIcon": "_smIcon_y92p2_82", "mdIcon": "_mdIcon_y92p2_89", "lgIcon": "_lgIcon_y92p2_96", "loading": "_loading_y92p2_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_y92p2_1", "loadingCircle": "_loadingCircle_y92p2_117" };
 
 // css-module:./LinkButton.module.css#css-module
 var LinkButton_module_default = { "linkButton": "_linkButton_1qjrb_1", "fitContent": "_fitContent_1qjrb_11" };
@@ -45,8 +45,8 @@ var LinkButton = _react.forwardRef.call(void 0,
     on = "lightBackground",
     onClick
   }, ref) => {
-    const foregroundColorClass = _WWRSRFDEcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
-    const backgroundColorClass = _T5EA5RPQcjs.backgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "a",
       {
@@ -60,6 +60,7 @@ var LinkButton = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
+          _BYVURUTUcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -74,12 +75,12 @@ var LinkButton = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _4D7UZQ2Acjs.iconSize_default[size],
+                _UAXX2ZEQcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -92,7 +93,7 @@ var LinkButton = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _4D7UZQ2Acjs.iconSize_default[size],
+                _UAXX2ZEQcjs.iconSize_default[size],
                 foregroundColorClass
               )
             }
@@ -108,4 +109,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=VTH5KXQF.cjs.map
+//# sourceMappingURL=2MQDGNBM.cjs.map

package/dist/__chunks/2MQDGNBM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/LinkButton/LinkButton.tsx","css-module:../Button/Button.module.css#css-module","css-module:./LinkButton.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,kBAA2C;AACpD,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ACAtc,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,cAAa,uBAAsB;;;AFiHpL,SAsBI,KAtBJ;AAtBN,IAAM,aAAa;AAAA,EACjB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,EACF,GACA,QACG;AACH,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AAEtD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,UACT,0BAAO;AAAA,UACP,sBAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAa,IAAI;AAAA,UACjB;AAAA,YACE,CAAC,sBAAa,SAAS,GAAG;AAAA,YAC1B,CAAC,0BAAO,UAAU,GAAG,CAAC;AAAA,YACtB,CAAC,sBAAa,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UACtD;AAAA,QACF;AAAA,QACA;AAAA,QAEC;AAAA,uBACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEF,oBAAC,sBAAW,MAAM,oBAAY,IAAI,GAChC;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,cACX,OAAO,EAAE,YAAY,IAAI;AAAA,cAExB;AAAA;AAAA,UACH,GACF;AAAA,UACC,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAa;AAAA,gBACb,iBAAS,IAAI;AAAA,gBACb;AAAA,cACF;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;AAEzB,IAAO,qBAAQ","sourcesContent":["import { forwardRef, type HtmlHTMLAttributes } from \"react\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport buttonStyles from \"../Button/Button.module.css\";\nimport iconSize from \"../Button/constants/iconSize\";\nimport textVariant from \"../Button/constants/textVariant\";\nimport styles from \"./LinkButton.module.css\";\nimport { backgroundColor } from \"../colors//backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype LinkButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The link that the LinkButton should route to.\n   *\n   */\n  href?: string;\n  /**\n   * The target attribute specifies where to open the linked document.\n   *\n   */\n  target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\";\n  /**\n   * The rel attribute specifies the relationship between the document and the link.\n   *\n   */\n  rel?: HtmlHTMLAttributes<HTMLAnchorElement>[\"rel\"];\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * An optional onClick event. This is used for certain wrapper's support (such as react-router-dom).\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement>;\n};\n\n/**\n * [LinkButton](https://cambly-syntax.vercel.app/?path=/docs/components-linkbutton--docs) is a \"variation\" of Button that should look identical to Button, but should be used to render links instead.\n */\nconst LinkButton = forwardRef<HTMLAnchorElement, LinkButtonProps>(\n  (\n    {\n      text,\n      href,\n      target,\n      rel,\n      \"data-testid\": dataTestId,\n      color = \"primary\",\n      size = \"md\",\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n    }: LinkButtonProps,\n    ref,\n  ) => {\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n\n    return (\n      <a\n        href={href}\n        data-testid={dataTestId}\n        target={target}\n        ref={ref}\n        rel={rel}\n        className={classNames(\n          styles.linkButton,\n          buttonStyles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          buttonStyles[size],\n          {\n            [buttonStyles.fullWidth]: fullWidth,\n            [styles.fitContent]: !fullWidth,\n            [buttonStyles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n        onClick={onClick}\n      >\n        {StartIcon && (\n          <StartIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n        <Typography size={textVariant[size]}>\n          <span\n            // Temporary - until we have cambio colors on Typogrphay\n            className={foregroundColorClass}\n            style={{ fontWeight: 500 }}\n          >\n            {text}\n          </span>\n        </Typography>\n        {EndIcon && (\n          <EndIcon\n            className={classNames(\n              buttonStyles.icon,\n              iconSize[size],\n              foregroundColorClass,\n            )}\n          />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkButton.displayName = \"LinkButton\";\n\nexport default LinkButton;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_y92p2_1\",\"buttonGap\":\"_buttonGap_y92p2_8\",\"disabledPrimary\":\"_disabledPrimary_y92p2_49\",\"fullWidth\":\"_fullWidth_y92p2_53\",\"sm\":\"_sm_y92p2_57\",\"md\":\"_md_y92p2_64\",\"lg\":\"_lg_y92p2_71\",\"icon\":\"_icon_y92p2_78\",\"smIcon\":\"_smIcon_y92p2_82\",\"mdIcon\":\"_mdIcon_y92p2_89\",\"lgIcon\":\"_lgIcon_y92p2_96\",\"loading\":\"_loading_y92p2_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_y92p2_1\",\"loadingCircle\":\"_loadingCircle_y92p2_117\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/LinkButton/LinkButton.module.css\"; export default {\"linkButton\":\"_linkButton_1qjrb_1\",\"fitContent\":\"_fitContent_1qjrb_11\"}"]}

package/dist/__chunks/{2ZPIW4UQ.js → 2XOJNXTC.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./ZPY7QEBH.js";
+} from "./GCE2CI4A.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -29,4 +29,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=2ZPIW4UQ.js.map
+//# sourceMappingURL=2XOJNXTC.js.map

package/dist/__chunks/{J7RT6MWY.cjs → 3RDV2SM7.cjs}

@@ -10,10 +10,10 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _45TMKSJQcjs = require('./45TMKSJQ.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 
-var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 
 var _LLFHCGRAcjs = require('./LLFHCGRA.cjs');
@@ -79,8 +79,8 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
   var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = _X2SDR4SDcjs.__objRest.call(void 0, _b, ["children", "onChangeContentVisibility"]);
   const className = _classnames2.default.call(void 0, [
     _IL22HCBFcjs.Box_module_default.box,
-    _QAS3KERZcjs.colors_module_default.gray900Color,
-    _QAS3KERZcjs.colors_module_default.cambioBlackBackgroundColor,
+    _QT6IRCGWcjs.colors_module_default.gray900Color,
+    _QT6IRCGWcjs.colors_module_default.cambioBlackBackgroundColor,
     _PLUVW6AMcjs.padding_module_default.paddingX2,
     _PLUVW6AMcjs.padding_module_default.paddingY2,
     _45TMKSJQcjs.rounding_module_default.roundingsm,
@@ -102,7 +102,7 @@ var AriaTooltip = _react.forwardRef.call(void 0, function AriaTooltip2(_a, ref)
         childrenProp,
         (children, { isEntering, isExiting }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TooltipArrow, {}),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: 100, color: "white", children }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: 100, color: "white", children }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _E5P6WRJDcjs.OverlayVisibility,
             {
@@ -162,4 +162,4 @@ var Tooltip_default = Tooltip;
 
 
 exports.AriaTooltip = AriaTooltip; exports.Tooltip_default = Tooltip_default;
-//# sourceMappingURL=J7RT6MWY.cjs.map
+//# sourceMappingURL=3RDV2SM7.cjs.map

package/dist/__chunks/{P6K7GG3H.js → 423C767D.js}

@@ -1,10 +1,10 @@
 "use client"
 import {
   colors_module_default
-} from "./BXHT3UUW.js";
+} from "./PUTZ53EC.js";
 
 // src/colors/foregroundColor.ts
-function cambioForegroundColor(color, on) {
+function foregroundColor(color, on) {
   if (on === "lightBackground") {
     switch (color) {
       case "primary":
@@ -13,10 +13,10 @@ function cambioForegroundColor(color, on) {
         return colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return colors_module_default.cambioSuccess900Color;
+        return colors_module_default.cambioSuccess700Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return colors_module_default.cambioDestructive900Color;
+        return colors_module_default.cambioDestructive700Color;
       default:
         return colors_module_default.cambioBlackColor;
     }
@@ -31,10 +31,10 @@ function cambioForegroundColor(color, on) {
         return colors_module_default.cambioWhiteColor;
       case "success-secondary":
       case "success-tertiary":
-        return colors_module_default.cambioSuccess100Color;
+        return colors_module_default.cambioSuccess300Color;
       case "destructive-secondary":
       case "destructive-tertiary":
-        return colors_module_default.cambioDestructive100Color;
+        return colors_module_default.cambioDestructive300Color;
       default:
         return colors_module_default.cambioBlackColor;
     }
@@ -42,6 +42,6 @@ function cambioForegroundColor(color, on) {
 }
 
 export {
-  cambioForegroundColor
+  foregroundColor
 };
-//# sourceMappingURL=P6K7GG3H.js.map
+//# sourceMappingURL=423C767D.js.map

package/dist/__chunks/423C767D.js.map

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

package/dist/__chunks/{GSSIV3VC.js → 4325RESS.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./ZPY7QEBH.js";
+} from "./GCE2CI4A.js";
 
 // src/AvatarGroup/AvatarGroup.tsx
 import {
@@ -40,4 +40,4 @@ export {
   useAvatarGroup,
   AvatarGroup
 };
-//# sourceMappingURL=GSSIV3VC.js.map
+//# sourceMappingURL=4325RESS.js.map

package/dist/__chunks/{P72Q5WQM.cjs → 4E7A4J3K.cjs}

@@ -7,22 +7,22 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _5JUNB754cjs = require('./5JUNB754.cjs');
 
 
-var _4D7UZQ2Acjs = require('./4D7UZQ2A.cjs');
+var _UAXX2ZEQcjs = require('./UAXX2ZEQ.cjs');
 
 
-var _HWQUS53Mcjs = require('./HWQUS53M.cjs');
+var _LBA34HLFcjs = require('./LBA34HLF.cjs');
 
 
-var _WWRSRFDEcjs = require('./WWRSRFDE.cjs');
+var _BYVURUTUcjs = require('./BYVURUTU.cjs');
 
 
-var _T5EA5RPQcjs = require('./T5EA5RPQ.cjs');
+var _M3PAAPMIcjs = require('./M3PAAPMI.cjs');
 
 
-var _OT2MUGKKcjs = require('./OT2MUGKK.cjs');
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
 
 
-var _5VHLZADOcjs = require('./5VHLZADO.cjs');
+var _XCSW34UMcjs = require('./XCSW34UM.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -32,7 +32,7 @@ var _react = require('react');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 
 // css-module:./Button.module.css#css-module
-var Button_module_default = { "button": "_button_hiifq_1", "buttonGap": "_buttonGap_hiifq_9", "disabledPrimary": "_disabledPrimary_hiifq_50", "fullWidth": "_fullWidth_hiifq_54", "sm": "_sm_hiifq_58", "md": "_md_hiifq_65", "lg": "_lg_hiifq_72", "icon": "_icon_hiifq_79", "smIcon": "_smIcon_hiifq_83", "mdIcon": "_mdIcon_hiifq_90", "lgIcon": "_lgIcon_hiifq_97", "loading": "_loading_hiifq_114", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_hiifq_1", "loadingCircle": "_loadingCircle_hiifq_118" };
+var Button_module_default = { "button": "_button_y92p2_1", "buttonGap": "_buttonGap_y92p2_8", "disabledPrimary": "_disabledPrimary_y92p2_49", "fullWidth": "_fullWidth_y92p2_53", "sm": "_sm_y92p2_57", "md": "_md_y92p2_64", "lg": "_lg_y92p2_71", "icon": "_icon_y92p2_78", "smIcon": "_smIcon_y92p2_82", "mdIcon": "_mdIcon_y92p2_89", "lgIcon": "_lgIcon_y92p2_96", "loading": "_loading_y92p2_113", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_y92p2_1", "loadingCircle": "_loadingCircle_y92p2_117" };
 
 // src/Button/Button.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -55,8 +55,8 @@ var Button = _react.forwardRef.call(void 0,
     type = "button"
   }, ref) => {
     const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
-    const foregroundColorClass = _WWRSRFDEcjs.cambioForegroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
-    const backgroundColorClass = _T5EA5RPQcjs.backgroundColor.call(void 0, _HWQUS53Mcjs.cambioColor.call(void 0, color), on);
+    const foregroundColorClass = _LBA34HLFcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _M3PAAPMIcjs.backgroundColor.call(void 0, color, on);
     const disabledPrimary = color === "primary" && disabled;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "button",
@@ -72,6 +72,7 @@ var Button = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
+          _BYVURUTUcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -84,12 +85,12 @@ var Button = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _4D7UZQ2Acjs.iconSize_default[size],
+                _UAXX2ZEQcjs.iconSize_default[size],
                 disabledPrimary && Button_module_default.disabledPrimary
               )
             }
           ),
-          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OT2MUGKKcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5VHLZADOcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          (loading && loadingText || !loading && text) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RJ3ZYLJScjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _XCSW34UMcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: _classnames2.default.call(void 0, 
@@ -106,7 +107,7 @@ var Button = _react.forwardRef.call(void 0,
             {
               className: _classnames2.default.call(void 0, 
                 Button_module_default.icon,
-                _4D7UZQ2Acjs.iconSize_default[size],
+                _UAXX2ZEQcjs.iconSize_default[size],
                 disabledPrimary && Button_module_default.disabledPrimary
               )
             }
@@ -142,4 +143,4 @@ var Button_default = Button;
 
 
 exports.Button_default = Button_default;
-//# sourceMappingURL=P72Q5WQM.cjs.map
+//# sourceMappingURL=4E7A4J3K.cjs.map

package/dist/__chunks/4E7A4J3K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Button/Button.tsx","css-module:./Button.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAkB;AAClC,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,aAAY,sBAAqB,mBAAkB,6BAA4B,aAAY,uBAAsB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,QAAO,kBAAiB,UAAS,oBAAmB,UAAS,oBAAmB,UAAS,oBAAmB,WAAU,sBAAqB,6BAA4B,sCAAqC,iBAAgB,2BAA0B;;;ADsIpiB,SAqBI,KArBJ;AA5BN,IAAM,SAAS;AAAA,EACb,CACE;AAAA,IACE,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,SAAS;AAAA,IACT,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,GACA,QACG;AACH,UAAM,aAAa,cAAc;AAEjC,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,uBAAuB,gBAAgB,OAAO,EAAE;AACtD,UAAM,kBAAkB,UAAU,aAAa;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb;AAAA,QACA,cAAY;AAAA,QACZ;AAAA,QACA,OAAO;AAAA,QACP,UAAU,CAAC,cAAc,YAAY;AAAA,QACrC;AAAA,QACA,WAAW;AAAA,UACT,sBAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA,OAAO,OAAO,EAAE;AAAA,UAChB,sBAAO,IAAI;AAAA,UACX;AAAA,YACE,CAAC,sBAAO,SAAS,GAAG;AAAA,YACpB,CAAC,sBAAO,SAAS,GAAG,SAAS,QAAQ,SAAS;AAAA,UAChD;AAAA,QACF;AAAA,QAEC;AAAA,WAAC,WAAW,aACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,WAEC,WAAW,eAAiB,CAAC,WAAW,SACzC,oBAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,oBAAY,IAAI,GAChC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA;AAAA,gBAET;AAAA,gBACA,mBAAmB,sBAAO;AAAA,cAC5B;AAAA,cACA,OAAO,EAAE,YAAY,IAAI;AAAA,cAExB,oBAAU,cAAc;AAAA;AAAA,UAC3B,GACF,GACF;AAAA,UAED,CAAC,WAAW,WACX;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT,sBAAO;AAAA,gBACP,iBAAS,IAAI;AAAA,gBACb,mBAAmB,sBAAO;AAAA,cAC5B;AAAA;AAAA,UACF;AAAA,UAED,WACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,WAAW,sBAAO,SAAS,oBAAoB;AAAA,cAC1D,SAAQ;AAAA,cACR,OAAO,wBAAgB,IAAI;AAAA,cAC3B,QAAQ,wBAAgB,IAAI;AAAA,cAE5B;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,sBAAO;AAAA,kBAClB,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,aAAY;AAAA;AAAA,cACd;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type Size } from \"../constants\";\nimport Typography from \"../Typography/Typography\";\nimport Box from \"../Box/Box\";\nimport iconSize from \"./constants/iconSize\";\nimport textVariant from \"./constants/textVariant\";\nimport loadingIconSize from \"./constants/loadingIconSize\";\nimport styles from \"./Button.module.css\";\nimport useIsHydrated from \"../useIsHydrated\";\nimport { backgroundColor } from \"../colors/backgroundColor\";\nimport { foregroundColor } from \"../colors/foregroundColor\";\nimport { border } from \"../colors/border\";\n\ntype ButtonProps = {\n  /**\n   * Test id for the button\n   */\n  \"data-testid\"?: string;\n  /**\n   * The text to be displayed inside the button\n   */\n  text: string;\n  /**\n   * The text to be displayed inside the button when it is in a loading state\n   */\n  loadingText?: string;\n  /**\n   * The color of the button\n   *\n   * @defaultValue \"primary\"\n   */\n  color?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"destructive-primary\"\n    | \"destructive-secondary\"\n    | \"destructive-tertiary\"\n    | \"branded\"\n    | \"success-primary\"\n    | \"success-secondary\"\n    | \"success-tertiary\";\n  /**\n   * The size of the button\n   *\n   * * `sm`: 32px\n   * * `md`: 48px\n   * * `lg`: 64px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: (typeof Size)[number];\n  /**\n   * The label to be used for accessibility\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the button will be disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button will be in a loading state\n   *\n   * @defaultValue false\n   */\n  loading?: boolean;\n  /**\n   * If `true`, the button will take up the full width of its container\n   *\n   * @defaultValue false\n   */\n  fullWidth?: boolean;\n  /**\n   * The icon to be displayed at the start of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  startIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * The icon to be displayed at the end of the button. Please use a [Rounded Material Icon](https://material.io/resources/icons/?style=round)\n   */\n  endIcon?: React.ComponentType<{ className?: string }>;\n  /**\n   * Indicate whether the button renders on a light or dark background. Changes the color of the button (Cambio only)\n   *\n   * @defaulValue `lightBackground`\n   */\n  on?: \"lightBackground\" | \"darkBackground\";\n  /**\n   * The callback to be called when the button is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * The tooltip to be displayed when the user hovers over the button\n   */\n  tooltip?: string;\n  /**\n   * The type you want to set for the primitive `<button/>`\n   */\n  type?: \"button\" | \"submit\" | \"reset\";\n};\n\n/**\n * [Button](https://cambly-syntax.vercel.app/?path=/docs/components-button--docs) is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing a delete operation.\n */\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      \"data-testid\": dataTestId,\n      text,\n      loadingText,\n      color = \"primary\",\n      size = \"md\",\n      accessibilityLabel,\n      disabled = false,\n      loading = false,\n      fullWidth = false,\n      startIcon: StartIcon,\n      endIcon: EndIcon,\n      on = \"lightBackground\",\n      onClick,\n      tooltip,\n      type = \"button\",\n    }: ButtonProps,\n    ref,\n  ) => {\n    const isHydrated = useIsHydrated();\n\n    const foregroundColorClass = foregroundColor(color, on);\n    const backgroundColorClass = backgroundColor(color, on);\n    const disabledPrimary = color === \"primary\" && disabled;\n\n    return (\n      <button\n        data-testid={dataTestId}\n        ref={ref}\n        aria-label={accessibilityLabel}\n        type={type}\n        title={tooltip}\n        disabled={!isHydrated || disabled || loading}\n        onClick={onClick}\n        className={classNames(\n          styles.button,\n          foregroundColorClass,\n          backgroundColorClass,\n          border(color, on),\n          styles[size],\n          {\n            [styles.fullWidth]: fullWidth,\n            [styles.buttonGap]: size === \"lg\" || size === \"md\",\n          },\n        )}\n      >\n        {!loading && StartIcon && (\n          <StartIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {((loading && loadingText) || (!loading && text)) && (\n          <Box paddingX={1}>\n            <Typography size={textVariant[size]}>\n              <span\n                className={classNames(\n                  // Temporary - until we have cambio colors on Typography\n                  foregroundColorClass,\n                  disabledPrimary && styles.disabledPrimary,\n                )}\n                style={{ fontWeight: 500 }}\n              >\n                {loading ? loadingText : text}\n              </span>\n            </Typography>\n          </Box>\n        )}\n        {!loading && EndIcon && (\n          <EndIcon\n            className={classNames(\n              styles.icon,\n              iconSize[size],\n              disabledPrimary && styles.disabledPrimary,\n            )}\n          />\n        )}\n        {loading && (\n          <svg\n            className={classNames(styles.loading, foregroundColorClass)}\n            viewBox=\"22 22 44 44\"\n            width={loadingIconSize[size]}\n            height={loadingIconSize[size]}\n          >\n            <circle\n              className={styles.loadingCircle}\n              cx=\"44\"\n              cy=\"44\"\n              r=\"20.2\"\n              fill=\"none\"\n              strokeWidth=\"3.6\"\n            />\n          </svg>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = \"Button\";\n\nexport default Button;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css\"; export default {\"button\":\"_button_y92p2_1\",\"buttonGap\":\"_buttonGap_y92p2_8\",\"disabledPrimary\":\"_disabledPrimary_y92p2_49\",\"fullWidth\":\"_fullWidth_y92p2_53\",\"sm\":\"_sm_y92p2_57\",\"md\":\"_md_y92p2_64\",\"lg\":\"_lg_y92p2_71\",\"icon\":\"_icon_y92p2_78\",\"smIcon\":\"_smIcon_y92p2_82\",\"mdIcon\":\"_mdIcon_y92p2_89\",\"lgIcon\":\"_lgIcon_y92p2_96\",\"loading\":\"_loading_y92p2_113\",\"syntaxButtonLoadingRotate\":\"_syntaxButtonLoadingRotate_y92p2_1\",\"loadingCircle\":\"_loadingCircle_y92p2_117\"}"]}

package/dist/__chunks/{C2H5JBU2.cjs → 4HCWQMZO.cjs}

@@ -4,26 +4,26 @@
 var _C5XPZTFOcjs = require('./C5XPZTFO.cjs');
 
 
-var _P72Q5WQMcjs = require('./P72Q5WQM.cjs');
+var _4E7A4J3Kcjs = require('./4E7A4J3K.cjs');
 
 
-var _YNVQJ4DGcjs = require('./YNVQJ4DG.cjs');
+var _DMA6PPUZcjs = require('./DMA6PPUZ.cjs');
 
 
-var _N2V7ZZBMcjs = require('./N2V7ZZBM.cjs');
+var _MI5OUDV4cjs = require('./MI5OUDV4.cjs');
 
 
-var _35S5FKUCcjs = require('./35S5FKUC.cjs');
+var _SND6HHALcjs = require('./SND6HHAL.cjs');
 
 
-var _QN33R37Rcjs = require('./QN33R37R.cjs');
+var _KNFEGYQMcjs = require('./KNFEGYQM.cjs');
 
 
 
 var _RYUXG4AScjs = require('./RYUXG4AS.cjs');
 
 
-var _OT2MUGKKcjs = require('./OT2MUGKK.cjs');
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
 
 // src/RichSelect/RichSelectBox.tsx
 
@@ -125,7 +125,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
       });
     }, []);
     const { autoFocus } = _react.useContext.call(void 0, RichSelectBoxContext);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _OT2MUGKKcjs.Box_default, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RYUXG4AScjs.RichSelectItemContext.Provider, { value: { disableKey }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _RJ3ZYLJScjs.Box_default, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _reactariacomponents.ListBox,
         {
@@ -144,7 +144,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
         }
       ),
       !autosave && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _OT2MUGKKcjs.Box_default,
+        _RJ3ZYLJScjs.Box_default,
         {
           backgroundColor: "white",
           display: "flex",
@@ -159,9 +159,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
             }
           },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _OT2MUGKKcjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YNVQJ4DGcjs.Divider, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _RJ3ZYLJScjs.Box_default, { flex: "grow", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _DMA6PPUZcjs.Divider, {}) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _OT2MUGKKcjs.Box_default,
+              _RJ3ZYLJScjs.Box_default,
               {
                 paddingY: 5,
                 marginTop: -5,
@@ -169,7 +169,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                 justifyContent: "end",
                 children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _C5XPZTFOcjs.ButtonGroup_default, { orientation: "horizontal", children: [
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _P72Q5WQMcjs.Button_default,
+                    _4E7A4J3Kcjs.Button_default,
                     {
                       onClick: clearChanges,
                       color: "secondary",
@@ -179,7 +179,7 @@ var RichSelectBox = _react.forwardRef.call(void 0,
                     }
                   ),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _P72Q5WQMcjs.Button_default,
+                    _4E7A4J3Kcjs.Button_default,
                     {
                       onClick: saveChanges,
                       text: primaryButtonText,
@@ -198,9 +198,9 @@ var RichSelectBox = _react.forwardRef.call(void 0,
   }
 );
 var RichSelectBox_default = Object.assign(RichSelectBox, {
-  Section: _35S5FKUCcjs.RichSelectSection_default,
-  Chip: _N2V7ZZBMcjs.RichSelectChip_default,
-  RadioButton: _QN33R37Rcjs.RichSelectRadioButton_default
+  Section: _SND6HHALcjs.RichSelectSection_default,
+  Chip: _MI5OUDV4cjs.RichSelectChip_default,
+  RadioButton: _KNFEGYQMcjs.RichSelectRadioButton_default
 });
 
 
@@ -208,4 +208,4 @@ var RichSelectBox_default = Object.assign(RichSelectBox, {
 
 
 exports.convertSelection = convertSelection; exports.RichSelectBoxContext = RichSelectBoxContext; exports.RichSelectBox_default = RichSelectBox_default;
-//# sourceMappingURL=C2H5JBU2.cjs.map
+//# sourceMappingURL=4HCWQMZO.cjs.map

package/dist/__chunks/{57KSLOGS.js → 5BGW5WGN.js}

@@ -8,4 +8,4 @@ export {
   ColorBaseDestructive700,
   ColorBaseGray800
 };
-//# sourceMappingURL=57KSLOGS.js.map
+//# sourceMappingURL=5BGW5WGN.js.map

package/dist/__chunks/{57KSLOGS.js.map → 5BGW5WGN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 29 Mar 2024 16:50:12 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Thu, 04 Apr 2024 21:33:06 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#888077\";\nexport const ColorCambioGray800 = \"#5c554d\";\nexport const ColorCambioGray870 = \"#5c554d\";\nexport const ColorCambioGray900 = \"#312b23\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{753VRQSY.cjs → 5PL5GKUK.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _OT2MUGKKcjs = require('./OT2MUGKK.cjs');
+var _RJ3ZYLJScjs = require('./RJ3ZYLJS.cjs');
 
 
 var _45TMKSJQcjs = require('./45TMKSJQ.cjs');
@@ -99,7 +99,7 @@ var TapArea = _react.forwardRef.call(void 0,
       onMouseLeave == null ? void 0 : onMouseLeave(event);
     };
     const isHoveredOrFocussed = !disabled && (hovered || focussed);
-    const roundingClasses = rounding !== "none" && _45TMKSJQcjs.rounding_module_default[`rounding${_OT2MUGKKcjs.roundingCambio.call(void 0, rounding)}`];
+    const roundingClasses = rounding !== "none" && _45TMKSJQcjs.rounding_module_default[`rounding${_RJ3ZYLJScjs.roundingCambio.call(void 0, rounding)}`];
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       _X2SDR4SDcjs.__spreadProps.call(void 0, _X2SDR4SDcjs.__spreadValues.call(void 0, {}, accessibilityProps), {
@@ -136,4 +136,4 @@ var TapArea_default = TapArea;
 
 
 exports.TapArea_default = TapArea_default;
-//# sourceMappingURL=753VRQSY.cjs.map
+//# sourceMappingURL=5PL5GKUK.cjs.map