@synerise/ds-menu 0.21.8 → 0.21.10

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.21.9...@synerise/ds-menu@0.21.10) (2025-03-10)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
+## [0.21.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.21.8...@synerise/ds-menu@0.21.9) (2025-03-04)
+
+**Note:** Version bump only for package @synerise/ds-menu
+
+
+
+
+
 ## [0.21.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.21.7...@synerise/ds-menu@0.21.8) (2025-02-27)
 
 

package/dist/Elements/Breadcrumb/Breadcrumb.styles.js

@@ -10,23 +10,23 @@ import { PrefixelWrapper } from '../Item/Text/Text.styles';
 var NOOP = function NOOP() {};
 export var ArrowRight = styled.div.withConfig({
   displayName: "Breadcrumbstyles__ArrowRight",
-  componentId: "gvmxah-0"
+  componentId: "sc-gvmxah-0"
 })(["transition:opacity 0.3s ease-in-out;opacity:", ";svg{transition:fill 0.3s ease-in-out;}"], function (props) {
   return props.visible ? '1' : '0';
 });
 export var BreadcrumbContent = styled.div.withConfig({
   displayName: "Breadcrumbstyles__BreadcrumbContent",
-  componentId: "gvmxah-1"
+  componentId: "sc-gvmxah-1"
 })(["display:flex;"]);
 export var Description = styled.div.withConfig({
   displayName: "Breadcrumbstyles__Description",
-  componentId: "gvmxah-2"
+  componentId: "sc-gvmxah-2"
 })(["direction:ltr;width:100%;font-weight:400;color:", ";.search-highlight{font-weight:500;}text-overflow:ellipsis;overflow:hidden;"], function (props) {
   return props.theme.palette['grey-600'];
 });
 export var ContentWrapper = styled.div.withConfig({
   displayName: "Breadcrumbstyles__ContentWrapper",
-  componentId: "gvmxah-3"
+  componentId: "sc-gvmxah-3"
 })(["position:relative;&::before{pointer-events:none;content:", ";position:absolute;display:block;width:50px;height:18px;transition:opacity 0.3s ease-in-out;background-image:", ";}&::after{pointer-events:none;content:", ";position:absolute;left:0;top:0;display:block;width:50px;height:18px;transition:opacity 0.3s ease-in-out;background-image:", ";}"], function (props) {
   return props.gradientOverlap ? "''" : 'none';
 }, function (props) {
@@ -38,7 +38,7 @@ export var ContentWrapper = styled.div.withConfig({
 });
 export var BreadcrumbName = styled.div.withConfig({
   displayName: "Breadcrumbstyles__BreadcrumbName",
-  componentId: "gvmxah-4"
+  componentId: "sc-gvmxah-4"
 })(["direction:ltr;font-weight:400;transition:color 0.3s ease-in-out;color:", ";.search-highlight{font-weight:500;}"], function (props) {
   return props.theme.palette['grey-600'];
 });
@@ -57,7 +57,7 @@ export var Breadcrumb = styled(function (_ref) {
   }, rest), children);
 }).withConfig({
   displayName: "Breadcrumbstyles__Breadcrumb",
-  componentId: "gvmxah-5"
+  componentId: "sc-gvmxah-5"
 })(["min-height:50px;", "{direction:", ";flex-wrap:", ";}&:hover{", " > .ds-icon > svg{fill:", ";}", ",", "{color:", ";}", "::after{opacity:0;}", "::before{opacity:0;}}&:focus:active{", "::before{background-image:", ";}}", ""], BreadcrumbContent, function (props) {
   return props.compact ? 'rtl' : 'ltr';
 }, function (props) {
@@ -73,5 +73,5 @@ export var Breadcrumb = styled(function (_ref) {
 });
 export var BreadcrumbRoute = styled.div.withConfig({
   displayName: "Breadcrumbstyles__BreadcrumbRoute",
-  componentId: "gvmxah-6"
+  componentId: "sc-gvmxah-6"
 })(["display:flex;padding-top:height:18px;.active{font-weight:500;}"]);

package/dist/Elements/Header/Header.styles.js

@@ -1,13 +1,13 @@
 import styled from 'styled-components';
 export var MenuHeader = styled.div.withConfig({
   displayName: "Headerstyles__MenuHeader",
-  componentId: "xecv8y-0"
+  componentId: "sc-xecv8y-0"
 })(["display:flex;align-items:center;font-size:10px;font-weight:500;text-transform:uppercase;color:", ";height:16px;margin:12px;line-height:1.6;letter-spacing:0.1px;"], function (props) {
   return props.theme.palette['grey-500'];
 });
 export var HeaderIconWrapper = styled.div.withConfig({
   displayName: "Headerstyles__HeaderIconWrapper",
-  componentId: "xecv8y-1"
+  componentId: "sc-xecv8y-1"
 })(["& > .ds-icon > svg{fill:", ";}"], function (props) {
   return props.theme.palette['grey-400'];
 });

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

@@ -20,7 +20,7 @@ export var SelectItem = styled(function (_ref) {
   );
 }).withConfig({
   displayName: "Selectstyles__SelectItem",
-  componentId: "h6ad3-0"
+  componentId: "sc-h6ad3-0"
 })(["&{", " > *{filter:opacity(0);transition:filter 0.3s ease-in-out,color 0.3s ease-in-out;}}&:hover,&:focus{", " > *{filter:opacity(100%);color:", ";}}"], SuffixWraper, SuffixWraper, function (props) {
   return props.theme.palette['blue-600'];
 });

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

@@ -10,7 +10,7 @@ import Text from '../Text/Text';
 var NOOP = function NOOP() {};
 export var SubtitleItemWrapper = styled.ul.withConfig({
   displayName: "SubmenuTextstyles__SubtitleItemWrapper",
-  componentId: "dxm3s9-0"
+  componentId: "sc-dxm3s9-0"
 })(["display:flex;flex:1;"]);
 
 // eslint-disable-next-line import/prefer-default-export
@@ -30,7 +30,7 @@ export var SubmenuText = styled(function (_ref) {
   );
 }).withConfig({
   displayName: "SubmenuTextstyles__SubmenuText",
-  componentId: "dxm3s9-1"
+  componentId: "sc-dxm3s9-1"
 })(["&&&{padding:0;&:focus:active{background-color:", ";}display:flex;flex:1;}&{", "{padding:0;}}"], function (props) {
   return props.theme.palette['grey-050'];
 }, ContentWrapper);

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

@@ -16,19 +16,19 @@ var visibleElementStyle = function visibleElementStyle() {
 };
 export var ArrowRight = styled.div.withConfig({
   displayName: "Textstyles__ArrowRight",
-  componentId: "dgb761-0"
+  componentId: "sc-dgb761-0"
 })(["transition:all ", ";opacity:", ";"], TRANSITION_FN, function (props) {
   return props.disabled ? '1' : '0';
 });
 export var Inner = styled.div.withConfig({
   displayName: "Textstyles__Inner",
-  componentId: "dgb761-1"
+  componentId: "sc-dgb761-1"
 })(["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"
+  componentId: "sc-dgb761-2"
 })(["display:flex;", ";transition:opacity ", ";margin-top:-7px;margin-bottom:-7px;margin-left:-4px;margin-right:12px;align-items:center;", ""], function (props) {
   return props.visible ? visibleElementStyle() : hiddenElementStyle();
 }, TRANSITION_FN, function (props) {
@@ -48,7 +48,7 @@ var applySizeStyles = function applySizeStyles(props) {
 };
 export var Wrapper = styled(MenuItem).withConfig({
   displayName: "Textstyles__Wrapper",
-  componentId: "dgb761-3"
+  componentId: "sc-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:12px;", " ", " > .-title-content,> .ant-menu-title-content{display:flex;flex-grow:1;max-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) {
   return !props.description && props.size === ItemSize.DEFAULT && "max-height: 32px;";
 }, function (props) {
@@ -106,19 +106,19 @@ export var Wrapper = styled(MenuItem).withConfig({
 });
 export var Content = styled.div.withConfig({
   displayName: "Textstyles__Content",
-  componentId: "dgb761-4"
+  componentId: "sc-dgb761-4"
 })(["text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:13px;line-height:1.39;min-height:18px;align-items:center;flex-wrap:wrap;user-select:none;", ""], function (props) {
   return !!props.highlight && "\n  font-weight:400;\n  & > .search-highlight{\n    font-weight:600;\n  }\n  ";
 });
 export var Description = styled.div.withConfig({
   displayName: "Textstyles__Description",
-  componentId: "dgb761-5"
+  componentId: "sc-dgb761-5"
 })(["text-overflow:ellipsis;overflow:hidden;color:", ";font-weight:normal;line-height:1.39;font-size:13px;width:100%;"], function (props) {
   return props.theme.palette['grey-600'];
 });
 export var SuffixWraper = styled.div.withConfig({
   displayName: "Textstyles__SuffixWraper",
-  componentId: "dgb761-6"
+  componentId: "sc-dgb761-6"
 })(["justify-content:flex-end;display:flex;transition:opacity ", ";", ";", ";svg{margin-right:-4px;}"], TRANSITION_FN, function (props) {
   return props.visible ? visibleElementStyle() : hiddenElementStyle();
 }, function (props) {
@@ -126,9 +126,9 @@ export var SuffixWraper = styled.div.withConfig({
 });
 export var ContentWrapper = styled.div.withConfig({
   displayName: "Textstyles__ContentWrapper",
-  componentId: "dgb761-7"
+  componentId: "sc-dgb761-7"
 })(["padding:7px 0;width:100%;display:flex;align-items:center;flex-wrap:nowrap;user-select:none;"]);
 export var ContentDivider = styled.div.withConfig({
   displayName: "Textstyles__ContentDivider",
-  componentId: "dgb761-8"
+  componentId: "sc-dgb761-8"
 })(["flex:1;"]);

package/dist/Elements/SubMenu/SubMenu.js

@@ -11,6 +11,7 @@ import * as S from '../../Menu.styles';
 import MenuItem from '../Item/MenuItem';
 import SubmenuText from '../Item/SubmenuText/SubmenuText';
 var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
+  _inheritsLoose(SubMenuItem, _React$PureComponent);
   function SubMenuItem(props) {
     var _this;
     _this = _React$PureComponent.call(this, props) || this;
@@ -20,7 +21,6 @@ var SubMenuItem = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-  _inheritsLoose(SubMenuItem, _React$PureComponent);
   var _proto = SubMenuItem.prototype;
   _proto.render = function render() {
     var _this$props = this.props,

package/dist/Menu.js

@@ -16,6 +16,7 @@ import MenuItem from './Elements/Item/MenuItem';
 import Breadcrumb from './Elements/Breadcrumb/Breadcrumb';
 import Header from './Elements/Header/Header';
 export var Menu = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Menu, _Component);
   function Menu() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -27,7 +28,6 @@ export var Menu = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-  _inheritsLoose(Menu, _Component);
   var _proto = Menu.prototype;
   _proto.toggleItems = function toggleItems() {
     var allItemsVisible = this.state.allItemsVisible;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.21.8",
+  "version": "0.21.10",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -21,7 +21,7 @@
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
     "build:watch": "npm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
-    "pack:ci": "npm pack --pack-destination ../../portal/storybook-static/static",
+    "pack:ci": "npm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "npm run build",
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
@@ -34,10 +34,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.23.2",
-    "@synerise/ds-icon": "^0.71.2",
-    "@synerise/ds-tooltip": "^0.16.1",
-    "@synerise/ds-utils": "^0.32.2",
+    "@synerise/ds-button": "^0.23.4",
+    "@synerise/ds-icon": "^0.72.1",
+    "@synerise/ds-tooltip": "^0.16.3",
+    "@synerise/ds-utils": "^0.32.3",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
     "rc-menu": "~9.6.3",
@@ -50,5 +50,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "7b1edcd256eb34848761e3649a8c21a411966a98"
+  "gitHead": "a176b46dab123cd503247ae57022f8e808772d68"
 }