@cambly/syntax-core 6.7.0 → 6.8.0

package/dist/index.js

@@ -425,6 +425,9 @@ var Box = (0, import_react.forwardRef)(function Box2(props, ref) {
 });
 var Box_default = Box;
 
+// css-module:./Badge.module.css#css-module
+var Badge_module_default = { "icon": "_icon_f2bzd_1" };
+
 // src/Badge/Badge.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var textColorForBackgroundColor = (color) => {
@@ -437,6 +440,7 @@ var textColorForBackgroundColor = (color) => {
   }
 };
 var Badge = ({
+  icon: Icon,
   text,
   color = "primary700"
 }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -447,15 +451,19 @@ var Badge = ({
     paddingY: 1,
     rounding: "full",
     backgroundColor: color,
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      Typography_default,
-      {
-        color: textColorForBackgroundColor(color),
-        size: 100,
-        weight: "bold",
-        children: text
-      }
-    )
+    dangerouslySetInlineStyle: { __style: { lineHeight: "14px" } },
+    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Typography_default, { color: textColorForBackgroundColor(color), size: 100, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Box_default, { display: "flex", gap: 1, alignItems: "center", justifyContent: "start", children: [
+      Icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { className: Badge_module_default.icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        Typography_default,
+        {
+          color: textColorForBackgroundColor(color),
+          size: 100,
+          weight: "bold",
+          children: text
+        }
+      )
+    ] }) })
   }
 );
 var Badge_default = Badge;
@@ -521,7 +529,7 @@ function foregroundTypographyColor(color) {
 }
 
 // css-module:../Button.module.css#css-module
-var Button_module_default = { "button": "_button_1fo30_1", "buttonGap": "_buttonGap_1fo30_9", "fullWidth": "_fullWidth_1fo30_50", "sm": "_sm_1fo30_54", "md": "_md_1fo30_61", "lg": "_lg_1fo30_68", "icon": "_icon_1fo30_75", "smIcon": "_smIcon_1fo30_79", "mdIcon": "_mdIcon_1fo30_86", "lgIcon": "_lgIcon_1fo30_93", "secondaryBorder": "_secondaryBorder_1fo30_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1fo30_104", "loading": "_loading_1fo30_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1fo30_1", "loadingCircle": "_loadingCircle_1fo30_122" };
+var Button_module_default = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
 
 // src/Button/constants/iconSize.ts
 var iconSize = {
@@ -548,7 +556,7 @@ var loadingIconSize = {
 var loadingIconSize_default = loadingIconSize;
 
 // css-module:./Button.module.css#css-module
-var Button_module_default2 = { "button": "_button_1fo30_1", "buttonGap": "_buttonGap_1fo30_9", "fullWidth": "_fullWidth_1fo30_50", "sm": "_sm_1fo30_54", "md": "_md_1fo30_61", "lg": "_lg_1fo30_68", "icon": "_icon_1fo30_75", "smIcon": "_smIcon_1fo30_79", "mdIcon": "_mdIcon_1fo30_86", "lgIcon": "_lgIcon_1fo30_93", "secondaryBorder": "_secondaryBorder_1fo30_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1fo30_104", "loading": "_loading_1fo30_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1fo30_1", "loadingCircle": "_loadingCircle_1fo30_122" };
+var Button_module_default2 = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
 
 // src/Button/Button.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -894,7 +902,7 @@ var import_classnames7 = __toESM(require_classnames());
 var import_react5 = require("react");
 
 // css-module:./IconButton.module.css#css-module
-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" };
+var IconButton_module_default = { "iconButton": "_iconButton_4e8qe_1", "sm": "_sm_4e8qe_46", "md": "_md_4e8qe_51", "lg": "_lg_4e8qe_56", "smIcon": "_smIcon_4e8qe_61", "mdIcon": "_mdIcon_4e8qe_68", "lgIcon": "_lgIcon_4e8qe_75", "secondaryBorder": "_secondaryBorder_4e8qe_82", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_4e8qe_86" };
 
 // src/IconButton/IconButton.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -927,7 +935,11 @@ var IconButton = (0, import_react5.forwardRef)(
           IconButton_module_default.iconButton,
           foregroundColor(color),
           backgroundColor(color),
-          IconButton_module_default[size]
+          IconButton_module_default[size],
+          {
+            [IconButton_module_default.secondaryBorder]: color === "secondary",
+            [IconButton_module_default.secondaryDestructiveBorder]: color === "destructive-secondary"
+          }
         ),
         ref,
         children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: iconSize2[size] })
@@ -942,7 +954,7 @@ var IconButton_default = IconButton;
 var import_classnames8 = __toESM(require_classnames());
 
 // css-module:../Button/Button.module.css#css-module
-var Button_module_default3 = { "button": "_button_1fo30_1", "buttonGap": "_buttonGap_1fo30_9", "fullWidth": "_fullWidth_1fo30_50", "sm": "_sm_1fo30_54", "md": "_md_1fo30_61", "lg": "_lg_1fo30_68", "icon": "_icon_1fo30_75", "smIcon": "_smIcon_1fo30_79", "mdIcon": "_mdIcon_1fo30_86", "lgIcon": "_lgIcon_1fo30_93", "secondaryBorder": "_secondaryBorder_1fo30_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1fo30_104", "loading": "_loading_1fo30_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1fo30_1", "loadingCircle": "_loadingCircle_1fo30_122" };
+var Button_module_default3 = { "button": "_button_1iunh_1", "buttonGap": "_buttonGap_1iunh_9", "fullWidth": "_fullWidth_1iunh_50", "sm": "_sm_1iunh_54", "md": "_md_1iunh_61", "lg": "_lg_1iunh_68", "icon": "_icon_1iunh_75", "smIcon": "_smIcon_1iunh_79", "mdIcon": "_mdIcon_1iunh_86", "lgIcon": "_lgIcon_1iunh_93", "secondaryBorder": "_secondaryBorder_1iunh_100", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_1iunh_104", "loading": "_loading_1iunh_118", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_1iunh_1", "loadingCircle": "_loadingCircle_1iunh_122" };
 
 // css-module:./LinkButton.module.css#css-module
 var LinkButton_module_default = { "linkButton": "_linkButton_1b3ot_1", "fitContent": "_fitContent_1b3ot_10" };