@paygreen/pgui 2.13.1 → 2.13.3

package/dist/cjs/index.js

@@ -55943,12 +55943,12 @@ var SideNav = function (_a) {
     }
     var flexBgGradient = useColorModeValue(theme.colors.gradients.primary, 'linear(to-l, gray.900, gray.900)');
     var color = useColorModeValue('white', 'gray.50');
-    return (React__default["default"].createElement(react.Flex, __assign$g({ w: "20rem", h: "100vh", flexDir: "column", bgGradient: flexBgGradient, color: color, pt: 6, px: 6, overflow: "auto", position: "fixed", top: "0", left: "0", sx: customScrollBar }, props), children));
+    return (React__default["default"].createElement(react.Flex, __assign$g({ w: "18rem", h: "100vh", flexDir: "column", bgGradient: flexBgGradient, color: color, pt: 6, px: 6, overflow: "auto", position: "fixed", top: "0", left: "0", sx: customScrollBar }, props), children));
 };
 var SideNavContainer = function (props) { return (React__default["default"].createElement(react.VStack, __assign$g({ spacing: 6, alignItems: "inherit", minH: "100%" }, props))); };
 var SideNavHeader = function (_a) {
     var children = _a.children, rest = __rest$c(_a, ["children"]);
-    return (React__default["default"].createElement(react.Flex, __assign$g({ h: "3.2rem", alignItems: "center" }, rest), children));
+    return (React__default["default"].createElement(react.Flex, __assign$g({ alignItems: "center" }, rest), children));
 };
 var SideNavBody = function (_a) {
     var children = _a.children, rest = __rest$c(_a, ["children"]);
@@ -55966,7 +55966,7 @@ var SideNavMenu = function (_a) {
     };
     var color = useColorModeValue('white', 'gray.100');
     return (React__default["default"].createElement(react.VStack, __assign$g({ spacing: 1, alignItems: "inherit", h: "full", w: "full" }, rest),
-        React__default["default"].createElement(react.Text, __assign$g({ fontSize: "lg", fontWeight: "bold", color: color, textTransform: "uppercase" }, textProps), title),
+        React__default["default"].createElement(react.Text, __assign$g({ fontWeight: "bold", color: color, textTransform: "uppercase" }, textProps), title),
         children));
 };
 var SideNavMenuItem = function (_a) {
@@ -55978,10 +55978,10 @@ var SideNavMenuItem = function (_a) {
     if (isActive) {
         var bg = useColorModeValue('white', 'gray.800');
         var color = useColorModeValue('brand.600', 'gray.200');
-        return (React__default["default"].createElement(react.Button, __assign$g({ w: "full", justifyContent: "flex-start", background: bg, color: color, fontSize: 'lg' }, rest), children));
+        return (React__default["default"].createElement(react.Button, __assign$g({ w: "full", justifyContent: "flex-start", background: bg, color: color }, rest), children));
     }
     var btnColor = useColorModeValue('brand.50', 'gray.200');
-    return (React__default["default"].createElement(react.Button, __assign$g({ w: "full", justifyContent: "flex-start", background: "transparent", color: btnColor, fontSize: 'lg', _hover: { background: 'whiteAlpha.200' }, _focus: { background: 'whiteAlpha.200' }, _active: { background: 'whiteAlpha.200' } }, rest), children));
+    return (React__default["default"].createElement(react.Button, __assign$g({ w: "full", justifyContent: "flex-start", background: "transparent", color: btnColor, _hover: { background: 'whiteAlpha.200' }, _focus: { background: 'whiteAlpha.200' }, _active: { background: 'whiteAlpha.200' } }, rest), children));
 };
 
 var TopBar = function (props) { return (React__default["default"].createElement(react.Stack, __assign$g({ minH: "4.6875rem", bg: react.useColorModeValue('white', 'gray.900'), boxShadow: "layout", w: "full", borderRadius: "0", justifyContent: "space-between", spacing: 2, alignItems: { base: 'inherit', xl: 'center' }, direction: { base: 'column', xl: 'row' }, py: { base: 4, xl: 0 } }, props))); };
@@ -56234,8 +56234,7 @@ var customVariant = function (_a) {
 var button = {
     baseStyle: {
         borderRadius: 'md',
-        fontWeight: 'semibold',
-        lineHeight: '0px'
+        fontWeight: 'semibold'
     },
     variants: {
         '@primary': function (props) {
@@ -56678,7 +56677,7 @@ var largeSizes = {
     '3xs': '14rem',
     '2xs': '16rem',
     xs: '20rem',
-    nav: '20rem',
+    nav: '18rem',
     sm: '24rem',
     md: '28rem',
     lg: '32rem',
@@ -56966,7 +56965,10 @@ var externalsStyles = function (props) {
     return Object.values(rawStyle).reduce(function (acc, cur) { return (__assign$g(__assign$g({}, acc), (typeof cur === 'function' ? cur(props) : cur))); }, {});
 };
 var styles = {
-    global: function (props) { return (__assign$g({ '#chakra-toast-portal > *': {
+    global: function (props) { return (__assign$g({ body: {
+            fontFamily: 'body',
+            fontSize: 'md'
+        }, '#chakra-toast-portal > *': {
             pt: 'safe-top',
             pl: 'safe-left',
             pr: 'safe-right',