@paygreen/pgui 2.2.0 → 2.3.0

package/dist/cjs/types/layout/SideNav/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ButtonProps, DrawerContentProps, FlexProps, StackProps } from '@chakra-ui/react';
+import { ButtonProps, DrawerContentProps, FlexProps, StackProps, TextProps } from '@chakra-ui/react';
 export declare type SideNavProps = {
     isMobileMenuOpen: boolean;
     onMobileMenuClose: () => void;
@@ -7,10 +7,13 @@ export declare type SideNavProps = {
 export declare type SideNavMenuItemProps = {
     isActive?: boolean;
 } & ButtonProps;
+export declare type SideNavMenuProps = {
+    textProps?: TextProps;
+} & StackProps;
 export declare const SideNav: ({ isMobileMenuOpen, onMobileMenuClose, children, ...props }: SideNavProps) => JSX.Element;
 export declare const SideNavContainer: (props: StackProps) => JSX.Element;
 export declare const SideNavHeader: ({ children, ...rest }: FlexProps) => JSX.Element;
 export declare const SideNavBody: ({ children, ...rest }: StackProps) => JSX.Element;
 export declare const SideNavFooter: ({ children, ...rest }: FlexProps) => JSX.Element;
-export declare const SideNavMenu: ({ title, children, ...rest }: StackProps) => JSX.Element;
+export declare const SideNavMenu: ({ title, children, textProps, ...rest }: SideNavMenuProps) => JSX.Element;
 export declare const SideNavMenuItem: ({ isActive, children, ...rest }: SideNavMenuItemProps) => JSX.Element;

package/dist/esm/index.js

@@ -47534,9 +47534,9 @@ var SideNavFooter = function (_a) {
     return (React__default.createElement(Flex, __assign$2({ flex: "1", alignItems: "flex-end", pb: 4 }, rest), children));
 };
 var SideNavMenu = function (_a) {
-    var title = _a.title, children = _a.children, rest = __rest$2(_a, ["title", "children"]);
+    var title = _a.title, children = _a.children, textProps = _a.textProps, rest = __rest$2(_a, ["title", "children", "textProps"]);
     return (React__default.createElement(VStack, __assign$2({ spacing: 1, alignItems: "inherit", h: "full", w: "full" }, rest),
-        React__default.createElement(Text, { fontSize: "sm", fontWeight: "bold", color: "white", textTransform: "uppercase" }, title),
+        React__default.createElement(Text, __assign$2({ fontSize: "md", fontWeight: "bold", color: "white", textTransform: "uppercase" }, textProps), title),
         children));
 };
 var SideNavMenuItem = function (_a) {
@@ -51271,7 +51271,7 @@ var foundations = __assign$2(__assign$2({ colors: colors }, typography), { sizes
 
 var chakraStyle = function () { return ({
     'div[data-popper-placement]': {
-        'min-width': 'auto !important'
+        minWidth: 'auto !important'
     }
 }); };