@cambly/syntax-core 2.5.0 → 2.7.0

package/dist/index.css

@@ -23,107 +23,110 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
-._box_1eqtl_1 {
+._box_1hk60_1 {
   box-sizing: border-box;
 }
-._flexWrap_1eqtl_5 {
+._flexWrap_1hk60_5 {
   flex-wrap: wrap;
 }
-._alignItemscenter_1eqtl_10 {
+._alignItemscenter_1hk60_10 {
   align-items: center;
 }
-._alignItemsstart_1eqtl_14 {
+._alignItemsstart_1hk60_14 {
   align-items: flex-start;
 }
-._alignItemsend_1eqtl_18 {
+._alignItemsend_1hk60_18 {
   align-items: flex-end;
 }
-._alignItemsstretch_1eqtl_22 {
+._alignItemsstretch_1hk60_22 {
   align-items: stretch;
 }
-._alignItemsbaseline_1eqtl_26 {
+._alignItemsbaseline_1hk60_26 {
   align-items: baseline;
 }
 @media (min-width: 480px) {
-  ._alignItemscenterSmall_1eqtl_32 {
+  ._alignItemscenterSmall_1hk60_32 {
     align-items: center;
   }
-  ._alignItemsstartSmall_1eqtl_36 {
+  ._alignItemsstartSmall_1hk60_36 {
     align-items: flex-start;
   }
-  ._alignItemsendSmall_1eqtl_40 {
+  ._alignItemsendSmall_1hk60_40 {
     align-items: flex-end;
   }
-  ._alignItemsstretchSmall_1eqtl_44 {
+  ._alignItemsstretchSmall_1hk60_44 {
     align-items: stretch;
   }
-  ._alignItemsbaselineSmall_1eqtl_48 {
+  ._alignItemsbaselineSmall_1hk60_48 {
     align-items: baseline;
   }
 }
 @media (min-width: 960px) {
-  ._alignItemscenterLarge_1eqtl_55 {
+  ._alignItemscenterLarge_1hk60_55 {
     align-items: center;
   }
-  ._alignItemsstartLarge_1eqtl_59 {
+  ._alignItemsstartLarge_1hk60_59 {
     align-items: flex-start;
   }
-  ._alignItemsendLarge_1eqtl_63 {
+  ._alignItemsendLarge_1hk60_63 {
     align-items: flex-end;
   }
-  ._alignItemsstretchLarge_1eqtl_67 {
+  ._alignItemsstretchLarge_1hk60_67 {
     align-items: stretch;
   }
-  ._alignItemsbaselineLarge_1eqtl_71 {
+  ._alignItemsbaselineLarge_1hk60_71 {
     align-items: baseline;
   }
 }
-._alignSelfcenter_1eqtl_77 {
+._alignSelfcenter_1hk60_77 {
   align-self: center;
 }
-._alignSelfstart_1eqtl_81 {
+._alignSelfstart_1hk60_81 {
   align-self: flex-start;
 }
-._alignSelfend_1eqtl_85 {
+._alignSelfend_1hk60_85 {
   align-self: flex-end;
 }
-._alignSelfstretch_1eqtl_89 {
+._alignSelfstretch_1hk60_89 {
   align-self: stretch;
 }
-._alignSelfbaseline_1eqtl_93 {
+._alignSelfbaseline_1hk60_93 {
   align-self: baseline;
 }
-._alignSelfauto_1eqtl_97 {
+._alignSelfauto_1hk60_97 {
   align-self: auto;
 }
-._roundingsm_1eqtl_102 {
+._roundingsm_1hk60_102 {
   border-radius: 8px;
 }
-._roundingmd_1eqtl_106 {
+._roundingmd_1hk60_106 {
   border-radius: 12px;
 }
-._roundinglg_1eqtl_110 {
+._roundinglg_1hk60_110 {
   border-radius: 16px;
 }
-._roundingxl_1eqtl_114 {
+._roundingxl_1hk60_114 {
   border-radius: 32px;
 }
-._roundingpill_1eqtl_118 {
+._roundingcircle_1hk60_118 {
+  border-radius: 50%;
+}
+._roundingpill_1hk60_122 {
   border-radius: 999px;
 }
-._block_1eqtl_123 {
+._block_1hk60_127 {
   display: block;
 }
-._flex_1eqtl_5 {
+._flex_1hk60_5 {
   display: flex;
 }
-._inlineBlock_1eqtl_131 {
+._inlineBlock_1hk60_135 {
   display: inline-block;
 }
-._none_1eqtl_135 {
+._none_1hk60_139 {
   display: none;
 }
-._visuallyHidden_1eqtl_139 {
+._visuallyHidden_1hk60_143 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -135,19 +138,19 @@
   overflow: hidden;
 }
 @media (min-width: 480px) {
-  ._blockSmall_1eqtl_153 {
+  ._blockSmall_1hk60_157 {
     display: block;
   }
-  ._flexSmall_1eqtl_157 {
+  ._flexSmall_1hk60_161 {
     display: flex;
   }
-  ._inlineBlockSmall_1eqtl_161 {
+  ._inlineBlockSmall_1hk60_165 {
     display: inline-block;
   }
-  ._noneSmall_1eqtl_165 {
+  ._noneSmall_1hk60_169 {
     display: none;
   }
-  ._visuallyHiddenSmall_1eqtl_169 {
+  ._visuallyHiddenSmall_1hk60_173 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -160,19 +163,19 @@
   }
 }
 @media (min-width: 960px) {
-  ._blockLarge_1eqtl_184 {
+  ._blockLarge_1hk60_188 {
     display: block;
   }
-  ._flexLarge_1eqtl_188 {
+  ._flexLarge_1hk60_192 {
     display: flex;
   }
-  ._inlineBlockLarge_1eqtl_192 {
+  ._inlineBlockLarge_1hk60_196 {
     display: inline-block;
   }
-  ._noneLarge_1eqtl_196 {
+  ._noneLarge_1hk60_200 {
     display: none;
   }
-  ._visuallyHiddenLarge_1eqtl_200 {
+  ._visuallyHiddenLarge_1hk60_204 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -184,135 +187,135 @@
     overflow: hidden;
   }
 }
-._column_1eqtl_214 {
+._column_1hk60_218 {
   flex-direction: column;
 }
-._row_1eqtl_218 {
+._row_1hk60_222 {
   flex-direction: row;
 }
 @media (min-width: 480px) {
-  ._columnSmall_1eqtl_224 {
+  ._columnSmall_1hk60_228 {
     flex-direction: column;
   }
-  ._rowSmall_1eqtl_228 {
+  ._rowSmall_1hk60_232 {
     flex-direction: row;
   }
 }
 @media (min-width: 960px) {
-  ._columnLarge_1eqtl_235 {
+  ._columnLarge_1hk60_239 {
     flex-direction: column;
   }
-  ._rowLarge_1eqtl_239 {
+  ._rowLarge_1hk60_243 {
     flex-direction: row;
   }
 }
-._gap0_1eqtl_245 {
+._gap0_1hk60_249 {
   gap: 0;
 }
-._gap1_1eqtl_249 {
+._gap1_1hk60_253 {
   gap: 4px;
 }
-._gap2_1eqtl_253 {
+._gap2_1hk60_257 {
   gap: 8px;
 }
-._gap3_1eqtl_257 {
+._gap3_1hk60_261 {
   gap: 12px;
 }
-._gap4_1eqtl_261 {
+._gap4_1hk60_265 {
   gap: 16px;
 }
-._gap5_1eqtl_265 {
+._gap5_1hk60_269 {
   gap: 20px;
 }
-._gap6_1eqtl_269 {
+._gap6_1hk60_273 {
   gap: 24px;
 }
-._gap7_1eqtl_273 {
+._gap7_1hk60_277 {
   gap: 28px;
 }
-._gap8_1eqtl_277 {
+._gap8_1hk60_281 {
   gap: 32px;
 }
-._gap9_1eqtl_281 {
+._gap9_1hk60_285 {
   gap: 36px;
 }
-._gap10_1eqtl_285 {
+._gap10_1hk60_289 {
   gap: 40px;
 }
-._gap11_1eqtl_289 {
+._gap11_1hk60_293 {
   gap: 44px;
 }
-._gap12_1eqtl_293 {
+._gap12_1hk60_297 {
   gap: 48px;
 }
-._justifyContentcenter_1eqtl_298 {
+._justifyContentcenter_1hk60_302 {
   justify-content: center;
 }
-._justifyContentstart_1eqtl_302 {
+._justifyContentstart_1hk60_306 {
   justify-content: flex-start;
 }
-._justifyContentend_1eqtl_306 {
+._justifyContentend_1hk60_310 {
   justify-content: flex-end;
 }
-._justifyContentbetween_1eqtl_310 {
+._justifyContentbetween_1hk60_314 {
   justify-content: space-between;
 }
-._justifyContentaround_1eqtl_314 {
+._justifyContentaround_1hk60_318 {
   justify-content: space-around;
 }
-._justifyContentevenly_1eqtl_318 {
+._justifyContentevenly_1hk60_322 {
   justify-content: space-evenly;
 }
 @media (min-width: 480px) {
-  ._justifyContentcenterSmall_1eqtl_324 {
+  ._justifyContentcenterSmall_1hk60_328 {
     justify-content: center;
   }
-  ._justifyContentstartSmall_1eqtl_328 {
+  ._justifyContentstartSmall_1hk60_332 {
     justify-content: flex-start;
   }
-  ._justifyContentendSmall_1eqtl_332 {
+  ._justifyContentendSmall_1hk60_336 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenSmall_1eqtl_336 {
+  ._justifyContentbetweenSmall_1hk60_340 {
     justify-content: space-between;
   }
-  ._justifyContentaroundSmall_1eqtl_340 {
+  ._justifyContentaroundSmall_1hk60_344 {
     justify-content: space-around;
   }
-  ._justifyContentevenlySmall_1eqtl_344 {
+  ._justifyContentevenlySmall_1hk60_348 {
     justify-content: space-evenly;
   }
 }
 @media (min-width: 960px) {
-  ._justifyContentcenterLarge_1eqtl_351 {
+  ._justifyContentcenterLarge_1hk60_355 {
     justify-content: center;
   }
-  ._justifyContentstartLarge_1eqtl_355 {
+  ._justifyContentstartLarge_1hk60_359 {
     justify-content: flex-start;
   }
-  ._justifyContentendLarge_1eqtl_359 {
+  ._justifyContentendLarge_1hk60_363 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenLarge_1eqtl_363 {
+  ._justifyContentbetweenLarge_1hk60_367 {
     justify-content: space-between;
   }
-  ._justifyContentaroundLarge_1eqtl_367 {
+  ._justifyContentaroundLarge_1hk60_371 {
     justify-content: space-around;
   }
-  ._justifyContentevenlyLarge_1eqtl_371 {
+  ._justifyContentevenlyLarge_1hk60_375 {
     justify-content: space-evenly;
   }
 }
-._absolute_1eqtl_377 {
+._absolute_1hk60_381 {
   position: absolute;
 }
-._fixed_1eqtl_381 {
+._fixed_1hk60_385 {
   position: fixed;
 }
-._relative_1eqtl_385 {
+._relative_1hk60_389 {
   position: relative;
 }
-._sticky_1eqtl_389 {
+._sticky_1hk60_393 {
   position: sticky;
 }
 
@@ -2095,78 +2098,78 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/RadioButton/RadioButton.module.css/#css-module-data */
-._radioButton_1dde1_1 {
+._radioButton_1kj8n_1 {
   display: flex;
   flex-direction: row;
   align-items: center;
   cursor: pointer;
 }
-._focusedRadioButton_1dde1_8 {
+._focusedRadioButton_1kj8n_8 {
   box-shadow: 0 0 0 4px #000;
   outline: solid 2px #fff;
 }
-._smBase_1dde1_13 {
+._smBase_1kj8n_13 {
   height: 16px;
   gap: 4px;
 }
-._mdBase_1dde1_18 {
-  height: 24px;
-  gap: 8px;
+._mdBase_1kj8n_18 {
+  height: 32px;
+  gap: 16px;
 }
-._radioStyleOverride_1dde1_23 {
+._radioStyleOverride_1kj8n_23 {
   opacity: 0;
   margin: 0;
 }
-._smOverride_1dde1_28 {
+._smOverride_1kj8n_28 {
   width: 16px;
   height: 16px;
 }
-._mdOverride_1dde1_33 {
+._mdOverride_1kj8n_33 {
   width: 24px;
   height: 24px;
 }
-._outer_1dde1_38 {
+._outer_1kj8n_38 {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
 }
-._sm_1dde1_13 {
+._sm_1kj8n_13 {
   height: 16px;
   width: 16px;
   border-radius: 8px;
 }
-._md_1dde1_18 {
+._md_1kj8n_18 {
   height: 24px;
   width: 24px;
   border-radius: 12px;
 }
-._errorOuterBackgroundColor_1dde1_57 {
+._errorOuterBackgroundColor_1kj8n_57 {
   background-color: var(--color-base-destructive-700);
 }
-._outerBackgroundColor_1dde1_61 {
+._outerBackgroundColor_1kj8n_61 {
   background-color: var(--color-base-primary-700);
 }
-._background_1dde1_65 {
+._background_1kj8n_65 {
   position: absolute;
   box-sizing: border-box;
   border: 2px solid;
 }
-._errorBorderColor_1dde1_71 {
+._errorBorderColor_1kj8n_71 {
   border-color: var(--color-base-destructive-700);
 }
-._borderColor_1dde1_75 {
+._borderColor_1kj8n_75 {
   border-color: var(--color-base-primary-700);
 }
-._circle_1dde1_79 {
+._circle_1kj8n_79 {
   border-radius: 50%;
 }
-._smInner_1dde1_83 {
+._smInner_1kj8n_83 {
   background-color: var(--color-base-white);
   height: 6px;
   width: 6px;
 }
-._mdInner_1dde1_89 {
+._mdInner_1kj8n_89 {
   background-color: var(--color-base-white);
   height: 10px;
   width: 10px;