@cambly/syntax-core 6.2.0 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -398,6 +398,15 @@ var Box_default = Box;
398
398
 
399
399
  // src/Badge/Badge.tsx
400
400
  import { jsx as jsx4 } from "react/jsx-runtime";
401
+ var textColorForBackgroundColor = (color) => {
402
+ switch (color) {
403
+ case "gray200":
404
+ case "yellow700":
405
+ return "gray900";
406
+ default:
407
+ return "white";
408
+ }
409
+ };
401
410
  var Badge = ({
402
411
  text,
403
412
  color = "primary700"
@@ -412,7 +421,7 @@ var Badge = ({
412
421
  children: /* @__PURE__ */ jsx4(
413
422
  Typography_default,
414
423
  {
415
- color: color === "yellow700" ? "gray900" : "white",
424
+ color: textColorForBackgroundColor(color),
416
425
  size: 100,
417
426
  weight: "bold",
418
427
  children: text
@@ -469,7 +478,7 @@ function foregroundColor(color) {
469
478
  import { forwardRef as forwardRef2 } from "react";
470
479
 
471
480
  // css-module:./Button.module.css#css-module
472
- var Button_module_default = { "button": "_button_13egy_1", "buttonGap": "_buttonGap_13egy_9", "fullWidth": "_fullWidth_13egy_50", "sm": "_sm_13egy_54", "md": "_md_13egy_61", "lg": "_lg_13egy_68", "icon": "_icon_13egy_75", "smIcon": "_smIcon_13egy_79", "mdIcon": "_mdIcon_13egy_86", "lgIcon": "_lgIcon_13egy_93", "textContainer": "_textContainer_13egy_100", "secondaryBorder": "_secondaryBorder_13egy_105", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_13egy_109", "loading": "_loading_13egy_123", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_13egy_1", "loadingCircle": "_loadingCircle_13egy_127", "buttonText": "_buttonText_13egy_135", "buttonTextSmall": "_buttonTextSmall_13egy_142", "buttonTextMedium": "_buttonTextMedium_13egy_146", "buttonTextLarge": "_buttonTextLarge_13egy_150" };
481
+ var Button_module_default = { "button": "_button_1ixx9_1", "buttonGap": "_buttonGap_1ixx9_9", "fullWidth": "_fullWidth_1ixx9_50", "sm": "_sm_1ixx9_54", "md": "_md_1ixx9_61", "lg": "_lg_1ixx9_68", "icon": "_icon_1ixx9_75", "smIcon": "_smIcon_1ixx9_79", "mdIcon": "_mdIcon_1ixx9_86", "lgIcon": "_lgIcon_1ixx9_93", "textContainer": "_textContainer_1ixx9_100", "secondaryBorder": "_secondaryBorder_1ixx9_105", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1ixx9_109", "loading": "_loading_1ixx9_123", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1ixx9_1", "loadingCircle": "_loadingCircle_1ixx9_127", "buttonText": "_buttonText_1ixx9_135", "buttonTextSmall": "_buttonTextSmall_1ixx9_142", "buttonTextMedium": "_buttonTextMedium_1ixx9_146", "buttonTextLarge": "_buttonTextLarge_1ixx9_150" };
473
482
 
474
483
  // src/Button/Button.tsx
475
484
  import { jsx as jsx5, jsxs } from "react/jsx-runtime";
@@ -639,7 +648,7 @@ var import_classnames6 = __toESM(require_classnames());
639
648
  import { forwardRef as forwardRef3 } from "react";
640
649
 
641
650
  // css-module:./IconButton.module.css#css-module
642
- var IconButton_module_default = { "iconButton": "_iconButton_dzhn0_1", "sm": "_sm_dzhn0_46", "md": "_md_dzhn0_51", "lg": "_lg_dzhn0_56", "smIcon": "_smIcon_dzhn0_61", "mdIcon": "_mdIcon_dzhn0_68", "lgIcon": "_lgIcon_dzhn0_75" };
651
+ var IconButton_module_default = { "iconButton": "_iconButton_13wmh_1", "sm": "_sm_13wmh_46", "md": "_md_13wmh_51", "lg": "_lg_13wmh_56", "smIcon": "_smIcon_13wmh_61", "mdIcon": "_mdIcon_13wmh_68", "lgIcon": "_lgIcon_13wmh_75" };
643
652
 
644
653
  // src/IconButton/IconButton.tsx
645
654
  import { jsx as jsx10 } from "react/jsx-runtime";
@@ -778,7 +787,7 @@ function useFocusVisible() {
778
787
  }
779
788
 
780
789
  // css-module:./Checkbox.module.css#css-module
781
- var Checkbox_module_default = { "mainContainer": "_mainContainer_12k0x_1", "inputOverlay": "_inputOverlay_12k0x_8", "checkbox": "_checkbox_12k0x_14", "disabled": "_disabled_12k0x_22", "cursorDisabled": "_cursorDisabled_12k0x_26", "cursorEnabled": "_cursorEnabled_12k0x_30", "uncheckedBox": "_uncheckedBox_12k0x_34", "uncheckedBorder": "_uncheckedBorder_12k0x_38", "uncheckedErrorBorder": "_uncheckedErrorBorder_12k0x_42", "checkedBox": "_checkedBox_12k0x_46", "checkedNonError": "_checkedNonError_12k0x_50", "checkedError": "_checkedError_12k0x_54", "sm": "_sm_12k0x_58", "md": "_md_12k0x_64" };
790
+ var Checkbox_module_default = { "mainContainer": "_mainContainer_1omm6_1", "inputOverlay": "_inputOverlay_1omm6_8", "checkbox": "_checkbox_1omm6_14", "disabled": "_disabled_1omm6_22", "cursorDisabled": "_cursorDisabled_1omm6_26", "cursorEnabled": "_cursorEnabled_1omm6_30", "uncheckedBox": "_uncheckedBox_1omm6_34", "uncheckedBorder": "_uncheckedBorder_1omm6_38", "uncheckedErrorBorder": "_uncheckedErrorBorder_1omm6_42", "checkedBox": "_checkedBox_1omm6_46", "checkedNonError": "_checkedNonError_1omm6_50", "checkedError": "_checkedError_1omm6_54", "sm": "_sm_1omm6_58", "md": "_md_1omm6_64" };
782
791
 
783
792
  // css-module:../Focus.module.css#css-module
784
793
  var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
@@ -1075,7 +1084,7 @@ var import_classnames9 = __toESM(require_classnames());
1075
1084
  import { useState as useState3 } from "react";
1076
1085
 
1077
1086
  // css-module:./RadioButton.module.css#css-module
1078
- var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_1yyn9_1", "disabled": "_disabled_1yyn9_9", "cursorDisabled": "_cursorDisabled_1yyn9_13", "cursorEnabled": "_cursorEnabled_1yyn9_17", "smBase": "_smBase_1yyn9_21", "mdBase": "_mdBase_1yyn9_25", "radioStyleOverride": "_radioStyleOverride_1yyn9_29", "smOverride": "_smOverride_1yyn9_34", "mdOverride": "_mdOverride_1yyn9_39", "background": "_background_1yyn9_44", "sm": "_sm_1yyn9_21", "md": "_md_1yyn9_25", "neutralBorder": "_neutralBorder_1yyn9_61", "smCheckedBorder": "_smCheckedBorder_1yyn9_65", "mdCheckedBorder": "_mdCheckedBorder_1yyn9_69", "errorBorderColor": "_errorBorderColor_1yyn9_73", "borderColor": "_borderColor_1yyn9_77" };
1087
+ var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_6h2zg_1", "disabled": "_disabled_6h2zg_9", "cursorDisabled": "_cursorDisabled_6h2zg_13", "cursorEnabled": "_cursorEnabled_6h2zg_17", "smBase": "_smBase_6h2zg_21", "mdBase": "_mdBase_6h2zg_25", "radioStyleOverride": "_radioStyleOverride_6h2zg_29", "smOverride": "_smOverride_6h2zg_34", "mdOverride": "_mdOverride_6h2zg_39", "background": "_background_6h2zg_44", "sm": "_sm_6h2zg_21", "md": "_md_6h2zg_25", "neutralBorder": "_neutralBorder_6h2zg_61", "smCheckedBorder": "_smCheckedBorder_6h2zg_65", "mdCheckedBorder": "_mdCheckedBorder_6h2zg_69", "errorBorderColor": "_errorBorderColor_6h2zg_73", "borderColor": "_borderColor_6h2zg_77" };
1079
1088
 
1080
1089
  // src/RadioButton/RadioButton.tsx
1081
1090
  import { jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
@@ -1173,7 +1182,7 @@ var ColorBaseDestructive700 = "#d32a4b";
1173
1182
  var ColorBaseGray800 = "#353535";
1174
1183
 
1175
1184
  // css-module:./SelectList.module.css#css-module
1176
- var SelectList_module_default = { "selectContainer": "_selectContainer_lq72f_1", "opacityOverlay": "_opacityOverlay_lq72f_7", "outerTextContainer": "_outerTextContainer_lq72f_11", "selectWrapper": "_selectWrapper_lq72f_16", "selectBox": "_selectBox_lq72f_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_lq72f_37", "unselected": "_unselected_lq72f_42", "selected": "_selected_lq72f_46", "arrowIcon": "_arrowIcon_lq72f_50", "sm": "_sm_lq72f_64", "md": "_md_lq72f_70", "lg": "_lg_lq72f_76", "selectError": "_selectError_lq72f_82" };
1185
+ var SelectList_module_default = { "selectContainer": "_selectContainer_1cdwo_1", "opacityOverlay": "_opacityOverlay_1cdwo_7", "outerTextContainer": "_outerTextContainer_1cdwo_11", "selectWrapper": "_selectWrapper_1cdwo_16", "selectBox": "_selectBox_1cdwo_21", "selectMouseFocusStyling": "_selectMouseFocusStyling_1cdwo_37", "unselected": "_unselected_1cdwo_42", "selected": "_selected_1cdwo_46", "arrowIcon": "_arrowIcon_1cdwo_50", "sm": "_sm_1cdwo_64", "md": "_md_1cdwo_70", "lg": "_lg_1cdwo_76", "selectError": "_selectError_1cdwo_82" };
1177
1186
 
1178
1187
  // src/SelectList/SelectOption.tsx
1179
1188
  import { jsx as jsx17 } from "react/jsx-runtime";