@paygreen/pgui 2.11.0 → 2.11.1

package/dist/esm/index.js

@@ -315,7 +315,7 @@ var DataListAccordionButton = function (_a) {
 };
 var DataListAccordionIcon = function (_a) {
     var rest = __rest$c(_a, []);
-    return (React__default.createElement(AccordionIcon, __assign$g({ borderRadius: "full", _groupFocus: { boxShadow: 'outline' } }, rest)));
+    return (React__default.createElement(AccordionIcon, __assign$g({ borderRadius: ".5rem", _groupFocus: { boxShadow: 'outline' } }, rest)));
 };
 var DataListAccordionPanel = function (_a) {
     var rest = __rest$c(_a, []);
@@ -341,8 +341,8 @@ var DataListRow = function (_a) {
         }
         : {};
     return (React__default.createElement(Flex$1, __assign$g({ d: !showRow ? 'none' : undefined, position: "relative", borderBottom: "1px solid", borderBottomColor: "gray.100", transition: "0.2s", _dark: {
-            borderBottomColor: 'gray.900',
-            _hover: isHover ? { bg: 'blackAlpha.200' } : undefined
+            borderBottomColor: 'gray.700',
+            _hover: isHover ? { bg: 'whiteAlpha.50' } : undefined
         }, _hover: isHover ? { bg: 'gray.50' } : undefined }, disabledProps, rest)));
 };
 var DataListHeader = function (_a) {
@@ -368,9 +368,7 @@ var DataList = function (_a) {
             columns: columns,
             isHover: isHover
         } },
-        React__default.createElement(Accordion, __assign$g({ display: "flex", flexDirection: "column", position: "relative", boxShadow: "md", borderRadius: "base", overflowX: "auto", overflowY: "hidden", allowMultiple: allowMultiple && !allowToggle, allowToggle: allowToggle, bg: "white", _dark: {
-                bg: 'gray.900'
-            } }, rest))));
+        React__default.createElement(Accordion, __assign$g({ border: "2px solid", borderBottom: "none", borderColor: useColorModeValue('gray.100', 'gray.700'), borderRadius: ".5rem", display: "flex", flexDirection: "column", position: "relative", boxShadow: "md", overflow: "hidden", allowMultiple: !allowToggle ? allowMultiple : false, allowToggle: allowToggle, bg: useColorModeValue('white', 'gray.900') }, rest))));
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -55004,7 +55002,7 @@ var SideNavMenuItem = function (_a) {
     return (React__default.createElement(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.createElement(Stack, __assign$g({ minH: "4.6875rem", bg: useColorModeValue('white', 'gray.900'), boxShadow: "layout", w: "full", borderRadius: "0 0 1.25rem 1.25rem", justifyContent: "space-between", spacing: 2, alignItems: { base: 'inherit', xl: 'center' }, direction: { base: 'column', xl: 'row' }, py: { base: 4, xl: 0 } }, props))); };
+var TopBar = function (props) { return (React__default.createElement(Stack, __assign$g({ minH: "4.6875rem", bg: 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))); };
 var TopBarFirstElement = function (props) { return (React__default.createElement(Flex$1, __assign$g({ px: 6, flexDir: "column" }, props))); };
 var TopBarLastElement = function (props) { return (React__default.createElement(HStack, __assign$g({ px: 6, spacing: 4, justifyContent: "flex-end" }, props))); };
 var TopBarBackAction = function (_a) {