@synerise/ds-menu 1.4.19 → 1.4.21

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.4.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.4.20...@synerise/ds-menu@1.4.21) (2026-05-04)
+
+### Bug Fixes
+
+- add exports field to all component packages for correct ESM detection ([6eccfde](https://github.com/Synerise/synerise-design/commit/6eccfde8f2dd73c59860793231fbd7bcd61813b4))
+
+## [1.4.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.4.19...@synerise/ds-menu@1.4.20) (2026-04-29)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
 ## [1.4.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.4.18...@synerise/ds-menu@1.4.19) (2026-04-28)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Item/Text/Text.styles.d.ts

@@ -1,4 +1,3 @@
-import { default as MenuItem } from 'antd/lib/menu/MenuItem';
 import { default as React } from 'react';
 type WrapperProps = {
     disabled?: boolean;
@@ -20,7 +19,7 @@ export declare const PrefixelWrapper: import('styled-components').StyledComponen
     disabled?: boolean;
     visible?: boolean;
 }, never>;
-export declare const Wrapper: import('styled-components').StyledComponent<typeof MenuItem, any, WrapperProps, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<typeof import('antd/lib/menu/MenuItem').default, any, WrapperProps, never>;
 export declare const Content: import('styled-components').StyledComponent<"div", any, {
     highlight?: boolean;
 }, never>;

package/dist/Elements/Item/Text/Text.styles.js

@@ -1,4 +1,4 @@
-import MenuItem from "antd/lib/menu/MenuItem";
+import { Menu } from "antd";
 import styled, { css } from "styled-components";
 import { IconContainer } from "@synerise/ds-icon";
 import { ItemSize } from "../../../Menu.types.js";
@@ -32,10 +32,10 @@ const applySizeStyles = (props) => {
   }
   return css([""]);
 };
-const Wrapper = /* @__PURE__ */ styled(MenuItem).withConfig({
+const Wrapper = /* @__PURE__ */ styled(Menu.Item).withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "sc-dgb761-3"
-})(["&&&{", " ", " ", ";color:", ";opacity:", ";cursor:", ";padding-right:12px;font-weight:500;border-radius:3px;display:flex;align-items:center;margin:0;transition:background-color ", ";padding-left:12px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;flex-grow:1;max-width:100%;}&.ant-menu-item-only-child,&.-item-only-child{margin-bottom:0px;}&.ant-menu-item-selected,&.-item-selected{background:", ";color:", ";.ds-menu-prefix > .ds-icon > svg{fill:", ";}&::before{color:", ";}&:focus,&:active{background:", ";&::before{color:", ";}}&::after{content:none;}}&.ant-menu-item-disabled,&.-item-disabled,&.ant-menu-submenu-disabled,&.-submenu-disabled{color:", " !important;}& .ds-menu-prefix > * > .ant-avatar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:", ";opacity:0.05;border-radius:inherit;}& .ds-checkbox{padding:0px;}& .ds-checkbox > .ant-checkbox-wrapper{padding:0px;}& .ds-tag{margin:0;}&:focus:not(:active){box-shadow:", ";color:", ";background:", ";", " > .ds-icon > svg{fill:", ";}}", " &:active{&&{background:", ";}}&{.ds-icon{height:18px;display:flex;align-items:center;}}", " > .ds-icon > svg{", "}&:focus{color:", ";", "{opacity:1;svg{fill:", ";}}}&:hover{& .ds-menu-prefix > * > .ant-avatar::before,.ds-menu-prefix > .ant-badge::before,.ds-menu-prefix > .ant-avatar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.3;border-radius:inherit;box-sizing:border-box;}& .ds-menu-prefix > * > .ant-avatar::after,.ds-menu-prefix > .ant-badge::after,.ds-menu-prefix > .ant-avatar::after{opacity:0.1;}", "{opacity:1;svg{fill:", ";}}", "}}"], (props) => !props.description && props.size === ItemSize.DEFAULT && `max-height: 32px;`, (props) => props.size === ItemSize.LARGE && `min-height: 50px;`, (props) => props.ordered ? "" : disableOrdering(), (props) => props.theme.palette["grey-700"], (props) => props.disabled ? "0.4" : "1", (props) => props.disabled ? "not-allowed" : "pointer", TRANSITION_FN, (props) => props.disabled ? `
+})(["&&&{", " ", " ", ";color:", ";opacity:", ";cursor:", ";padding-right:12px;font-weight:500;border-radius:3px;display:flex;align-items:center;margin:0;transition:background-color ", ";padding-left:12px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;flex-grow:1;max-width:100%;overflow:visible;}&.ant-menu-item-only-child,&.-item-only-child{margin-bottom:0px;}&.ant-menu-item-selected,&.-item-selected{background:", ";color:", ";.ds-menu-prefix > .ds-icon > svg{fill:", ";}&::before{color:", ";}&:focus,&:active{background:", ";&::before{color:", ";}}&::after{content:none;}}&.ant-menu-item-disabled,&.-item-disabled,&.ant-menu-submenu-disabled,&.-submenu-disabled{color:", " !important;}& .ds-menu-prefix > * > .ant-avatar::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:", ";opacity:0.05;border-radius:inherit;}& .ds-checkbox{padding:0px;}& .ds-checkbox > .ant-checkbox-wrapper{padding:0px;}& .ds-tag{margin:0;}&:focus:not(:active){box-shadow:", ";color:", ";background:", ";", " > .ds-icon > svg{fill:", ";}}", " &:active{&&{background:", ";}}&{.ds-icon{height:18px;display:flex;align-items:center;}}", " > .ds-icon > svg{", "}&:focus{color:", ";", "{opacity:1;svg{fill:", ";}}}&:hover{& .ds-menu-prefix > * > .ant-avatar::before,.ds-menu-prefix > .ant-badge::before,.ds-menu-prefix > .ant-avatar::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.3;border-radius:inherit;box-sizing:border-box;}& .ds-menu-prefix > * > .ant-avatar::after,.ds-menu-prefix > .ant-badge::after,.ds-menu-prefix > .ant-avatar::after{opacity:0.1;}", "{opacity:1;svg{fill:", ";}}", "}}"], (props) => !props.description && props.size === ItemSize.DEFAULT && `max-height: 32px;`, (props) => props.size === ItemSize.LARGE && `min-height: 50px;`, (props) => props.ordered ? "" : disableOrdering(), (props) => props.theme.palette["grey-700"], (props) => props.disabled ? "0.4" : "1", (props) => props.disabled ? "not-allowed" : "pointer", TRANSITION_FN, (props) => props.disabled ? `
     & > :active {
        pointer-events: none
     }` : "", (props) => props.size && applySizeStyles(props), (props) => props.theme.palette["blue-050"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["blue-600"], (props) => props.theme.palette["grey-050"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-600"], (props) => props.theme.palette["grey-800"], (props) => !props.disabled && `inset 0 0 0 2px ${props.theme.palette["blue-600"]} `, (props) => props.theme.palette["grey-700"], (props) => props.description ? props.theme.palette.white : props.theme.palette["grey-050"], PrefixelWrapper, (props) => props.theme.palette["grey-700"], (props) => !props.disabled && css(["&:focus:active,&:active{background:", ";&&{color:", ";.ds-menu-prefix{", " > svg{fill:", ";}}}}"], props.theme.palette["grey-100"], props.theme.palette["blue-600"], IconContainer, props.theme.palette["blue-600"]), (props) => props.theme.palette["blue-050"], PrefixelWrapper, (props) => !props.disabled && `

package/dist/Elements/Item/Text/Text.types.d.ts

@@ -1,4 +1,4 @@
-import { MenuProps } from 'antd/lib/menu';
+import { MenuProps } from 'antd';
 import { CSSProperties, ReactNode } from 'react';
 import { MenuItemProps } from '../../../Menu.types';
 export type AddonRenderer = (hovered: boolean) => ReactNode;

package/dist/Menu.types.d.ts

@@ -1,4 +1,4 @@
-import { MenuProps } from 'antd/lib/menu';
+import { MenuProps } from 'antd';
 import { ReactElement, ReactNode } from 'react';
 import { DelayConfig, LegacyPlacement, PopoverOptions } from '@synerise/ds-popover';
 import { TooltipProps } from '@synerise/ds-tooltip';

package/package.json

@@ -1,10 +1,19 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "1.4.19",
+  "version": "1.4.21",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
   "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/*.js": "./dist/*.js",
+    "./dist/*": "./dist/*.js"
+  },
   "files": [
     "/dist",
     "CHANGELOG.md",
@@ -32,12 +41,12 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.24",
-    "@synerise/ds-divider": "^1.3.8",
-    "@synerise/ds-icon": "^1.17.1",
-    "@synerise/ds-popover": "^1.5.4",
-    "@synerise/ds-tooltip": "^1.4.16",
-    "@synerise/ds-utils": "^1.8.0",
+    "@synerise/ds-button": "^1.5.26",
+    "@synerise/ds-divider": "^1.3.10",
+    "@synerise/ds-icon": "^1.17.3",
+    "@synerise/ds-popover": "^1.5.5",
+    "@synerise/ds-tooltip": "^1.4.18",
+    "@synerise/ds-utils": "^1.8.1",
     "classnames": "^2.5.1",
     "rc-menu": "~9.6.3",
     "react-intl": "^6.8.7",
@@ -54,5 +63,5 @@
     "styled-components": "^5.3.3",
     "vitest": "4"
   },
-  "gitHead": "25cf79a6df348141419f397813e4f6a5533deb5f"
+  "gitHead": "c5eee882509cbeb4544cb45939620881b829d4d9"
 }