@synerise/ds-app-menu 1.0.12 → 1.0.13

package/dist/AppMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AppMenuProps } from './AppMenu.types';
+import { type AppMenuProps } from './AppMenu.types';
 declare const AppMenu: {
-    ({ className, children, footer, activeItem: activeId, top }: AppMenuProps): React.JSX.Element;
+    ({ className, children, footer, activeItem: activeId, top, }: AppMenuProps): React.JSX.Element;
     SubMenu: React.FC<import("./SubMenu/SubMenu.types").SubMenuProps> & import("./SubMenu/SubMenu.types").SubComponents;
     Item: {
         ({ children, subMenu, id, name, className }: {
@@ -12,10 +12,10 @@ declare const AppMenu: {
         } & {
             children?: React.ReactNode;
         }): React.JSX.Element;
-        Icon: React.FC<{
+        Icon: ({ active, inActive }: {
             active: React.ReactNode;
             inActive: React.ReactNode;
-        }>;
+        }) => React.JSX.Element;
     };
 };
 export default AppMenu;

package/dist/AppMenu.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { useOnClickOutside } from '@synerise/ds-utils';
-import SubMenu from './SubMenu/SubMenu';
-import MenuContext from './MenuContext/MenuContext';
+import * as S from './AppMenu.styles';
 import Item from './Item/Item';
+import MenuContext from './MenuContext/MenuContext';
 import NavigableItems from './NavigableItems/NavigableItems';
-import * as S from './AppMenu.styles';
+import SubMenu from './SubMenu/SubMenu';
 var AppMenu = function AppMenu(_ref) {
   var className = _ref.className,
     children = _ref.children,

package/dist/AppMenu.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, ReactNodeArray } from 'react';
+import { type ReactNode, type ReactNodeArray } from 'react';
 export type AppMenuProps = {
     className?: string;
     activeItem: string;

package/dist/Item/Icon/Icon.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
-declare const Icon: React.FC<{
-    active: React.ReactNode;
-    inActive: React.ReactNode;
-}>;
-export default Icon;
+import React, { type ReactNode } from 'react';
+type AppMenuIconProps = {
+    active: ReactNode;
+    inActive: ReactNode;
+};
+export declare const AppMenuIcon: ({ active, inActive }: AppMenuIconProps) => React.JSX.Element;
+export default AppMenuIcon;

package/dist/Item/Icon/Icon.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import IconComponent from '@synerise/ds-icon';
 import * as S from './Icon.styles';
-var Icon = function Icon(_ref) {
+export var AppMenuIcon = function AppMenuIcon(_ref) {
   var active = _ref.active,
     inActive = _ref.inActive;
   return /*#__PURE__*/React.createElement(S.Wrapper, null, /*#__PURE__*/React.createElement(IconComponent, {
@@ -12,4 +12,4 @@ var Icon = function Icon(_ref) {
     component: inActive
   }));
 };
-export default Icon;
+export default AppMenuIcon;

package/dist/Item/Icon/Icon.styles.js

@@ -2,5 +2,7 @@ import styled from 'styled-components';
 export var Wrapper = styled.div.withConfig({
   displayName: "Iconstyles__Wrapper",
   componentId: "sc-1gdlsp-0"
-})(["position:relative;height:24px;width:24px;.item__icon{position:absolute;transition:opacity 0.3s ease-in-out;}"]);
+})(["position:relative;height:24px;width:24px;color:", ";.item__icon{position:absolute;transition:opacity 0.3s ease-in-out;}"], function (props) {
+  return props.theme.palette['grey-600'];
+});
 export default Wrapper;

package/dist/Item/Item.d.ts

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, ReactElement } from 'react';
+import React, { type PropsWithChildren, type ReactElement } from 'react';
 type ItemProps = PropsWithChildren<{
     subMenu?: ReactElement;
     id: string;
@@ -7,9 +7,9 @@ type ItemProps = PropsWithChildren<{
 }>;
 declare const Item: {
     ({ children, subMenu, id, name, className }: ItemProps): React.JSX.Element;
-    Icon: React.FC<{
+    Icon: ({ active, inActive }: {
         active: React.ReactNode;
         inActive: React.ReactNode;
-    }>;
+    }) => React.JSX.Element;
 };
 export default Item;

package/dist/Item/Item.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import Tooltip from '@synerise/ds-tooltip';
-import SubMenuContext from '../SubMenu/SubMenuContext/SubMenuContext';
 import MenuContext from '../MenuContext/MenuContext';
+import SubMenuContext from '../SubMenu/SubMenuContext/SubMenuContext';
 import Icon from './Icon/Icon';
 import * as S from './Item.styles';
 var Item = function Item(_ref) {

package/dist/NavigableItems/NavigableItems.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Icon, { AngleDownS, AngleUpS } from '@synerise/ds-icon';
-import * as S from './NavigableItems.styles';
 import * as ItemStyles from '../Item/Item.styles';
+import * as S from './NavigableItems.styles';
 var itemHeight = 64;
 var animationTime = 100;
 var NavigableItems = function NavigableItems(_ref) {

package/dist/SubMenu/Item/Item.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemProps } from './Item.types';
+import { type ItemProps } from './Item.types';
 declare const Item: {
     ({ children, active }: ItemProps): React.JSX.Element;
     Action: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/SubMenu/Item/Item.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import * as S from './Item.styles';
+import { type ReactNode } from 'react';
+import type * as S from './Item.styles';
 export type ItemProps = {
     active?: boolean;
     children?: ReactNode;

package/dist/SubMenu/SubMenu.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SubComponents, SubMenuProps } from './SubMenu.types';
+import { type SubComponents, type SubMenuProps } from './SubMenu.types';
 declare const SubMenu: React.FC<SubMenuProps> & SubComponents;
 export default SubMenu;

package/dist/SubMenu/SubMenu.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import * as S from './SubMenu.styles';
 import Item from './Item/Item';
+import * as S from './SubMenu.styles';
 import SubMenuContext from './SubMenuContext/SubMenuContext';
 var SubMenu = function SubMenu(_ref) {
   var children = _ref.children,

package/dist/SubMenu/SubMenu.types.d.ts

@@ -1,6 +1,6 @@
-import { CSSProperties, ReactNode } from 'react';
-import * as S from './SubMenu.styles';
-import Item from './Item/Item';
+import { type CSSProperties, type ReactNode } from 'react';
+import type Item from './Item/Item';
+import type * as S from './SubMenu.styles';
 export type SubMenuProps = {
     className?: string;
     style?: CSSProperties;

package/dist/SubMenu/SubMenuContext/SubMenuContext.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { SubMenuContextType } from './SubMenuContext.types';
+import { type SubMenuContextType } from './SubMenuContext.types';
 declare const SubMenuContext: import("react").Context<SubMenuContextType>;
 export default SubMenuContext;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-app-menu",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "description": "AppMenu UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,15 +34,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^1.5.3",
-    "@synerise/ds-tooltip": "^1.1.11",
-    "@synerise/ds-typography": "^1.0.12",
-    "@synerise/ds-utils": "^1.3.0"
+    "@synerise/ds-icon": "^1.5.4",
+    "@synerise/ds-tooltip": "^1.1.12",
+    "@synerise/ds-typography": "^1.0.13",
+    "@synerise/ds-utils": "^1.3.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "11fe1d29b2ac23e70c3d5e6ce8ae20201a619a34"
+  "gitHead": "4512641033ba3581a3df208143c547fcfed45895"
 }