Skip to content

Commit 1254feb

Browse files
nicolethoennicolethoen
authored
Merge pull request #61 from jessiehuff/update-versions
feat(v6): Update versions to latest alphas
2 parents e2d1ed9 + ee78372 commit 1254feb

File tree

10 files changed

+1302
-364
lines changed

10 files changed

+1302
-364
lines changed

‎packages/module/package.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -40,18 +40,18 @@
4040
"patternfly"
4141
],
4242
"dependencies": {
43-
"@patternfly/react-core": "6.0.0-alpha.50",
44-
"@patternfly/react-styles": "6.0.0-alpha.19"
43+
"@patternfly/react-core": "6.0.0-alpha.61",
44+
"@patternfly/react-styles": "6.0.0-alpha.23"
4545
},
4646
"peerDependencies": {
4747
"react": "^17 || ^18",
4848
"react-dom": "^17 || ^18"
4949
},
5050
"devDependencies": {
51-
"@patternfly/patternfly": "6.0.0-alpha.117",
52-
"@patternfly/documentation-framework": "6.0.0-alpha.20",
53-
"@patternfly/react-table": "6.0.0-alpha.50",
54-
"@patternfly/react-code-editor": "6.0.0-alpha.50",
51+
"@patternfly/patternfly": "6.0.0-alpha.139",
52+
"@patternfly/documentation-framework": "6.0.0-alpha.41",
53+
"@patternfly/react-table": "6.0.0-alpha.61",
54+
"@patternfly/react-code-editor": "6.0.0-alpha.61",
5555
"react-monaco-editor": "0.51.0",
5656
"monaco-editor": "0.34.1",
5757
"rimraf": "^2.6.2",

‎packages/module/patternfly-docs/generated/extensions/catalog-view/catalog-item-header/react.js‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -67,11 +67,11 @@ pageData.liveContext = {
6767
pageData.relativeImports = "import 'content/examples/./catalogItemHeader.css';"
6868
pageData.examples = {
6969
'Basic': props =>
70-
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst Basic = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"PatternFly\"\n />\n)","title":"Basic","lang":"js"}}>
70+
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst Basic = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"PatternFly\"\n />\n)","title":"Basic","lang":"js","className":""}}>
7171

7272
</Example>,
7373
'With vendor description': props =>
74-
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst WithVendorDescription = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"Patternfly-React\"\n vendor={\n <span>\n provided by <a style={{ textDecoration: 'underline' }}href=\"http://redhat.com\">Red Hat</a>\n </span>\n }\n />\n)","title":"With vendor description","lang":"js"}}>
74+
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogItemHeader } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './examples/pfLogo6.svg';\n\nconst WithVendorDescription = () => (\n <CatalogItemHeader\n iconImg={pfLogo6}\n title=\"Patternfly-React\"\n vendor={\n <span>\n provided by <a style={{ textDecoration: 'underline' }}href=\"http://redhat.com\">Red Hat</a>\n </span>\n }\n />\n)","title":"With vendor description","lang":"js","className":""}}>
7575

7676
</Example>
7777
};
@@ -81,10 +81,10 @@ const Component = () => (
8181
<AutoLinkHeader {...{"id":"introduction","size":"h2","className":"ws-title ws-h2"}}>
8282
{`Introduction`}
8383
</AutoLinkHeader>
84-
<p {...{"className":"ws-p"}}>
84+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
8585
{`Note: Catalog item header lives in its own package at `}
86-
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension"}}>
87-
<code {...{"className":"ws-code"}}>
86+
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension","className":""}}>
87+
<code {...{"className":"ws-code "}}>
8888
{`@patternfly/react-catalog-view-extension`}
8989
</code>
9090
</PatternflyThemeLink>

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -136,27 +136,27 @@ pageData.liveContext = {
136136
pageData.relativeImports = "import 'content/examples/./catalogTile.css';"
137137
pageData.examples = {
138138
'Basic featured tile': props =>
139-
<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 pfLogo6 from './pfLogo6.svg';\nimport '../../../../dist/css/react-catalog-view-extension.css';\n\nconst BasicFeaturedTile = () => (\n <CatalogTile\n id=\"simple-tile\"\n featured\n iconImg={pfLogo6}\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 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":"Basic featured tile","lang":"js"}}>
139+
<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 pfLogo6 from './pfLogo6.svg';\nimport '../../../../dist/css/react-catalog-view-extension.css';\n\nconst BasicFeaturedTile = () => (\n <CatalogTile\n id=\"simple-tile\"\n featured\n iconImg={pfLogo6}\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 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":"Basic featured tile","lang":"js","className":""}}>
140140

141141
</Example>,
142142
'Basic with footer': props =>
143-
<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 pfLogo6 from './pfLogo6.svg';\n\nconst BasicWithFooter = () => (\n <CatalogTile\n id=\"simple-footer\"\n iconImg={pfLogo6}\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-v6-global--success-color--100)'}} /> Enabled\n </span>\n }\n />\n)","title":"Basic with footer","lang":"js"}}>
143+
<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 pfLogo6 from './pfLogo6.svg';\n\nconst BasicWithFooter = () => (\n <CatalogTile\n id=\"simple-footer\"\n iconImg={pfLogo6}\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-v6-global--success-color--100)'}} /> Enabled\n </span>\n }\n />\n)","title":"Basic with footer","lang":"js","className":""}}>
144144

145145
</Example>,
146146
'Link variant': props =>
147-
<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 pfLogo6 from './pfLogo6.svg';\n\nconst LinkVariant = () => (\n <CatalogTile\n id=\"simple-link-variant\"\n iconImg={pfLogo6}\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"}}>
147+
<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 pfLogo6 from './pfLogo6.svg';\n\nconst LinkVariant = () => (\n <CatalogTile\n id=\"simple-link-variant\"\n iconImg={pfLogo6}\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","className":""}}>
148148

149149
</Example>,
150150
'With multiple icon badges': props =>
151-
<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 pfLogo6 from './pfLogo6.svg';\n\nconst WithMultipleIconBadges = () => (\n <CatalogTile\n id=\"multiIcon\"\n iconImg={pfLogo6}\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-v6-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"}}>
151+
<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 pfLogo6 from './pfLogo6.svg';\n\nconst WithMultipleIconBadges = () => (\n <CatalogTile\n id=\"multiIcon\"\n iconImg={pfLogo6}\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-v6-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","className":""}}>
152152

153153
</Example>,
154154
'With text badge': props =>
155-
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithTextBadge = () => (\n <CatalogTile\n id=\"text-badge\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n 'Community'\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 text badge","lang":"js"}}>
155+
<Example {...pageData} {...props} {...{"code":"import React from 'react';\nimport { CatalogTile } from '@patternfly/react-catalog-view-extension';\nimport pfLogo6 from './pfLogo6.svg';\n\nconst WithTextBadge = () => (\n <CatalogTile\n id=\"text-badge\"\n iconImg={pfLogo6}\n iconAlt=\"PatternFly logo\"\n badges={[\n 'Community'\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 text badge","lang":"js","className":""}}>
156156

157157
</Example>,
158158
'With children instead of description': props =>
159-
<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 pfLogo6 from './pfLogo6.svg';\n\nconst WithChildrenInsteadOfDescription = () => (\n <CatalogTile\n id=\"simple-with-children\"\n featured\n iconImg={pfLogo6}\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 >\n This is a very, very long stetch of child text that should be not be truncated\n and illustrates how Flyers can add longer content to PatternFly 4 catalog tiles\n using the children prop. Cards usually truncate descriptions at three lines.\n Cards with a footer are truncated after one line. This has changed from PatternFly 3.\n Children can be of any length.\n </CatalogTile>\n)","title":"With children instead of description","lang":"js"}}>
159+
<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 pfLogo6 from './pfLogo6.svg';\n\nconst WithChildrenInsteadOfDescription = () => (\n <CatalogTile\n id=\"simple-with-children\"\n featured\n iconImg={pfLogo6}\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 >\n This is a very, very long stetch of child text that should be not be truncated\n and illustrates how Flyers can add longer content to PatternFly 4 catalog tiles\n using the children prop. Cards usually truncate descriptions at three lines.\n Cards with a footer are truncated after one line. This has changed from PatternFly 3.\n Children can be of any length.\n </CatalogTile>\n)","title":"With children instead of description","lang":"js","className":""}}>
160160

161161
</Example>
162162
};
@@ -166,10 +166,10 @@ const Component = () => (
166166
<AutoLinkHeader {...{"id":"introduction","size":"h2","className":"ws-title ws-h2"}}>
167167
{`Introduction`}
168168
</AutoLinkHeader>
169-
<p {...{"className":"ws-p"}}>
169+
<p {...{"className":"pf-v6-c-content--p ws-p "}}>
170170
{`Note: Catalog tile lives in its own package at `}
171-
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension"}}>
172-
<code {...{"className":"ws-code"}}>
171+
<PatternflyThemeLink {...{"to":"https://www.npmjs.com/package/@patternfly/react-catalog-view-extension","className":""}}>
172+
<code {...{"className":"ws-code "}}>
173173
{`@patternfly/react-catalog-view-extension`}
174174
</code>
175175
</PatternflyThemeLink>

0 commit comments

Comments
 (0)