chore: cleanup lint config, add node engine, improve SerialConsoleActions styles

- Target md files directly in lint:md command instead of ignoring non-md
- Add .eslintcache to eslint ignores
- Add engines.node >= 22 to package.json
- Use gap instead of per-button marginRight in SerialConsoleActions
- Update snapshots

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: nicolethoen

eslint-md.config.mjs

@@ -9,11 +9,7 @@ export default [
       '**/.cache/**',
       '**/node_modules/**',
       '**/generated/**',
-      '**/CHANGELOG.md',
-      '**/*.js',
-      '**/*.jsx',
-      '**/*.ts',
-      '**/*.tsx'
+      '**/CHANGELOG.md'
     ]
   },
   {

eslint.config.mjs

@@ -18,7 +18,8 @@ export default [
       '**/.changelog/**',
       '**/coverage/**',
       '**/.tmp/**',
-      '**/generated/**'
+      '**/generated/**',
+      '**/.eslintcache'
     ]
   },
   js.configs.recommended,

package.json

@@ -7,6 +7,9 @@
   "workspaces": [
     "packages/*"
   ],
+  "engines": {
+    "node": ">=22"
+  },
   "scripts": {
     "build": "yarn workspace @patternfly/react-console build",
     "build:watch": "npm run build:watch -w @patternfly/react-console",
@@ -15,7 +18,7 @@
     "serve:docs": "yarn workspace @patternfly/react-console docs:serve",
     "clean": "yarn workspace @patternfly/react-console clean",
     "lint:js": "node --max-old-space-size=4096 node_modules/.bin/eslint packages --cache",
-    "lint:md": "yarn eslint packages --config eslint-md.config.mjs --cache",
+    "lint:md": "yarn eslint \"packages/**/*.md\" --config eslint-md.config.mjs --cache",
     "lint": "yarn lint:js && yarn lint:md",
     "test": "TZ=EST jest packages",
     "test:a11y": "yarn workspace @patternfly/react-console test:a11y",

packages/module/src/components/AccessConsoles/__snapshots__/AccessConsoles.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`AccessConsoles Empty 1`] = `
 <DocumentFragment>

packages/module/src/components/SerialConsole/SerialConsoleActions.tsx

@@ -14,12 +14,17 @@ export const SerialConsoleActions: React.FunctionComponent<SerialConsoleActionsP
 }: SerialConsoleActionsProps) => (
   <div
     className="console-actions-serial"
-    style={{ gridArea: 'actions-extra', display: 'flex', justifyContent: 'flex-end' }}
+    style={{
+      gridArea: 'actions-extra',
+      display: 'flex',
+      justifyContent: 'flex-end',
+      gap: 'var(--pf-t--global--spacer--sm)'
+    }}
   >
-    <Button variant="secondary" onClick={props.onDisconnect} style={{ marginRight: 'var(--pf-t--global--spacer--sm)' }}>
+    <Button variant="secondary" onClick={props.onDisconnect}>
       {textDisconnect}
     </Button>
-    <Button variant="secondary" onClick={props.onReset} style={{ marginRight: 'var(--pf-t--global--spacer--sm)' }}>
+    <Button variant="secondary" onClick={props.onReset}>
       {textReset}
     </Button>
   </div>

packages/module/src/components/SerialConsole/__snapshots__/SerialConsole.test.tsx.snap

@@ -52,14 +52,13 @@ exports[`SerialConsole in the LOADING state 1`] = `
 <DocumentFragment>
   <div
     class="console-actions-serial"
-    style="grid-area: actions-extra; display: flex; justify-content: flex-end;"
+    style="grid-area: actions-extra; display: flex; justify-content: flex-end; gap: var(--pf-t--global--spacer--sm);"
   >
     <button
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-1"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -73,7 +72,6 @@ exports[`SerialConsole in the LOADING state 1`] = `
       data-ouia-component-id="OUIA-Generated-Button-secondary-2"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -136,14 +134,13 @@ exports[`SerialConsole with CONNECTED state renders 1`] = `
 <DocumentFragment>
   <div
     class="console-actions-serial"
-    style="grid-area: actions-extra; display: flex; justify-content: flex-end;"
+    style="grid-area: actions-extra; display: flex; justify-content: flex-end; gap: var(--pf-t--global--spacer--sm);"
   >
     <button
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-3"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -157,7 +154,6 @@ exports[`SerialConsole with CONNECTED state renders 1`] = `
       data-ouia-component-id="OUIA-Generated-Button-secondary-4"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span

packages/module/src/components/SerialConsole/__snapshots__/SerialConsoleActions.test.tsx.snap

@@ -4,14 +4,13 @@ exports[`Render SerialConsoleActions 1`] = `
 <DocumentFragment>
   <div
     class="console-actions-serial"
-    style="grid-area: actions-extra; display: flex; justify-content: flex-end;"
+    style="grid-area: actions-extra; display: flex; justify-content: flex-end; gap: var(--pf-t--global--spacer--sm);"
   >
     <button
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-1"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -25,7 +24,6 @@ exports[`Render SerialConsoleActions 1`] = `
       data-ouia-component-id="OUIA-Generated-Button-secondary-2"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -42,14 +40,13 @@ exports[`Render SerialConsoleActions with custom texts 1`] = `
 <DocumentFragment>
   <div
     class="console-actions-serial"
-    style="grid-area: actions-extra; display: flex; justify-content: flex-end;"
+    style="grid-area: actions-extra; display: flex; justify-content: flex-end; gap: var(--pf-t--global--spacer--sm);"
   >
     <button
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-3"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span
@@ -63,7 +60,6 @@ exports[`Render SerialConsoleActions with custom texts 1`] = `
       data-ouia-component-id="OUIA-Generated-Button-secondary-4"
       data-ouia-component-type="PF6/Button"
       data-ouia-safe="true"
-      style="margin-right: var(--pf-t--global--spacer--sm);"
       type="button"
     >
       <span

packages/module/src/components/VncConsole/__snapshots__/VncConsole.test.tsx.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`placeholder render test 1`] = `
 <DocumentFragment>