@xsolla/xui-status-dropdown 0.216.1 → 0.217.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xsolla/xui-status-dropdown",
-  "version": "0.216.1",
+  "version": "0.217.0",
   "main": "./web/index.js",
   "module": "./web/index.mjs",
   "types": "./web/index.d.ts",
@@ -13,10 +13,10 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@xsolla/xui-context-menu": "0.216.1",
-    "@xsolla/xui-core": "0.216.1",
-    "@xsolla/xui-primitives-core": "0.216.1",
-    "@xsolla/xui-status": "0.216.1"
+    "@xsolla/xui-context-menu": "0.217.0",
+    "@xsolla/xui-core": "0.217.0",
+    "@xsolla/xui-primitives-core": "0.217.0",
+    "@xsolla/xui-status": "0.217.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",

package/web/index.d.mts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode } from '@xsolla/xui-core';
 import { ContextMenuPlacement } from '@xsolla/xui-context-menu';
 
 type StatusDropdownPalette = "Neutral" | "Success" | "Warning" | "Alert" | "Brand";
@@ -17,6 +17,14 @@ interface StatusDropdownProps extends ThemeOverrideProps {
     dot?: boolean;
     /** Dropdown menu content (usually ContextMenuItem components) */
     children: ReactNode;
+    /**
+     * Theme mode for the trigger only, overriding the context menu's `themeMode`
+     * for the trigger. When omitted, the trigger falls back to `themeMode` (which
+     * inherits from XUIProvider), so trigger and menu match by default. Set
+     * `triggerThemeMode="light"` to keep the trigger light while the menu is dark,
+     * matching Figma (FEP-898).
+     */
+    triggerThemeMode?: ThemeMode;
     /** Menu placement relative to the trigger. Defaults to `"bottom-start"`. */
     placement?: ContextMenuPlacement;
     /** Whether the dropdown is open (controlled) */

package/web/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ThemeOverrideProps } from '@xsolla/xui-core';
+import { ThemeOverrideProps, ThemeMode } from '@xsolla/xui-core';
 import { ContextMenuPlacement } from '@xsolla/xui-context-menu';
 
 type StatusDropdownPalette = "Neutral" | "Success" | "Warning" | "Alert" | "Brand";
@@ -17,6 +17,14 @@ interface StatusDropdownProps extends ThemeOverrideProps {
     dot?: boolean;
     /** Dropdown menu content (usually ContextMenuItem components) */
     children: ReactNode;
+    /**
+     * Theme mode for the trigger only, overriding the context menu's `themeMode`
+     * for the trigger. When omitted, the trigger falls back to `themeMode` (which
+     * inherits from XUIProvider), so trigger and menu match by default. Set
+     * `triggerThemeMode="light"` to keep the trigger light while the menu is dark,
+     * matching Figma (FEP-898).
+     */
+    triggerThemeMode?: ThemeMode;
     /** Menu placement relative to the trigger. Defaults to `"bottom-start"`. */
     placement?: ContextMenuPlacement;
     /** Whether the dropdown is open (controlled) */

package/web/index.js

@@ -1242,6 +1242,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
     maxWidth,
     dot = false,
     children,
+    triggerThemeMode,
     placement = "bottom-start",
     isOpen: propIsOpen,
     onOpenChange,
@@ -1252,7 +1253,7 @@ var StatusDropdown = (0, import_react3.forwardRef)(
     themeProductContext
   }, ref) => {
     const { theme: rawTheme } = (0, import_xui_core.useResolvedTheme)({
-      themeMode,
+      themeMode: triggerThemeMode ?? themeMode,
       themeProductContext
     });
     const theme = rawTheme;