@synerise/ds-menu 0.18.23 → 0.19.1

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.19.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.19.0...@synerise/ds-menu@0.19.1) (2024-06-05)
+
+
+### Bug Fixes
+
+* **menu:** fix focus and active state ([0d09b8e](https://github.com/Synerise/synerise-design/commit/0d09b8eed10cef19562646e3ec68a18f31bae644))
+
+
+
+
+
+# [0.19.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.18.23...@synerise/ds-menu@0.19.0) (2024-05-29)
+
+
+### Features
+
+* **list-item:** added prefix, suffix, ordered props ([3927035](https://github.com/Synerise/synerise-design/commit/39270352b6a681f3ac402edb6c2fb7a245883304))
+
+
+
+
+
 ## [0.18.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-menu@0.18.22...@synerise/ds-menu@0.18.23) (2024-05-16)
 
 **Note:** Version bump only for package @synerise/ds-menu

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FlattenSimpleInterpolation } from 'styled-components';
 import { ThemeProps } from '@synerise/ds-core';
 export declare const ArrowRight: import("styled-components").StyledComponent<"div", any, {
@@ -14,5 +15,5 @@ export declare const BreadcrumbName: import("styled-components").StyledComponent
 export declare const disableDefaultClickingStyles: (props: ThemeProps & {
     disabled?: boolean;
 }) => FlattenSimpleInterpolation;
-export declare const Breadcrumb: import("styled-components").StyledComponent<({ children, disabled, onPathClick, compact, ...rest }: any) => JSX.Element, any, {}, never>;
+export declare const Breadcrumb: import("styled-components").StyledComponent<({ children, disabled, onPathClick, compact, ...rest }: any) => React.JSX.Element, any, {}, never>;
 export declare const BreadcrumbRoute: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -4,8 +4,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+import React from 'react';
 import styled, { css } from 'styled-components';
-import * as React from 'react';
 import Text from '../Item/Text/Text';
 import { PrefixelWrapper } from '../Item/Text/Text.styles'; // eslint-disable-next-line @typescript-eslint/no-empty-function
 

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

@@ -1 +1,2 @@
-export declare const DangerItem: import("styled-components").StyledComponent<({ children, disabled, ...rest }: any) => JSX.Element, any, {}, never>;
+import * as React from 'react';
+export declare const DangerItem: import("styled-components").StyledComponent<({ children, disabled, ...rest }: any) => React.JSX.Element, any, {}, never>;

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

@@ -1 +1,2 @@
-export declare const SelectItem: import("styled-components").StyledComponent<({ children, disabled, ...rest }: any) => JSX.Element, any, {}, never>;
+import * as React from 'react';
+export declare const SelectItem: import("styled-components").StyledComponent<({ children, disabled, ...rest }: any) => React.JSX.Element, any, {}, never>;

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

@@ -1,2 +1,3 @@
+import * as React from 'react';
 export declare const SubtitleItemWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const SubmenuText: import("styled-components").StyledComponent<({ children, disabled, childrenCollapsed, ...rest }: any) => JSX.Element, any, {}, never>;
+export declare const SubmenuText: import("styled-components").StyledComponent<({ children, disabled, childrenCollapsed, ...rest }: any) => React.JSX.Element, any, {}, never>;

package/dist/Menu.styles.js

@@ -23,11 +23,19 @@ export var MenuDivider = styled.div.withConfig({
 export var AntdMenu = styled(Menu).withConfig({
   displayName: "Menustyles__AntdMenu",
   componentId: "sc-10eu0qe-1"
-})(["", " ", " > li{> .ant-menu-submenu-title{padding-left:12px !important;}&:not(.ant-menu-submenu){padding-left:12px !important;}}.ant-menu-submenu-title{display:flex;", " .ds-submenu-title-wrapper{", " .ds-submenu-title{padding-top:5px;padding-bottom:5px;", "}}}&&{.ant-menu-submenu-open{.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right-width:0px;margin:8px 0 8px 0;}}}", ""], function (props) {
+})(["", " ", " > li{> .ant-menu-submenu-title{padding-left:12px !important;}&:not(.ant-menu-submenu){padding-left:12px !important;}}.ant-menu-submenu-title{display:flex;", " .ds-submenu-title-wrapper{", " .ds-submenu-title{padding-top:5px;padding-bottom:5px;", "}}}&&& .ant-menu-item-selected{&:focus:not(:active){color:", ";background:", ";box-shadow:inset 0 0 0 2px ", ";&::before{color:", ";}}}&&{.ant-menu-submenu-open{.ant-menu-inline,.ant-menu-vertical,.ant-menu-vertical-left{border-right-width:0px;margin:8px 0 8px 0;}}}", ""], function (props) {
   return Boolean(props.asDropdownMenu) && !props.asInfoCardContainer && css(["&&{padding:8px;width:194px;"]);
 }, function (props) {
   return !!props.ordered && css(["&,ul{counter-reset:custom-counter;li:not(.ds-submenu-title){counter-increment:custom-counter;&::before{content:'0' counter(custom-counter) '. \\a0';line-height:1.39;font-weight:normal;color:", ";}}li.ant-menu-submenu{&::before{content:'';}}}"], props.theme.palette['grey-500']);
 }, overflowStyles, overflowStyles, overflowStyles, function (props) {
+  return props.theme.palette['blue-600'];
+}, function (props) {
+  return props.theme.palette['blue-050'];
+}, function (props) {
+  return props.theme.palette['blue-600'];
+}, function (props) {
+  return props.theme.palette['blue-600'];
+}, function (props) {
   return Boolean(props.asInfoCardContainer) && css(["&&& li.ds-menu-item{padding:0 !important;}"]);
 });
 export var SubMenuItem = styled(Menu.SubMenu).withConfig({
@@ -48,9 +56,9 @@ export var SubMenuItem = styled(Menu.SubMenu).withConfig({
 }, function (props) {
   return !!props.ordered && css(["&::before{content:'0' counter(custom-counter) '. \\a0';line-height:1.39;font-weight:normal;color:", ";}"], props.theme.palette['grey-500']);
 }, function (props) {
-  return props.theme.palette['grey-050'];
+  return props.theme.palette['blue-050'];
 }, function (props) {
-  return props.theme.palette['grey-600'];
+  return props.theme.palette['blue-600'];
 }, function (props) {
   return props.theme.palette['blue-600'];
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-menu",
-  "version": "0.18.23",
+  "version": "0.19.1",
   "description": "Menu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,9 +33,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.61.0",
-    "@synerise/ds-tooltip": "^0.14.28",
-    "@synerise/ds-utils": "^0.26.6",
+    "@synerise/ds-icon": "^0.62.0",
+    "@synerise/ds-tooltip": "^0.14.29",
+    "@synerise/ds-utils": "^0.27.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
     "rc-menu": "8.10.7",
@@ -52,5 +52,5 @@
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "fc089bbf34c691a313b3fa648851d7831a23e3d0"
+  "gitHead": "81acd8bf6b5fb04a22647e43d2c9289dcceb61a2"
 }