update missing custom css instances

patternfly · Apr 26, 2023 · 4cb14ae · 4cb14ae
1 parent 75e0ec6
commit 4cb14ae
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/react-core/src/components/Modal/examples/Modal.md b/packages/react-core/src/components/Modal/examples/Modal.md
@@ -102,7 +102,7 @@ To exclusively present information in a modal, remove the `header` and/or `foote
 
 ### Title icon
 
-To add an icon before a modal’s title, use the `titleIconVariant`, which can be set to one of the predefined variants -- "success", "danger", "warning", "info", and "default" -- or to an imported custom icon. The following example uses a "warning" variant.
+To add an icon before a modal’s title, use the `titleIconVariant`, which can be set to one of the predefined variants -- "success", "danger", "warning", "info", and "custom" -- or to an imported custom icon. The following example uses a "warning" variant.
 
 ```ts file="./ModalTitleIcon.tsx"
 

diff --git a/packages/react-core/src/components/Popover/Popover.tsx b/packages/react-core/src/components/Popover/Popover.tsx
@@ -45,7 +45,7 @@ export interface PopoverProps {
   /** Severity variants for an alert popover. This modifies the color of the header to
    * match the severity.
    */
-  alertSeverityVariant?: 'default' | 'info' | 'warning' | 'success' | 'danger';
+  alertSeverityVariant?: 'custom' | 'info' | 'warning' | 'success' | 'danger';
   /** The duration of the CSS fade transition animation. */
   animationDuration?: number;
   /** The element to append the popover to. Defaults to "inline". */
@@ -210,7 +210,7 @@ export interface PopoverProps {
 }
 
 const alertStyle = {
-  default: styles.modifiers.custom,
+  custom: styles.modifiers.custom,
   info: styles.modifiers.info,
   success: styles.modifiers.success,
   warning: styles.modifiers.warning,

diff --git a/packages/react-core/src/components/Popover/examples/PopoverAlert.tsx b/packages/react-core/src/components/Popover/examples/PopoverAlert.tsx
@@ -10,7 +10,7 @@ export const AlertPopover: React.FunctionComponent = () => {
   const [alertSeverityVariant, setAlertSeverityVariant] = React.useState('default');
 
   const alertIcons = {
-    default: <BellIcon />,
+    custom: <BellIcon />,
     info: <InfoCircleIcon />,
     success: <CheckCircleIcon />,
     warning: <ExclamationTriangleIcon />,
@@ -21,7 +21,7 @@ export const AlertPopover: React.FunctionComponent = () => {
     <>
       <div>
         <span style={{ paddingRight: '10px' }}>Alert variant:</span>
-        <select aria-label="Popover alert type" onChange={event => setAlertSeverityVariant(event.target.value)}>
+        <select aria-label="Popover alert type" onChange={(event) => setAlertSeverityVariant(event.target.value)}>
           <option value="default">default</option>
           <option value="info">info</option>
           <option value="success">success</option>
@@ -32,7 +32,7 @@ export const AlertPopover: React.FunctionComponent = () => {
       <div style={{ margin: '50px' }}>
         <Popover
           aria-label="Alert popover"
-          alertSeverityVariant={alertSeverityVariant as 'default' | 'info' | 'warning' | 'success' | 'danger'}
+          alertSeverityVariant={alertSeverityVariant as 'custom' | 'info' | 'warning' | 'success' | 'danger'}
           headerContent="Default popover title"
           headerIcon={alertIcons[alertSeverityVariant]}
           headerComponent="h1"