@cambly/syntax-core 10.7.0 → 10.8.0

package/dist/Popover/Popover.css

@@ -6,171 +6,384 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data */
-._inheritColor_11l4y_2 {
+._inheritColor_178qd_2 {
   color: inherit;
 }
-._destructive700Color_11l4y_6 {
+._destructive700Color_178qd_6 {
   color: var(--color-base-destructive-700);
 }
-._gray700Color_11l4y_10 {
+._gray700Color_178qd_10 {
   color: var(--color-base-gray-700);
 }
-._gray900Color_11l4y_14 {
+._gray900Color_178qd_14 {
   color: var(--color-base-gray-900);
 }
-._primary700Color_11l4y_18 {
+._primary700Color_178qd_18 {
   color: var(--color-base-primary-700);
 }
-._success700Color_11l4y_22 {
+._success700Color_178qd_22 {
   color: var(--color-base-success-700);
 }
-._whiteColor_11l4y_26 {
+._whiteColor_178qd_26 {
   color: var(--color-base-white);
 }
-._blackBackgroundColor_11l4y_31 {
+._blackBackgroundColor_178qd_31 {
   background-color: var(--color-base-black);
 }
-._destructive100BackgroundColor_11l4y_35 {
+._destructive100BackgroundColor_178qd_35 {
   background-color: var(--color-base-destructive-100);
 }
-._destructive200BackgroundColor_11l4y_39 {
+._destructive200BackgroundColor_178qd_39 {
   background-color: var(--color-base-destructive-200);
 }
-._destructive300BackgroundColor_11l4y_43 {
+._destructive300BackgroundColor_178qd_43 {
   background-color: var(--color-base-destructive-300);
 }
-._destructive700BackgroundColor_11l4y_47 {
+._destructive700BackgroundColor_178qd_47 {
   background-color: var(--color-base-destructive-700);
 }
-._destructive800BackgroundColor_11l4y_51 {
+._destructive800BackgroundColor_178qd_51 {
   background-color: var(--color-base-destructive-800);
 }
-._destructive900BackgroundColor_11l4y_55 {
+._destructive900BackgroundColor_178qd_55 {
   background-color: var(--color-base-destructive-900);
 }
-._gray10BackgroundColor_11l4y_59 {
+._gray10BackgroundColor_178qd_59 {
   background-color: var(--color-base-gray-10);
 }
-._gray30BackgroundColor_11l4y_63 {
+._gray30BackgroundColor_178qd_63 {
   background-color: var(--color-base-gray-30);
 }
-._gray60BackgroundColor_11l4y_67 {
+._gray60BackgroundColor_178qd_67 {
   background-color: var(--color-base-gray-60);
 }
-._gray80BackgroundColor_11l4y_71 {
+._gray80BackgroundColor_178qd_71 {
   background-color: var(--color-base-gray-80);
 }
-._gray100BackgroundColor_11l4y_75 {
+._gray100BackgroundColor_178qd_75 {
   background-color: var(--color-base-gray-100);
 }
-._gray200BackgroundColor_11l4y_79 {
+._gray200BackgroundColor_178qd_79 {
   background-color: var(--color-base-gray-200);
 }
-._gray300BackgroundColor_11l4y_83 {
+._gray300BackgroundColor_178qd_83 {
   background-color: var(--color-base-gray-300);
 }
-._gray700BackgroundColor_11l4y_87 {
+._gray700BackgroundColor_178qd_87 {
   background-color: var(--color-base-gray-700);
 }
-._gray800BackgroundColor_11l4y_91 {
+._gray800BackgroundColor_178qd_91 {
   background-color: var(--color-base-gray-800);
 }
-._gray900BackgroundColor_11l4y_95 {
+._gray900BackgroundColor_178qd_95 {
   background-color: var(--color-base-gray-900);
 }
-._orange100BackgroundColor_11l4y_99 {
+._orange100BackgroundColor_178qd_99 {
   background-color: var(--color-base-orange-100);
 }
-._orange200BackgroundColor_11l4y_103 {
+._orange200BackgroundColor_178qd_103 {
   background-color: var(--color-base-orange-200);
 }
-._orange300BackgroundColor_11l4y_107 {
+._orange300BackgroundColor_178qd_107 {
   background-color: var(--color-base-orange-300);
 }
-._orange700BackgroundColor_11l4y_111 {
+._orange700BackgroundColor_178qd_111 {
   background-color: var(--color-base-orange-700);
 }
-._orange800BackgroundColor_11l4y_115 {
+._orange800BackgroundColor_178qd_115 {
   background-color: var(--color-base-orange-800);
 }
-._orange900BackgroundColor_11l4y_119 {
+._orange900BackgroundColor_178qd_119 {
   background-color: var(--color-base-orange-900);
 }
-._primary100BackgroundColor_11l4y_123 {
+._primary100BackgroundColor_178qd_123 {
   background-color: var(--color-base-primary-100);
 }
-._primary200BackgroundColor_11l4y_127 {
+._primary200BackgroundColor_178qd_127 {
   background-color: var(--color-base-primary-200);
 }
-._primary300BackgroundColor_11l4y_131 {
+._primary300BackgroundColor_178qd_131 {
   background-color: var(--color-base-primary-300);
 }
-._primary700BackgroundColor_11l4y_135 {
+._primary700BackgroundColor_178qd_135 {
   background-color: var(--color-base-primary-700);
 }
-._primary800BackgroundColor_11l4y_139 {
+._primary800BackgroundColor_178qd_139 {
   background-color: var(--color-base-primary-800);
 }
-._primary900BackgroundColor_11l4y_143 {
+._primary900BackgroundColor_178qd_143 {
   background-color: var(--color-base-primary-900);
 }
-._success100BackgroundColor_11l4y_147 {
+._success100BackgroundColor_178qd_147 {
   background-color: var(--color-base-success-100);
 }
-._success200BackgroundColor_11l4y_151 {
+._success200BackgroundColor_178qd_151 {
   background-color: var(--color-base-success-200);
 }
-._success300BackgroundColor_11l4y_155 {
+._success300BackgroundColor_178qd_155 {
   background-color: var(--color-base-success-300);
 }
-._success700BackgroundColor_11l4y_159 {
+._success700BackgroundColor_178qd_159 {
   background-color: var(--color-base-success-700);
 }
-._success800BackgroundColor_11l4y_163 {
+._success800BackgroundColor_178qd_163 {
   background-color: var(--color-base-success-800);
 }
-._success900BackgroundColor_11l4y_167 {
+._success900BackgroundColor_178qd_167 {
   background-color: var(--color-base-success-900);
 }
-._purple100BackgroundColor_11l4y_171 {
+._purple100BackgroundColor_178qd_171 {
   background-color: var(--color-base-purple-100);
 }
-._purple200BackgroundColor_11l4y_175 {
+._purple200BackgroundColor_178qd_175 {
   background-color: var(--color-base-purple-200);
 }
-._purple300BackgroundColor_11l4y_179 {
+._purple300BackgroundColor_178qd_179 {
   background-color: var(--color-base-purple-300);
 }
-._purple700BackgroundColor_11l4y_183 {
+._purple700BackgroundColor_178qd_183 {
   background-color: var(--color-base-purple-700);
 }
-._purple800BackgroundColor_11l4y_187 {
+._purple800BackgroundColor_178qd_187 {
   background-color: var(--color-base-purple-800);
 }
-._purple900BackgroundColor_11l4y_191 {
+._purple900BackgroundColor_178qd_191 {
   background-color: var(--color-base-purple-900);
 }
-._whiteBackgroundColor_11l4y_195 {
+._whiteBackgroundColor_178qd_195 {
   background-color: var(--color-base-white);
 }
-._yellow100BackgroundColor_11l4y_199 {
+._yellow100BackgroundColor_178qd_199 {
   background-color: var(--color-base-yellow-100);
 }
-._yellow200BackgroundColor_11l4y_203 {
+._yellow200BackgroundColor_178qd_203 {
   background-color: var(--color-base-yellow-200);
 }
-._yellow300BackgroundColor_11l4y_207 {
+._yellow300BackgroundColor_178qd_207 {
   background-color: var(--color-base-yellow-300);
 }
-._yellow700BackgroundColor_11l4y_211 {
+._yellow700BackgroundColor_178qd_211 {
   background-color: var(--color-base-yellow-700);
 }
-._yellow800BackgroundColor_11l4y_215 {
+._yellow800BackgroundColor_178qd_215 {
   background-color: var(--color-base-yellow-800);
 }
-._yellow900BackgroundColor_11l4y_219 {
+._yellow900BackgroundColor_178qd_219 {
   background-color: var(--color-base-yellow-900);
 }
+._cambioBlackColor_178qd_224 {
+  color: var(--color-cambio-black);
+}
+._cambioWhiteColor_178qd_228 {
+  color: var(--color-cambio-white);
+}
+._cambioGray100Color_178qd_232 {
+  color: var(--color-cambio-gray-100);
+}
+._cambioGray200Color_178qd_236 {
+  color: var(--color-cambio-gray-200);
+}
+._cambioGray300Color_178qd_240 {
+  color: var(--color-cambio-gray-300);
+}
+._cambioGray370Color_178qd_244 {
+  color: var(--color-cambio-gray-370);
+}
+._cambioGray700Color_178qd_248 {
+  color: var(--color-cambio-gray-700);
+}
+._cambioGray800Color_178qd_252 {
+  color: var(--color-cambio-gray-800);
+}
+._cambioGray870Color_178qd_256 {
+  color: var(--color-cambio-gray-870);
+}
+._cambioGray900Color_178qd_260 {
+  color: var(--color-cambio-gray-900);
+}
+._cambioDestructive100Color_178qd_264 {
+  color: var(--color-cambio-destructive-100);
+}
+._cambioDestructive300Color_178qd_268 {
+  color: var(--color-cambio-destructive-300);
+}
+._cambioDestructive370Color_178qd_272 {
+  color: var(--color-cambio-destructive-370);
+}
+._cambioDestructive700Color_178qd_276 {
+  color: var(--color-cambio-destructive-700);
+}
+._cambioDestructive770Color_178qd_280 {
+  color: var(--color-cambio-destructive-770);
+}
+._cambioDestructive900Color_178qd_284 {
+  color: var(--color-cambio-destructive-900);
+}
+._cambioSuccess100Color_178qd_288 {
+  color: var(--color-cambio-success-100);
+}
+._cambioSuccess300Color_178qd_292 {
+  color: var(--color-cambio-success-300);
+}
+._cambioSuccess370Color_178qd_296 {
+  color: var(--color-cambio-success-370);
+}
+._cambioSuccess700Color_178qd_300 {
+  color: var(--color-cambio-success-700);
+}
+._cambioSuccess770Color_178qd_304 {
+  color: var(--color-cambio-success-770);
+}
+._cambioSuccess900Color_178qd_308 {
+  color: var(--color-cambio-success-900);
+}
+._cambioRedColor_178qd_312 {
+  color: var(--color-cambio-red);
+}
+._cambioOrangeColor_178qd_316 {
+  color: var(--color-cambio-orange);
+}
+._cambioTanColor_178qd_320 {
+  color: var(--color-cambio-tan);
+}
+._cambioCreamColor_178qd_324 {
+  color: var(--color-cambio-cream);
+}
+._cambioPurpleColor_178qd_328 {
+  color: var(--color-cambio-purple);
+}
+._cambioLilacColor_178qd_332 {
+  color: var(--color-cambio-lilac);
+}
+._cambioThistleColor_178qd_336 {
+  color: var(--color-cambio-thistle);
+}
+._cambioPinkColor_178qd_340 {
+  color: var(--color-cambio-pink);
+}
+._cambioNavyColor_178qd_344 {
+  color: var(--color-cambio-navy);
+}
+._cambioTealColor_178qd_348 {
+  color: var(--color-cambio-teal);
+}
+._cambioSlateColor_178qd_352 {
+  color: var(--color-cambio-slate);
+}
+._cambioSkyColor_178qd_356 {
+  color: var(--color-cambio-sky);
+}
+._cambioYellow700Color_178qd_360 {
+  color: var(--color-cambio-yellow-700);
+}
+._cambioTransparentFullBackgroundColor_178qd_364 {
+  background-color: var(--color-cambio-transparent-full);
+}
+._cambioBlackBackgroundColor_178qd_368 {
+  background-color: var(--color-cambio-black);
+}
+._cambioWhiteBackgroundColor_178qd_372 {
+  background-color: var(--color-cambio-white);
+}
+._cambioGray100BackgroundColor_178qd_376 {
+  background-color: var(--color-cambio-gray-100);
+}
+._cambioGray200BackgroundColor_178qd_380 {
+  background-color: var(--color-cambio-gray-200);
+}
+._cambioGray300BackgroundColor_178qd_384 {
+  background-color: var(--color-cambio-gray-300);
+}
+._cambioGray370BackgroundColor_178qd_388 {
+  background-color: var(--color-cambio-gray-370);
+}
+._cambioGray700BackgroundColor_178qd_392 {
+  background-color: var(--color-cambio-gray-700);
+}
+._cambioGray800BackgroundColor_178qd_396 {
+  background-color: var(--color-cambio-gray-800);
+}
+._cambioGray870BackgroundColor_178qd_400 {
+  background-color: var(--color-cambio-gray-870);
+}
+._cambioGray900BackgroundColor_178qd_404 {
+  background-color: var(--color-cambio-gray-900);
+}
+._cambioDestructive100BackgroundColor_178qd_408 {
+  background-color: var(--color-cambio-destructive-100);
+}
+._cambioDestructive300BackgroundColor_178qd_412 {
+  background-color: var(--color-cambio-destructive-300);
+}
+._cambioDestructive370BackgroundColor_178qd_416 {
+  background-color: var(--color-cambio-destructive-370);
+}
+._cambioDestructive700BackgroundColor_178qd_420 {
+  background-color: var(--color-cambio-destructive-700);
+}
+._cambioDestructive770BackgroundColor_178qd_424 {
+  background-color: var(--color-cambio-destructive-770);
+}
+._cambioDestructive900BackgroundColor_178qd_428 {
+  background-color: var(--color-cambio-destructive-900);
+}
+._cambioSuccess100BackgroundColor_178qd_432 {
+  background-color: var(--color-cambio-success-100);
+}
+._cambioSuccess300BackgroundColor_178qd_436 {
+  background-color: var(--color-cambio-success-300);
+}
+._cambioSuccess370BackgroundColor_178qd_440 {
+  background-color: var(--color-cambio-success-370);
+}
+._cambioSuccess700BackgroundColor_178qd_444 {
+  background-color: var(--color-cambio-success-700);
+}
+._cambioSuccess770BackgroundColor_178qd_448 {
+  background-color: var(--color-cambio-success-770);
+}
+._cambioSuccess900BackgroundColor_178qd_452 {
+  background-color: var(--color-cambio-success-900);
+}
+._cambioRedBackgroundColor_178qd_456 {
+  background-color: var(--color-cambio-red);
+}
+._cambioOrangeBackgroundColor_178qd_460 {
+  background-color: var(--color-cambio-orange);
+}
+._cambioTanBackgroundColor_178qd_464 {
+  background-color: var(--color-cambio-tan);
+}
+._cambioCreamBackgroundColor_178qd_468 {
+  background-color: var(--color-cambio-cream);
+}
+._cambioPurpleBackgroundColor_178qd_472 {
+  background-color: var(--color-cambio-purple);
+}
+._cambioLilacBackgroundColor_178qd_476 {
+  background-color: var(--color-cambio-lilac);
+}
+._cambioThistleBackgroundColor_178qd_480 {
+  background-color: var(--color-cambio-thistle);
+}
+._cambioPinkBackgroundColor_178qd_484 {
+  background-color: var(--color-cambio-pink);
+}
+._cambioNavyBackgroundColor_178qd_488 {
+  background-color: var(--color-cambio-navy);
+}
+._cambioTealBackgroundColor_178qd_492 {
+  background-color: var(--color-cambio-teal);
+}
+._cambioSlateBackgroundColor_178qd_496 {
+  background-color: var(--color-cambio-slate);
+}
+._cambioSkyBackgroundColor_178qd_500 {
+  background-color: var(--color-cambio-sky);
+}
+._cambioYellow700BackgroundColor_178qd_504 {
+  background-color: var(--color-cambio-yellow-700);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css/#css-module-data */
 ._elevation400BoxShadow_vw6sp_1 {
@@ -890,64 +1103,198 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
-._iconButton_4e8qe_1 {
+._iconButton_1q9cs_1 {
   align-items: center;
   justify-content: center;
   display: flex;
-  border: none;
   border-radius: 50%;
 }
-._iconButton_4e8qe_1:hover {
+._iconButtonNoBorder_1q9cs_8 {
+  border: none;
+}
+._iconButton_1q9cs_1:hover {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   transition-duration: 0.2s;
   cursor: pointer;
 }
-._iconButton_4e8qe_1:focus-visible {
+._iconButton_1q9cs_1:focus-visible {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._iconButton_4e8qe_1:active {
+._iconButton_1q9cs_1:active {
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
   transform: scale(0.97);
   transition-duration: 0.2s;
 }
-._iconButton_4e8qe_1:disabled {
+._iconButton_1q9cs_1:disabled {
   filter: opacity(50%);
   background-image: none;
   transform: none;
   cursor: auto;
 }
-._sm_4e8qe_46 {
+._sm_1q9cs_49 {
   height: 32px;
   width: 32px;
 }
-._md_4e8qe_51 {
+._md_1q9cs_54 {
   height: 40px;
   width: 40px;
 }
-._lg_4e8qe_56 {
+._lg_1q9cs_59 {
   height: 48px;
   width: 48px;
 }
-._smIcon_4e8qe_61 {
+._smCambio_1q9cs_64 {
+  height: 32px;
+  width: 32px;
+}
+._mdCambio_1q9cs_69 {
+  height: 48px;
+  width: 48px;
+}
+._lgCambio_1q9cs_74 {
+  height: 64px;
+  width: 64px;
+}
+._smIcon_1q9cs_79 {
   height: 16px !important;
   width: 16px !important;
 }
-._mdIcon_4e8qe_68 {
+._mdIcon_1q9cs_86 {
   height: 20px !important;
   width: 20px !important;
 }
-._lgIcon_4e8qe_75 {
+._lgIcon_1q9cs_93 {
   height: 24px !important;
   width: 24px !important;
 }
-._secondaryBorder_4e8qe_82 {
+._smIconCambio_1q9cs_100 {
+  height: 20px !important;
+  width: 20px !important;
+}
+._mdIconCambio_1q9cs_107 {
+  height: 24px !important;
+  width: 24px !important;
+}
+._lgIconCambio_1q9cs_114 {
+  height: 32px !important;
+  width: 32px !important;
+}
+._xlIconCambio_1q9cs_121 {
+  height: 40px !important;
+  width: 40px !important;
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
+._button_ddq3j_1 {
+  border: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+._buttonGap_ddq3j_9 {
+  gap: 4px;
+}
+._button_ddq3j_1:hover {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  transition-duration: 0.2s;
+  cursor: pointer;
+}
+._button_ddq3j_1:focus-visible {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  box-shadow: 0 0 0 4px #000;
+  outline: solid 2px #fff;
+}
+._button_ddq3j_1:active {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
+  transform: scale(0.97);
+  transition-duration: 0.2s;
+}
+._button_ddq3j_1:disabled {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._fullWidth_ddq3j_50 {
+  width: 100%;
+}
+._sm_ddq3j_54 {
+  min-width: 52px;
+  height: 32px;
+  padding: 0 12px;
+  border-radius: 8px;
+}
+._md_ddq3j_61 {
+  min-width: 72px;
+  height: 40px;
+  padding: 0 16px;
+  border-radius: 12px;
+}
+._lg_ddq3j_68 {
+  min-width: 88px;
+  height: 48px;
+  padding: 0 20px;
+  border-radius: 16px;
+}
+._smCambio_ddq3j_75 {
+  min-width: 52px;
+  height: 32px;
+  padding: 0 16px;
+  border-radius: 100px;
+}
+._mdCambio_ddq3j_82 {
+  min-width: 78px;
+  height: 48px;
+  padding: 0 24px;
+  border-radius: 100px;
+}
+._lgCambio_ddq3j_89 {
+  min-width: 104px;
+  height: 64px;
+  padding: 0 32px;
+  border-radius: 100px;
+}
+._icon_ddq3j_96 {
+  color: inherit;
+}
+._smIcon_ddq3j_100 {
+  width: 16px !important;
+  height: 16px !important;
+}
+._mdIcon_ddq3j_107 {
+  width: 20px !important;
+  height: 20px !important;
+}
+._lgIcon_ddq3j_114 {
+  width: 24px !important;
+  height: 24px !important;
+}
+._secondaryBorder_ddq3j_121 {
   border: 1px solid var(--color-base-primary-300);
 }
-._secondaryDestructiveBorder_4e8qe_86 {
+._secondaryDestructiveBorder_ddq3j_125 {
   border: 1px solid var(--color-base-destructive-300);
 }
+@keyframes _syntaxButtonLoadingRotate_ddq3j_1 {
+  0% {
+    transform-origin: 50% 50%;
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._loading_ddq3j_139 {
+  animation: _syntaxButtonLoadingRotate_ddq3j_1 1.4s linear infinite;
+}
+._loadingCircle_ddq3j_143 {
+  stroke: currentcolor;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0;
+  transform-origin: center;
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/margin.module.css/#css-module-data */
 ._marginBottom-12_1whn1_2 {