@xsolla/xui-context-menu 0.69.0 → 0.71.0

package/native/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode, RefObject } from 'react';
 
 /** Size variants for the context menu */
-type ContextMenuSize = "s" | "m" | "l" | "xl";
+type ContextMenuSize = "sm" | "md" | "lg" | "xl";
 /** Item variant types for data-driven API */
 type ContextMenuItemVariant = "default" | "checkbox" | "radio";
 /** Trailing element types */

package/native/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactNode, RefObject } from 'react';
 
 /** Size variants for the context menu */
-type ContextMenuSize = "s" | "m" | "l" | "xl";
+type ContextMenuSize = "sm" | "md" | "lg" | "xl";
 /** Item variant types for data-driven API */
 type ContextMenuItemVariant = "default" | "checkbox" | "radio";
 /** Trailing element types */

package/native/index.js

@@ -571,7 +571,7 @@ var ContextMenuItem = (0, import_react5.forwardRef)(
   }, ref) => {
     const { theme } = (0, import_xui_core.useDesignSystem)();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const itemRef = (0, import_react5.useRef)(null);
     const brandColors = theme.colors.control.brand.primary;
@@ -719,15 +719,15 @@ var import_xui_core2 = require("@xsolla/xui-core");
 var import_xui_icons2 = require("@xsolla/xui-icons");
 var import_jsx_runtime9 = require("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 = ({
@@ -803,7 +803,7 @@ var ContextMenuCheckboxItem = (0, import_react6.forwardRef)(
   }, ref) => {
     const { theme } = (0, import_xui_core2.useDesignSystem)();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const itemRef = (0, import_react6.useRef)(null);
     const contentColors = theme.colors.content;
@@ -939,15 +939,15 @@ var import_react8 = require("react");
 var import_xui_core3 = require("@xsolla/xui-core");
 var import_jsx_runtime11 = require("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 = ({
@@ -1012,7 +1012,7 @@ var ContextMenuRadioItem = (0, import_react8.forwardRef)(
     const { theme } = (0, import_xui_core3.useDesignSystem)();
     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 = (0, import_react8.useRef)(null);
     const checked = radioGroup?.value === value;
@@ -1129,7 +1129,7 @@ var ContextMenuGroup = (0, import_react9.forwardRef)(
   }, ref) => {
     const { theme } = (0, import_xui_core4.useDesignSystem)();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Box, { ref, role: "group", "aria-label": label, "data-testid": testId, children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -1175,7 +1175,7 @@ var ContextMenuSeparator = ({
 }) => {
   const { theme } = (0, import_xui_core5.useDesignSystem)();
   const context = useContextMenu();
-  const size = propSize || context?.size || "m";
+  const size = propSize || context?.size || "md";
   const sizeStyles = theme.sizing.contextMenu(size);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     Box,
@@ -1638,7 +1638,7 @@ var ContextMenuSearch = (0, import_react10.forwardRef)(
   }, ref) => {
     const { theme } = (0, import_xui_core6.useDesignSystem)();
     const context = useContextMenu();
-    const size = propSize || context?.size || "m";
+    const size = propSize || context?.size || "md";
     const sizeStyles = theme.sizing.contextMenu(size);
     const inputRef = (0, import_react10.useRef)(null);
     const inputColors = theme.colors.control.input;
@@ -1716,7 +1716,7 @@ var ContextMenuRoot = (0, import_react11.forwardRef)(
     children,
     list,
     groups,
-    size = "m",
+    size = "md",
     isOpen: propIsOpen,
     onOpenChange,
     position,
@@ -1951,7 +1951,7 @@ var ContextMenuRoot = (0, import_react11.forwardRef)(
             alignItems: "center",
             justifyContent: "center",
             minHeight: 60,
-            children: /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(import_xui_spinner.Spinner, { size: "m", color: brandColor })
+            children: /* @__PURE__ */ (0, import_jsx_runtime396.jsx)(import_xui_spinner.Spinner, { size: "md", color: brandColor })
           }
         );
       }