Currently, the generated CSS gives warnings downstream. Would be nice to resolve this:
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressBar.js 32:41-52
"export 'progressBar' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressContainer.js 64:23-42
"export 'progressDescription' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressBar.js 35:23-40
"export 'progressIndicator' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressContainer.js 72:25-40
"export 'progressMeasure' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressBar.js 38:25-40
"export 'progressMeasure' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressContainer.js 69:23-37
"export 'progressStatus' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
WARNING in ./node_modules/@patternfly/react-core/dist/esm/components/Progress/ProgressContainer.js 77:25-43
"export 'progressStatusIcon' was not found in '../../@patternfly/patternfly-next/components/Progress/progress.css.js'
Should be import styles from '....css'
and then use styles.progressBar etc
Most helpful comment
https://github.com/patternfly/patternfly-react/blob/29cdbc2b4a4ac02af52aadf61c0fb801fef2b0f2/packages/patternfly-4/react-core/src/components/Progress/ProgressBar.js#L2
Should be
import styles from '....css'and then use
styles.progressBaretc