@synerise/ds-menu 1.4.21 → 1.4.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.4.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@1.4.21...@synerise/ds-menu@1.4.22) (2026-05-06)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **menu:** style specificity increased ([2423ed3](https://github.com/Synerise/synerise-design/commit/2423ed3510a9e4db9b443a1b43f8c6c7eaa84907))
11
+
6
12
  ## [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)
7
13
 
8
14
  ### Bug Fixes
@@ -35,7 +35,7 @@ const applySizeStyles = (props) => {
35
35
  const Wrapper = /* @__PURE__ */ styled(Menu.Item).withConfig({
36
36
  displayName: "Textstyles__Wrapper",
37
37
  componentId: "sc-dgb761-3"
38
- })(["&&&{", " ", " ", ";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 ? `
38
+ })(["&&&{", " ", " ", ";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.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 ? `
39
39
  & > :active {
40
40
  pointer-events: none
41
41
  }` : "", (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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-menu",
3
- "version": "1.4.21",
3
+ "version": "1.4.22",
4
4
  "description": "Menu UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -63,5 +63,5 @@
63
63
  "styled-components": "^5.3.3",
64
64
  "vitest": "4"
65
65
  },
66
- "gitHead": "c5eee882509cbeb4544cb45939620881b829d4d9"
66
+ "gitHead": "2e8759a5466a0631229e764b0a1f73de963fc83b"
67
67
  }