diff --git a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md index ef9cb71e49d..0ce01a42d80 100644 --- a/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md +++ b/packages/react-code-editor/src/components/CodeEditor/examples/CodeEditor.md @@ -91,7 +91,7 @@ class BasicCodeEditor extends React.Component { name="toggle-read-only" /> - Item One + Item one

@@ -59,7 +59,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle2'} id="ex-toggle2" > - Item Two + Item two

@@ -77,7 +77,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle3'} id="ex-toggle3" > - Item Three + Item three

Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.

@@ -92,7 +92,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle4'} id="ex-toggle4" > - Item Four + Item four

@@ -115,7 +115,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle5'} id="ex-toggle5" > - Item Five + Item five

Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.

@@ -159,7 +159,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle1'} id="ex-toggle1" > - Item One + Item one

@@ -177,7 +177,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle2'} id="ex-toggle2" > - Item Two + Item two

@@ -195,7 +195,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle3'} id="ex-toggle3" > - Item Three + Item three

Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.

@@ -210,7 +210,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle4'} id="ex-toggle4" > - Item Four + Item four

@@ -233,7 +233,7 @@ class SimpleAccordion extends React.Component { isExpanded={this.state.expanded === 'ex-toggle5'} id="ex-toggle5" > - Item Five + Item five

Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.

@@ -276,7 +276,7 @@ class FixedAccordion extends React.Component { isExpanded={this.state.expanded.includes('ex2-toggle1')} id="ex2-toggle1" > - Item One + Item one

@@ -291,7 +291,7 @@ class FixedAccordion extends React.Component { isExpanded={this.state.expanded.includes('ex2-toggle2')} id="ex2-toggle2" > - Item Two + Item two

@@ -306,7 +306,7 @@ class FixedAccordion extends React.Component { isExpanded={this.state.expanded.includes('ex2-toggle3')} id="ex2-toggle3" > - Item Three + Item three

Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.

@@ -318,7 +318,7 @@ class FixedAccordion extends React.Component { isExpanded={this.state.expanded.includes('ex2-toggle4')} id="ex2-toggle4" > - Item Four + Item four

@@ -338,7 +338,7 @@ class FixedAccordion extends React.Component { isExpanded={this.state.expanded.includes('ex2-toggle5')} id="ex2-toggle5" > - Item Five + Item five

Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.

@@ -393,7 +393,7 @@ class BorderedAccordion extends React.Component { isExpanded={expanded === 'ex-toggle1'} id="ex-toggle1" > - Item One + Item one

@@ -411,7 +411,7 @@ class BorderedAccordion extends React.Component { isExpanded={expanded === 'ex-toggle2'} id="ex-toggle2" > - Item Two + Item two

@@ -429,7 +429,7 @@ class BorderedAccordion extends React.Component { isExpanded={expanded === 'ex-toggle3'} id="ex-toggle3" > - Item Three + Item three

Morbi vitae urna quis nunc convallis hendrerit. Aliquam congue orci quis ultricies tempus.

@@ -444,7 +444,7 @@ class BorderedAccordion extends React.Component { isExpanded={expanded === 'ex-toggle4'} id="ex-toggle4" > - Item Four + Item four @@ -471,7 +471,7 @@ class BorderedAccordion extends React.Component { isExpanded={expanded === 'ex-toggle5'} id="ex-toggle5" > - Item Five + Item five

Vivamus finibus dictum ex id ultrices. Mauris dictum neque a iaculis blandit.

diff --git a/packages/react-core/src/components/Alert/examples/Alert.md b/packages/react-core/src/components/Alert/examples/Alert.md index 3b61e2e187a..2d9bdb7e0b1 100644 --- a/packages/react-core/src/components/Alert/examples/Alert.md +++ b/packages/react-core/src/components/Alert/examples/Alert.md @@ -171,8 +171,7 @@ class StaticLiveRegionAlert extends React.Component { title="Default live region configuration" actionClose={ alert('Clicked the close button')} />} > - This Alert uses the recommended isLiveRegion prop to automatically sets ARIA attributes and CSS - classes. + This alert uses the recommended isLiveRegion prop to automatically set ARIA attributes and CSS classes. new Date().getTime(); const addSuccessAlert = () => { addAlert({ - title: 'Single Success Alert', + title: 'Single success alert', variant: 'success', key: getUniqueId() }); }; const addInfoAlert = () => { addAlert({ - title: 'Single Info Alert', + title: 'Single info alert', variant: 'info', key: getUniqueId() }); }; const addDangerAlert = () => { addAlert({ - title: 'Single Danger Alert', + title: 'Single danger alert', variant: 'danger', key: getUniqueId() }); @@ -236,13 +235,13 @@ class DynamicLiveRegionAlert extends React.Component { @@ -288,7 +287,7 @@ class AsyncLiveRegionAlert extends React.Component { const startAsyncAlerts = () => { let timerValue = setInterval(() => { addAlert({ - title: `This is a async alert number ${this.state.alerts.length + 1}`, + title: `Async alert number ${this.state.alerts.length + 1}`, variant: 'info', key: getUniqueId() }); @@ -300,10 +299,10 @@ class AsyncLiveRegionAlert extends React.Component { diff --git a/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md b/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md index 08888779a8f..d76183926c2 100644 --- a/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md +++ b/packages/react-core/src/components/AlertGroup/examples/AlertGroup.md @@ -17,8 +17,8 @@ class StaticAlertGroup extends React.Component { return ( - - + + ); @@ -47,15 +47,15 @@ class ToastAlertGroup extends React.Component { render() { const btnClasses = ['pf-c-button', 'pf-m-secondary'].join(' '); const getUniqueId = () => (new Date().getTime()); - const addSuccessAlert = () => { this.addAlert('Toast Success Alert', 'success', getUniqueId()) }; - const addDangerAlert = () => { this.addAlert('Toast Danger Alert', 'danger', getUniqueId()) }; - const addInfoAlert = () => { this.addAlert('Toast Info Alert', 'info', getUniqueId()) }; + const addSuccessAlert = () => { this.addAlert('Toast success alert', 'success', getUniqueId()) }; + const addDangerAlert = () => { this.addAlert('Toast danger alert', 'danger', getUniqueId()) }; + const addInfoAlert = () => { this.addAlert('Toast info alert', 'info', getUniqueId()) }; return ( - - - + + + {this.state.alerts.map(({key, variant, title}) => ( @@ -96,18 +96,18 @@ class SingularAdditiveAlertGroup extends React.Component { }; const btnClasses = ['pf-c-button', 'pf-m-secondary'].join(' '); const getUniqueId = () => (new Date().getTime()); - const addSuccessAlert = () => { addAlert('Single Success Alert', 'success', getUniqueId()) }; - const addDangerAlert = () => { addAlert('Single Danger Alert', 'danger', getUniqueId()) }; - const addInfoAlert = () => { addAlert('Single Info Alert', 'info', getUniqueId()) }; + const addSuccessAlert = () => { addAlert('Single success alert', 'success', getUniqueId()) }; + const addDangerAlert = () => { addAlert('Single danger alert', 'danger', getUniqueId()) }; + const addInfoAlert = () => { addAlert('Single info alert', 'info', getUniqueId()) }; this.removeAlert = key => { this.setState({ alerts: [...this.state.alerts.filter(el => el.key !== key)] }); }; return ( - - - + + + {this.state.alerts.map(({ title, variant, key }) => ( @@ -153,9 +153,9 @@ class MultipleAdditiveAlertGroup extends React.Component { const btnClasses = ['pf-c-button', 'pf-m-secondary'].join(' '); const addAlertCollection = () => { addAlerts([ - { title: 'First Alert Notification.', variant: 'success', key: getUniqueId() }, - { title: 'Second Alert Notification.', variant: 'warning', key: getUniqueId() }, - { title: 'Third Alert Notification.', variant: 'danger', key: getUniqueId() } + { title: 'First alert notification.', variant: 'success', key: getUniqueId() }, + { title: 'Second alert notification.', variant: 'warning', key: getUniqueId() }, + { title: 'Third alert notification.', variant: 'danger', key: getUniqueId() } ]) }; this.removeAlert = key => { @@ -164,7 +164,7 @@ class MultipleAdditiveAlertGroup extends React.Component { return ( - + {this.state.alerts.map(({ title, variant, key, action }) => ( @@ -213,7 +213,7 @@ class AsyncAdditiveAlertGroup extends React.Component { let timerValue = setInterval(() => { addAlerts([ { - title: `Async Notification ${this.state.alerts.length + 1} was added to the queue.`, + title: `Async notification ${this.state.alerts.length + 1} was added to the queue.`, variant: 'danger', key: getUniqueId() } @@ -224,8 +224,8 @@ class AsyncAdditiveAlertGroup extends React.Component { return ( - - + + {this.state.alerts.map(({ title, variant, key }) => ( diff --git a/packages/react-core/src/components/ApplicationLauncher/examples/ApplicationLauncher.md b/packages/react-core/src/components/ApplicationLauncher/examples/ApplicationLauncher.md index 12c922c6fea..33403dcd014 100644 --- a/packages/react-core/src/components/ApplicationLauncher/examples/ApplicationLauncher.md +++ b/packages/react-core/src/components/ApplicationLauncher/examples/ApplicationLauncher.md @@ -49,7 +49,7 @@ class SimpleApplicationLauncher extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( @@ -117,7 +117,7 @@ class SimpleApplicationLauncher extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( @@ -161,7 +161,7 @@ class SimpleApplicationLauncher extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( @@ -212,7 +212,7 @@ class SimpleApplicationLauncher extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; const style = { marginLeft: 'calc(100% - 46px)' }; @@ -265,7 +265,7 @@ class SimpleApplicationLauncher extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( @@ -565,7 +565,7 @@ class ApplicationLauncheIcon extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( @@ -615,7 +615,7 @@ class ApplicationLauncherDocumentBody extends React.Component { Application 2 (button with onClick) , - Unavailable Application + Unavailable application ]; return ( diff --git a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md index c53ff182f4e..c40af474f55 100644 --- a/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md +++ b/packages/react-core/src/components/Breadcrumb/examples/Breadcrumb.md @@ -21,7 +21,7 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbHeading } from '@patternfly/react Section title Section title - Section Landing + Section landing ; ``` @@ -39,7 +39,7 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbHeading } from '@patternfly/react Section title Section title - Section Landing + Section landing ; ``` diff --git a/packages/react-core/src/components/Card/examples/Card.md b/packages/react-core/src/components/Card/examples/Card.md index 6800fdfaee4..aec4424a473 100644 --- a/packages/react-core/src/components/Card/examples/Card.md +++ b/packages/react-core/src/components/Card/examples/Card.md @@ -365,7 +365,7 @@ class KebabDropdown extends React.Component { /> - This is the card body, there is only actions in the card head. + This is the card body. There are only actions in the card head. ); } diff --git a/packages/react-core/src/components/ChipGroup/examples/ChipGroup.md b/packages/react-core/src/components/ChipGroup/examples/ChipGroup.md index a93e6d68a99..d26350bf5c1 100644 --- a/packages/react-core/src/components/ChipGroup/examples/ChipGroup.md +++ b/packages/react-core/src/components/ChipGroup/examples/ChipGroup.md @@ -22,7 +22,7 @@ class SingleChip extends React.Component { name: 'Chip 1' }, longchip: { - name: 'Really long Chip that goes on and on' + name: 'Really long chip that goes on and on' }, badgechip: { name: 'Chip', @@ -30,10 +30,10 @@ class SingleChip extends React.Component { count: 7 }, readonlychip: { - name: 'Read-only Chip' + name: 'Read-only chip' }, overflowchip: { - name: 'Overflow Chip' + name: 'Overflow chip' } }; this.deleteItem = id => { diff --git a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md index db24c1c2fc2..0696c2ca009 100644 --- a/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md +++ b/packages/react-core/src/components/ClipboardCopy/examples/ClipboardCopy.md @@ -15,7 +15,7 @@ import PlayIcon from '@patternfly/react-icons/dist/js/icons/play-icon'; import React from 'react'; import { ClipboardCopy } from '@patternfly/react-core'; -This is editable; +This is editable; ``` ### Read Only @@ -24,7 +24,7 @@ import { ClipboardCopy } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy } from '@patternfly/react-core'; -This is read-only; +This is read-only; ``` ### Expanded @@ -33,7 +33,7 @@ import { ClipboardCopy } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; - + Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion. ; @@ -45,7 +45,7 @@ import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; - + Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion. ; @@ -57,7 +57,7 @@ import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; - + Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion. ; @@ -75,7 +75,7 @@ ClipboardCopyArrayOfElements = () => { 'need to see all of it?', 'Click that arrow on the left side and check out the resulting expansion.' ]; - return {text.join(' ')}; + return {text.join(' ')}; }; ``` @@ -85,7 +85,7 @@ ClipboardCopyArrayOfElements = () => { import React from 'react'; import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; - + {`{ "menu": { "id": "file", "value": "File", @@ -106,7 +106,7 @@ import { ClipboardCopy, ClipboardCopyVariant } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy } from '@patternfly/react-core'; -2.3.4-2-redhat; +2.3.4-2-redhat; ``` ### Inline compact code @@ -115,7 +115,7 @@ import { ClipboardCopy } from '@patternfly/react-core'; import React from 'react'; import { ClipboardCopy } from '@patternfly/react-core'; - + 2.3.4-2-redhat ; ``` @@ -128,6 +128,8 @@ import { ClipboardCopy, ClipboardCopyAction, Button } from '@patternfly/react-co import PlayIcon from '@patternfly/react-icons/dist/js/icons/play-icon'; @@ -150,13 +152,13 @@ import { ClipboardCopy } from '@patternfly/react-core'; Basic
- Lorem ipsum {2.3.4-2-redhat} dolor sit amet. + Lorem ipsum {2.3.4-2-redhat} dolor sit amet.

Long copy string
Lorem ipsum dolor sit amet, consectetur adipiscing elit.{' '} { - + https://app.openshift.io/path/sub-path/sub-sub-path/?runtime=quarkus/12345678901234567890/abcdefghijklmnopqrstuvwxyz1234567890 }{' '} @@ -166,7 +168,7 @@ import { ClipboardCopy } from '@patternfly/react-core';
Lorem ipsum dolor sit amet, consectetur adipiscing elit.{' '} { - + https://app.openshift.io/path/sub-path/sub-sub-path/?runtime=quarkus/12345678901234567890/abcdefghijklmnopqrstuvwxyz1234567890 }{' '} diff --git a/packages/react-core/src/components/ContextSelector/examples/ContextSelector.md b/packages/react-core/src/components/ContextSelector/examples/ContextSelector.md index c8d7720bec8..0c5a1804fcf 100644 --- a/packages/react-core/src/components/ContextSelector/examples/ContextSelector.md +++ b/packages/react-core/src/components/ContextSelector/examples/ContextSelector.md @@ -17,13 +17,13 @@ class SimpleContextSelector extends React.Component { constructor(props) { super(props); this.items = [ - 'My Project', - 'OpenShift Cluster', + 'My project', + 'OpenShift cluster', 'Production Ansible', 'AWS', 'Azure', - 'My Project 2', - 'OpenShift Cluster ', + 'My project 2', + 'OpenShift cluster ', 'Production Ansible 2 ', 'AWS 2', 'Azure 2' @@ -95,13 +95,13 @@ class FooterContextSelector extends React.Component { constructor(props) { super(props); this.items = [ - 'My Project', - 'OpenShift Cluster', + 'My project', + 'OpenShift cluster', 'Production Ansible', 'AWS', 'Azure', - 'My Project 2', - 'OpenShift Cluster ', + 'My project 2', + 'OpenShift cluster ', 'Production Ansible 2 ', 'AWS 2', 'Azure 2' diff --git a/packages/react-core/src/components/DatePicker/examples/DatePicker.md b/packages/react-core/src/components/DatePicker/examples/DatePicker.md index 3099c3a99b7..91fa18bb6ee 100644 --- a/packages/react-core/src/components/DatePicker/examples/DatePicker.md +++ b/packages/react-core/src/components/DatePicker/examples/DatePicker.md @@ -49,7 +49,7 @@ AmericanFormat = () => { import React from 'react'; import { DatePicker } from '@patternfly/react-core'; - + ``` ### Min and max date diff --git a/packages/react-core/src/components/Drawer/examples/Drawer.md b/packages/react-core/src/components/Drawer/examples/Drawer.md index b9ebc51c397..2491574d7c6 100644 --- a/packages/react-core/src/components/Drawer/examples/Drawer.md +++ b/packages/react-core/src/components/Drawer/examples/Drawer.md @@ -82,7 +82,7 @@ class SimpleDrawer extends React.Component { return ( @@ -157,7 +157,7 @@ class SimpleDrawerPanelRight extends React.Component { return ( @@ -232,7 +232,7 @@ class SimpleDrawerPanelLeft extends React.Component { return ( @@ -307,7 +307,7 @@ class SimpleDrawerPanelBottom extends React.Component { return (
@@ -384,7 +384,7 @@ class SimpleDrawerInlineContent extends React.Component { return ( @@ -459,7 +459,7 @@ class DrawerInlineContentPanelRight extends React.Component { return ( @@ -534,7 +534,7 @@ class DrawerInlineContentPanelLeft extends React.Component { return ( @@ -610,7 +610,7 @@ class DrawerStackedContentBodyElements extends React.Component { return ( @@ -688,7 +688,7 @@ class DrawerStackedContentBodyElements extends React.Component { return ( @@ -765,7 +765,7 @@ class DrawerModifiedContentPadding extends React.Component { return ( @@ -842,7 +842,7 @@ class DrawerModifiedPanelPadding extends React.Component { return ( @@ -918,7 +918,7 @@ class DrawerWithSection extends React.Component { return ( drawer-section @@ -989,7 +989,7 @@ class StaticDrawer extends React.Component { return ( @@ -1064,7 +1064,7 @@ class SimpleDrawer extends React.Component { return ( @@ -1156,7 +1156,7 @@ class ResizableDrawer extends React.Component { return ( @@ -1232,7 +1232,7 @@ class ResizableDrawer extends React.Component { return ( @@ -1308,7 +1308,7 @@ class ResizableDrawer extends React.Component { return (
@@ -1386,7 +1386,7 @@ class ResizableDrawer extends React.Component { return ( @@ -1509,7 +1509,7 @@ class LightGrayDrawer extends React.Component { />
diff --git a/packages/react-core/src/components/Dropdown/examples/Dropdown.md b/packages/react-core/src/components/Dropdown/examples/Dropdown.md index 6553ef7cefc..607fbbc5eb5 100644 --- a/packages/react-core/src/components/Dropdown/examples/Dropdown.md +++ b/packages/react-core/src/components/Dropdown/examples/Dropdown.md @@ -61,7 +61,7 @@ class SimpleDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -136,15 +136,15 @@ class IntialSelectionDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -203,15 +203,15 @@ class GroupedDropdown extends React.Component { , - Group 2 Link + Group 2 link - Group 2 Action + Group 2 action , - Group 3 Link + Group 3 link - Group 3 Action + Group 3 action ]; @@ -269,15 +269,15 @@ class DisabledDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -339,15 +339,15 @@ class PrimaryDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -409,15 +409,15 @@ class PositionRightDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -475,15 +475,15 @@ class AlignmentsDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -543,15 +543,15 @@ class DirectionUpDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -613,15 +613,15 @@ class KebabDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -743,15 +743,15 @@ class IconDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -814,15 +814,15 @@ class SplitButtonDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -883,15 +883,15 @@ class SplitButtonDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -957,15 +957,15 @@ class SplitButtonDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -1031,15 +1031,15 @@ class SplitButtonDisabledDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action , , - Separated Link, + Separated link, - Separated Action + Separated action ]; return ( @@ -1212,7 +1212,7 @@ class DropdownPanel extends React.Component { return ( Expanded Dropdown} + toggle={Expanded dropdown} isOpen={isOpen} > [Panel contents here] @@ -1463,10 +1463,10 @@ class SimpleDropdown extends React.Component { Action , - Disabled Link + Disabled link , - Disabled Action + Disabled action ]; return ( diff --git a/packages/react-core/src/components/EmptyState/examples/EmptyState.md b/packages/react-core/src/components/EmptyState/examples/EmptyState.md index f0c84717318..7c61ba4059f 100644 --- a/packages/react-core/src/components/EmptyState/examples/EmptyState.md +++ b/packages/react-core/src/components/EmptyState/examples/EmptyState.md @@ -24,13 +24,13 @@ import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon'; - Empty State + Empty state This represents an the empty state pattern in Patternfly 4. Hopefully it's simple enough to use but flexible enough to meet a variety of needs. - + @@ -58,7 +58,7 @@ import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon'; - Empty State + Empty state This represents an the empty state pattern in Patternfly 4. Hopefully it's simple enough to use but flexible @@ -92,13 +92,13 @@ import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon'; - Empty State + Empty state This represents an the empty state pattern in Patternfly 4. Hopefully it's simple enough to use but flexible enough to meet a variety of needs. - + @@ -127,13 +127,13 @@ import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon'; - Empty State + Empty state This represents an the empty state pattern in Patternfly 4. Hopefully it's simple enough to use but flexible enough to meet a variety of needs. - + @@ -162,13 +162,13 @@ import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon'; - Empty State + Empty state This represents an the empty state pattern in Patternfly 4. Hopefully it's simple enough to use but flexible enough to meet a variety of needs. - + @@ -233,7 +233,7 @@ import SearchIcon from '@patternfly/react-icons/dist/js/icons/search-icon'; No results found - No results match the filter criteria. Clear all filters to show results. + No results match the filter criteria. Clear all filters and try again. diff --git a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md index 4a95262d175..3065509815c 100644 --- a/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md +++ b/packages/react-core/src/components/ExpandableSection/examples/ExpandableSection.md @@ -30,7 +30,7 @@ class SimpleExpandableSection extends React.Component { const { isExpanded } = this.state; return ( @@ -47,7 +47,7 @@ class SimpleExpandableSection extends React.Component { import React from 'react'; import { ExpandableSection } from '@patternfly/react-core'; - + This content is visible only when the component is expanded. ; ``` @@ -58,7 +58,7 @@ import { ExpandableSection } from '@patternfly/react-core'; import React from 'react'; import { ExpandableSection } from '@patternfly/react-core'; - + This content is visible only when the component is expanded. ; ``` @@ -99,7 +99,7 @@ class DetachedExpandableSection extends React.Component { contentId={contentId} direction="up" > - {isExpanded ? 'Show Less' : 'Show More'} + {isExpanded ? 'Show less' : 'Show more'} @@ -131,7 +131,7 @@ class DisclosureExpandableSection extends React.Component { const { isExpanded } = this.state; return ( ); } @@ -71,11 +73,13 @@ class TextFileWithEditsAllowed extends React.Component { type="text" value={value} filename={filename} + filenamePlaceholder="Drag and drop a file or upload one" onChange={this.handleFileChange} onReadStarted={this.handleFileReadStarted} onReadFinished={this.handleFileReadFinished} isLoading={isLoading} allowEditingUploadedText + browseButtonText="Upload" /> ); } @@ -122,6 +126,7 @@ class TextFileUploadWithRestrictions extends React.Component { type="text" value={value} filename={filename} + filenamePlaceholder="Drag and drop a file or upload one" onChange={this.handleFileChange} onReadStarted={this.handleFileReadStarted} onReadFinished={this.handleFileReadFinished} @@ -132,6 +137,7 @@ class TextFileUploadWithRestrictions extends React.Component { onDropRejected: this.handleFileRejected }} validated={isRejected ? 'error' : 'default'} + browseButtonText="Upload" /> @@ -158,7 +164,7 @@ class SimpleFileUpload extends React.Component { render() { const { value, filename } = this.state; - return ; + return ; } } ``` @@ -187,8 +193,10 @@ class CustomPreviewFileUpload extends React.Component { id="customized-preview-file" value={value} filename={filename} + filenamePlaceholder="Drag and drop a file or upload one" onChange={this.handleFileChange} hideDefaultPreview + browseButtonText="Upload" > {value && (
@@ -274,6 +282,7 @@ class CustomFileUpload extends React.Component { isLoading={isLoading} isDragActive={isDragActive} hideDefaultPreview={hideDefaultPreview} + browseButtonText="Upload" > {children && (
(A custom preview of the uploaded file can be passed as children)
diff --git a/packages/react-core/src/components/Form/examples/Form.md b/packages/react-core/src/components/Form/examples/Form.md index c1c6951a478..214f95e20b3 100644 --- a/packages/react-core/src/components/Form/examples/Form.md +++ b/packages/react-core/src/components/Form/examples/Form.md @@ -72,7 +72,7 @@ class SimpleForm extends React.Component { return (
- + - + - + @@ -211,7 +211,7 @@ class HorizontalForm extends React.Component { this.setState({ value3 }); }; this.options = [ - { value: 'please choose', label: 'Please Choose', disabled: false }, + { value: 'select one', label: 'Select one', disabled: false }, { value: 'mr', label: 'Mr', disabled: false }, { value: 'miss', label: 'Miss', disabled: false }, { value: 'mrs', label: 'Mrs', disabled: false }, @@ -226,7 +226,7 @@ class HorizontalForm extends React.Component { return (
- + - + - + @@ -315,7 +315,7 @@ class SimpleForm extends React.Component { return (
- + - + - + @@ -448,7 +448,7 @@ class InvalidForm extends React.Component { Please enter your age } - helperTextInvalid="Age has to be a number" + helperTextInvalid="Must be a number" helperTextInvalidIcon={} fieldId="age-1" validated={validated} @@ -495,7 +495,7 @@ class InvalidFormWithFormAlert extends React.Component { @@ -509,7 +509,7 @@ class InvalidFormWithFormAlert extends React.Component { Please enter your age } - helperTextInvalid="Age has to be a number" + helperTextInvalid="Must be a number" helperTextInvalidIcon={} fieldId="age-2" validated={validated} @@ -540,7 +540,7 @@ class InvalidForm extends React.Component { super(props); this.state = { value: '', - invalidText: 'Age has to be a number', + invalidText: 'Must be a number', validated: 'default', helperText: 'Enter your age to continue' }; @@ -560,7 +560,7 @@ class InvalidForm extends React.Component { this.setState({ validated: 'warning', helperText: 'You must be at least 21 to continue' }); } } else { - this.setState({ validated: 'error', invalidText: 'Age has to be a number' }); + this.setState({ validated: 'error', invalidText: 'Must be a number' }); } }) ); @@ -625,7 +625,7 @@ class HorizontalFormHelperTextOnTop extends React.Component { constructor(props) { super(props); this.state = { - helperText: 'Select all that apply' + helperText: 'Select all that apply:' }; } @@ -640,8 +640,8 @@ class HorizontalFormHelperTextOnTop extends React.Component { fieldId="options" isStack > - - + +
); @@ -673,7 +673,7 @@ class FormGroupLabelInfo extends React.Component { return (
- + { @@ -124,7 +123,7 @@ class FormSelectInputInvalid extends React.Component { }; this.options = [ - { value: '', label: 'Choose a number', disabled: false, isPlaceholder: true }, + { value: '', label: 'Select a number', disabled: false, isPlaceholder: true }, { value: '1', label: 'One', disabled: false, isPlaceholder: false }, { value: '2', label: 'Two', disabled: false, isPlaceholder: false }, { value: '3', label: 'Three - the only valid option', disabled: false, isPlaceholder: false } @@ -176,7 +175,7 @@ class FormSelectInputDisabled extends React.Component { this.setState({ value }); }; this.options = [ - { value: 'please choose', label: 'Please Choose', disabled: true }, + { value: 'please choose', label: 'Select one', disabled: true }, { value: 'mr', label: 'Mr', disabled: false }, { value: 'miss', label: 'Miss', disabled: false }, { value: 'mrs', label: 'Mrs', disabled: false }, @@ -217,7 +216,7 @@ class FormSelectInputGrouped extends React.Component { groupLabel: 'Group1', disabled: false, options: [ - { value: '1', label: 'The First Option', disabled: false }, + { value: '1', label: 'The first option', disabled: false }, { value: '2', label: 'Second option is selected by default', disabled: false } ] }, @@ -225,16 +224,16 @@ class FormSelectInputGrouped extends React.Component { groupLabel: 'Group2', disabled: false, options: [ - { value: '3', label: 'The Third Option', disabled: false }, - { value: '4', label: 'The Fourth option', disabled: false } + { value: '3', label: 'The third option', disabled: false }, + { value: '4', label: 'The fourth option', disabled: false } ] }, { groupLabel: 'Group3', disabled: true, options: [ - { value: '5', label: 'The Fifth Option', disabled: false }, - { value: '6', label: 'The Sixth option', disabled: false } + { value: '5', label: 'The fifth option', disabled: false }, + { value: '6', label: 'The sixth option', disabled: false } ] } ]; diff --git a/packages/react-core/src/components/InputGroup/examples/InputGroup.md b/packages/react-core/src/components/InputGroup/examples/InputGroup.md index 9d109ae2f4a..724a9b7ef4c 100644 --- a/packages/react-core/src/components/InputGroup/examples/InputGroup.md +++ b/packages/react-core/src/components/InputGroup/examples/InputGroup.md @@ -194,7 +194,7 @@ class SimpleInputGroups extends React.Component { , , - Disabled Link + Disabled link ]; return ( @@ -291,7 +291,7 @@ class GroupNotificationDrawer extends React.Component { , , - Disabled Link + Disabled link ]; return ( diff --git a/packages/react-core/src/components/Page/examples/Page.md b/packages/react-core/src/components/Page/examples/Page.md index 8b5ea902a0c..1c90f4597f4 100644 --- a/packages/react-core/src/components/Page/examples/Page.md +++ b/packages/react-core/src/components/Page/examples/Page.md @@ -375,11 +375,11 @@ class GroupPage extends React.Component { diff --git a/packages/react-core/src/components/Popover/examples/Popover.md b/packages/react-core/src/components/Popover/examples/Popover.md index 1fdf3d049c4..e4158e9ceb6 100644 --- a/packages/react-core/src/components/Popover/examples/Popover.md +++ b/packages/react-core/src/components/Popover/examples/Popover.md @@ -20,7 +20,7 @@ import { Popover, PopoverPosition, Button } from '@patternfly/react-core'; bodyContent={
Popovers are triggered by click rather than hover.
} footerContent="Popover footer" > - +
; ``` @@ -44,8 +44,8 @@ PopoverCloseControlled = () => { bodyContent={
- All the content props (headerContent, bodyContent, footerContent) can take a function which the Popover - component passes the hide function to which can be used to close the Popover after some user interaction. + All the content props (headerContent, bodyContent, footerContent) can take a function which the popover + component passes the hide function to which can be used to close the popover after some user interaction.
@@ -54,7 +54,7 @@ PopoverCloseControlled = () => { } footerContent="Popover footer" > - +
); @@ -76,8 +76,8 @@ import { Popover, PopoverPosition, Button } from '@patternfly/react-core'; bodyContent={hide => (
- All the content props (headerContent, bodyContent, footerContent) can take a function which the Popover - component passes the hide function to which can be used to close the Popover after some user interaction. + All the content props (headerContent, bodyContent, footerContent) can take a function which the popover + component passes the hide function to which can be used to close the popover after some user interaction.
@@ -86,7 +86,7 @@ import { Popover, PopoverPosition, Button } from '@patternfly/react-core'; )} footerContent="Popover footer" > - +
; ``` @@ -110,7 +110,7 @@ import { Popover, PopoverPosition, Button } from '@patternfly/react-core'; )} withFocusTrap={false /* no focusable content in this example */} > - +
; ``` @@ -127,7 +127,7 @@ import { Popover, PopoverPosition, Button } from '@patternfly/react-core'; hasAutoWidth bodyContent={hide =>
Removes fixed-width and allows width to be defined by contents
} > - +
; ``` @@ -145,13 +145,13 @@ PopoverReactRef = () => { Popover Header
} + headerContent={
Popover header
} bodyContent={
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
} - footerContent="Popover Footer" + footerContent="Popover footer" reference={popoverRef} />
@@ -169,11 +169,11 @@ import { Popover } from '@patternfly/react-core'; Popover Header} + headerContent={
Popover header
} bodyContent={
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
} - footerContent="Popover Footer" + footerContent="Popover footer" reference={() => document.getElementById('popover-selector')} /> ; @@ -215,7 +215,7 @@ class AdvancedPopover extends React.Component { return (
- Popover Position + Popover position - {isPaused ? 'Resume Log' : 'Pause Log'}
}> + {isPaused ? 'Resume log' : 'Pause log'}
}> @@ -446,7 +446,7 @@ class ConsoleLogViewerToolbar extends React.Component { onSelect={this.onExternalSelect} toggle={ - External Logs + External logs } isOpen={externalExpanded} @@ -471,7 +471,7 @@ class ConsoleLogViewerToolbar extends React.Component { const rightAlignedItemsMobile = ( - External Logs}> + External logs}> @@ -207,7 +207,7 @@ class FullPageWizard extends React.Component { Main title - A demo of the wizard in page. + A demo of a wizard in a page. diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index d2c11384f2d..868d53b54ab 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -1507,7 +1507,7 @@ EmptyStateTable = () => { No results found - No results match the filter criteria. Remove all filters or clear all filters to show results. + Clear all filters and try again. diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md index 8a9df4a0978..7b84b2b22d9 100644 --- a/packages/react-table/src/demos/Table.md +++ b/packages/react-table/src/demos/Table.md @@ -2210,7 +2210,7 @@ class FilterTableDemo extends React.Component { - No results found + Clear all filters and try again. No results match this filter criteria. Remove all filters or clear all filters to show results. @@ -2454,7 +2454,7 @@ class ComplexPaginationTableDemo extends React.Component { - Unable to connect + Check your connection and reload the page. There was an error retrieving data. Check your connection and try again. @@ -2741,7 +2741,7 @@ class PageLayoutDefaultNav extends React.Component { Main title Body text should be Overpass Regular at 16px. It should have leading of 24px because
- of it’s relative line height of 1.5. + of its relative line height of 1.5.
@@ -2805,7 +2805,7 @@ class EmptyStateDemo extends React.Component { No results found - No results match this filter criteria. Remove all filters or clear all filters to show results. + No results match this filter criteria. Clear all filters and try again.