@ansible/ansible-ui-framework 0.0.226 → 0.0.227

package/cjs/PagePagination.js

@@ -21,8 +21,10 @@ function PagePagination(props) {
     var setPage = props.setPage, setPerPage = props.setPerPage;
     var onSetPage = (0, react_1.useCallback)(function (_event, page) { return setPage(page); }, [setPage]);
     var onPerPageSelect = (0, react_1.useCallback)(function (_event, perPage) { return setPerPage(perPage); }, [setPerPage]);
-    var sm = (0, useBreakPoint_1.useBreakpoint)('md');
+    var compact = !(0, useBreakPoint_1.useBreakpoint)('sm');
     var settings = (0, Settings_1.useSettings)();
-    return ((0, jsx_runtime_1.jsx)(react_core_1.Pagination, { variant: react_core_1.PaginationVariant.bottom, itemCount: props.itemCount, page: props.page, perPage: props.perPage, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect, style: __assign(__assign({}, props.style), { borderTop: 'thin solid var(--pf-global--BorderColor--100)', boxShadow: 'none', zIndex: 301, marginTop: -1, paddingTop: sm ? 6 : undefined, paddingBottom: sm ? 6 : undefined, backgroundColor: settings.theme === 'dark' ? 'var(--pf-global--BackgroundColor--300)' : undefined }) }));
+    return ((0, jsx_runtime_1.jsx)(react_core_1.Pagination, { variant: react_core_1.PaginationVariant.bottom, itemCount: props.itemCount, page: props.page, perPage: props.perPage, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect, style: __assign(__assign({}, props.style), { borderTop: 'thin solid var(--pf-global--BorderColor--100)', boxShadow: 'none', zIndex: 301, 
+            // marginTop: -1,
+            paddingTop: compact ? 6 : undefined, paddingBottom: compact ? 6 : undefined, backgroundColor: settings.theme === 'dark' ? 'var(--pf-global--BackgroundColor--300)' : undefined }) }));
 }
 exports.PagePagination = PagePagination;

package/mjs/PagePagination.js

@@ -7,16 +7,16 @@ export function PagePagination(props) {
     const { setPage, setPerPage } = props;
     const onSetPage = useCallback((_event, page) => setPage(page), [setPage]);
     const onPerPageSelect = useCallback((_event, perPage) => setPerPage(perPage), [setPerPage]);
-    const sm = useBreakpoint('md');
+    const compact = !useBreakpoint('sm');
     const settings = useSettings();
     return (_jsx(Pagination, { variant: PaginationVariant.bottom, itemCount: props.itemCount, page: props.page, perPage: props.perPage, onSetPage: onSetPage, onPerPageSelect: onPerPageSelect, style: {
             ...props.style,
             borderTop: 'thin solid var(--pf-global--BorderColor--100)',
             boxShadow: 'none',
             zIndex: 301,
-            marginTop: -1,
-            paddingTop: sm ? 6 : undefined,
-            paddingBottom: sm ? 6 : undefined,
+            // marginTop: -1,
+            paddingTop: compact ? 6 : undefined,
+            paddingBottom: compact ? 6 : undefined,
             backgroundColor: settings.theme === 'dark' ? 'var(--pf-global--BackgroundColor--300)' : undefined,
         } }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "Framework for building consistent responsive web applications using PatternFly.",
-  "version": "0.0.226",
+  "version": "0.0.227",
   "author": "Red Hat",
   "license": "MIT",
   "repository": {