@synerise/ds-menu 0.17.11 → 0.17.13

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
+
+
+### Bug Fixes
+
+* **menu:** fix indentLevel prop in menu item component ([20f17cb](https://github.com/Synerise/synerise-design/commit/20f17cb738bfc4b03d47ca006335057e7ae55ba9))
+
+
+
+
+
+## [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)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
 ## [0.17.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.17.10...@synerise/ds-menu@0.17.11) (2023-06-14)
 
 **Note:** Version bump only for package @synerise/ds-menu

package/dist/Elements/Breadcrumb/Breadcrumb.js

@@ -6,7 +6,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import * as React from 'react';
 import Icon, { AngleRightS } from '@synerise/ds-icon';
-import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
+import { theme } from '@synerise/ds-core';
 import { escapeRegEx } from '@synerise/ds-utils';
 import * as S from './Breadcrumb.styles';
 

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FlattenSimpleInterpolation } from 'styled-components';
-import { ThemeProps } from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
+import { ThemeProps } from '@synerise/ds-core';
 export declare const ArrowRight: import("styled-components").StyledComponent<"div", any, {
     visible: boolean;
 }, never>;

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

@@ -13,7 +13,7 @@ import Trigger from 'rc-trigger';
 import Tooltip from '@synerise/ds-tooltip';
 import { escapeRegEx } from '@synerise/ds-utils';
 import Icon, { CheckS, AngleRightS } from '@synerise/ds-icon';
-import theme from '@synerise/ds-core/dist/js/DSProvider/ThemeProvider/theme';
+import { theme } from '@synerise/ds-core';
 import * as S from './Text.styles';
 import { triggerPlacements } from '../../../utils';
 import { VisibilityTrigger } from '../../../Menu.types';
@@ -175,7 +175,6 @@ var Text = function Text(_ref2) {
     tabIndex: disabled ? -1 : 0,
     description: description,
     style: renderHoverTooltip ? undefined : style,
-    indentLevel: Number(indentLevel),
     ordered: ordered,
     size: size,
     onClick: onClick,
@@ -188,7 +187,9 @@ var Text = function Text(_ref2) {
     trigger: "click",
     title: copyTooltip,
     timeToHideAfterClick: timeToHideTooltip
-  }, tooltipProps), /*#__PURE__*/React.createElement(S.Inner, null, /*#__PURE__*/React.createElement(S.ContentWrapper, {
+  }, tooltipProps), /*#__PURE__*/React.createElement(S.Inner, {
+    indentLevel: Number(indentLevel)
+  }, /*#__PURE__*/React.createElement(S.ContentWrapper, {
     className: "ds-menu-content-wrapper"
   }, shouldRenderPrefix && /*#__PURE__*/React.createElement(S.PrefixelWrapper, {
     className: "ds-menu-prefix",

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

@@ -6,7 +6,6 @@ declare type WrapperProps = {
     suffixel?: boolean;
     description?: string | React.ReactNode;
     copyable?: boolean;
-    indentLevel?: number;
     ordered?: boolean;
     size?: 'default' | 'large';
     active?: boolean;
@@ -14,7 +13,9 @@ declare type WrapperProps = {
 export declare const ArrowRight: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;
-export declare const Inner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Inner: import("styled-components").StyledComponent<"div", any, {
+    indentLevel?: number | undefined;
+}, never>;
 export declare const PrefixelWrapper: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
     visible?: boolean | undefined;

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

@@ -27,7 +27,9 @@ export var ArrowRight = styled.div.withConfig({
 export var Inner = styled.div.withConfig({
   displayName: "Textstyles__Inner",
   componentId: "dgb761-1"
-})(["width:100%;display:flex;"]);
+})(["padding-left:", ";width:100%;display:flex;"], function (props) {
+  return calculateIndent(props.indentLevel) + "px";
+});
 export var PrefixelWrapper = styled.div.withConfig({
   displayName: "Textstyles__PrefixelWrapper",
   componentId: "dgb761-2"
@@ -56,7 +58,7 @@ var applySizeStyles = function applySizeStyles(props) {
 export var Wrapper = styled(MenuItem).withConfig({
   displayName: "Textstyles__Wrapper",
   componentId: "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:", "px;", "{padding-left:", ";}", " ", " &.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) {
+})(["&&&{", " ", " ", ";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) {
   return !props.description && props.size === ItemSize.DEFAULT && "max-height: 32px;";
 }, function (props) {
   return props.size === ItemSize.LARGE && "min-height: 50px;";
@@ -70,8 +72,6 @@ export var Wrapper = styled(MenuItem).withConfig({
   return props.disabled ? 'not-allowed' : 'pointer';
 }, TRANSITION_FN, function (props) {
   return props.prefixel ? '8' : '12';
-}, Inner, function (props) {
-  return calculateIndent(props.indentLevel) + "px ";
 }, function (props) {
   return props.disabled ? "\n    & > * {\n       pointer-events: none\n    }" : '';
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.17.11",
+  "version": "0.17.13",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,9 +32,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.56.0",
-    "@synerise/ds-tooltip": "^0.13.6",
-    "@synerise/ds-typography": "^0.12.7",
+    "@synerise/ds-icon": "^0.57.0",
+    "@synerise/ds-tooltip": "^0.13.7",
+    "@synerise/ds-typography": "^0.12.8",
     "classnames": "^2.2.6",
     "rc-menu": "8.10.7"
   },
@@ -42,5 +42,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "4fa463dee08db3befeec954d744ec3c44aeecd9d"
+  "gitHead": "e8a06c902ef96e767576df5377b8965e1034d6c0"
 }