diff --git a/.circleci/config.yml b/.circleci/config.yml index 1be70b87a1a..9402853315c 100644 --- a/.circleci/config.yml +++ b/.circleci/config.yml @@ -19,7 +19,7 @@ jobs: - save_cache: paths: - node_modules - - packages/react-icons/node_modules/ + - packages/react-icons/node_modules - packages/patternfly-4/react-core/node_modules - packages/patternfly-4/react-docs/node_modules - packages/patternfly-4/react-charts/node_modules @@ -42,7 +42,6 @@ jobs: cp -r packages/patternfly-4/react-docs/public .public/patternfly-4 && cp -r .public/patternfly-4/assets .public/assets && cp .public/patternfly-4/favicon* .public - no_output_timeout: 30m - run: name: Deploy Docs command: if [ -n "$CIRCLE_PULL_REQUEST" ]; then .circleci/upload_preview.sh; fi diff --git a/.travis.yml b/.travis.yml index b355ee229ce..536f707158c 100644 --- a/.travis.yml +++ b/.travis.yml @@ -27,6 +27,7 @@ cache: - packages/patternfly-4/react-core/dist - packages/patternfly-4/react-styled-system/dist - packages/patternfly-4/react-styles/dist + - packages/patternfly-4/react-styles/css - packages/patternfly-4/react-table/dist - packages/patternfly-4/react-tokens/dist - packages/patternfly-4/react-inline-edit-extension/dist @@ -60,6 +61,7 @@ jobs: name: (PF4) Jest Tests install: skip script: + - ls packages/patternfly-4/react-styles - yarn test:pf4 - npx codecov -F patternfly4 - name: (PF3 and Misc) Jest Tests diff --git a/jest.config.js b/jest.config.js index 352fafa0729..cd352076dda 100644 --- a/jest.config.js +++ b/jest.config.js @@ -29,7 +29,7 @@ module.exports = { ], snapshotSerializers: [ "enzyme-to-json/serializer", - "/packages/patternfly-4/react-core/build/snapshot-serializer" + "/packages/patternfly-4/react-core/scripts/snapshot-serializer" ], transform: { "^.+\\.(ts|tsx)?$": "ts-jest", diff --git a/packages/patternfly-3/patternfly-react/sass/patternfly-react/_classification-banner.scss b/packages/patternfly-3/patternfly-react/sass/patternfly-react/_classification-banner.scss index 9c6bcbd3811..6b570029c10 100644 --- a/packages/patternfly-3/patternfly-react/sass/patternfly-react/_classification-banner.scss +++ b/packages/patternfly-3/patternfly-react/sass/patternfly-react/_classification-banner.scss @@ -3,121 +3,122 @@ $classification-banner-height-top: 3px; $classification-banner-padding-lg: 42px; $classification-banner-padding-sm: 20px; -.classification-banner-pf-banner{ - background: $color-pf-black; - background-clip: padding-box; - color: $color-pf-white; - height: $classification-banner-height; - line-height: $classification-banner-height; - font-size: 12px; - position: relative; +.classification-banner-pf-banner { + background: $color-pf-black; + background-clip: padding-box; + color: $color-pf-white; + height: $classification-banner-height; + line-height: $classification-banner-height; + font-size: 12px; + position: relative; } -.classification-banner-pf-banner-top{ - width: 100%; - height: 31px; +.classification-banner-pf-banner-top { + width: 100%; + height: 31px; } -.classification-banner-pf-banner-top::before{ - content: ''; - background: rgba(255,255,255,0.5); - display: block; - width: 100%; - height: 3px; + +.classification-banner-pf-banner-top::before { + content: ''; + background: rgba(255, 255, 255, 0.5); + display: block; + width: 100%; + height: 3px; } -.classification-banner-pf-banner-bottom{ - width: 100%; +.classification-banner-pf-banner-bottom { + width: 100%; } -.classification-banner-pf-green{ - background: $color-pf-green; +.classification-banner-pf-green { + background: $color-pf-green; } -.classification-banner-pf-red{ - background: $color-pf-red; +.classification-banner-pf-red { + background: $color-pf-red; } -.classification-banner-pf-blue{ - background: $color-pf-blue; +.classification-banner-pf-blue { + background: $color-pf-blue; } -.classification-banner-pf-orange{ - background: $color-pf-orange; +.classification-banner-pf-orange { + background: $color-pf-orange; } -.classification-banner-pf-yellow{ - background: $color-pf-gold; +.classification-banner-pf-yellow { + background: $color-pf-gold; } -.classification-banner-pf-banner-left{ - position: absolute; - left: $classification-banner-padding-lg; - top: 50%; - transform: translate(0,-50%); - display: flex; - flex-direction: row; - justify-content: flex-start; +.classification-banner-pf-banner-left { + position: absolute; + left: $classification-banner-padding-lg; + top: 50%; + transform: translate(0, -50%); + display: flex; + flex-direction: row; + justify-content: flex-start; } -.classification-banner-pf-banner-left > span:nth-of-type(2){ - border-left: 1px solid rgba(white, 0.5); - border-right: 1px solid rgba(white, 0.5); - padding: 0 $classification-banner-padding-sm; +.classification-banner-pf-banner-left > span:nth-of-type(2) { + border-left: 1px solid rgba(white, 0.5); + border-right: 1px solid rgba(white, 0.5); + padding: 0 $classification-banner-padding-sm; } -.classification-banner-pf-banner-left > span:nth-of-type(1){ - padding-right: $classification-banner-padding-sm; +.classification-banner-pf-banner-left > span:nth-of-type(1) { + padding-right: $classification-banner-padding-sm; } -.classification-banner-pf-banner-right{ - position: absolute; - right: $classification-banner-padding-sm; - top: 50%; - transform: translate(0,-50%); - display: flex; - flex-direction: row-reverse; - justify-content: flex-start; +.classification-banner-pf-banner-right { + position: absolute; + right: $classification-banner-padding-sm; + top: 50%; + transform: translate(0, -50%); + display: flex; + flex-direction: row-reverse; + justify-content: flex-start; } -.classification-banner-pf-banner-right > span:nth-of-type(2){ - border-left: 1px solid rgba(white, 0.5); - border-right: 1px solid rgba(white, 0.5); - padding: 0 $classification-banner-padding-sm; +.classification-banner-pf-banner-right > span:nth-of-type(2) { + border-left: 1px solid rgba(white, 0.5); + border-right: 1px solid rgba(white, 0.5); + padding: 0 $classification-banner-padding-sm; } -.classification-banner-pf-banner-right > span:nth-of-type(1){ - padding-left: $classification-banner-padding-sm; +.classification-banner-pf-banner-right > span:nth-of-type(1) { + padding-left: $classification-banner-padding-sm; } -.classification-banner-pf-close:before{ - color: $color-pf-white; +.classification-banner-pf-close::before { + color: $color-pf-white; } -.classification-banner-pf-classification-level{ - text-transform: uppercase; - letter-spacing: 2px; - position: absolute; - font-weight: bolder; - font-size: 14px; - left: 50%; - top: 50%; - transform: translate(-50%,-50%); +.classification-banner-pf-classification-level { + text-transform: uppercase; + letter-spacing: 2px; + position: absolute; + font-weight: bolder; + font-size: 14px; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); } -.classification-banner-pf-children{ - height: calc(100vh - 59px); +.classification-banner-pf-children { + height: calc(100vh - 59px); } -.classification-banner-pf-children-no-bottom{ - height: calc(100vh - 31px); +.classification-banner-pf-children-no-bottom { + height: calc(100vh - 31px); } -@media only screen and (max-width: 415px){ - .classification-banner-pf-banner-left{ - visibility: hidden; - } - .classification-banner-pf-banner-right{ - visibility: hidden; - } +@media only screen and (max-width: 415px) { + .classification-banner-pf-banner-left { + visibility: hidden; + } + .classification-banner-pf-banner-right { + visibility: hidden; + } } diff --git a/packages/patternfly-4/.eslintignore b/packages/patternfly-4/.eslintignore index 0aab920cc65..7bc1c962d40 100644 --- a/packages/patternfly-4/.eslintignore +++ b/packages/patternfly-4/.eslintignore @@ -2,3 +2,4 @@ node_modules dist public react-integration/demo-app-ts/build +react-styles/css \ No newline at end of file diff --git a/packages/patternfly-4/react-core/.babelrc.js b/packages/patternfly-4/react-core/.babelrc.js index 9468a82f13a..ee1e6c7192e 100644 --- a/packages/patternfly-4/react-core/.babelrc.js +++ b/packages/patternfly-4/react-core/.babelrc.js @@ -10,40 +10,11 @@ module.exports = { } return ignore; })(), - env: { - 'production:esm': { - plugins: [ - '@babel/plugin-transform-typescript', - 'babel-plugin-typescript-to-proptypes', - '@babel/plugin-proposal-export-default-from', - '@babel/proposal-class-properties', - '@babel/proposal-object-rest-spread', - [ - '@patternfly/react-styles/babel', - { - srcDir: './src', - outDir: './dist/esm', - useModules: true - } - ] - ] - }, - 'production:cjs': { - plugins: [ - '@babel/plugin-transform-typescript', - 'babel-plugin-typescript-to-proptypes', - '@babel/plugin-proposal-export-default-from', - '@babel/proposal-class-properties', - '@babel/proposal-object-rest-spread', - [ - '@patternfly/react-styles/babel', - { - srcDir: './src', - outDir: './dist/js', - useModules: false - } - ] - ] - } - } + plugins: [ + '@babel/plugin-transform-typescript', + 'babel-plugin-typescript-to-proptypes', + '@babel/plugin-proposal-export-default-from', + '@babel/proposal-class-properties', + '@babel/proposal-object-rest-spread', + ] }; diff --git a/packages/patternfly-4/react-core/package.json b/packages/patternfly-4/react-core/package.json index 0425310d65b..cf4be2ec3b9 100644 --- a/packages/patternfly-4/react-core/package.json +++ b/packages/patternfly-4/react-core/package.json @@ -28,11 +28,11 @@ }, "homepage": "https://github.com/patternfly/patternfly-react#readme", "scripts": { - "build": "yarn typecheck && yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./build/copyStyles.js", - "build:babel": "concurrently 'yarn build:babel:cjs' 'yarn build:babel:esm' && yarn build:babel:umd", - "build:babel:cjs": "cross-env BABEL_ENV=production:cjs babel src --out-dir dist/js --extensions '.js,.ts,.tsx' -q", - "build:babel:esm": "cross-env BABEL_ENV=production:esm babel src --out-dir dist/esm --extensions '.js,.ts,.tsx' -q", - "build:babel:umd": "cross-env BABEL_ENV=production:umd babel dist/esm --out-dir dist/umd --plugins transform-es2015-modules-umd --extensions '.js,.ts,.tsx' -q", + "build": "yarn typecheck && yarn build:babel && yarn build:types && node ./scripts/copyTS.js && node ./scripts/copyStyles.js", + "build:babel": "concurrently 'yarn build:babel:esm && yarn build:babel:umd' 'yarn build:babel:cjs'", + "build:babel:cjs": "babel src --out-dir dist/js --extensions '.js,.ts,.tsx' -q", + "build:babel:esm": "babel src --out-dir dist/esm --extensions '.js,.ts,.tsx' -q", + "build:babel:umd": "babel dist/esm --out-dir dist/umd --plugins transform-es2015-modules-umd -q", "build:types": "tsc -p tsconfig.gen-dts.json", "clean": "rimraf dist", "develop": "yarn build:babel:esm --skip-initial-build --watch --verbose", diff --git a/packages/patternfly-4/react-core/build/copyStyles.js b/packages/patternfly-4/react-core/scripts/copyStyles.js old mode 100755 new mode 100644 similarity index 100% rename from packages/patternfly-4/react-core/build/copyStyles.js rename to packages/patternfly-4/react-core/scripts/copyStyles.js diff --git a/packages/patternfly-4/react-core/build/snapshot-serializer.js b/packages/patternfly-4/react-core/scripts/snapshot-serializer.js similarity index 100% rename from packages/patternfly-4/react-core/build/snapshot-serializer.js rename to packages/patternfly-4/react-core/scripts/snapshot-serializer.js diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.tsx index 82a3b5d77fc..6b824313c90 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModal.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css'; +import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop'; import { canUseDOM } from 'exenv'; import { KEY_CODES } from '../../helpers/constants'; import { AboutModalContainer } from './AboutModalContainer'; diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBox.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBox.tsx index 9b9e0e3b6d9..11f67fe9488 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBox.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBox.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; export interface AboutModalBoxProps extends React.HTMLProps { /** content rendered inside the AboutModelBox. */ diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx index 4fecb9be904..524e6ca09f7 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxBrand.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; export interface AboutModalBoxBrandProps extends React.HTMLProps { /** additional classes added to the About Modal Brand */ diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx index bb04b8fb5a0..a68b1ecd266 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxCloseButton.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; import { Button, ButtonVariant } from '../Button'; import { TimesIcon } from '@patternfly/react-icons'; diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxContent.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxContent.tsx index 2acaecf7c1f..2c7b73ec5dc 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxContent.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxContent.tsx @@ -1,8 +1,8 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; -import titleStyles from '@patternfly/patternfly/components/Title/title.css'; -import contentStyles from '@patternfly/patternfly/components/Content/content.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; +import titleStyles from '@patternfly/react-styles/css/components/Title/title'; +import contentStyles from '@patternfly/react-styles/css/components/Content/content'; export interface AboutModalBoxContentProps extends React.HTMLProps { /** content rendered inside the AboutModalBoxContent */ diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx index 167b2029158..f1998e24e07 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHeader.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; import { Title } from '../Title'; export interface AboutModalBoxHeaderProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHero.tsx b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHero.tsx index 7a3641267d5..790b2184042 100644 --- a/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHero.tsx +++ b/packages/patternfly-4/react-core/src/components/AboutModal/AboutModalBoxHero.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/AboutModalBox/about-modal-box.css'; +import styles from '@patternfly/react-styles/css/components/AboutModalBox/about-modal-box'; import { c_about_modal_box__hero_sm_BackgroundImage } from '@patternfly/react-tokens' export interface AboutModalBoxHeroProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Accordion/Accordion.js b/packages/patternfly-4/react-core/src/components/Accordion/Accordion.js index 33ee5d98711..26061c99524 100644 --- a/packages/patternfly-4/react-core/src/components/Accordion/Accordion.js +++ b/packages/patternfly-4/react-core/src/components/Accordion/Accordion.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Accordion/accordion.css'; +import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; const Accordion = ({ children, className, 'aria-label': ariaLabel, ...props }) => (
diff --git a/packages/patternfly-4/react-core/src/components/Accordion/AccordionContent.js b/packages/patternfly-4/react-core/src/components/Accordion/AccordionContent.js index 3aebb78d001..8c3abb4ba5c 100644 --- a/packages/patternfly-4/react-core/src/components/Accordion/AccordionContent.js +++ b/packages/patternfly-4/react-core/src/components/Accordion/AccordionContent.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Accordion/accordion.css'; +import styles from '@patternfly/react-styles/css/components/Accordion/accordion'; const AccordionContent = ({ className, children, id, isHidden, isFixed, 'aria-label': ariaLabel, ...props }) => (
(
diff --git a/packages/patternfly-4/react-core/src/components/Alert/Alert.tsx b/packages/patternfly-4/react-core/src/components/Alert/Alert.tsx index dc1720596e7..5cf443969fd 100644 --- a/packages/patternfly-4/react-core/src/components/Alert/Alert.tsx +++ b/packages/patternfly-4/react-core/src/components/Alert/Alert.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { css, getModifier } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Alert/alert.css'; -import accessibleStyles from '@patternfly/patternfly/utilities/Accessibility/accessibility.css'; +import styles from '@patternfly/react-styles/css/components/Alert/alert'; +import accessibleStyles from '@patternfly/react-styles/css/utilities/Accessibility/accessibility'; import { AlertIcon } from './AlertIcon'; import { capitalize } from '../../helpers/util'; import { Omit } from '../../helpers/typeUtils'; diff --git a/packages/patternfly-4/react-core/src/components/Alert/AlertIcon.tsx b/packages/patternfly-4/react-core/src/components/Alert/AlertIcon.tsx index c26ec2f006f..8edae6b4698 100644 --- a/packages/patternfly-4/react-core/src/components/Alert/AlertIcon.tsx +++ b/packages/patternfly-4/react-core/src/components/Alert/AlertIcon.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Alert/alert.css'; +import styles from '@patternfly/react-styles/css/components/Alert/alert'; import { CheckCircleIcon, ExclamationCircleIcon, diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js index 44c337135ef..84e1595c113 100644 --- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js +++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncher.js @@ -1,5 +1,5 @@ import React, { Children, cloneElement } from 'react'; -import styles from '@patternfly/patternfly/components/AppLauncher/app-launcher.css'; +import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import ApplicationLauncherMenu from './ApplicationLauncherMenu'; diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js index c891cc281df..5faa51d7443 100644 --- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js +++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/ApplicationLauncherMenu.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/AppLauncher/app-launcher.css'; +import styles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import { ApplicationLauncherPosition } from './applicationLauncherConstants'; diff --git a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js index 525590072da..1b1c24003f9 100644 --- a/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js +++ b/packages/patternfly-4/react-core/src/components/ApplicationLauncher/Toggle.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Button/button.css'; +import styles from '@patternfly/react-styles/css/components/Button/button'; import { css } from '@patternfly/react-styles'; import { KEY_CODES } from '../../helpers/constants'; diff --git a/packages/patternfly-4/react-core/src/components/Avatar/Avatar.tsx b/packages/patternfly-4/react-core/src/components/Avatar/Avatar.tsx index 74da1666fd2..30c17d7105f 100644 --- a/packages/patternfly-4/react-core/src/components/Avatar/Avatar.tsx +++ b/packages/patternfly-4/react-core/src/components/Avatar/Avatar.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Avatar/avatar.css'; +import styles from '@patternfly/react-styles/css/components/Avatar/avatar'; import { css } from '@patternfly/react-styles'; export interface AvatarProps diff --git a/packages/patternfly-4/react-core/src/components/Backdrop/Backdrop.js b/packages/patternfly-4/react-core/src/components/Backdrop/Backdrop.js index 02ce3c1ad59..066f421ce34 100644 --- a/packages/patternfly-4/react-core/src/components/Backdrop/Backdrop.js +++ b/packages/patternfly-4/react-core/src/components/Backdrop/Backdrop.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css'; +import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop'; const propTypes = { /** content rendered inside the backdrop */ diff --git a/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.tsx b/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.tsx index 3046f20ae2b..476fb8eab39 100644 --- a/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.tsx +++ b/packages/patternfly-4/react-core/src/components/BackgroundImage/BackgroundImage.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Omit } from '../../helpers/typeUtils'; import { css, StyleSheet } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/BackgroundImage/background-image.css'; +import styles from '@patternfly/react-styles/css/components/BackgroundImage/background-image'; /* eslint-disable camelcase */ import { diff --git a/packages/patternfly-4/react-core/src/components/Badge/Badge.tsx b/packages/patternfly-4/react-core/src/components/Badge/Badge.tsx index 7494ee44143..8909e8d51a6 100644 --- a/packages/patternfly-4/react-core/src/components/Badge/Badge.tsx +++ b/packages/patternfly-4/react-core/src/components/Badge/Badge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Badge/badge.css'; +import styles from '@patternfly/react-styles/css/components/Badge/badge'; export interface BadgeProps extends React.HTMLProps { /** Adds styling to the badge to indicate it has been read */ diff --git a/packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx b/packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx index 7b495d12b9f..c42c81c287d 100644 --- a/packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx +++ b/packages/patternfly-4/react-core/src/components/Breadcrumb/Breadcrumb.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Breadcrumb/breadcrumb.css'; +import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb'; import { css } from '@patternfly/react-styles'; export interface BreadcrumbProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx index 7d99c37ef85..0ca64aa6073 100644 --- a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx +++ b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbHeading.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Breadcrumb/breadcrumb.css'; +import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb'; import { css } from '@patternfly/react-styles'; export interface BreadcrumbHeadingProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx index 191e2cc30aa..9c078ecdb03 100644 --- a/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx +++ b/packages/patternfly-4/react-core/src/components/Breadcrumb/BreadcrumbItem.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { AngleRightIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/Breadcrumb/breadcrumb.css'; +import styles from '@patternfly/react-styles/css/components/Breadcrumb/breadcrumb'; import { css, getModifier } from '@patternfly/react-styles'; export interface BreadcrumbItemProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Button/Button.tsx b/packages/patternfly-4/react-core/src/components/Button/Button.tsx index 057684d0bae..eaed589ce96 100644 --- a/packages/patternfly-4/react-core/src/components/Button/Button.tsx +++ b/packages/patternfly-4/react-core/src/components/Button/Button.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Button/button.css'; +import styles from '@patternfly/react-styles/css/components/Button/button'; import { css, getModifier } from '@patternfly/react-styles'; export enum ButtonVariant { diff --git a/packages/patternfly-4/react-core/src/components/Card/Card.tsx b/packages/patternfly-4/react-core/src/components/Card/Card.tsx index 13cbb4bf731..bfc103c331a 100644 --- a/packages/patternfly-4/react-core/src/components/Card/Card.tsx +++ b/packages/patternfly-4/react-core/src/components/Card/Card.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Card/card.css'; +import styles from '@patternfly/react-styles/css/components/Card/card'; import { css } from '@patternfly/react-styles'; export interface CardProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Card/CardBody.tsx b/packages/patternfly-4/react-core/src/components/Card/CardBody.tsx index 3226b8760ea..7e737f4dfa6 100644 --- a/packages/patternfly-4/react-core/src/components/Card/CardBody.tsx +++ b/packages/patternfly-4/react-core/src/components/Card/CardBody.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Card/card.css'; +import styles from '@patternfly/react-styles/css/components/Card/card'; import { css } from '@patternfly/react-styles'; export interface CardBodyProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Card/CardFooter.tsx b/packages/patternfly-4/react-core/src/components/Card/CardFooter.tsx index 943d4162203..5d24eaadacc 100644 --- a/packages/patternfly-4/react-core/src/components/Card/CardFooter.tsx +++ b/packages/patternfly-4/react-core/src/components/Card/CardFooter.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Card/card.css'; +import styles from '@patternfly/react-styles/css/components/Card/card'; import { css } from '@patternfly/react-styles'; export interface CardFooterProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/Card/CardHeader.tsx b/packages/patternfly-4/react-core/src/components/Card/CardHeader.tsx index e2272e6a3b6..033df6227e6 100644 --- a/packages/patternfly-4/react-core/src/components/Card/CardHeader.tsx +++ b/packages/patternfly-4/react-core/src/components/Card/CardHeader.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Card/card.css'; -import titleStyles from '@patternfly/patternfly/components/Title/title.css'; +import styles from '@patternfly/react-styles/css/components/Card/card'; +import titleStyles from '@patternfly/react-styles/css/components/Title/title'; export interface CardHeaderProps extends React.HTMLProps { /** Content rendered inside the Card Footer */ diff --git a/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.tsx b/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.tsx index b14dc51efb9..3a2fa4fe542 100644 --- a/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.tsx +++ b/packages/patternfly-4/react-core/src/components/Checkbox/Checkbox.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Check/check.css'; +import styles from '@patternfly/react-styles/css/components/Check/check'; import { css, getModifier } from '@patternfly/react-styles'; import { Omit } from '../../helpers/typeUtils'; diff --git a/packages/patternfly-4/react-core/src/components/ChipGroup/Chip.tsx b/packages/patternfly-4/react-core/src/components/ChipGroup/Chip.tsx index 848d3de1adb..217e8158307 100644 --- a/packages/patternfly-4/react-core/src/components/ChipGroup/Chip.tsx +++ b/packages/patternfly-4/react-core/src/components/ChipGroup/Chip.tsx @@ -4,7 +4,7 @@ import { ChipButton } from './ChipButton'; import { OneOf } from '../../helpers/typeUtils'; import { Tooltip, TooltipPosition } from '../Tooltip'; import { TimesCircleIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/Chip/chip.css'; +import styles from '@patternfly/react-styles/css/components/Chip/chip'; import GenerateId from '../../helpers/GenerateId/GenerateId'; export interface ChipProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroup.tsx b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroup.tsx index ce03ebd8576..02a00f92010 100644 --- a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroup.tsx +++ b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroup.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/ChipGroup/chip-group.css'; +import styles from '@patternfly/react-styles/css/components/ChipGroup/chip-group'; import { css } from '@patternfly/react-styles'; import { Chip } from './Chip'; import { fillTemplate } from '../../helpers'; diff --git a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroupToolbarItem.tsx b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroupToolbarItem.tsx index 55a0395e37d..c8e9a32d1ed 100644 --- a/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroupToolbarItem.tsx +++ b/packages/patternfly-4/react-core/src/components/ChipGroup/ChipGroupToolbarItem.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/ChipGroup/chip-group.css'; +import styles from '@patternfly/react-styles/css/components/ChipGroup/chip-group'; export interface ChipGroupToolbarItemProps extends React.HTMLProps { /** Category name text */ diff --git a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ClipboardCopy.js b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ClipboardCopy.js index e2da000ab55..19f982baa37 100644 --- a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ClipboardCopy.js +++ b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ClipboardCopy.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/ClipboardCopy/clipboard-copy.css'; +import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import { TextInput } from '../TextInput'; diff --git a/packages/patternfly-4/react-core/src/components/ClipboardCopy/CopyButton.js b/packages/patternfly-4/react-core/src/components/ClipboardCopy/CopyButton.js index 2006fbbe818..cac3c3ad11f 100644 --- a/packages/patternfly-4/react-core/src/components/ClipboardCopy/CopyButton.js +++ b/packages/patternfly-4/react-core/src/components/ClipboardCopy/CopyButton.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/ClipboardCopy/clipboard-copy.css'; +import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; import { css } from '@patternfly/react-styles'; import { CopyIcon } from '@patternfly/react-icons'; import PropTypes from 'prop-types'; diff --git a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ExpandedContent.js b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ExpandedContent.js index 54b8dc22289..d6cd93f02a3 100644 --- a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ExpandedContent.js +++ b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ExpandedContent.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/ClipboardCopy/clipboard-copy.css'; +import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; diff --git a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ToggleButton.js b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ToggleButton.js index cf11df68f20..d76066bd6b2 100644 --- a/packages/patternfly-4/react-core/src/components/ClipboardCopy/ToggleButton.js +++ b/packages/patternfly-4/react-core/src/components/ClipboardCopy/ToggleButton.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/ClipboardCopy/clipboard-copy.css'; +import styles from '@patternfly/react-styles/css/components/ClipboardCopy/clipboard-copy'; import { css } from '@patternfly/react-styles'; import { AngleRightIcon } from '@patternfly/react-icons'; import PropTypes from 'prop-types'; diff --git a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelector.js b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelector.js index 4231b8d8468..a3bce11b1fc 100644 --- a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelector.js +++ b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelector.js @@ -1,8 +1,8 @@ import React from 'react'; +import styles from '@patternfly/react-styles/css/components/ContextSelector/context-selector'; +import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import FocusTrap from 'focus-trap-react'; -import styles from '@patternfly/patternfly/components/ContextSelector/context-selector.css'; -import { css } from '@patternfly/react-styles'; import { SearchIcon } from '@patternfly/react-icons'; import ContextSelectorToggle from './ContextSelectorToggle'; import ContextSelectorMenuList from './ContextSelectorMenuList'; diff --git a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorItem.js b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorItem.js index 267071c0e1a..fcce248005e 100644 --- a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorItem.js +++ b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorItem.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/ContextSelector/context-selector.css'; +import styles from '@patternfly/react-styles/css/components/ContextSelector/context-selector'; import { css } from '@patternfly/react-styles'; import { ContextSelectorContext } from './contextSelectorConstants'; diff --git a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorMenuList.js b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorMenuList.js index 6761e0ac845..d989a4ecf98 100644 --- a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorMenuList.js +++ b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorMenuList.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/ContextSelector/context-selector.css'; +import styles from '@patternfly/react-styles/css/components/ContextSelector/context-selector'; import { css } from '@patternfly/react-styles'; const propTypes = { diff --git a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorToggle.js b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorToggle.js index e6e17170ea9..5b0d38928ad 100644 --- a/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorToggle.js +++ b/packages/patternfly-4/react-core/src/components/ContextSelector/ContextSelectorToggle.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; import { CaretDownIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/ContextSelector/context-selector.css'; +import styles from '@patternfly/react-styles/css/components/ContextSelector/context-selector'; import { css } from '@patternfly/react-styles'; import { KEY_CODES } from '../../helpers/constants'; diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataList.js b/packages/patternfly-4/react-core/src/components/DataList/DataList.js index de4c77f8d2d..093ff2a9581 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataList.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataList.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; const DataList = ({ children, className, 'aria-label': ariaLabel, ...props }) => (
    diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListAction.js b/packages/patternfly-4/react-core/src/components/DataList/DataListAction.js index 200fbf7f7ca..ca2ce19d3ee 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListAction.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListAction.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; class DataListAction extends React.Component { constructor(props) { diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListCell.js b/packages/patternfly-4/react-core/src/components/DataList/DataListCell.js index 75552e837fe..612af7f091b 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListCell.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListCell.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css, getModifier } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; const DataListCell = ({ children, className, width, isFilled, alignRight, isIcon, ...props }) => (
    (
    diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListContent.js b/packages/patternfly-4/react-core/src/components/DataList/DataListContent.js index ac55aabf684..b94c4171fb9 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListContent.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListContent.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; const DataListContent = ({ className, diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListItem.js b/packages/patternfly-4/react-core/src/components/DataList/DataListItem.js index 2c4e84c07a8..77cd0c4b4d0 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListItem.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListItem.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; const DataListItem = ({ children, className, isExpanded, 'aria-labelledby': ariaLabelledBy, ...props }) => (
  • (
    diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListItemRow.js b/packages/patternfly-4/react-core/src/components/DataList/DataListItemRow.js index 95b39daf43e..e014a87b153 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListItemRow.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListItemRow.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; const DataListItemRow = ({ children, className, rowid, ...props }) => (
    diff --git a/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js b/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js index 353b0af893a..72f623ae690 100644 --- a/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js +++ b/packages/patternfly-4/react-core/src/components/DataList/DataListToggle.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@patternfly/react-styles'; import { AngleRightIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/DataList/data-list.css'; +import styles from '@patternfly/react-styles/css/components/DataList/data-list'; import { Button, ButtonVariant } from '../Button'; const DataListToggle = ({ diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.js b/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.js index 3a173adc3cc..9736b8c98b1 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/Dropdown.js @@ -1,6 +1,6 @@ import React, { Children, cloneElement } from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; import DropdownMenu from './DropdownMenu'; import { DropdownPosition, DropdownDirection, DropdownContext } from './dropdownConstants'; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownGroup.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownGroup.js index 181c0a176a9..d380d1393c1 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownGroup.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownGroup.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; const propTypes = { diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js index 0cf9c477534..56338faf012 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownItem.js @@ -1,8 +1,8 @@ import React from 'react'; import ReactDOM from 'react-dom'; import PropTypes from 'prop-types'; -import dropdownStyles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; -import appLauncherStyles from '@patternfly/patternfly/components/AppLauncher/app-launcher.css'; +import dropdownStyles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; +import appLauncherStyles from '@patternfly/react-styles/css/components/AppLauncher/app-launcher'; import { css } from '@patternfly/react-styles'; import { componentShape } from '../../helpers/componentShape'; import { DropdownContext } from './dropdownConstants'; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js index 1ccdffa643d..5fc68c02d46 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownMenu.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; import { componentShape } from '../../helpers/componentShape'; import ReactDOM from 'react-dom'; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js index 274884f43d0..381ca84fc12 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggle.js @@ -2,7 +2,7 @@ import React from 'react'; import { CaretDownIcon } from '@patternfly/react-icons'; import PropTypes from 'prop-types'; import Toggle from './Toggle'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; const DropdownToggle = ({ children, iconComponent: IconComponent, splitButtonItems, ...props }) => { diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggleCheckbox.js b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggleCheckbox.js index 29639d533de..7fa922e2fda 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggleCheckbox.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/DropdownToggleCheckbox.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js b/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js index 2ae1a72fb5c..3f13dda2220 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/Separator.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; import { componentShape } from '../../helpers/componentShape'; import { DropdownArrowContext } from './dropdownConstants'; diff --git a/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js b/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js index 7d89e69ce93..629c831edd9 100644 --- a/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js +++ b/packages/patternfly-4/react-core/src/components/Dropdown/Toggle.js @@ -1,6 +1,6 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Dropdown/dropdown.css'; +import styles from '@patternfly/react-styles/css/components/Dropdown/dropdown'; import { css } from '@patternfly/react-styles'; import { KEY_CODES } from '../../helpers/constants'; diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.tsx b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.tsx index e47918f1cdc..493678b56b0 100644 --- a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.tsx +++ b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyState.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css'; +import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; export enum EmptyStateVariant { large = 'large', diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateBody.tsx b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateBody.tsx index 6e6e32bd950..23d6d8ea53b 100644 --- a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateBody.tsx +++ b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateBody.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css'; +import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; export interface EmptyStateBodyProps extends React.HTMLProps { /** Content rendered inside the EmptyState */ diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateIcon.tsx b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateIcon.tsx index 7d0fcf3486a..7408579578e 100644 --- a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateIcon.tsx +++ b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateIcon.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css'; +import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; import { Omit } from '../../helpers/typeUtils'; export enum IconSize { diff --git a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateSecondaryActions.tsx b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateSecondaryActions.tsx index 132d3f29c73..9e198f9488c 100644 --- a/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateSecondaryActions.tsx +++ b/packages/patternfly-4/react-core/src/components/EmptyState/EmptyStateSecondaryActions.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/EmptyState/empty-state.css'; +import styles from '@patternfly/react-styles/css/components/EmptyState/empty-state'; export interface EmptyStateSecondaryActionsProps extends React.HTMLProps { /** Content rendered inside the EmptyState */ diff --git a/packages/patternfly-4/react-core/src/components/Expandable/Expandable.tsx b/packages/patternfly-4/react-core/src/components/Expandable/Expandable.tsx index a636f027834..8b24bfe93b1 100644 --- a/packages/patternfly-4/react-core/src/components/Expandable/Expandable.tsx +++ b/packages/patternfly-4/react-core/src/components/Expandable/Expandable.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Expandable/expandable.css'; +import styles from '@patternfly/react-styles/css/components/Expandable/expandable'; import { css } from '@patternfly/react-styles'; import { AngleRightIcon } from '@patternfly/react-icons'; diff --git a/packages/patternfly-4/react-core/src/components/Form/ActionGroup.tsx b/packages/patternfly-4/react-core/src/components/Form/ActionGroup.tsx index cf8e33131eb..55548f2f70c 100644 --- a/packages/patternfly-4/react-core/src/components/Form/ActionGroup.tsx +++ b/packages/patternfly-4/react-core/src/components/Form/ActionGroup.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Form/form.css'; +import styles from '@patternfly/react-styles/css/components/Form/form'; import { css } from '@patternfly/react-styles'; import { FormContext } from './FormContext'; import { Action } from 'history'; diff --git a/packages/patternfly-4/react-core/src/components/Form/Form.tsx b/packages/patternfly-4/react-core/src/components/Form/Form.tsx index 260c54d1bd2..d618c97161c 100644 --- a/packages/patternfly-4/react-core/src/components/Form/Form.tsx +++ b/packages/patternfly-4/react-core/src/components/Form/Form.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Form/form.css'; +import styles from '@patternfly/react-styles/css/components/Form/form'; import { css } from '@patternfly/react-styles'; import { FormContext } from './FormContext'; diff --git a/packages/patternfly-4/react-core/src/components/Form/FormGroup.tsx b/packages/patternfly-4/react-core/src/components/Form/FormGroup.tsx index e9624168a1c..1956108e7b0 100644 --- a/packages/patternfly-4/react-core/src/components/Form/FormGroup.tsx +++ b/packages/patternfly-4/react-core/src/components/Form/FormGroup.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { Omit } from '../../helpers/typeUtils'; -import styles from '@patternfly/patternfly/components/Form/form.css'; +import styles from '@patternfly/react-styles/css/components/Form/form'; import { ASTERISK } from '../../helpers/htmlConstants'; import { FormContext } from './FormContext'; import { css, getModifier } from '@patternfly/react-styles'; diff --git a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.tsx b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.tsx index fb82e7c2f07..32f04f3a122 100644 --- a/packages/patternfly-4/react-core/src/components/Form/FormHelperText.tsx +++ b/packages/patternfly-4/react-core/src/components/Form/FormHelperText.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css, getModifier } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Form/form.css'; +import styles from '@patternfly/react-styles/css/components/Form/form'; export interface FormHelperTextProps extends React.HTMLProps { /** Content rendered inside the Helper Text Item */ diff --git a/packages/patternfly-4/react-core/src/components/FormSelect/FormSelect.js b/packages/patternfly-4/react-core/src/components/FormSelect/FormSelect.js index ca327dd8502..641b112ceb5 100644 --- a/packages/patternfly-4/react-core/src/components/FormSelect/FormSelect.js +++ b/packages/patternfly-4/react-core/src/components/FormSelect/FormSelect.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/FormControl/form-control.css'; +import styles from '@patternfly/react-styles/css/components/FormControl/form-control'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; diff --git a/packages/patternfly-4/react-core/src/components/InputGroup/InputGroup.js b/packages/patternfly-4/react-core/src/components/InputGroup/InputGroup.js index a562d2d1713..c90d650a2fc 100644 --- a/packages/patternfly-4/react-core/src/components/InputGroup/InputGroup.js +++ b/packages/patternfly-4/react-core/src/components/InputGroup/InputGroup.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/InputGroup/input-group.css'; +import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import { FormSelect } from '../FormSelect'; diff --git a/packages/patternfly-4/react-core/src/components/InputGroup/InputGroupText.js b/packages/patternfly-4/react-core/src/components/InputGroup/InputGroupText.js index eb123710b1d..0ed5af0091d 100644 --- a/packages/patternfly-4/react-core/src/components/InputGroup/InputGroupText.js +++ b/packages/patternfly-4/react-core/src/components/InputGroup/InputGroupText.js @@ -1,5 +1,5 @@ import React from 'react'; -import styles from '@patternfly/patternfly/components/InputGroup/input-group.css'; +import styles from '@patternfly/react-styles/css/components/InputGroup/input-group'; import { css } from '@patternfly/react-styles'; import PropTypes from 'prop-types'; import { componentShape } from '../../helpers/componentShape'; diff --git a/packages/patternfly-4/react-core/src/components/Label/Label.tsx b/packages/patternfly-4/react-core/src/components/Label/Label.tsx index 802cd4b50f7..92b93a68343 100644 --- a/packages/patternfly-4/react-core/src/components/Label/Label.tsx +++ b/packages/patternfly-4/react-core/src/components/Label/Label.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Label/label.css'; +import styles from '@patternfly/react-styles/css/components/Label/label'; import { css } from '@patternfly/react-styles'; export interface LabelProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/List/List.tsx b/packages/patternfly-4/react-core/src/components/List/List.tsx index 4097c5c5bdd..84bac0b2312 100644 --- a/packages/patternfly-4/react-core/src/components/List/List.tsx +++ b/packages/patternfly-4/react-core/src/components/List/List.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/List/list.css'; +import styles from '@patternfly/react-styles/css/components/List/list'; import { css, getModifier } from '@patternfly/react-styles'; export enum ListVariant { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/Login.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/Login.tsx index dd14f0acbc2..7cf8f9244e2 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/Login.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/Login.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; import { css } from '@patternfly/react-styles'; export interface LoginProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginFooter.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginFooter.tsx index e618d521e88..0f59e37356c 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginFooter.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginFooter.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; import { css } from '@patternfly/react-styles'; export interface LoginFooterProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginHeader.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginHeader.tsx index 1b69497f38d..7ea6f6cf990 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginHeader.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginHeader.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; import { css } from '@patternfly/react-styles'; export interface LoginHeaderProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainBody.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainBody.tsx index f0b6f11e39b..926a9577006 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainBody.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainBody.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; export interface LoginMainBodyProps extends React.HTMLProps { /** Content rendered inside the Login Main Body */ diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.tsx index 798f3c8d8f0..682ca702b75 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooter.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; export interface LoginMainFooterProps extends React.HTMLProps { /** Additional classes added to the Login Main Footer */ diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.tsx index f07c0417601..20c61365273 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterBandItem.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; import { css } from '@patternfly/react-styles'; export interface LoginMainFooterBandItemProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.tsx index 5f3a1df4438..7dc850ca518 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainFooterLinksItem.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; import { css } from '@patternfly/react-styles'; export interface LoginMainFooterLinksItemProps extends React.HTMLProps { diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainHeader.tsx b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainHeader.tsx index 6abee2c06df..ba009d6c6d7 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainHeader.tsx +++ b/packages/patternfly-4/react-core/src/components/LoginPage/LoginMainHeader.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import {Title, TitleLevel} from '../Title'; import {css} from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Login/login.css'; +import styles from '@patternfly/react-styles/css/components/Login/login'; export interface LoginMainHeaderProps extends React.HTMLProps { /** Content rendered inside the Login Main Header */ diff --git a/packages/patternfly-4/react-core/src/components/LoginPage/__snapshots__/LoginMainFooterBandItem.test.tsx.snap b/packages/patternfly-4/react-core/src/components/LoginPage/__snapshots__/LoginMainFooterBandItem.test.tsx.snap index ecc137677b5..5493808d380 100644 --- a/packages/patternfly-4/react-core/src/components/LoginPage/__snapshots__/LoginMainFooterBandItem.test.tsx.snap +++ b/packages/patternfly-4/react-core/src/components/LoginPage/__snapshots__/LoginMainFooterBandItem.test.tsx.snap @@ -2,16 +2,16 @@ exports[`LoginFooterItem with custom node 1`] = `

    `; -exports[`className is added to the root element 1`] = `"[object Object]-item extra-class"`; +exports[`className is added to the root element 1`] = `"pf-c-login__main-footer-band-item extra-class"`; exports[`renders with PatternFly Core styles 1`] = `

    `; diff --git a/packages/patternfly-4/react-core/src/components/Modal/Modal.test.tsx b/packages/patternfly-4/react-core/src/components/Modal/Modal.test.tsx index 1a9ab0fc512..bbbb170d047 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/Modal.test.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/Modal.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { shallow } from 'enzyme'; import { KEY_CODES } from '../../helpers/constants'; import { css } from '../../../../react-styles/dist/js'; -import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css'; +import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop'; import { Modal } from './Modal'; diff --git a/packages/patternfly-4/react-core/src/components/Modal/Modal.tsx b/packages/patternfly-4/react-core/src/components/Modal/Modal.tsx index 1f8044ec37f..99f2387955b 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/Modal.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/Modal.tsx @@ -3,7 +3,7 @@ import * as ReactDOM from 'react-dom'; import { canUseDOM } from 'exenv'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/Backdrop/backdrop.css'; +import styles from '@patternfly/react-styles/css/components/Backdrop/backdrop'; import { KEY_CODES } from '../../helpers/constants'; import { ModalContent } from './ModalContent'; diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalBox.tsx b/packages/patternfly-4/react-core/src/components/Modal/ModalBox.tsx index 77dd28737b0..a903c15425e 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/ModalBox.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/ModalBox.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/ModalBox/modal-box.css'; +import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box'; export interface ModalBoxProps extends React.HTMLProps { /** Content rendered inside the ModalBox. */ diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxBody.tsx b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxBody.tsx index ff46c57a751..b81ba5e2da1 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxBody.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxBody.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/ModalBox/modal-box.css'; +import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box'; export interface ModalBoxBodyProps extends React.HTMLProps { /** Content rendered inside the ModalBoxBody */ diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxFooter.tsx b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxFooter.tsx index 16a804c38ee..e289e645665 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxFooter.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxFooter.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/ModalBox/modal-box.css'; +import styles from '@patternfly/react-styles/css/components/ModalBox/modal-box'; export interface ModalBoxFooterProps { /** Content rendered inside the Footer */ diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxHeader.tsx b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxHeader.tsx index 18c47af9272..59e5ae3f2b7 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/ModalBoxHeader.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/ModalBoxHeader.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import accessibleStyles from '@patternfly/patternfly/utilities/Accessibility/accessibility.css'; +import accessibleStyles from '@patternfly/react-styles/css/utilities/Accessibility/accessibility'; import { css } from '@patternfly/react-styles'; import { Title, TitleLevel } from '../Title'; diff --git a/packages/patternfly-4/react-core/src/components/Modal/ModalContent.tsx b/packages/patternfly-4/react-core/src/components/Modal/ModalContent.tsx index 3818d9773b2..32f61a280e4 100644 --- a/packages/patternfly-4/react-core/src/components/Modal/ModalContent.tsx +++ b/packages/patternfly-4/react-core/src/components/Modal/ModalContent.tsx @@ -5,7 +5,7 @@ import * as React from 'react'; // tslint:disable-next-line const FocusTrap: any = require('focus-trap-react'); -import styles from '@patternfly/patternfly/layouts/Bullseye/bullseye.css'; +import styles from '@patternfly/react-styles/css/layouts/Bullseye/bullseye'; import { css } from '@patternfly/react-styles'; import Backdrop from '../Backdrop/Backdrop'; diff --git a/packages/patternfly-4/react-core/src/components/Nav/Nav.tsx b/packages/patternfly-4/react-core/src/components/Nav/Nav.tsx index 483c48f667b..bc864c0285a 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/Nav.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/Nav.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; import { css } from '@patternfly/react-styles'; import { NavVariants } from './NavVariants'; diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.tsx b/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.tsx index 1b27de33abe..61fe99e726d 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/NavExpandable.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; -import a11yStyles from '@patternfly/patternfly/utilities/Accessibility/accessibility.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; +import a11yStyles from '@patternfly/react-styles/css/utilities/Accessibility/accessibility'; import { css } from '@patternfly/react-styles'; import { AngleRightIcon } from '@patternfly/react-icons'; diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavGroup.tsx b/packages/patternfly-4/react-core/src/components/Nav/NavGroup.tsx index 095c3c956de..3fb85ebb5c7 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/NavGroup.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/NavGroup.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; import { css } from '@patternfly/react-styles'; import { getUniqueId } from '../../helpers/util'; diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavItem.tsx b/packages/patternfly-4/react-core/src/components/Nav/NavItem.tsx index 7dabcd6ec3f..e953dde3dcc 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/NavItem.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/NavItem.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; import { css } from '@patternfly/react-styles'; import { Omit } from '../../helpers/typeUtils'; import { NavContext, NavSelectClickHandler } from './Nav'; diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavItemSeparator.tsx b/packages/patternfly-4/react-core/src/components/Nav/NavItemSeparator.tsx index 2eb30789d5d..2be95dd1f05 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/NavItemSeparator.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/NavItemSeparator.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; import { css } from '@patternfly/react-styles'; export const NavItemSeparator: React.FunctionComponent> = ({ diff --git a/packages/patternfly-4/react-core/src/components/Nav/NavList.tsx b/packages/patternfly-4/react-core/src/components/Nav/NavList.tsx index 84a86cefe28..95e1a0663cf 100644 --- a/packages/patternfly-4/react-core/src/components/Nav/NavList.tsx +++ b/packages/patternfly-4/react-core/src/components/Nav/NavList.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { NavVariants } from './NavVariants'; -import styles from '@patternfly/patternfly/components/Nav/nav.css'; +import styles from '@patternfly/react-styles/css/components/Nav/nav'; import { css } from '@patternfly/react-styles'; import { AngleLeftIcon, AngleRightIcon } from '@patternfly/react-icons'; import { isElementInView } from '../../helpers/util'; diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx index 29df7b3884e..04d4687d848 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenu.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; import { css, getModifier } from '@patternfly/react-styles'; export enum OptionsMenuPosition { diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuItem.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuItem.tsx index b435e9f981f..0447b823cc2 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuItem.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuItem.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css, getModifier } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; import { CheckIcon } from '@patternfly/react-icons'; import { KEY_CODES } from '../../helpers'; import { Omit } from '../../helpers/typeUtils'; diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuSeparator.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuSeparator.tsx index e8b4f822905..284f052df32 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuSeparator.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuSeparator.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; export interface OptionsMenuSeparatorProps extends React.HTMLProps { /** Classes applied to root element of Options menu separator item */ diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggle.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggle.tsx index a35da1db18d..009d6969fce 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggle.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggle.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { CaretDownIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; import { css, getModifier } from '@patternfly/react-styles'; export interface OptionsMenuToggleProps extends React.HTMLProps{ diff --git a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx index 9131301092a..4070d8f6a0a 100644 --- a/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx +++ b/packages/patternfly-4/react-core/src/components/OptionsMenu/OptionsMenuToggleWithText.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css, getModifier } from '@patternfly/react-styles'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; export interface OptionsMenuToggleWithTextProps extends React.HTMLProps { /** Id of the parent Options menu component */ diff --git a/packages/patternfly-4/react-core/src/components/Page/Page.js b/packages/patternfly-4/react-core/src/components/Page/Page.js index 2ae413e6c17..8726662fa22 100644 --- a/packages/patternfly-4/react-core/src/components/Page/Page.js +++ b/packages/patternfly-4/react-core/src/components/Page/Page.js @@ -1,6 +1,6 @@ import React, { cloneElement } from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Page/page.css'; +import styles from '@patternfly/react-styles/css/components/Page/page'; import { css } from '@patternfly/react-styles'; import { global_breakpoint_md as globalBreakpointMd } from '@patternfly/react-tokens'; import { debounce } from '../../helpers/util'; diff --git a/packages/patternfly-4/react-core/src/components/Page/PageHeader.js b/packages/patternfly-4/react-core/src/components/Page/PageHeader.js index b032f6535b5..0d5958a041f 100644 --- a/packages/patternfly-4/react-core/src/components/Page/PageHeader.js +++ b/packages/patternfly-4/react-core/src/components/Page/PageHeader.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Page/page.css'; +import styles from '@patternfly/react-styles/css/components/Page/page'; import { css } from '@patternfly/react-styles'; import { BarsIcon } from '@patternfly/react-icons'; import { Button, ButtonVariant } from '../../components/Button'; diff --git a/packages/patternfly-4/react-core/src/components/Page/PageSection.js b/packages/patternfly-4/react-core/src/components/Page/PageSection.js index e227ba7b2bb..2bc2e3d6d16 100644 --- a/packages/patternfly-4/react-core/src/components/Page/PageSection.js +++ b/packages/patternfly-4/react-core/src/components/Page/PageSection.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Page/page.css'; +import styles from '@patternfly/react-styles/css/components/Page/page'; import { css } from '@patternfly/react-styles'; export const PageSectionVariants = { diff --git a/packages/patternfly-4/react-core/src/components/Page/PageSidebar.js b/packages/patternfly-4/react-core/src/components/Page/PageSidebar.js index 50be6875941..2ee4463f4ef 100644 --- a/packages/patternfly-4/react-core/src/components/Page/PageSidebar.js +++ b/packages/patternfly-4/react-core/src/components/Page/PageSidebar.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Page/page.css'; +import styles from '@patternfly/react-styles/css/components/Page/page'; import { css } from '@patternfly/react-styles'; const propTypes = { diff --git a/packages/patternfly-4/react-core/src/components/Pagination/Navigation.js b/packages/patternfly-4/react-core/src/components/Pagination/Navigation.js index ece63e4a1f0..8c6cd68d3c8 100644 --- a/packages/patternfly-4/react-core/src/components/Pagination/Navigation.js +++ b/packages/patternfly-4/react-core/src/components/Pagination/Navigation.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Pagination/pagination.css'; +import styles from '@patternfly/react-styles/css/components/Pagination/pagination'; import { css } from '@patternfly/react-styles'; import { AngleLeftIcon, AngleDoubleLeftIcon, AngleRightIcon, AngleDoubleRightIcon } from '@patternfly/react-icons'; import { Button, ButtonVariant } from '../Button'; diff --git a/packages/patternfly-4/react-core/src/components/Pagination/OptionsToggle.js b/packages/patternfly-4/react-core/src/components/Pagination/OptionsToggle.js index 8d470ef4ad8..de9b1479614 100644 --- a/packages/patternfly-4/react-core/src/components/Pagination/OptionsToggle.js +++ b/packages/patternfly-4/react-core/src/components/Pagination/OptionsToggle.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { CaretDownIcon } from '@patternfly/react-icons'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; import { css, getModifier } from '@patternfly/react-styles'; import { fillTemplate } from '../../helpers'; diff --git a/packages/patternfly-4/react-core/src/components/Pagination/Pagination.js b/packages/patternfly-4/react-core/src/components/Pagination/Pagination.js index 76d1a264c52..2a5e3425df5 100644 --- a/packages/patternfly-4/react-core/src/components/Pagination/Pagination.js +++ b/packages/patternfly-4/react-core/src/components/Pagination/Pagination.js @@ -1,6 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Pagination/pagination.css'; +import styles from '@patternfly/react-styles/css/components/Pagination/pagination'; import { css } from '@patternfly/react-styles'; import { DropdownDirection } from '../Dropdown'; import ToggleTemplate from './ToggleTemplate'; diff --git a/packages/patternfly-4/react-core/src/components/Pagination/PaginationOptionsMenu.js b/packages/patternfly-4/react-core/src/components/Pagination/PaginationOptionsMenu.js index 4e38a746885..3e3e6928b83 100644 --- a/packages/patternfly-4/react-core/src/components/Pagination/PaginationOptionsMenu.js +++ b/packages/patternfly-4/react-core/src/components/Pagination/PaginationOptionsMenu.js @@ -1,7 +1,7 @@ import React, { Component } from 'react'; import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/OptionsMenu/options-menu.css'; -import paginationStyles from '@patternfly/patternfly/components/Pagination/pagination.css'; +import styles from '@patternfly/react-styles/css/components/OptionsMenu/options-menu'; +import paginationStyles from '@patternfly/react-styles/css/components/Pagination/pagination'; import { css } from '@patternfly/react-styles'; import { Dropdown, DropdownItem, DropdownDirection } from '../Dropdown'; import { CheckIcon } from '@patternfly/react-icons'; diff --git a/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx b/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx index 8354f56e6e2..94855ca5316 100644 --- a/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx +++ b/packages/patternfly-4/react-core/src/components/Popover/Popover.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import Tippy from '@tippy.js/react'; import { Instance as TippyInstance, BasicPlacement } from 'tippy.js'; import { KEY_CODES } from '../../helpers/constants'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; +import styles from '@patternfly/react-styles/css/components/Popover/popover'; import { css, getModifier } from '@patternfly/react-styles'; import { PopoverArrow } from './PopoverArrow'; import { PopoverContent } from './PopoverContent'; diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.js b/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.js deleted file mode 100644 index 911c5e6f307..00000000000 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.js +++ /dev/null @@ -1,19 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; -import { css } from '@patternfly/react-styles'; - -const PopoverArrow = ({ className, ...rest }) =>

    ; - -PopoverArrow.propTypes = { - /** Popover arrow additional className */ - className: PropTypes.string, - /** Additional props are spread to the container
    */ - '': PropTypes.any // eslint-disable-line react/require-default-props -}; - -PopoverArrow.defaultProps = { - className: null -}; - -export default PopoverArrow; diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.tsx b/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.tsx index 18ca68f8db6..975cfd2f433 100644 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.tsx +++ b/packages/patternfly-4/react-core/src/components/Popover/PopoverArrow.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; +import styles from '@patternfly/react-styles/css/components/Popover/popover'; import { css } from '@patternfly/react-styles'; export const PopoverArrow: React.FunctionComponent = ({ className='', ...props }) => diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverBody.tsx b/packages/patternfly-4/react-core/src/components/Popover/PopoverBody.tsx index 5815ef4d8d2..ac428a02b2a 100644 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverBody.tsx +++ b/packages/patternfly-4/react-core/src/components/Popover/PopoverBody.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; +import styles from '@patternfly/react-styles/css/components/Popover/popover'; import { css } from '@patternfly/react-styles'; export const PopoverBody: React.FunctionComponent = ({ children, id, ...props }) => ( diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.js b/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.js deleted file mode 100644 index 32ce064f4d2..00000000000 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.js +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; -import { css } from '@patternfly/react-styles'; - -const PopoverContent = ({ className, children, ...rest }) => ( -
    - {children} -
    -); - -PopoverContent.propTypes = { - /** PopoverContent additional class */ - className: PropTypes.string, - /** PopoverContent content */ - children: PropTypes.node.isRequired, - /** Additional props are spread to the container
    */ - '': PropTypes.any // eslint-disable-line react/require-default-props -}; - -PopoverContent.defaultProps = { - className: null -}; - -export default PopoverContent; diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.tsx b/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.tsx index bb24169a155..254af158b68 100644 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.tsx +++ b/packages/patternfly-4/react-core/src/components/Popover/PopoverContent.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; +import styles from '@patternfly/react-styles/css/components/Popover/popover'; import { css } from '@patternfly/react-styles'; export const PopoverContent: React.FunctionComponent = ({ className=null, children, ...props }) => ( diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverDialog.tsx b/packages/patternfly-4/react-core/src/components/Popover/PopoverDialog.tsx index 373044e28ca..fc3b5b5187c 100644 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverDialog.tsx +++ b/packages/patternfly-4/react-core/src/components/Popover/PopoverDialog.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; +import styles from '@patternfly/react-styles/css/components/Popover/popover'; import { css, getModifier } from '@patternfly/react-styles'; export const PopoverPosition = { diff --git a/packages/patternfly-4/react-core/src/components/Popover/PopoverFooter.js b/packages/patternfly-4/react-core/src/components/Popover/PopoverFooter.js deleted file mode 100644 index 22c48c9cbc4..00000000000 --- a/packages/patternfly-4/react-core/src/components/Popover/PopoverFooter.js +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import styles from '@patternfly/patternfly/components/Popover/popover.css'; -import { css } from '@patternfly/react-styles'; - -const PopoverFooter = ({ children, className, ...rest }) => ( -
    - {children} -
    -); - -PopoverFooter.propTypes = { - /** Additional classes added to the Popover Footer */ - className: PropTypes.string, - /** Footer node */ - children: PropTypes.any, - /** Additional props are spread to the container