@synerise/ds-menu 0.17.12 → 0.17.14
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,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.17.14](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.17.13...@synerise/ds-menu@0.17.14) (2023-07-26)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-menu
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.17.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.17.12...@synerise/ds-menu@0.17.13) (2023-07-04)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **menu:** fix indentLevel prop in menu item component ([20f17cb](https://github.com/Synerise/synerise-design/commit/20f17cb738bfc4b03d47ca006335057e7ae55ba9))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [0.17.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.17.11...@synerise/ds-menu@0.17.12) (2023-06-28)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @synerise/ds-menu
|
|
@@ -175,7 +175,6 @@ var Text = function Text(_ref2) {
|
|
|
175
175
|
tabIndex: disabled ? -1 : 0,
|
|
176
176
|
description: description,
|
|
177
177
|
style: renderHoverTooltip ? undefined : style,
|
|
178
|
-
indentLevel: Number(indentLevel),
|
|
179
178
|
ordered: ordered,
|
|
180
179
|
size: size,
|
|
181
180
|
onClick: onClick,
|
|
@@ -188,7 +187,9 @@ var Text = function Text(_ref2) {
|
|
|
188
187
|
trigger: "click",
|
|
189
188
|
title: copyTooltip,
|
|
190
189
|
timeToHideAfterClick: timeToHideTooltip
|
|
191
|
-
}, tooltipProps), /*#__PURE__*/React.createElement(S.Inner,
|
|
190
|
+
}, tooltipProps), /*#__PURE__*/React.createElement(S.Inner, {
|
|
191
|
+
indentLevel: Number(indentLevel)
|
|
192
|
+
}, /*#__PURE__*/React.createElement(S.ContentWrapper, {
|
|
192
193
|
className: "ds-menu-content-wrapper"
|
|
193
194
|
}, shouldRenderPrefix && /*#__PURE__*/React.createElement(S.PrefixelWrapper, {
|
|
194
195
|
className: "ds-menu-prefix",
|
|
@@ -6,7 +6,6 @@ declare type WrapperProps = {
|
|
|
6
6
|
suffixel?: boolean;
|
|
7
7
|
description?: string | React.ReactNode;
|
|
8
8
|
copyable?: boolean;
|
|
9
|
-
indentLevel?: number;
|
|
10
9
|
ordered?: boolean;
|
|
11
10
|
size?: 'default' | 'large';
|
|
12
11
|
active?: boolean;
|
|
@@ -14,7 +13,9 @@ declare type WrapperProps = {
|
|
|
14
13
|
export declare const ArrowRight: import("styled-components").StyledComponent<"div", any, {
|
|
15
14
|
disabled?: boolean | undefined;
|
|
16
15
|
}, never>;
|
|
17
|
-
export declare const Inner: import("styled-components").StyledComponent<"div", any, {
|
|
16
|
+
export declare const Inner: import("styled-components").StyledComponent<"div", any, {
|
|
17
|
+
indentLevel?: number | undefined;
|
|
18
|
+
}, never>;
|
|
18
19
|
export declare const PrefixelWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
19
20
|
disabled?: boolean | undefined;
|
|
20
21
|
visible?: boolean | undefined;
|
|
@@ -27,7 +27,9 @@ export var ArrowRight = styled.div.withConfig({
|
|
|
27
27
|
export var Inner = styled.div.withConfig({
|
|
28
28
|
displayName: "Textstyles__Inner",
|
|
29
29
|
componentId: "dgb761-1"
|
|
30
|
-
})(["width:100%;display:flex;"])
|
|
30
|
+
})(["padding-left:", ";width:100%;display:flex;"], function (props) {
|
|
31
|
+
return calculateIndent(props.indentLevel) + "px";
|
|
32
|
+
});
|
|
31
33
|
export var PrefixelWrapper = styled.div.withConfig({
|
|
32
34
|
displayName: "Textstyles__PrefixelWrapper",
|
|
33
35
|
componentId: "dgb761-2"
|
|
@@ -56,7 +58,7 @@ var applySizeStyles = function applySizeStyles(props) {
|
|
|
56
58
|
export var Wrapper = styled(MenuItem).withConfig({
|
|
57
59
|
displayName: "Textstyles__Wrapper",
|
|
58
60
|
componentId: "dgb761-3"
|
|
59
|
-
})(["&&&{", " ", " ", ";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;", "
|
|
61
|
+
})(["&&&{", " ", " ", ";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;", " ", " &.ant-menu-item-only-child{margin-bottom:0px;}&.ant-menu-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,&.ant-menu-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) {
|
|
60
62
|
return !props.description && props.size === ItemSize.DEFAULT && "max-height: 32px;";
|
|
61
63
|
}, function (props) {
|
|
62
64
|
return props.size === ItemSize.LARGE && "min-height: 50px;";
|
|
@@ -70,8 +72,6 @@ export var Wrapper = styled(MenuItem).withConfig({
|
|
|
70
72
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
71
73
|
}, TRANSITION_FN, function (props) {
|
|
72
74
|
return props.prefixel ? '8' : '12';
|
|
73
|
-
}, Inner, function (props) {
|
|
74
|
-
return calculateIndent(props.indentLevel) + "px ";
|
|
75
75
|
}, function (props) {
|
|
76
76
|
return props.disabled ? "\n & > * {\n pointer-events: none\n }" : '';
|
|
77
77
|
}, function (props) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-menu",
|
|
3
|
-
"version": "0.17.
|
|
3
|
+
"version": "0.17.14",
|
|
4
4
|
"description": "Menu UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
],
|
|
33
33
|
"types": "dist/index.d.ts",
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@synerise/ds-icon": "^0.
|
|
36
|
-
"@synerise/ds-tooltip": "^0.
|
|
35
|
+
"@synerise/ds-icon": "^0.58.0",
|
|
36
|
+
"@synerise/ds-tooltip": "^0.14.0",
|
|
37
37
|
"@synerise/ds-typography": "^0.12.8",
|
|
38
38
|
"classnames": "^2.2.6",
|
|
39
39
|
"rc-menu": "8.10.7"
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"@synerise/ds-core": "*",
|
|
43
43
|
"react": ">=16.9.0 < 17.0.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "283730ca9bb63422391388fbc020906edf942b57"
|
|
46
46
|
}
|