@cambly/syntax-core 10.15.0 → 10.17.0

package/dist/Modal/Modal.css

@@ -1,5 +1,6 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_imwgy_1 {
+._typography_rz4gh_1 {
+  line-height: normal;
   margin: 0;
 }
 @font-face {
@@ -16,7 +17,7 @@
   src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-bold.woff2);
   font-display: optional;
 }
-._sansSerif_imwgy_23 {
+._sansSerif_rz4gh_24 {
   font-family:
     -apple-system,
     system-ui,
@@ -28,7 +29,7 @@
     sans-serif;
   margin: 0;
 }
-._serif_imwgy_29 {
+._serif_rz4gh_30 {
   font-family:
     "GT Super",
     -apple-system,
@@ -41,141 +42,141 @@
     serif;
   -webkit-font-smoothing: antialiased;
 }
-._size100_imwgy_36 {
+._size100_rz4gh_37 {
   font-size: 12px;
 }
-._size200_imwgy_40 {
+._size200_rz4gh_41 {
   font-size: 14px;
 }
-._size300_imwgy_44 {
+._size300_rz4gh_45 {
   font-size: 16px;
 }
-._size500_imwgy_48 {
+._size500_rz4gh_49 {
   font-size: 20px;
 }
-._size600_imwgy_52 {
+._size600_rz4gh_53 {
   font-size: 28px;
 }
-._size700_imwgy_56 {
+._size700_rz4gh_57 {
   font-size: 40px;
 }
-._size800_imwgy_60 {
+._size800_rz4gh_61 {
   font-size: 64px;
 }
-._size100Cambio_imwgy_65 {
+._size100Cambio_rz4gh_66 {
   font-size: 14px;
 }
-._size200Cambio_imwgy_69 {
+._size200Cambio_rz4gh_70 {
   font-size: 16px;
 }
-._size300Cambio_imwgy_73 {
+._size300Cambio_rz4gh_74 {
   font-size: 18px;
 }
-._size400Cambio_imwgy_77 {
+._size400Cambio_rz4gh_78 {
   font-size: 20px;
 }
-._size500Cambio_imwgy_81 {
+._size500Cambio_rz4gh_82 {
   font-size: 23px;
 }
-._size600Cambio_imwgy_85 {
+._size600Cambio_rz4gh_86 {
   font-size: 26px;
 }
-._size700Cambio_imwgy_89 {
+._size700Cambio_rz4gh_90 {
   font-size: 33px;
 }
-._size800Cambio_imwgy_93 {
+._size800Cambio_rz4gh_94 {
   font-size: 41px;
 }
-._size900Cambio_imwgy_97 {
+._size900Cambio_rz4gh_98 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_imwgy_65 {
+  ._size100Cambio_rz4gh_66 {
     font-size: 14px;
   }
-  ._size200Cambio_imwgy_69 {
+  ._size200Cambio_rz4gh_70 {
     font-size: 16px;
   }
-  ._size300Cambio_imwgy_73 {
+  ._size300Cambio_rz4gh_74 {
     font-size: 20px;
   }
-  ._size400Cambio_imwgy_77 {
+  ._size400Cambio_rz4gh_78 {
     font-size: 25px;
   }
-  ._size500Cambio_imwgy_81 {
+  ._size500Cambio_rz4gh_82 {
     font-size: 31px;
   }
-  ._size600Cambio_imwgy_85 {
+  ._size600Cambio_rz4gh_86 {
     font-size: 39px;
   }
-  ._size700Cambio_imwgy_89 {
+  ._size700Cambio_rz4gh_90 {
     font-size: 49px;
   }
-  ._size800Cambio_imwgy_93 {
+  ._size800Cambio_rz4gh_94 {
     font-size: 61px;
   }
-  ._size900Cambio_imwgy_97 {
+  ._size900Cambio_rz4gh_98 {
     font-size: 76px;
   }
-  ._size1000Cambio_imwgy_138 {
+  ._size1000Cambio_rz4gh_139 {
     font-size: 95px;
   }
-  ._size1100Cambio_imwgy_142 {
+  ._size1100Cambio_rz4gh_143 {
     font-size: 119px;
   }
 }
-._center_imwgy_148 {
+._center_rz4gh_149 {
   text-align: center;
 }
-._forceLeft_imwgy_152 {
+._forceLeft_rz4gh_153 {
   text-align: left;
 }
-._forceRight_imwgy_156 {
+._forceRight_rz4gh_157 {
   text-align: right;
 }
-._start_imwgy_160 {
+._start_rz4gh_161 {
   text-align: start;
 }
-._end_imwgy_164 {
+._end_rz4gh_165 {
   text-align: end;
 }
-._bold_imwgy_169 {
+._bold_rz4gh_170 {
   font-weight: 700;
 }
-._regular_imwgy_173 {
+._regular_rz4gh_174 {
   font-weight: 400;
 }
-._interactive_imwgy_177 {
+._interactive_rz4gh_178 {
   font-weight: 500;
 }
-._semiBold_imwgy_181 {
+._semiBold_rz4gh_182 {
   font-weight: 600;
 }
-._heavy_imwgy_185 {
+._heavy_rz4gh_186 {
   font-weight: 860;
 }
-._regularCambio_imwgy_189 {
+._regularCambio_rz4gh_190 {
   font-weight: 400;
 }
-._mediumCambio_imwgy_193 {
+._mediumCambio_rz4gh_194 {
   font-weight: 510;
 }
-._semiBoldCambio_imwgy_197 {
+._semiBoldCambio_rz4gh_198 {
   font-weight: 590;
 }
-._boldCambio_imwgy_201 {
+._boldCambio_rz4gh_202 {
   font-weight: 700;
 }
-._underline_imwgy_205 {
+._underline_rz4gh_206 {
   text-decoration: underline;
 }
-._inline_imwgy_209 {
+._inline_rz4gh_210 {
   display: inline;
 }
-._uppercase_imwgy_213 {
+._uppercase_rz4gh_214 {
   text-transform: uppercase;
 }
-._lineClamp_imwgy_217 {
+._lineClamp_rz4gh_218 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;
@@ -2198,7 +2199,7 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css/#css-module-data */
-._backdrop_tqzb0_1 {
+._backdrop_1w5vm_1 {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -2207,13 +2208,13 @@
   align-items: center;
   top: 0;
 }
-._backdropClassic_tqzb0_11 {
+._backdropClassic_1w5vm_11 {
   background-color: rgba(0, 0, 0, 0.6);
 }
-._backdropCambio_tqzb0_15 {
+._backdropCambio_1w5vm_15 {
   background-color: var(--color-cambio-gray-870);
 }
-._closeButton_tqzb0_19 {
+._closeButton_1w5vm_19 {
   background: none;
   border: none;
   position: absolute;
@@ -2227,23 +2228,210 @@
   align-items: center;
   border-radius: 50%;
 }
-._closeButtonClassic_tqzb0_34 {
+._closeButtonClassic_1w5vm_34 {
   height: 40px;
   width: 40px;
   top: 12px;
   right: 12px;
 }
-._closeButtonCambio_tqzb0_41 {
-  height: 24px;
-  width: 24px;
-  top: 4px;
-  right: 4px;
-}
-._closeButton_tqzb0_19:focus-visible {
+._closeButton_1w5vm_19:focus-visible {
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._closeButtonWithImage_tqzb0_53 {
+._closeButtonWithImage_1w5vm_46 {
   background-color: rgba(0, 0, 0, 0.3);
 }
+._closeButtonWithImageCambio_1w5vm_50 {
+  background-color: var(--color-cambio-gray-200);
+}
+
+/* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/IconButton/IconButton.module.css/#css-module-data */
+._iconButton_4ynk4_1 {
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  border-radius: 50%;
+}
+._iconButtonNoBorder_4ynk4_8 {
+  border: none;
+}
+._iconButton_4ynk4_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 {
+  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 {
+  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 {
+  filter: opacity(50%);
+  background-image: none;
+  transform: none;
+  cursor: auto;
+}
+._sm_4ynk4_49 {
+  height: 32px;
+  width: 32px;
+}
+._md_4ynk4_54 {
+  height: 40px;
+  width: 40px;
+}
+._lg_4ynk4_59 {
+  height: 48px;
+  width: 48px;
+}
+._smCambio_4ynk4_64 {
+  height: 32px;
+  width: 32px;
+}
+._mdCambio_4ynk4_69 {
+  height: 48px;
+  width: 48px;
+}
+._lgCambio_4ynk4_74 {
+  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 {
+  height: 20px !important;
+  width: 20px !important;
+}
+._mdIconCambio_4ynk4_107 {
+  height: 24px !important;
+  width: 24px !important;
+}
+._lgIconCambio_4ynk4_114 {
+  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_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_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;
+}
 /*# sourceMappingURL=Modal.css.map */