feat(Wizard): use height token to set height

patternfly · May 2, 2024 · 931cd2c · 931cd2c
1 parent 868041f
commit 931cd2c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/react-core/src/components/Wizard/Wizard.tsx b/packages/react-core/src/components/Wizard/Wizard.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
+import wizardHeightToken from '@patternfly/react-tokens/dist/esm/c_wizard_Height';
 
 import {
   isWizardParentStep,
@@ -161,7 +162,7 @@ export const Wizard = ({
       <div
         className={css(styles.wizard, className)}
         style={{
-          ...(height ? { height } : {}),
+          ...(height ? { [wizardHeightToken.name]: height } : {}),
           ...(width ? { width } : {})
         }}
         {...wrapperProps}

diff --git a/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx b/packages/react-core/src/components/Wizard/__tests__/Wizard.test.tsx
@@ -190,7 +190,6 @@ test(`can customize the wizard's height and width`, () => {
 
   const wizard = screen.getByTestId('wizard-id');
 
-  expect(wizard).toHaveStyle('height: 500px');
   expect(wizard).toHaveStyle('width: 500px');
 });