@xsolla/xui-context-menu 0.69.0 → 0.71.0

package/web/index.mjs

@@ -502,7 +502,7 @@ var ContextMenuItem = forwardRef3(
   }, ref) => {
     const { theme } = useDesignSystem();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const itemRef = useRef(null);
     const brandColors = theme.colors.control.brand.primary;
@@ -650,15 +650,15 @@ import { useDesignSystem as useDesignSystem2 } from "@xsolla/xui-core";
 import { Check, Minus } from "@xsolla/xui-icons";
 import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 var checkboxSizeMap = {
-  s: 14,
-  m: 16,
-  l: 18,
+  sm: 14,
+  md: 16,
+  lg: 18,
   xl: 20
 };
 var checkIconSizeMap = {
-  s: 10,
-  m: 12,
-  l: 14,
+  sm: 10,
+  md: 12,
+  lg: 14,
   xl: 16
 };
 var CheckboxIndicator = ({
@@ -734,7 +734,7 @@ var ContextMenuCheckboxItem = forwardRef4(
   }, ref) => {
     const { theme } = useDesignSystem2();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const itemRef = useRef2(null);
     const contentColors = theme.colors.content;
@@ -870,15 +870,15 @@ import { forwardRef as forwardRef6, useEffect as useEffect3, useRef as useRef3 }
 import { useDesignSystem as useDesignSystem3 } from "@xsolla/xui-core";
 import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var radioSizeMap = {
-  s: 14,
-  m: 16,
-  l: 18,
+  sm: 14,
+  md: 16,
+  lg: 18,
   xl: 20
 };
 var radioDotSizeMap = {
-  s: 6,
-  m: 8,
-  l: 8,
+  sm: 6,
+  md: 8,
+  lg: 8,
   xl: 10
 };
 var RadioIndicator = ({
@@ -943,7 +943,7 @@ var ContextMenuRadioItem = forwardRef6(
     const { theme } = useDesignSystem3();
     const context = useContextMenu();
     const radioGroup = useRadioGroup();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const itemRef = useRef3(null);
     const checked = radioGroup?.value === value;
@@ -1060,7 +1060,7 @@ var ContextMenuGroup = forwardRef7(
   }, ref) => {
     const { theme } = useDesignSystem4();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     return /* @__PURE__ */ jsxs4(Box, { ref, role: "group", "aria-label": label, "data-testid": testId, children: [
       label && /* @__PURE__ */ jsxs4(
@@ -1106,7 +1106,7 @@ var ContextMenuSeparator = ({
 }) => {
   const { theme } = useDesignSystem5();
   const context = useContextMenu();
-  const size = propSize || context?.size || "m";
+  const size = propSize || context?.size || "md";
   const sizeStyles = theme.sizing.contextMenu(size);
   return /* @__PURE__ */ jsx13(
     Box,
@@ -1569,7 +1569,7 @@ var ContextMenuSearch = forwardRef8(
   }, ref) => {
     const { theme } = useDesignSystem6();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const inputRef = useRef4(null);
     const inputColors = theme.colors.control.input;
@@ -1647,7 +1647,7 @@ var ContextMenuRoot = forwardRef9(
     children,
     list,
     groups,
-    size = "m",
+    size = "md",
     isOpen: propIsOpen,
     onOpenChange,
     position,
@@ -1882,7 +1882,7 @@ var ContextMenuRoot = forwardRef9(
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ jsx383(Spinner2, { size: "m", color: brandColor })
+            children: /* @__PURE__ */ jsx383(Spinner2, { size: "md", color: brandColor })
           }
         );
       }