@synerise/ds-menu 1.0.24 → 1.0.27

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.26...@synerise/ds-menu@1.0.27) (2025-10-08)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [1.0.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.25...@synerise/ds-menu@1.0.26) (2025-09-30)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [1.0.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.24...@synerise/ds-menu@1.0.25) (2025-09-30)
+
+
+### Bug Fixes
+
+* **divider:** fix style ([7a1db45](https://github.com/Synerise/synerise-design/commit/7a1db453d85eb52f887486f74575de17bb3f8ee0))
+
+
+
+
+
 ## [1.0.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.0.23...@synerise/ds-menu@1.0.24) (2025-09-25)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type WithHTMLAttributes } from '@synerise/ds-utils';
+import { type MenuDividerProps } from '../../Menu.types';
+export declare const Divider: (props: WithHTMLAttributes<HTMLDivElement, MenuDividerProps>) => React.JSX.Element;

package/dist/Elements/Divider/Divider.js

@@ -0,0 +1,8 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import * as S from './Divider.styles';
+export var Divider = function Divider(props) {
+  return /*#__PURE__*/React.createElement(S.MenuDivider, _extends({
+    dashed: true
+  }, props));
+};

package/dist/Elements/Divider/Divider.styles.d.ts

@@ -0,0 +1,2 @@
+import { type MenuDividerProps } from '../../Menu.types';
+export declare const MenuDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, MenuDividerProps, never>;

package/dist/Elements/Divider/Divider.styles.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import DSDivider from '@synerise/ds-divider';
+export var MenuDivider = styled(DSDivider).withConfig({
+  displayName: "Dividerstyles__MenuDivider",
+  componentId: "sc-1gajr0l-0"
+})(["height:1px;width:auto;margin:", " ", ";"], function (props) {
+  return props.higher ? '16px' : '8px';
+}, function (props) {
+  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '35px' : '12px';
+});

package/dist/Elements/Item/MenuItem.js

@@ -3,8 +3,8 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import '@synerise/ds-core/dist/js/style';
-import { MenuDivider } from '../../Menu.styles';
 import { ItemType } from '../../Menu.types';
+import { Divider } from '../Divider/Divider';
 import SubMenuItem from '../SubMenu/SubMenu';
 import Danger from './Danger/Danger';
 import Select from './Select/Select';
@@ -75,7 +75,7 @@ var _MenuItem = function MenuItem(_ref) {
         }
       }, rest), text || children);
     case ItemType.DIVIDER:
-      return /*#__PURE__*/React.createElement(MenuDivider, {
+      return /*#__PURE__*/React.createElement(Divider, {
         level: rest.level
       });
     default:

package/dist/Menu.d.ts

@@ -1,6 +1,7 @@
 import { Component, type ReactNode } from 'react';
 import '@synerise/ds-core/dist/js/style';
 import Breadcrumb from './Elements/Breadcrumb/Breadcrumb';
+import { Divider } from './Elements/Divider/Divider';
 import Header from './Elements/Header/Header';
 import MenuItem from './Elements/Item/MenuItem';
 import * as S from './Menu.styles';
@@ -14,9 +15,7 @@ export declare class Menu extends Component<AntdMenuProps, {
     static Header: typeof Header;
     static ItemGroup: typeof S.AntdMenu.ItemGroup;
     static SubMenu: typeof import("antd/lib/menu/SubMenu").default;
-    static Divider: import("styled-components").StyledComponent<"div", any, {
-        level?: number;
-    }, never>;
+    static Divider: typeof Divider;
     state: {
         allItemsVisible: boolean;
     };

package/dist/Menu.js

@@ -10,6 +10,7 @@ import '@synerise/ds-core/dist/js/style';
 import Icon, { ArrowDownCircleM, ArrowUpCircleM } from '@synerise/ds-icon';
 import Tooltip from '@synerise/ds-tooltip';
 import Breadcrumb from './Elements/Breadcrumb/Breadcrumb';
+import { Divider } from './Elements/Divider/Divider';
 import Header from './Elements/Header/Header';
 import MenuItem from './Elements/Item/MenuItem';
 import SubMenuItem from './Elements/SubMenu/SubMenu';
@@ -133,5 +134,5 @@ Menu.Breadcrumb = Breadcrumb;
 Menu.Header = Header;
 Menu.ItemGroup = S.AntdMenu.ItemGroup;
 Menu.SubMenu = S.AntdMenu.SubMenu;
-Menu.Divider = S.MenuDivider;
+Menu.Divider = Divider;
 export default Menu;

package/dist/Menu.styles.d.ts

@@ -9,9 +9,6 @@ type SubMenuProps = PropsWithChildren<{
     title: string | ReactNode;
     tabIndex?: number;
 }>;
-export declare const MenuDivider: import("styled-components").StyledComponent<"div", any, {
-    level?: number;
-}, never>;
 export declare const AntdMenu: import("styled-components").StyledComponent<typeof Menu, any, AntdMenuProps, never>;
 export declare const SubMenuItem: import("styled-components").StyledComponent<typeof import("antd/lib/menu/SubMenu").default, any, SubMenuProps, never>;
 export {};

package/dist/Menu.styles.js

@@ -6,21 +6,9 @@ var arrowDownSvgWithCustomColor = function arrowDownSvgWithCustomColor(color) {
   var iconWithColor = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' >/><path fill='none' d='M0 0h24v24H0z' /><path style='fill: " + colorValueForSvg + ";' d='M14.71973,9.84473,12,12.56445,9.28027,9.84473a.74992.74992,0,0,0-1.06054,1.06054l3.25,3.25a.74971.74971,0,0,0,1.06054,0l3.25-3.25a.74992.74992,0,0,0-1.06054-1.06054Z'/></svg>";
   return iconWithColor;
 };
-export var MenuDivider = styled.div.withConfig({
-  displayName: "Menustyles__MenuDivider",
-  componentId: "sc-10eu0qe-0"
-})(["height:1px;width:", ";margin:", " ", ";border-top:1px dashed ", ";"], function (props) {
-  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '75%' : '100%';
-}, function (props) {
-  return props.higher ? '16px' : '8px';
-}, function (props) {
-  return props != null && props.level && (props == null ? void 0 : props.level) > 1 ? '35px' : '0px';
-}, function (props) {
-  return props.theme.palette['grey-300'];
-});
 export var AntdMenu = styled(Menu).withConfig({
   displayName: "Menustyles__AntdMenu",
-  componentId: "sc-10eu0qe-1"
+  componentId: "sc-10eu0qe-0"
 })(["", " ", " > li{> .ant-menu-submenu-title,> .-submenu-title{padding-left:12px !important;}&:not(.ant-menu-submenu){padding-left:12px !important;}}.ant-menu-submenu-title,.-submenu-title{display:flex;", " .ds-submenu-title-wrapper{", " .ds-submenu-title{padding-top:5px;padding-bottom:5px;", "}}}&&& .ant-menu-item-selected,&&& .-item-selected{&:focus:not(:active){color:", ";background:", ";box-shadow:inset 0 0 0 2px ", ";&::before{color:", ";}}}&&{.ant-menu-submenu-open,.-submenu-open{.ant-menu-inline,.-inline,.ant-menu-vertical,.-vertical,.ant-menu-vertical-left,.-vertical-left{border-right-width:0px;margin:8px 0 8px 0;padding-left:24px;}}}", ""], function (props) {
   return Boolean(props.asDropdownMenu) && !props.asInfoCardContainer && css(["&&{padding:8px;width:194px;"]);
 }, function (props) {
@@ -38,7 +26,7 @@ export var AntdMenu = styled(Menu).withConfig({
 });
 export var SubMenuItem = styled(Menu.SubMenu).withConfig({
   displayName: "Menustyles__SubMenuItem",
-  componentId: "sc-10eu0qe-2"
+  componentId: "sc-10eu0qe-1"
 })(["&&&{color:", ";opacity:", ";cursor:", ";font-weight:500;border-radius:3px;transition:background-color 0.2s ease-out;&& .ant-menu-submenu-title:hover,&& .-submenu-title:hover{&& > i.ant-menu-submenu-arrow,&& > i.-submenu-arrow{background-image:url(\"", "\");}.ds-submenu-title-wrapper > .ds-submenu-title{color:", ";.ds-menu-prefix{svg{fill:", ";}}}}> .ant-menu-submenu-title,> .-submenu-title{line-height:1.39;height:auto;margin:0;padding-bottom:2px;padding-top:2px;max-width:100%;align-items:center;.ds-submenu-title-wrapper > .ds-submenu-title:focus:not(:active){box-shadow:inset 0 0 0 2px transparent;background:transparent;}", "}.ant-menu-item,.-item{padding-right:5px;padding-left:10px !important;}.ant-menu-title-content{.ant-menu-item,.-item{margin-left:0;}}.ds-menu-prefix{margin-left:0px;}&.ant-menu-item-selected,&.-item-selected{background:inherit;.ant-menu-submenu-title,.-submenu-title{&:focus,&:active{background:", ";&::before{color:", ";}}& > .ds-menu-prefix{svg{fill:", ";}}&::after{content:none;}}}}", " i{right:12px;}> .ant-menu-submenu-title:hover,> .-submenu-title:hover{color:", ";}&&.ant-menu-submenu-open > .ant-menu-submenu-title,&&.-submenu-open > .-submenu-title{&:not(:hover){color:", ";}background:", ";.ds-menu-content-wrapper{color:", ";background:", ";.ds-menu-prefix{svg{fill:", ";}}.ds-check-icon{svg{fill:", ";}}}& > i.ant-menu-submenu-arrow,& > i.-submenu-arrow{transform:rotate(180deg);background-image:url(\"", "\");}}> .ant-menu-submenu-title,> .-submenu-title{border-radius:3px;& > i.ant-menu-submenu-arrow,& > i.-submenu-arrow{transform:rotate(0deg);top:calc(50% - 12px);right:5px;height:24px;width:24px;}& > i.ant-menu-submenu-arrow::after,& > i.-submenu-arrow::after,& > i.ant-menu-submenu-arrow::before,& > i.-submenu-arrow::before{background-image:none;display:none;}&:hover > i.ant-menu-submenu-arrow::after,&:hover > i.-submenu-arrow::after,&:hover > i.ant-menu-submenu-arrow::before,&:hover > i.-submenu-arrow::before{background-image:none;}&:hover{color:", ";background:", ";}& > i.ant-menu-submenu-arrow,& > i.-submenu-arrow{background-image:url(\"", "\");}&:hover > i.ant-menu-submenu-arrow,&:hover > i.-submenu-arrow{background-image:url(\"", "\");}}&&.ant-menu-submenu-open > .ant-menu-submenu-title:hover,&&.-submenu-open > .-submenu-title:hover{& > i.ant-menu-submenu-arrow,& > i.-submenu-arrow{background-image:url(\"", "\");}}> li.ant-menu-submenu,> li.-submenu{&:hover{background:none !important;}}", " > ul{li{i{right:12px;}> .ant-menu-submenu,> .-submenu{&:hover{", "}}}}}"], function (props) {
   return props.theme.palette['grey-700'];
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "1.0.24",
+  "version": "1.0.27",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,7 +35,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.12",
+    "@synerise/ds-button": "^1.4.13",
+    "@synerise/ds-divider": "^1.1.3",
     "@synerise/ds-icon": "^1.7.2",
     "@synerise/ds-tooltip": "^1.2.0",
     "@synerise/ds-utils": "^1.4.2",
@@ -51,5 +52,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "6a2e6e20a480aafe5d67748d04fbe3d4ce91a544"
+  "gitHead": "b93cc50e96540d3174fcf1c673d424d0ff57c5ef"
 }