@cambly/syntax-core 10.30.0 → 10.31.0

package/dist/RichSelect/RichSelectList.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_emvev_1 {
+._typography_t1t27_1 {
   line-height: initial;
   margin: 0;
 }
@@ -15,160 +15,124 @@
   font-weight: 700;
   src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-final.woff2);
 }
-._sansSerif_emvev_22 {
+._sansSerif_t1t27_22 {
   font-family: var(--syntax-font-sans-serif);
   margin: 0;
 }
-._serif_emvev_27 {
+._serif_t1t27_27 {
   font-family: var( --syntax-font-sans-serif );
 }
-:lang(en) ._serif_emvev_27,
-:lang(az) ._serif_emvev_27,
-:lang(fr) ._serif_emvev_27,
-:lang(de) ._serif_emvev_27,
-:lang(es) ._serif_emvev_27,
-:lang(it) ._serif_emvev_27,
-:lang(pl) ._serif_emvev_27,
-:lang(pt) ._serif_emvev_27,
-:lang(tr) ._serif_emvev_27 {
+:lang(en) ._serif_t1t27_27,
+:lang(az) ._serif_t1t27_27,
+:lang(fr) ._serif_t1t27_27,
+:lang(de) ._serif_t1t27_27,
+:lang(es) ._serif_t1t27_27,
+:lang(it) ._serif_t1t27_27,
+:lang(pl) ._serif_t1t27_27,
+:lang(pt) ._serif_t1t27_27,
+:lang(tr) ._serif_t1t27_27 {
   font-family: "GT Super", var(--syntax-font-sans-serif);
   -webkit-font-smoothing: antialiased;
 }
-._size100_emvev_71 {
-  font-size: 12px;
-}
-._size200_emvev_75 {
-  font-size: 14px;
-}
-._size300_emvev_79 {
-  font-size: 16px;
-}
-._size500_emvev_83 {
-  font-size: 20px;
-}
-._size600_emvev_87 {
-  font-size: 28px;
-}
-._size700_emvev_91 {
-  font-size: 40px;
-}
-._size800_emvev_95 {
-  font-size: 64px;
-}
-._size100Cambio_emvev_100 {
+._size100_t1t27_71 {
   font-size: 14px;
 }
-._size200Cambio_emvev_104 {
+._size200_t1t27_75 {
   font-size: 16px;
 }
-._size300Cambio_emvev_108 {
+._size300_t1t27_79 {
   font-size: 18px;
 }
-._size400Cambio_emvev_112 {
+._size400_t1t27_83 {
   font-size: 20px;
 }
-._size500Cambio_emvev_116 {
+._size500_t1t27_87 {
   font-size: 23px;
 }
-._size600Cambio_emvev_120 {
+._size600_t1t27_91 {
   font-size: 26px;
 }
-._size700Cambio_emvev_124 {
+._size700_t1t27_95 {
   font-size: 33px;
 }
-._size800Cambio_emvev_128 {
+._size800_t1t27_99 {
   font-size: 41px;
 }
-._size900Cambio_emvev_132 {
+._size900_t1t27_103 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_emvev_100 {
+  ._size100_t1t27_71 {
     font-size: 14px;
   }
-  ._size200Cambio_emvev_104 {
+  ._size200_t1t27_75 {
     font-size: 16px;
   }
-  ._size300Cambio_emvev_108 {
+  ._size300_t1t27_79 {
     font-size: 20px;
   }
-  ._size400Cambio_emvev_112 {
+  ._size400_t1t27_83 {
     font-size: 25px;
   }
-  ._size500Cambio_emvev_116 {
+  ._size500_t1t27_87 {
     font-size: 31px;
   }
-  ._size600Cambio_emvev_120 {
+  ._size600_t1t27_91 {
     font-size: 39px;
   }
-  ._size700Cambio_emvev_124 {
+  ._size700_t1t27_95 {
     font-size: 49px;
   }
-  ._size800Cambio_emvev_128 {
+  ._size800_t1t27_99 {
     font-size: 61px;
   }
-  ._size900Cambio_emvev_132 {
+  ._size900_t1t27_103 {
     font-size: 76px;
   }
-  ._size1000Cambio_emvev_173 {
+  ._size1000_t1t27_144 {
     font-size: 95px;
   }
-  ._size1100Cambio_emvev_177 {
+  ._size1100_t1t27_148 {
     font-size: 119px;
   }
 }
-._center_emvev_183 {
+._center_t1t27_154 {
   text-align: center;
 }
-._forceLeft_emvev_187 {
+._forceLeft_t1t27_158 {
   text-align: left;
 }
-._forceRight_emvev_191 {
+._forceRight_t1t27_162 {
   text-align: right;
 }
-._start_emvev_195 {
+._start_t1t27_166 {
   text-align: start;
 }
-._end_emvev_199 {
+._end_t1t27_170 {
   text-align: end;
 }
-._bold_emvev_204 {
-  font-weight: 700;
-}
-._regular_emvev_208 {
-  font-weight: 400;
-}
-._interactive_emvev_212 {
-  font-weight: 500;
-}
-._semiBold_emvev_216 {
-  font-weight: 600;
-}
-._heavy_emvev_220 {
-  font-weight: 860;
-}
-._regularCambio_emvev_224 {
+._regular_t1t27_176 {
   font-weight: 400;
 }
-._mediumCambio_emvev_228 {
+._medium_t1t27_180 {
   font-weight: 510;
 }
-._semiBoldCambio_emvev_232 {
+._semiBold_t1t27_184 {
   font-weight: 590;
 }
-._boldCambio_emvev_236 {
+._bold_t1t27_188 {
   font-weight: 700;
 }
-._underline_emvev_240 {
+._underline_t1t27_192 {
   text-decoration: underline;
 }
-._inline_emvev_244 {
+._inline_t1t27_196 {
   display: inline;
 }
-._uppercase_emvev_248 {
+._uppercase_t1t27_200 {
   text-transform: uppercase;
 }
-._lineClamp_emvev_252 {
+._lineClamp_t1t27_204 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;
@@ -943,28 +907,13 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
-._roundingsm_1fw7w_2 {
-  border-radius: 8px;
-}
-._roundingmd_1fw7w_6 {
-  border-radius: 12px;
-}
-._roundinglg_1fw7w_10 {
-  border-radius: 16px;
-}
-._roundingxl_1fw7w_14 {
-  border-radius: 24px;
-}
-._roundingfull_1fw7w_18 {
-  border-radius: 999px;
-}
-._roundingsmCambio_1fw7w_23 {
+._roundingsm_1j4mo_2 {
   border-radius: 4px;
 }
-._roundingmdCambio_1fw7w_27 {
+._roundingmd_1j4mo_6 {
   border-radius: 8px;
 }
-._roundingfullCambio_1fw7w_31 {
+._roundingfull_1j4mo_10 {
   border-radius: 999px;
 }
 
@@ -1341,198 +1290,61 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
-._iconButton_4ynk4_1 {
+._iconButton_4jqok_1 {
   align-items: center;
   justify-content: center;
   display: flex;
   border-radius: 50%;
 }
-._iconButtonNoBorder_4ynk4_8 {
+._iconButtonNoBorder_4jqok_8 {
   border: none;
 }
-._iconButton_4ynk4_1:hover {
+._iconButton_4jqok_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_4ynk4_1:focus-visible {
+._iconButton_4jqok_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_4ynk4_1:active {
+._iconButton_4jqok_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_4ynk4_1:disabled {
+._iconButton_4jqok_1:disabled {
   filter: opacity(50%);
   background-image: none;
   transform: none;
   cursor: auto;
 }
-._sm_4ynk4_49 {
+._sm_4jqok_49 {
   height: 32px;
   width: 32px;
 }
-._md_4ynk4_54 {
-  height: 40px;
-  width: 40px;
-}
-._lg_4ynk4_59 {
+._md_4jqok_54 {
   height: 48px;
   width: 48px;
 }
-._smCambio_4ynk4_64 {
-  height: 32px;
-  width: 32px;
-}
-._mdCambio_4ynk4_69 {
-  height: 48px;
-  width: 48px;
-}
-._lgCambio_4ynk4_74 {
+._lg_4jqok_59 {
   height: 64px;
   width: 64px;
 }
-._smIcon_4ynk4_79 {
-  height: 16px !important;
-  width: 16px !important;
-}
-._mdIcon_4ynk4_86 {
-  height: 20px !important;
-  width: 20px !important;
-}
-._lgIcon_4ynk4_93 {
-  height: 24px !important;
-  width: 24px !important;
-}
-._smIconCambio_4ynk4_100 {
+._smIcon_4jqok_64 {
   height: 20px !important;
   width: 20px !important;
 }
-._mdIconCambio_4ynk4_107 {
+._mdIcon_4jqok_71 {
   height: 24px !important;
   width: 24px !important;
 }
-._lgIconCambio_4ynk4_114 {
+._lgIcon_4jqok_78 {
   height: 32px !important;
   width: 32px !important;
 }
 
-/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
-._button_9efd1_1 {
-  border: none;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-}
-._buttonGap_9efd1_9 {
-  gap: 4px;
-}
-._button_9efd1_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_9efd1_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_9efd1_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_9efd1_1:disabled {
-  filter: opacity(50%);
-  background-image: none;
-  transform: none;
-  cursor: auto;
-}
-._disabledCambioPrimary_9efd1_50 {
-  opacity: 0.5;
-}
-._fullWidth_9efd1_54 {
-  width: 100%;
-}
-._sm_9efd1_58 {
-  min-width: 52px;
-  height: 32px;
-  padding: 0 12px;
-  border-radius: 8px;
-}
-._md_9efd1_65 {
-  min-width: 72px;
-  height: 40px;
-  padding: 0 16px;
-  border-radius: 12px;
-}
-._lg_9efd1_72 {
-  min-width: 88px;
-  height: 48px;
-  padding: 0 20px;
-  border-radius: 16px;
-}
-._smCambio_9efd1_79 {
-  min-width: 52px;
-  height: 32px;
-  padding: 0 16px;
-  border-radius: 100px;
-}
-._mdCambio_9efd1_86 {
-  min-width: 78px;
-  height: 48px;
-  padding: 0 24px;
-  border-radius: 100px;
-}
-._lgCambio_9efd1_93 {
-  min-width: 104px;
-  height: 64px;
-  padding: 0 32px;
-  border-radius: 100px;
-}
-._icon_9efd1_100 {
-  color: inherit;
-}
-._smIcon_9efd1_104 {
-  width: 16px !important;
-  height: 16px !important;
-}
-._mdIcon_9efd1_111 {
-  width: 20px !important;
-  height: 20px !important;
-}
-._lgIcon_9efd1_118 {
-  width: 24px !important;
-  height: 24px !important;
-}
-._secondaryBorder_9efd1_125 {
-  border: 1px solid var(--color-base-primary-300);
-}
-._secondaryDestructiveBorder_9efd1_129 {
-  border: 1px solid var(--color-base-destructive-300);
-}
-@keyframes _syntaxButtonLoadingRotate_9efd1_1 {
-  0% {
-    transform-origin: 50% 50%;
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-._loading_9efd1_143 {
-  animation: _syntaxButtonLoadingRotate_9efd1_1 1.4s linear infinite;
-}
-._loadingCircle_9efd1_147 {
-  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 {
   margin-bottom: -48px;
@@ -2476,19 +2288,19 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css/#css-module-data */
-._selectContainer_dwmnw_1 {
+._selectContainer_1f379_1 {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-._opacityOverlay_dwmnw_7 {
+._opacityOverlay_1f379_7 {
   opacity: 0.5;
 }
-._selectWrapper_dwmnw_11 {
+._selectWrapper_1f379_11 {
   display: flex;
   position: relative;
 }
-._selectBox_dwmnw_16 {
+._selectBox_1f379_16 {
   align-items: center;
   appearance: none;
   background-color: var(--color-base-white);
@@ -2510,11 +2322,7 @@
   outline: 0;
   width: 100%;
 }
-._selectBoxClassic_dwmnw_32 {
-  border: 1px solid var(--color-base-gray-700);
-  padding: 0 36px 0 12px;
-}
-._selectBoxCambio_dwmnw_37 {
+._selectBoxCambio_1f379_32 {
   border: 1px solid var(--color-cambio-gray-370);
   border-radius: 8px;
   box-sizing: border-box;
@@ -2522,17 +2330,17 @@
   height: 48px;
   padding: 12px 36px 12px 12px;
 }
-._selectMouseFocusStyling_dwmnw_46 {
+._selectMouseFocusStyling_1f379_41 {
   border: 1px solid var(--color-base-primary-700);
   box-shadow: 0 0 0 1px var(--color-base-primary-700);
 }
-._unselected_dwmnw_51 {
+._unselected_1f379_46 {
   color: var(--color-base-gray-700);
 }
-._selected_dwmnw_55 {
+._selected_1f379_50 {
   color: var(--color-base-gray-800);
 }
-._arrowIcon_dwmnw_59 {
+._arrowIcon_1f379_54 {
   display: flex;
   position: absolute;
   right: 0;
@@ -2541,30 +2349,10 @@
   padding-inline-end: 8px;
   pointer-events: none;
 }
-._selectBox_dwmnw_16:disabled {
+._selectBox_1f379_16:disabled {
   cursor: auto;
 }
-._sm_dwmnw_73 {
-  border-radius: 12px;
-  font-size: 12px;
-  height: 32px;
-}
-._md_dwmnw_79 {
-  border-radius: 12px;
-  font-size: 14px;
-  height: 40px;
-}
-._lg_dwmnw_85 {
-  border-radius: 16px;
-  font-size: 16px;
-  height: 48px;
-}
-._selectError_dwmnw_91 {
-  color: var(--color-base-destructive-700);
-  border-color: var(--color-base-destructive-700);
-  background-color: var(--color-base-destructive-100);
-}
-._selectErrorCambio_dwmnw_97 {
+._selectErrorCambio_1f379_68 {
   color: var(--color-cambio-destructive-900);
   border-color: var(--color-cambio-destructive-700);
 }
@@ -2579,32 +2367,112 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/ButtonGroup/ButtonGroup.module.css/#css-module-data */
-._buttonGroup_e77bq_1 {
+._buttonGroup_1u02w_1 {
   display: flex;
 }
-._horizontal_e77bq_5 {
+._horizontal_1u02w_5 {
   flex-direction: row;
 }
-._vertical_e77bq_9 {
+._vertical_1u02w_9 {
   flex-direction: column;
 }
-._smallGap_e77bq_13 {
+._smallGap_1u02w_13 {
+  gap: 4px;
+}
+._mediumGap_1u02w_17 {
   gap: 8px;
 }
-._mediumGap_e77bq_17 {
+._largeGap_1u02w_21 {
   gap: 12px;
 }
-._largeGap_e77bq_21 {
-  gap: 16px;
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Button/Button.module.css/#css-module-data */
+._button_hiifq_1 {
+  border: none;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
 }
-._smallGapCambio_e77bq_25 {
+._buttonGap_hiifq_9 {
   gap: 4px;
 }
-._mediumGapCambio_e77bq_29 {
-  gap: 8px;
+._button_hiifq_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;
 }
-._largeGapCambio_e77bq_33 {
-  gap: 12px;
+._button_hiifq_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_hiifq_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_hiifq_1:disabled {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._disabledPrimary_hiifq_50 {
+  opacity: 0.5;
+}
+._fullWidth_hiifq_54 {
+  width: 100%;
+}
+._sm_hiifq_58 {
+  min-width: 52px;
+  height: 32px;
+  padding: 0 16px;
+  border-radius: 100px;
+}
+._md_hiifq_65 {
+  min-width: 78px;
+  height: 48px;
+  padding: 0 24px;
+  border-radius: 100px;
+}
+._lg_hiifq_72 {
+  min-width: 104px;
+  height: 64px;
+  padding: 0 32px;
+  border-radius: 100px;
+}
+._icon_hiifq_79 {
+  color: inherit;
+}
+._smIcon_hiifq_83 {
+  width: 16px !important;
+  height: 16px !important;
+}
+._mdIcon_hiifq_90 {
+  width: 20px !important;
+  height: 20px !important;
+}
+._lgIcon_hiifq_97 {
+  width: 24px !important;
+  height: 24px !important;
+}
+@keyframes _syntaxButtonLoadingRotate_hiifq_1 {
+  0% {
+    transform-origin: 50% 50%;
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+._loading_hiifq_114 {
+  animation: _syntaxButtonLoadingRotate_hiifq_1 1.4s linear infinite;
+}
+._loadingCircle_hiifq_118 {
+  stroke: currentcolor;
+  stroke-dasharray: 80px, 200px;
+  stroke-dashoffset: 0;
+  transform-origin: center;
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Divider/Divider.module.css/#css-module-data */
@@ -2620,7 +2488,9 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Chip/Chip.module.css/#css-module-data */
-._chip_1ndh3_1 {
+._chip_b9vyr_1 {
+  border: none;
+  border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2628,57 +2498,37 @@
   cursor: pointer;
   box-sizing: border-box;
 }
-._chipClassic_1ndh3_10 {
-  border: 1px solid var(--color-base-gray-300);
-  border-radius: 1000px;
-}
-._chipCambio_1ndh3_15 {
-  border: none;
-  border-radius: 8px;
-}
-._disabled_1ndh3_20 {
+._disabled_b9vyr_12 {
   filter: opacity(50%);
   cursor: auto;
 }
-._deselectedChip_1ndh3_25 {
-  background-color: var(--color-base-gray-200);
-}
-._selectedChip_1ndh3_29 {
-  background-color: var(--color-base-primary-800);
-  border: 1px solid var(--color-base-primary-800);
-}
-._deselectedChipCambio_1ndh3_34 {
+._deselectedChip_b9vyr_17 {
   background-color: var(--color-cambio-gray-370);
 }
-._deselectedChipCambioOnDarkBackground_1ndh3_38 {
+._deselectedChipOnDarkBackground_b9vyr_21 {
   background-color: var(--color-cambio-gray-870);
 }
-._selectedChipCambio_1ndh3_42 {
+._selectedChip_b9vyr_25 {
   background-color: var(--color-cambio-gray-800);
 }
-._selectedChipCambioOnDarkBackground_1ndh3_46 {
+._selectedChipOnDarkBackground_b9vyr_29 {
   background-color: var(--color-cambio-gray-200);
 }
-._icon_1ndh3_50 {
+._icon_b9vyr_33 {
   height: 24px !important;
   width: 24px !important;
   color: var(--color-base-grey-900);
 }
-._selectedIcon_1ndh3_58 {
+._selectedIcon_b9vyr_41 {
   color: #fff;
 }
-._sm_1ndh3_62 {
+._sm_b9vyr_45 {
   height: 32px;
   min-width: 40px;
   padding: 8px 12px;
 }
-._lg_1ndh3_68 {
-  height: 48px;
-  min-width: 56px;
-  padding: 8px 16px;
-}
-._chip_1ndh3_1:focus-visible,
-._forceFocus_1ndh3_75 {
+._chip_b9vyr_1:focus-visible,
+._forceFocus_b9vyr_52 {
   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;