Merge pull request #44 from wise-king-sullyman/bump-pf-deps

chore(deps): Bump PatternFly deps

.gitignore

@@ -9,6 +9,7 @@ coverage
 .cache
 .tmp
 .eslintcache
+.cache_*
 
 # package managers
 yarn-error.log

packages/module/package.json

@@ -40,18 +40,18 @@
     "patternfly"
   ],
   "dependencies": {
-    "@patternfly/react-core": "^5.0.0-alpha.72",
-    "@patternfly/react-styles": "^5.0.0-alpha.7"
+    "@patternfly/react-core": "5.0.0-prerelease.7",
+    "@patternfly/react-styles": "5.0.0-prerelease.2"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "^5.0.0-alpha.43",
-    "@patternfly/documentation-framework": "^2.0.0-alpha.29",
-    "@patternfly/react-table": "^5.0.0-alpha.80",
-    "@patternfly/react-code-editor": "^5.0.0-alpha.79",
+    "@patternfly/patternfly": "5.0.0-prerelease.6",
+    "@patternfly/documentation-framework": "2.0.0-alpha.57",
+    "@patternfly/react-table": "5.0.0-prerelease.7",
+    "@patternfly/react-code-editor": "5.0.0-prerelease.7",
     "rimraf": "^2.6.2",
     "sass": "^1.42.1",
     "shx": "^0.3.2",

packages/module/patternfly-docs/content/examples/CatalogTile.md

@@ -72,7 +72,7 @@ import pfLogo2 from './pfLogo2.svg';
   }
   footer={
     <span>
-      <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} /> Enabled
+      <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} /> Enabled
     </span>
   }
 />
@@ -122,7 +122,7 @@ import pfLogo2 from './pfLogo2.svg';
       <CogIcon />
     </CatalogTileBadge>,
     <CatalogTileBadge title="USDA Approved">
-      <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} />
+      <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} />
     </CatalogTileBadge>
   ]}
   title="Patternfly-React"

packages/module/patternfly-docs/content/examples/FilterSidePanel.md

@@ -106,7 +106,7 @@ class MockFilterSidePanelExample extends React.Component {
 
       return (
         <span>
-          <span className="pf-u-screen-reader">{`${count} stars`}</span>
+          <span className="pf-v5-u-screen-reader">{`${count} stars`}</span>
           {stars}
         </span>
       );

packages/module/patternfly-docs/content/examples/PropertiesSidePanel.md

@@ -33,7 +33,7 @@ import GlobeIcon from '@patternfly/react-icons/dist/esm/icons/globe-icon';
       label="Certified Level"
       value={
         <span>
-          <OkIcon style={{color: 'var(--pf-global--success-color--100)'}} /> Certified
+          <OkIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} /> Certified
         </span>
       }
     />

packages/module/patternfly-docs/content/examples/catalogTile.css

@@ -24,7 +24,7 @@
   color: #004080;
   text-decoration: underline;
 }
-.ws-react-e-catalog-tile .pf-c-card__actions {
+.ws-react-e-catalog-tile .pf-v5-c-card__actions {
   padding-left: 5px;
 }
 .ws-react-e-catalog-tile .catalog-tile-pf-icon {

packages/module/patternfly-docs/content/examples/filterSidePanel.css

@@ -23,7 +23,7 @@
   margin-bottom: 0;
 }
 
-.filter-panel-pf-category-items .pf-c-button.pf-m-link {
+.filter-panel-pf-category-items .pf-v5-c-button.pf-m-link {
   padding: 0;
 }
 
@@ -37,7 +37,7 @@
   margin-top: 0;
 }
 
-.filter-panel-pf-category-item .pf-c-check__input {
+.filter-panel-pf-category-item .pf-v5-c-check__input {
   margin-left: 0px;
 }
 

packages/module/patternfly-docs/generated/extensions/catalog-tile/catalog-view-tile/react.js

@@ -135,15 +135,15 @@ pageData.examples = {
 
     </Example>,
   'Basic with footer': props => 
-    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst BasicWithFooter = () => (\n  <CatalogTile\n    id=\"simple-footer\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after one line. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n    footer={\n      <span>\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} /> Enabled\n      </span>\n    }\n  />\n)","title":"Basic with footer","lang":"js"}}>
+    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst BasicWithFooter = () => (\n  <CatalogTile\n    id=\"simple-footer\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after one line. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n    footer={\n      <span>\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} /> Enabled\n      </span>\n    }\n  />\n)","title":"Basic with footer","lang":"js"}}>
 
     </Example>,
   'Link variant': props => 
     <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst LinkVariant = () => (\n  <CatalogTile\n    id=\"simple-link-variant\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    href=\"http://patternfly.org/v4\"\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"Link variant","lang":"js"}}>
 
     </Example>,
   'With multiple icon badges': props => 
-    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst WithMultipleIconBadges = () => (\n  <CatalogTile\n    id=\"multiIcon\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>,\n      <CatalogTileBadge title=\"USDA Approved\">\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"With multiple icon badges","lang":"js"}}>
+    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst WithMultipleIconBadges = () => (\n  <CatalogTile\n    id=\"multiIcon\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>,\n      <CatalogTileBadge title=\"USDA Approved\">\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"With multiple icon badges","lang":"js"}}>
 
     </Example>,
   'With text badge': props => 

packages/module/patternfly-docs/generated/extensions/catalog-tile/catalog-view/react.js

@@ -135,15 +135,15 @@ pageData.examples = {
 
     </Example>,
   'Basic with footer': props => 
-    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst BasicWithFooter = () => (\n  <CatalogTile\n    id=\"simple-footer\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after one line. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n    footer={\n      <span>\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} /> Enabled\n      </span>\n    }\n  />\n)","title":"Basic with footer","lang":"js"}}>
+    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst BasicWithFooter = () => (\n  <CatalogTile\n    id=\"simple-footer\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after one line. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n    footer={\n      <span>\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} /> Enabled\n      </span>\n    }\n  />\n)","title":"Basic with footer","lang":"js"}}>
 
     </Example>,
   'Link variant': props => 
     <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst LinkVariant = () => (\n  <CatalogTile\n    id=\"simple-link-variant\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>\n    ]}\n    href=\"http://patternfly.org/v4\"\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"Link variant","lang":"js"}}>
 
     </Example>,
   'With multiple icon badges': props => 
-    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst WithMultipleIconBadges = () => (\n  <CatalogTile\n    id=\"multiIcon\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>,\n      <CatalogTileBadge title=\"USDA Approved\">\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-global--success-color--100)'}} />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"With multiple icon badges","lang":"js"}}>
+    <Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile, CatalogTileBadge } from '@patternfly/react-catalog-view-extension';\nimport CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';\nimport OutlinedCheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/outlined-check-circle-icon';\nimport pfLogo2 from './pfLogo2.svg';\n\nconst WithMultipleIconBadges = () => (\n  <CatalogTile\n    id=\"multiIcon\"\n    iconImg={pfLogo2}\n    iconAlt=\"PatternFly logo\"\n    badges={[\n      <CatalogTileBadge title=\"Certified\">\n        <CogIcon />\n      </CatalogTileBadge>,\n      <CatalogTileBadge title=\"USDA Approved\">\n        <OutlinedCheckCircleIcon style={{color: 'var(--pf-v5-global--success-color--100)'}} />\n      </CatalogTileBadge>\n    ]}\n    title=\"Patternfly-React\"\n    vendor=\"provided by Red Hat\"\n    description={\n      'This is a very, very long description that should be truncated after three lines. ' +\n      'Three lines is the default for cards without a footer. Cards with a footer are truncated after one line. Truncation function use is deprecated; please pass in a maxDescriptionLength of -1 to override it. ' +\n      'This has changed from PatternFly 3.'\n    }\n  />\n)","title":"With multiple icon badges","lang":"js"}}>
 
     </Example>,
   'With text badge': props =>