@cambly/syntax-core 3.3.0 → 4.1.0

package/dist/index.mjs

@@ -160,6 +160,7 @@ function Box(props) {
     display,
     smDisplay,
     lgDisplay,
+    flexShrink,
     flexWrap,
     gap: gap2,
     justifyContent,
@@ -211,6 +212,7 @@ function Box(props) {
     "display",
     "smDisplay",
     "lgDisplay",
+    "flexShrink",
     "flexWrap",
     "gap",
     "justifyContent",
@@ -312,6 +314,7 @@ function Box(props) {
       rounding && rounding !== "none" && Box_module_default[`rounding${rounding}`]
     ),
     style: __spreadValues({
+      flexShrink,
       height,
       maxHeight,
       maxWidth,
@@ -372,17 +375,6 @@ function foregroundColor(color) {
   }
 }
 
-// src/Button/Button.tsx
-import { useContext } from "react";
-
-// src/ButtonGroup/ButtonGroupContext.tsx
-import React from "react";
-var ButtonGroupContext = React.createContext(
-  {}
-);
-ButtonGroupContext.displayName = "ButtonGroupContext";
-var ButtonGroupContext_default = ButtonGroupContext;
-
 // css-module:./Button.module.css#css-module
 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" };
 
@@ -408,20 +400,16 @@ var Button = ({
   text,
   loadingText,
   color = "primary",
-  size: sizeProp = "md",
+  size = "md",
   accessibilityLabel,
-  disabled: disabledProp = false,
+  disabled = false,
   loading = false,
-  fullWidth: fullWidthProp = false,
+  fullWidth = false,
   startIcon: StartIcon,
   endIcon: EndIcon,
   onClick,
   tooltip
 }) => {
-  const contextProps = useContext(ButtonGroupContext_default);
-  const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
-  const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
-  const fullWidth = (contextProps == null ? void 0 : contextProps.fullWidth) || fullWidthProp;
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -472,11 +460,8 @@ var Button = ({
 };
 var Button_default = Button;
 
-// src/ButtonGroup/ButtonGroup.tsx
-import { useMemo } from "react";
-
 // css-module:./ButtonGroup.module.css#css-module
-var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_184aa_1", "horizontal": "_horizontal_184aa_6", "vertical": "_vertical_184aa_10", "smallGap": "_smallGap_184aa_14", "mediumGap": "_mediumGap_184aa_18", "largeGap": "_largeGap_184aa_22" };
+var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_1f9x9_1", "horizontal": "_horizontal_1f9x9_5", "vertical": "_vertical_1f9x9_9", "smallGap": "_smallGap_1f9x9_13", "mediumGap": "_mediumGap_1f9x9_17", "largeGap": "_largeGap_1f9x9_21" };
 
 // src/ButtonGroup/ButtonGroup.tsx
 var import_classnames4 = __toESM(require_classnames());
@@ -487,21 +472,15 @@ var gap = {
   ["lg"]: ButtonGroup_module_default.largeGap
 };
 var ButtonGroup = ({
-  disabled = false,
-  fullWidth = false,
   orientation = "horizontal",
   size = "md",
   children
 }) => {
-  const context = useMemo(
-    () => ({ disabled, fullWidth, size }),
-    [disabled, fullWidth, size]
-  );
   const classnames2 = (0, import_classnames4.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
     [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
     [ButtonGroup_module_default.vertical]: orientation === "vertical"
   });
-  return /* @__PURE__ */ jsx4(ButtonGroupContext_default.Provider, { value: context, children: /* @__PURE__ */ jsx4("div", { className: classnames2, children }) });
+  return /* @__PURE__ */ jsx4("div", { className: classnames2, children });
 };
 var ButtonGroup_default = ButtonGroup;
 
@@ -598,7 +577,6 @@ var Heading_default = Heading;
 
 // src/IconButton/IconButton.tsx
 var import_classnames6 = __toESM(require_classnames());
-import { useContext as useContext2 } from "react";
 
 // css-module:./IconButton.module.css#css-module
 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" };
@@ -613,15 +591,12 @@ var iconSize2 = {
 var IconButton = ({
   accessibilityLabel,
   color = "primary",
-  disabled: disabledProp = false,
+  disabled = false,
   icon: Icon,
-  size: sizeProp = "md",
+  size = "md",
   tooltip,
   onClick
 }) => {
-  const contextProps = useContext2(ButtonGroupContext_default);
-  const size = (contextProps == null ? void 0 : contextProps.size) || sizeProp;
-  const disabled = (contextProps == null ? void 0 : contextProps.disabled) || disabledProp;
   return /* @__PURE__ */ jsx9(
     "button",
     {