@cambly/syntax-core 11.2.0 → 12.1.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","/* Cambio colors */\n._blackColor_1ovq0_2 {\n  color: var(--color-cambio-black);\n}\n\n._whiteColor_1ovq0_6 {\n  color: var(--color-cambio-white);\n}\n\n._gray100Color_1ovq0_10 {\n  color: var(--color-cambio-gray-100);\n}\n\n._gray200Color_1ovq0_14 {\n  color: var(--color-cambio-gray-200);\n}\n\n._gray300Color_1ovq0_18 {\n  color: var(--color-cambio-gray-300);\n}\n\n._gray370Color_1ovq0_22 {\n  color: var(--color-cambio-gray-370);\n}\n\n._gray700Color_1ovq0_26 {\n  color: var(--color-cambio-gray-700);\n}\n\n._gray800Color_1ovq0_30 {\n  color: var(--color-cambio-gray-800);\n}\n\n._gray870Color_1ovq0_34 {\n  color: var(--color-cambio-gray-870);\n}\n\n._gray900Color_1ovq0_38 {\n  color: var(--color-cambio-gray-900);\n}\n\n._destructive100Color_1ovq0_42 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._destructive300Color_1ovq0_46 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._destructive370Color_1ovq0_50 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._destructive700Color_1ovq0_54 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._destructive770Color_1ovq0_58 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._destructive900Color_1ovq0_62 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._success100Color_1ovq0_66 {\n  color: var(--color-cambio-success-100);\n}\n\n._success300Color_1ovq0_70 {\n  color: var(--color-cambio-success-300);\n}\n\n._success370Color_1ovq0_74 {\n  color: var(--color-cambio-success-370);\n}\n\n._success700Color_1ovq0_78 {\n  color: var(--color-cambio-success-700);\n}\n\n._success770Color_1ovq0_82 {\n  color: var(--color-cambio-success-770);\n}\n\n._success900Color_1ovq0_86 {\n  color: var(--color-cambio-success-900);\n}\n\n._redColor_1ovq0_90 {\n  color: var(--color-cambio-red);\n}\n\n._orangeColor_1ovq0_94 {\n  color: var(--color-cambio-orange);\n}\n\n._tanColor_1ovq0_98 {\n  color: var(--color-cambio-tan);\n}\n\n._creamColor_1ovq0_102 {\n  color: var(--color-cambio-cream);\n}\n\n._purpleColor_1ovq0_106 {\n  color: var(--color-cambio-purple);\n}\n\n._lilacColor_1ovq0_110 {\n  color: var(--color-cambio-lilac);\n}\n\n._thistleColor_1ovq0_114 {\n  color: var(--color-cambio-thistle);\n}\n\n._pinkColor_1ovq0_118 {\n  color: var(--color-cambio-pink);\n}\n\n._navyColor_1ovq0_122 {\n  color: var(--color-cambio-navy);\n}\n\n._tealColor_1ovq0_126 {\n  color: var(--color-cambio-teal);\n}\n\n._slateColor_1ovq0_130 {\n  color: var(--color-cambio-slate);\n}\n\n._skyColor_1ovq0_134 {\n  color: var(--color-cambio-sky);\n}\n\n/* Border Colors */\n._noBorder_1ovq0_139 {\n  border: none;\n}\n\n._blackBorderColor_1ovq0_143 {\n  box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_1ovq0_147 {\n  box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_1ovq0_151 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_1ovq0_155 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_1ovq0_159 {\n  box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_1ovq0_163 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_1ovq0_167 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n/* Background Colors */\n._primary100BackgroundColor_1ovq0_172 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_1ovq0_176 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_1ovq0_180 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_1ovq0_184 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_1ovq0_188 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_1ovq0_192 {\n  background-color: var(--color-base-primary-900);\n}\n\n._yellow700BackgroundColor_1ovq0_196 {\n  background-color: var(--color-cambio-yellow-700);\n}\n\n._transparentFullBackgroundColor_1ovq0_200 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._blackBackgroundColor_1ovq0_204 {\n  background-color: var(--color-cambio-black);\n}\n\n._whiteBackgroundColor_1ovq0_208 {\n  background-color: var(--color-cambio-white);\n}\n\n._gray100BackgroundColor_1ovq0_212 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._gray200BackgroundColor_1ovq0_216 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._gray300BackgroundColor_1ovq0_220 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_1ovq0_224 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._gray700BackgroundColor_1ovq0_228 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._gray800BackgroundColor_1ovq0_232 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_1ovq0_236 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._gray900BackgroundColor_1ovq0_240 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._destructive100BackgroundColor_1ovq0_244 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._destructive300BackgroundColor_1ovq0_248 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._destructive370BackgroundColor_1ovq0_252 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._destructive700BackgroundColor_1ovq0_256 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._destructive770BackgroundColor_1ovq0_260 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._destructive900BackgroundColor_1ovq0_264 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._success100BackgroundColor_1ovq0_268 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._success300BackgroundColor_1ovq0_272 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._success370BackgroundColor_1ovq0_276 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._success700BackgroundColor_1ovq0_280 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._success770BackgroundColor_1ovq0_284 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._success900BackgroundColor_1ovq0_288 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_1ovq0_292 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_1ovq0_296 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_1ovq0_300 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_1ovq0_304 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_1ovq0_308 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_1ovq0_312 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_1ovq0_316 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_1ovq0_320 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_1ovq0_324 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_1ovq0_328 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_1ovq0_332 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_1ovq0_336 {\n  background-color: var(--color-cambio-sky);\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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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;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;","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_737nn_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_737nn_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_737nn_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_737nn_27,\n:lang(az) ._serif_737nn_27,\n:lang(fr) ._serif_737nn_27,\n:lang(de) ._serif_737nn_27,\n:lang(es) ._serif_737nn_27,\n:lang(it) ._serif_737nn_27,\n:lang(pl) ._serif_737nn_27,\n:lang(pt) ._serif_737nn_27,\n:lang(tr) ._serif_737nn_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n  letter-spacing: -0.02em;\n  line-height: 1.15em;\n}\n\n/* Sizes are responsive */\n._size100_737nn_73 {\n  font-size: 14px;\n}\n\n._size200_737nn_77 {\n  font-size: 16px;\n}\n\n._size300_737nn_81 {\n  font-size: 18px;\n}\n\n._size400_737nn_85 {\n  font-size: 20px;\n}\n\n._size500_737nn_89 {\n  font-size: 23px;\n}\n\n._size600_737nn_93 {\n  font-size: 26px;\n}\n\n._size700_737nn_97 {\n  font-size: 33px;\n}\n\n._size800_737nn_101 {\n  font-size: 41px;\n}\n\n._size900_737nn_105 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100_737nn_73 {\n    font-size: 14px;\n  }\n\n  ._size200_737nn_77 {\n    font-size: 16px;\n  }\n\n  ._size300_737nn_81 {\n    font-size: 20px;\n  }\n\n  ._size400_737nn_85 {\n    font-size: 25px;\n  }\n\n  ._size500_737nn_89 {\n    font-size: 31px;\n  }\n\n  ._size600_737nn_93 {\n    font-size: 39px;\n  }\n\n  ._size700_737nn_97 {\n    font-size: 49px;\n  }\n\n  ._size800_737nn_101 {\n    font-size: 61px;\n  }\n\n  ._size900_737nn_105 {\n    font-size: 76px;\n  }\n\n  ._size1000_737nn_146 {\n    font-size: 95px;\n  }\n\n  ._size1100_737nn_150 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_737nn_156 {\n  text-align: center;\n}\n\n._forceLeft_737nn_160 {\n  text-align: left;\n}\n\n._forceRight_737nn_164 {\n  text-align: right;\n}\n\n._start_737nn_168 {\n  text-align: start;\n}\n\n._end_737nn_172 {\n  text-align: end;\n}\n\n/* Boldness */\n\n._regular_737nn_178 {\n  font-weight: 400;\n}\n\n._medium_737nn_182 {\n  font-weight: 510;\n}\n\n._semiBold_737nn_186 {\n  font-weight: 590;\n}\n\n._bold_737nn_190 {\n  font-weight: 700;\n}\n\n._underline_737nn_194 {\n  text-decoration: underline;\n}\n\n._inline_737nn_198 {\n  display: inline;\n}\n\n._uppercase_737nn_202 {\n  text-transform: uppercase;\n}\n\n._lineClamp_737nn_206 {\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;AACA;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;;;ACjNF;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.d.ts

@@ -28,7 +28,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      *
      * @defaultValue "gray900"
      */
-    color?: "white" | "gray700" | "gray900" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
+    color?: "primary" | "destructive-primary" | "gray700" | "gray900" | "white" | "inherit" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
     /**
      * Test id for the text
      */

package/dist/Typography/Typography.js

@@ -1,8 +1,8 @@
 "use client"
 import {
   Typography_default
-} from "../__chunks/LTWUU3XC.js";
-import "../__chunks/2XHKMMIM.js";
+} from "../__chunks/RXXGDO2J.js";
+import "../__chunks/S6TNP7G5.js";
 import "../__chunks/4U4UW4AK.js";
 import "../__chunks/UWGNJENA.js";
 export {

package/dist/__chunks/{NQPLPYGV.js → 2QPXNLJ6.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Chip_default
-} from "./SBKATR3W.js";
+} from "./FHLZXSCX.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -31,4 +31,4 @@ var RichSelectChip_default = forwardRef(
 export {
   RichSelectChip_default
 };
-//# sourceMappingURL=NQPLPYGV.js.map
+//# sourceMappingURL=2QPXNLJ6.js.map

package/dist/__chunks/{KBS7FN6K.js → 3KJ2VFCY.js}

@@ -10,10 +10,10 @@ import {
 } from "./KBIW5XV4.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 import {
   colors_module_default
-} from "./2XHKMMIM.js";
+} from "./S6TNP7G5.js";
 import {
   syntaxToReactAriaPlacement
 } from "./SVZOETLJ.js";
@@ -80,7 +80,7 @@ var AriaTooltip = forwardRef(function AriaTooltip2(_a, ref) {
   const className = classNames([
     Box_module_default.box,
     colors_module_default.gray900Color,
-    colors_module_default.blackBackgroundColor,
+    colors_module_default.cambioBlackBackgroundColor,
     padding_module_default.paddingX2,
     padding_module_default.paddingY2,
     rounding_module_default.roundingsm,
@@ -162,4 +162,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=KBS7FN6K.js.map
+//# sourceMappingURL=3KJ2VFCY.js.map

package/dist/__chunks/3KJ2VFCY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx","css-module:./Tooltip.module.css#css-module"],"sourcesContent":["import React, { forwardRef, type ReactNode, type ReactElement } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport {\n  composeRenderProps,\n  OverlayArrow as ReactAriaOverlayArrow,\n  type OverlayArrowProps as ReactAriaOverlayArrowProps,\n  Tooltip as ReactAriaTooltip,\n  TooltipTrigger as ReactAriaTooltipTrigger,\n  type TooltipProps as ReactAriaTooltipProps,\n} from \"react-aria-components\";\n\nimport Triggerable from \"../react-aria-utils/Triggerable\";\nimport Typography from \"../Typography/Typography\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Tooltip.module.css\";\nimport {\n  type Placement,\n  syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\nfunction TooltipArrow(props: ReactAriaOverlayArrowProps): ReactElement {\n  return (\n    <ReactAriaOverlayArrow {...props}>\n      {({ placement }) => {\n        if (placement === \"center\") return null;\n        if (placement === \"left\") return null;\n        if (placement === \"right\") return null;\n        return (\n          <div\n            className={classNames([\n              boxStyles.block,\n              styles[`arrowPlacement${placement}`],\n            ])}\n          >\n            <svg\n              className={classNames([boxStyles.block])}\n              width={40}\n              height={5}\n              viewBox=\"0 0 40 5\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M17 0L22 5H12L17 0Z\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        );\n      }}\n    </ReactAriaOverlayArrow>\n  );\n}\n\n/**\n * AriaTooltip: This component extends Tooltip from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - onContentChangeVisibility\n */\nexport const AriaTooltip = forwardRef<\n  HTMLDivElement,\n  ReactAriaTooltipProps & {\n    /** Optional handler for change of visibility for overlaid content, for analytics timing */\n    onChangeContentVisibility?: (visible: boolean) => void;\n  }\n>(function AriaTooltip(\n  { children: childrenProp, onChangeContentVisibility, ...otherProps },\n  ref,\n): ReactElement {\n  const className = classNames([\n    boxStyles.box,\n    colorStyles.gray900Color,\n    colorStyles.cambioBlackBackgroundColor,\n    paddingStyles.paddingX2,\n    paddingStyles.paddingY2,\n    roundingStyles.roundingsm,\n    styles.tooltip,\n  ]);\n  return (\n    <ReactAriaTooltip\n      ref={ref}\n      {...mergeProps(\n        {\n          className,\n          offset: 8,\n          crossOffset: 0,\n        },\n        otherProps,\n      )}\n    >\n      {composeRenderProps(\n        childrenProp,\n        (children, { isEntering, isExiting }) => (\n          <>\n            <TooltipArrow />\n            <Typography size={100} color=\"white\">\n              {children}\n            </Typography>\n            <OverlayVisibility\n              isEntering={isEntering}\n              isExiting={isExiting}\n              onChange={onChangeContentVisibility}\n            />\n          </>\n        ),\n      )}\n    </ReactAriaTooltip>\n  );\n});\n\ntype TooltipProps = {\n  /**\n   * Test id for the floating tooltip\n   */\n  \"data-testid\"?: string;\n  /**\n   * How long a user hovers before tooltip shows (in ms)\n   * @defaultValue 0\n   */\n  delay?: number;\n  /** Optional boolean to disable tooltip trigger behavior */\n  disabled?: boolean;\n  /** Optional aria-label for the tooltip (content element) */\n  accessibilityLabel?: string;\n  /** Required trigger element */\n  children: ReactElement;\n  /** Content to be shown inside the tooltip. */\n  content: ReactNode;\n  /** If set to true the tooltip will render initially open */\n  initialOpen?: boolean;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional boolean to control open state of tooltip externally */\n  open?: boolean;\n  /**\n   * Location of the tooltip content relative to anchor element\n   * @defaultValue \"top-end\"\n   */\n  placement?: Placement;\n};\n/**\n * [Tooltip](https://cambly-syntax.vercel.app/?path=/docs/components-tooltip--docs) displays contextual information on hover or focus.\n *\n * Tooltip content is hidden by default and shown on hover or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n  <Tooltip\n    delay={200}\n    placement=\"bottom-start\"\n    initialOpen\n    content={(\n      <Box padding={2}>\n        ... some content goes here\n      </Box>\n    )}\n  >\n      <Button text=\"Trigger me\" />\n  </Tooltip>\n ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  props,\n  ref,\n): ReactElement {\n  const {\n    accessibilityLabel,\n    \"data-testid\": dataTestId,\n    delay = 0,\n    disabled = false,\n    children,\n    content,\n    initialOpen,\n    onChangeContentVisibility,\n    onOpenChange,\n    open,\n    placement = \"top\",\n  } = props;\n\n  return (\n    <ReactAriaTooltipTrigger\n      defaultOpen={initialOpen}\n      delay={delay}\n      closeDelay={500}\n      isDisabled={disabled}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {/* transfer focus handlers to child element if it is focusable */}\n      <Triggerable>{children}</Triggerable>\n      <AriaTooltip\n        ref={ref}\n        placement={syntaxToReactAriaPlacement(placement)}\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        onChangeContentVisibility={onChangeContentVisibility}\n      >\n        {content}\n      </AriaTooltip>\n    </ReactAriaTooltipTrigger>\n  );\n});\n\nexport default Tooltip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css\"; export default {\"tooltip\":\"_tooltip_11pyp_1\",\"arrowPlacementtop\":\"_arrowPlacementtop_11pyp_5\",\"arrowPlacementbottom\":\"_arrowPlacementbottom_11pyp_10\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAqD;AACrE,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA,gBAAgB;AAAA,EAEhB,WAAW;AAAA,EACX,kBAAkB;AAAA,OAEb;AAKP,OAAO,gBAAgB;;;ACduE,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,qBAAoB,8BAA6B,wBAAuB,iCAAgC;;;AD8CrO,SAgDJ,UAhDI,KAgDJ,YAhDI;AArBd,SAAS,aAAa,OAAiD;AACrE,SACE,oBAAC,wDAA0B,QAA1B,EACE,WAAC,EAAE,UAAU,MAAM;AAClB,QAAI,cAAc;AAAU,aAAO;AACnC,QAAI,cAAc;AAAQ,aAAO;AACjC,QAAI,cAAc;AAAS,aAAO;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,mBAAU;AAAA,UACV,uBAAO,iBAAiB,WAAW;AAAA,QACrC,CAAC;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,CAAC,mBAAU,KAAK,CAAC;AAAA,YACvC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACR,OAAM;AAAA,YAEN,8BAAC,UAAK,GAAE,uBAAsB,MAAK,gBAAe;AAAA;AAAA,QACpD;AAAA;AAAA,IACF;AAAA,EAEJ,IACF;AAEJ;AAOO,IAAM,cAAc,WAMzB,SAASA,aACT,IACA,KACc;AAFd,eAAE,YAAU,cAAc,0BAnE5B,IAmEE,IAAwD,uBAAxD,IAAwD,CAAtD,YAAwB;AAG1B,QAAM,YAAY,WAAW;AAAA,IAC3B,mBAAU;AAAA,IACV,sBAAY;AAAA,IACZ,sBAAY;AAAA,IACZ,uBAAc;AAAA,IACd,uBAAc;AAAA,IACd,wBAAe;AAAA,IACf,uBAAO;AAAA,EACT,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,OACI;AAAA,MACF;AAAA,QACE;AAAA,QACA,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,MACA;AAAA,IACF,IATD;AAAA,MAWE;AAAA,QACC;AAAA,QACA,CAAC,UAAU,EAAE,YAAY,UAAU,MACjC,iCACE;AAAA,8BAAC,gBAAa;AAAA,UACd,oBAAC,sBAAW,MAAM,KAAK,OAAM,SAC1B,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,UAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAwDD,IAAM,UAAU,WAAyC,SAASC,SAChE,OACA,KACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAGA;AAAA,4BAAC,uBAAa,UAAS;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,2BAA2B,SAAS;AAAA,YAC/C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kBAAQ;","names":["AriaTooltip","Tooltip"]}

package/dist/__chunks/{P3MDJQRG.cjs → 4GZL7Q7G.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -33,7 +33,7 @@ var Badge = ({
   color = "sky"
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _5BBERXNJcjs.Box_default,
+    _FESAFV44cjs.Box_default,
     {
       display: "inlineFlex",
       paddingX: 2,
@@ -43,15 +43,15 @@ var Badge = ({
       justifyContent: "center",
       minHeight: 24,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _VFVPE7AXcjs.Typography_default,
+        _UUIXG3PQcjs.Typography_default,
         {
           size: 100,
           weight: "medium",
           color: textColorForBackgroundColor(color),
-          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5BBERXNJcjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _FESAFV44cjs.Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
             Icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: Badge_module_default.icon }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _VFVPE7AXcjs.Typography_default,
+              _UUIXG3PQcjs.Typography_default,
               {
                 color: textColorForBackgroundColor(color),
                 size: 100,
@@ -70,4 +70,4 @@ var Badge_default = Badge;
 
 
 exports.Badge_default = Badge_default;
-//# sourceMappingURL=P3MDJQRG.cjs.map
+//# sourceMappingURL=4GZL7Q7G.cjs.map

package/dist/__chunks/{6ISQTUPK.js → 4H75FQZD.js}

@@ -3,35 +3,35 @@ import {
   RichSelectBoxContext,
   RichSelectBox_default,
   convertSelection
-} from "./ACRVT5BQ.js";
+} from "./7TTYWZJV.js";
 import {
   RichSelectChip_default
-} from "./NQPLPYGV.js";
+} from "./2QPXNLJ6.js";
 import {
   Popover_default
-} from "./RBQHLMQ2.js";
+} from "./SSVDOCMD.js";
 import {
   DialogContext
-} from "./YBLOOAP2.js";
+} from "./TZGJS522.js";
 import {
   TapArea_default
 } from "./77FFPQY6.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./4NUE2KQG.js";
+} from "./Z5IIAJX5.js";
 import {
   RichSelectSection_default
-} from "./ZDMOD6DO.js";
+} from "./Y4BEP7DV.js";
 import {
   RichSelectRadioButton_default
-} from "./35XMEDHG.js";
+} from "./52WECBHV.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -266,4 +266,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=6ISQTUPK.js.map
+//# sourceMappingURL=4H75FQZD.js.map

package/dist/__chunks/{35XMEDHG.js → 52WECBHV.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   RadioButton_default
-} from "./X55B3Y26.js";
+} from "./AN6SGUNO.js";
 import {
   RichSelectItem_default
 } from "./ODMJANSX.js";
@@ -37,4 +37,4 @@ var RichSelectRadioButton_default = forwardRef(
 export {
   RichSelectRadioButton_default
 };
-//# sourceMappingURL=35XMEDHG.js.map
+//# sourceMappingURL=52WECBHV.js.map

package/dist/__chunks/{IPNZ5O2J.js → 535SBVS5.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 
 // src/Card/Card.tsx
 import { jsx } from "react/jsx-runtime";
@@ -27,4 +27,4 @@ function Card({
 export {
   Card
 };
-//# sourceMappingURL=IPNZ5O2J.js.map
+//# sourceMappingURL=535SBVS5.js.map

package/dist/__chunks/{2HXSPCIW.cjs → 5AKXXMJG.cjs}

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

package/dist/__chunks/{BACUUS4U.cjs → 5E23KLF4.cjs}

@@ -10,16 +10,16 @@ var _3P2PWHOUcjs = require('./3P2PWHOU.cjs');
 var _BHN2OODFcjs = require('./BHN2OODF.cjs');
 
 
-var _3JF5M3NRcjs = require('./3JF5M3NR.cjs');
+var _MKZONAGTcjs = require('./MKZONAGT.cjs');
 
 
-var _XSMGQC4Hcjs = require('./XSMGQC4H.cjs');
+var _C3KZXHTVcjs = require('./C3KZXHTV.cjs');
 
 
-var _NDBEPCTGcjs = require('./NDBEPCTG.cjs');
+var _RAL6R27Scjs = require('./RAL6R27S.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 // src/LinkButton/LinkButton.tsx
 var _react = require('react');
@@ -49,8 +49,8 @@ var LinkButton = _react.forwardRef.call(void 0,
     on = "lightBackground",
     onClick
   }, ref) => {
-    const foregroundColorClass = _3JF5M3NRcjs.foregroundColor.call(void 0, color, on);
-    const backgroundColorClass = _NDBEPCTGcjs.backgroundColor.call(void 0, color, on);
+    const foregroundColorClass = _MKZONAGTcjs.foregroundColor.call(void 0, color, on);
+    const backgroundColorClass = _RAL6R27Scjs.backgroundColor.call(void 0, color, on);
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "a",
       {
@@ -64,7 +64,7 @@ var LinkButton = _react.forwardRef.call(void 0,
           Button_module_default.button,
           foregroundColorClass,
           backgroundColorClass,
-          _XSMGQC4Hcjs.border.call(void 0, color, on),
+          _C3KZXHTVcjs.border.call(void 0, color, on),
           Button_module_default[size],
           {
             [Button_module_default.fullWidth]: fullWidth,
@@ -85,7 +85,7 @@ var LinkButton = _react.forwardRef.call(void 0,
               )
             }
           ),
-          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          !loading && text && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UUIXG3PQcjs.Typography_default, { size: _5JUNB754cjs.textVariant_default[size], weight: "medium", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: foregroundColorClass,
@@ -133,4 +133,4 @@ var LinkButton_default = LinkButton;
 
 
 exports.LinkButton_default = LinkButton_default;
-//# sourceMappingURL=BACUUS4U.cjs.map
+//# sourceMappingURL=5E23KLF4.cjs.map

package/dist/__chunks/{AHKSGA7M.cjs → 5Q53O2YE.cjs}

@@ -8,4 +8,4 @@ var ColorBaseGray800 = "#353535";
 
 
 exports.ColorBaseDestructive700 = ColorBaseDestructive700; exports.ColorBaseGray800 = ColorBaseGray800;
-//# sourceMappingURL=AHKSGA7M.cjs.map
+//# sourceMappingURL=5Q53O2YE.cjs.map

package/dist/__chunks/{AHKSGA7M.cjs.map → 5Q53O2YE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 16 Apr 2024 17:41:31 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"]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"names":[],"mappings":";;;AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB","sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 03 May 2024 16:36: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"]}

package/dist/__chunks/{GDJNEJXE.cjs → 65FLKUFW.cjs}

@@ -5,16 +5,16 @@ var _4UJE5GMHcjs = require('./4UJE5GMH.cjs');
 
 
 
-var _AHKSGA7Mcjs = require('./AHKSGA7M.cjs');
+var _5Q53O2YEcjs = require('./5Q53O2YE.cjs');
 
 
 var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -60,7 +60,7 @@ function SelectList({
         [SelectList_module_default.opacityOverlay]: disabled
       }),
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: selectId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UUIXG3PQcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SelectList_module_default.selectWrapper, children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "select",
@@ -98,15 +98,15 @@ function SelectList({
               children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "path",
                 {
-                  fill: errorText ? _AHKSGA7Mcjs.ColorBaseDestructive700 : _AHKSGA7Mcjs.ColorBaseGray800,
+                  fill: errorText ? _5Q53O2YEcjs.ColorBaseDestructive700 : _5Q53O2YEcjs.ColorBaseGray800,
                   d: "M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z"
                 }
               )
             }
           ) })
         ] }),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VFVPE7AXcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _UUIXG3PQcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -122,4 +122,4 @@ SelectList.Option = _4UJE5GMHcjs.SelectOption_default;
 
 
 exports.SelectList = SelectList;
-//# sourceMappingURL=GDJNEJXE.cjs.map
+//# sourceMappingURL=65FLKUFW.cjs.map

package/dist/__chunks/{CTARWDYT.cjs → 76LTWV2Q.cjs}

@@ -13,7 +13,7 @@ var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 var _CHDS4D44cjs = require('./CHDS4D44.cjs');
 
 
-var _RVVNTLJ7cjs = require('./RVVNTLJ7.cjs');
+var _QT6IRCGWcjs = require('./QT6IRCGW.cjs');
 
 // src/Dialog/Dialog.tsx
 
@@ -58,7 +58,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
         _IL22HCBFcjs.Box_module_default.gap4,
         _IL22HCBFcjs.Box_module_default.relative,
         _IL22HCBFcjs.Box_module_default.overflowauto,
-        _RVVNTLJ7cjs.colors_module_default.whiteBackgroundColor,
+        _QT6IRCGWcjs.colors_module_default.whiteBackgroundColor,
         _PLUVW6AMcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         _PLUVW6AMcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
         _CHDS4D44cjs.rounding_module_default.roundingmd,
@@ -77,4 +77,4 @@ var Dialog_default = Dialog;
 
 
 exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=CTARWDYT.cjs.map
+//# sourceMappingURL=76LTWV2Q.cjs.map

package/dist/__chunks/{ACRVT5BQ.js → 7TTYWZJV.js}

@@ -4,26 +4,26 @@ import {
 } from "./BOX3VY3Q.js";
 import {
   Button_default
-} from "./UHRDQGDN.js";
+} from "./UX5KRRO4.js";
 import {
   Divider
-} from "./VHUAFPB4.js";
+} from "./TK2EQ6QG.js";
 import {
   RichSelectChip_default
-} from "./NQPLPYGV.js";
+} from "./2QPXNLJ6.js";
 import {
   RichSelectSection_default
-} from "./ZDMOD6DO.js";
+} from "./Y4BEP7DV.js";
 import {
   RichSelectRadioButton_default
-} from "./35XMEDHG.js";
+} from "./52WECBHV.js";
 import {
   RichSelectItemContext,
   RichSelect_module_default
 } from "./ODMJANSX.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 
 // src/RichSelect/RichSelectBox.tsx
 import {
@@ -208,4 +208,4 @@ export {
   RichSelectBoxContext,
   RichSelectBox_default
 };
-//# sourceMappingURL=ACRVT5BQ.js.map
+//# sourceMappingURL=7TTYWZJV.js.map

package/dist/__chunks/{CAVL76GN.cjs → AC3JZOEZ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
 
-var _5BBERXNJcjs = require('./5BBERXNJ.cjs');
+var _FESAFV44cjs = require('./FESAFV44.cjs');
 
 
-var _VFVPE7AXcjs = require('./VFVPE7AX.cjs');
+var _UUIXG3PQcjs = require('./UUIXG3PQ.cjs');
 
 
 var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
@@ -38,7 +38,7 @@ function TextField({
   const reactId = _react.useId.call(void 0, );
   const inputId = id != null ? id : reactId;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _5BBERXNJcjs.Box_default,
+    _FESAFV44cjs.Box_default,
     {
       display: "flex",
       direction: "column",
@@ -50,7 +50,7 @@ function TextField({
         }
       },
       children: [
-        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _VFVPE7AXcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
+        label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: TextField_module_default.label, htmlFor: inputId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _UUIXG3PQcjs.Typography_default, { size: 100, color: "gray700", children: label }) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
@@ -67,8 +67,8 @@ function TextField({
             value
           }
         ),
-        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5BBERXNJcjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _VFVPE7AXcjs.Typography_default,
+        (helperText || errorText) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FESAFV44cjs.Box_default, { paddingX: 1, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _UUIXG3PQcjs.Typography_default,
           {
             size: 100,
             color: errorText ? "destructive-primary" : "gray700",
@@ -83,4 +83,4 @@ function TextField({
 
 
 exports.TextField = TextField;
-//# sourceMappingURL=CAVL76GN.cjs.map
+//# sourceMappingURL=AC3JZOEZ.cjs.map

package/dist/__chunks/{X55B3Y26.js → AN6SGUNO.js}

@@ -4,13 +4,13 @@ import {
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./4HKYB4YY.js";
+} from "./M36V23WR.js";
 import {
   Typography_default
-} from "./LTWUU3XC.js";
+} from "./RXXGDO2J.js";
 import {
   colors_module_default
-} from "./2XHKMMIM.js";
+} from "./S6TNP7G5.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -62,7 +62,7 @@ var RadioButton = ({
           {
             className: classnames(
               RadioButton_module_default.background,
-              error ? colors_module_default.destructive370BackgroundColor : colors_module_default.gray370BackgroundColor,
+              error ? colors_module_default.cambioDestructive370BackgroundColor : colors_module_default.cambioGray370BackgroundColor,
               RadioButton_module_default[size],
               {
                 [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible || dangerouslyForceFocusStyles
@@ -129,4 +129,4 @@ var RadioButton_default = RadioButton;
 export {
   RadioButton_default
 };
-//# sourceMappingURL=X55B3Y26.js.map
+//# sourceMappingURL=AN6SGUNO.js.map