gantri-components 2.265.0 → 2.267.0

package/dist/components/dropdown-menu/dropdown-menu.styles.d.ts

@@ -1,12 +1,16 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
 import { Color } from '../../styles';
+import { DropdownMenuSurface } from './dropdown-menu.types';
+type StyledSurfaceProp = {
+    $surface?: DropdownMenuSurface;
+};
 export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $borderColor: Color | undefined;
     $hasHeader?: boolean | undefined;
     $noShadow: boolean;
-}>> & string;
-export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+} & StyledSurfaceProp>> & string;
+export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, StyledSurfaceProp>> & string;
 export declare const StyledItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $basic: boolean;
     $disabled?: boolean | undefined;
@@ -14,3 +18,4 @@ export declare const StyledItem: import("styled-components/dist/types").IStyledC
     $justifyContent: Property.JustifyContent | undefined;
     $selected?: boolean | undefined;
 }>> & string;
+export {};

package/dist/components/dropdown-menu/dropdown-menu.types.d.ts

@@ -4,6 +4,19 @@ import { Maybe } from '../../global';
 import { Color } from '../../styles';
 import { TooltipProps } from '../tooltip/tooltip.types';
 import { DynamicListItem } from '../components.types';
+/**
+ * Visual treatment of the dropdown menu surface.
+ *
+ * - `'solid'` (default): the existing flat popover surface. Preserves
+ *   backward compatibility for every dropdown menu already in the app.
+ * - `'dynamic'`: a layered translucent "diffuser" (frosted-glass) surface
+ *   for modern themes — luminosity + overlay blends, 32px backdrop blur,
+ *   inner glow, and a rounded popover. Text, dividers and hover states use
+ *   the dynamic (light/white) tokens so labels stay readable on the dark
+ *   glass. On classic themes this falls back to the solid look, exactly like
+ *   `Modal surface="dynamic"`.
+ */
+export type DropdownMenuSurface = 'solid' | 'dynamic';
 export interface DropdownMenuProps<T extends DynamicListItem<Record<any, any>>> {
     autoSelectFirst?: boolean;
     borderColor?: Color;
@@ -32,6 +45,16 @@ export interface DropdownMenuProps<T extends DynamicListItem<Record<any, any>>>
     searchable?: boolean;
     /** Optionally provide to highlight multiple items as selected. */
     selectedItems?: DynamicListItem<T>[];
+    /**
+     * Visual treatment of the menu surface. Defaults to `'solid'`.
+     *
+     * Set to `'dynamic'` to render the frosted-glass diffuser surface on the
+     * modern themes (dark translucent glass with light text), mirroring
+     * `Modal surface="dynamic"`. On classic themes it falls back to the solid
+     * look. Fully backward compatible — omitting it keeps the existing solid
+     * surface.
+     */
+    surface?: DropdownMenuSurface;
     /**
      * Escape hatch for end-to-end tests when no other prop distinguishes two
      * sibling instances. When provided, the root receives