style: update with PF styles and fix unit tests

Author: apinkert

packages/module/src/ListManager/ListManager.test.tsx

@@ -18,9 +18,9 @@ jest.mock('@patternfly/react-drag-drop', () => {
 });
 
 const mockColumns = [
-  { key: 'name', title: 'Name', isShown: true, isShownByDefault: true },
-  { key: 'status', title: 'Status', isShown: true, isShownByDefault: true },
-  { key: 'version', title: 'Version', isShown: false, isShownByDefault: false },
+  { key: 'name', title: 'Name', isSelected: true, isShownByDefault: true },
+  { key: 'status', title: 'Status', isSelected: true, isShownByDefault: true },
+  { key: 'version', title: 'Version', isSelected: false, isShownByDefault: false },
 ];
 
 describe('ListManager', () => {
@@ -46,7 +46,7 @@ describe('ListManager', () => {
     const nameCheckbox = screen.getByTestId('column-check-name');
     await userEvent.click(nameCheckbox);
     expect(nameCheckbox).not.toBeChecked();
-    expect(onSelect).toHaveBeenCalledWith(expect.objectContaining({ key: 'name', isShown: false }));
+    expect(onSelect).toHaveBeenCalledWith(expect.objectContaining({ key: 'name', isSelected: false }));
   });
 
   it('selects all columns', async () => {

packages/module/src/ListManager/ListManager.tsx

@@ -101,7 +101,7 @@ const ListManager: FunctionComponent<ListManagerProps> = (
 
   return (
     <>
-      <div style={{ paddingBottom: '1rem' }}>
+      <div style={{ paddingBlockEnd: 'var(--pf-t--global--spacer--md)' }}>
         <BulkSelect
           canSelectAll
           isDataPaginated={false}
@@ -149,7 +149,7 @@ const ListManager: FunctionComponent<ListManagerProps> = (
           wrapper={<DataList aria-label="Selected columns" isCompact data-ouia-component-id={`${ouiaId}-column-list`}/>}
         />
       </DragDropSort>
-      <ActionList style={{ paddingTop: '1rem' }}>
+      <ActionList style={{ paddingBlockStart: 'var(--pf-t--global--spacer--md)' }}>
         <ActionListGroup>
           <ActionListItem>
             <Button key="save" variant={ButtonVariant.primary} onClick={handleSave} ouiaId={`${ouiaId}-save-button`}>