@synerise/ds-menu 0.21.0 → 0.21.2

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/Elements/Item/Text/Text.js +5 -2
  3. package/dist/Elements/Item/Text/Text.styles.js +1 -3
  4. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
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
+ ## [0.21.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.21.1...@synerise/ds-menu@0.21.2) (2025-02-14)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-menu
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.21.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.21.0...@synerise/ds-menu@0.21.1) (2025-02-04)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **menu:** menu inline padding ([a3dd86b](https://github.com/Synerise/synerise-design/commit/a3dd86bfcf7c3178f38c78273297173c121f3f6c))
20
+
21
+
22
+
23
+
24
+
6
25
  # [0.21.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.20.12...@synerise/ds-menu@0.21.0) (2025-01-29)
7
26
 
8
27
 
package/dist/Elements/Item/Text/Text.js CHANGED
@@ -134,6 +134,9 @@ var Text = function Text(_ref2) {
134
134
  var className = useMemo(function () {
135
135
  return classNames('ds-menu-item', rest.className, size);
136
136
  }, [rest.className, size]);
137
+ var mergedStyle = _extends({}, style, {
138
+ paddingLeft: 'revert-layer'
139
+ });
137
140
  var element =
138
141
  /*#__PURE__*/
139
142
  // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
@@ -151,7 +154,7 @@ var Text = function Text(_ref2) {
151
154
  disabled: disabled,
152
155
  tabIndex: disabled ? -1 : 0,
153
156
  description: description,
154
- style: renderHoverTooltip ? undefined : style,
157
+ style: renderHoverTooltip ? undefined : mergedStyle,
155
158
  ordered: ordered,
156
159
  size: size,
157
160
  onClick: onClick
@@ -190,7 +193,7 @@ var Text = function Text(_ref2) {
190
193
  return /*#__PURE__*/React.createElement(WithHoverTooltip, {
191
194
  hoverTooltipProps: hoverTooltipProps,
192
195
  renderHoverTooltip: renderHoverTooltip,
193
- style: style
196
+ style: mergedStyle
194
197
  }, element);
195
198
  }
196
199
  return element;
package/dist/Elements/Item/Text/Text.styles.js CHANGED
@@ -49,7 +49,7 @@ var applySizeStyles = function applySizeStyles(props) {
49
49
  export var Wrapper = styled(MenuItem).withConfig({
50
50
  displayName: "Textstyles__Wrapper",
51
51
  componentId: "dgb761-3"
52
- })(["&&&{", " ", " ", ";color:", ";opacity:", ";cursor:", ";padding-right:12px;font-weight:500;border-radius:3px;display:flex;align-items:center;margin:0;transition:background-color ", ";padding-left:", "px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;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:", ";}}", "}}"], function (props) {
52
+ })(["&&&{", " ", " ", ";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;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:", ";}}", "}}"], function (props) {
53
53
  return !props.description && props.size === ItemSize.DEFAULT && "max-height: 32px;";
54
54
  }, function (props) {
55
55
  return props.size === ItemSize.LARGE && "min-height: 50px;";
@@ -62,8 +62,6 @@ export var Wrapper = styled(MenuItem).withConfig({
62
62
  }, function (props) {
63
63
  return props.disabled ? 'not-allowed' : 'pointer';
64
64
  }, TRANSITION_FN, function (props) {
65
- return props.prefixel ? '8' : '12';
66
- }, function (props) {
67
65
  return props.disabled ? "\n & > :active {\n pointer-events: none\n }" : '';
68
66
  }, function (props) {
69
67
  return props.size && applySizeStyles(props);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-menu",
3
- "version": "0.21.0",
3
+ "version": "0.21.2",
4
4
  "description": "Menu UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^0.23.0",
38
- "@synerise/ds-icon": "^0.71.0",
39
- "@synerise/ds-tooltip": "^0.15.0",
40
- "@synerise/ds-utils": "^0.32.0",
37
+ "@synerise/ds-button": "^0.23.1",
38
+ "@synerise/ds-icon": "^0.71.1",
39
+ "@synerise/ds-tooltip": "^0.15.1",
40
+ "@synerise/ds-utils": "^0.32.1",
41
41
  "classnames": "2.3.2",
42
42
  "copy-to-clipboard": "^3.3.1",
43
43
  "rc-menu": "~9.6.3",
@@ -50,5 +50,5 @@
50
50
  "react": ">=16.9.0 <= 18.3.1",
51
51
  "styled-components": "^5.3.3"
52
52
  },
53
- "gitHead": "fbde34e126b492edaf148e469ab96247a891d6df"
53
+ "gitHead": "38cb22e1c46d175306dd87e10649410eb93a4e44"
54
54
  }