@xsolla/xui-context-menu 0.69.0 → 0.71.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-context-menu",
-  "version": "0.69.0",
+  "version": "0.71.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,13 +13,13 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-checkbox": "0.69.0",
-    "@xsolla/xui-core": "0.69.0",
-    "@xsolla/xui-divider": "0.69.0",
-    "@xsolla/xui-icons": "0.69.0",
-    "@xsolla/xui-primitives-core": "0.69.0",
-    "@xsolla/xui-radio": "0.69.0",
-    "@xsolla/xui-spinner": "0.69.0"
+    "@xsolla/xui-checkbox": "0.71.0",
+    "@xsolla/xui-core": "0.71.0",
+    "@xsolla/xui-divider": "0.71.0",
+    "@xsolla/xui-icons": "0.71.0",
+    "@xsolla/xui-primitives-core": "0.71.0",
+    "@xsolla/xui-radio": "0.71.0",
+    "@xsolla/xui-spinner": "0.71.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/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/web/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/web/index.js

@@ -543,7 +543,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;
@@ -691,15 +691,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 = ({
@@ -775,7 +775,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;
@@ -911,15 +911,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 = ({
@@ -984,7 +984,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;
@@ -1101,7 +1101,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)(
@@ -1147,7 +1147,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,
@@ -1610,7 +1610,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;
@@ -1688,7 +1688,7 @@ var ContextMenuRoot = (0, import_react11.forwardRef)(
     children,
     list,
     groups,
-    size = "m",
+    size = "md",
     isOpen: propIsOpen,
     onOpenChange,
     position,
@@ -1923,7 +1923,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 })
           }
         );
       }