Fixed example file names

Author: Eric Olkowski

packages/react-core/src/components/HelperText/HelperTextItem.tsx

@@ -38,7 +38,6 @@ export interface HelperTextItemProps extends React.HTMLProps<HTMLDivElement | HT
 }
 
 const defaultVariantIcons = {
-  default: <></>,
   indeterminate: <MinusIcon />,
   warning: <ExclamationTriangleIcon />,
   success: <CheckCircleIcon />,
@@ -57,15 +56,16 @@ export const HelperTextItem: React.FunctionComponent<HelperTextItemProps> = ({
 }: HelperTextItemProps) => {
   const Component = component as any;
   const isNotDefaultVariant = variant !== 'default';
+  const defaultIcon = isNotDefaultVariant && defaultVariantIcons[variant];
   return (
     <Component
       className={css(styles.helperTextItem, isNotDefaultVariant && styles.modifiers[variant], className)}
       id={id}
       {...props}
     >
-      {(isNotDefaultVariant || icon) && (
+      {(defaultIcon || icon) && (
         <span className={css(styles.helperTextItemIcon)} aria-hidden>
-          {icon || defaultVariantIcons[variant]}
+          {icon || defaultIcon}
         </span>
       )}
 

packages/react-core/src/components/HelperText/examples/HelperText.md

@@ -15,20 +15,20 @@ import ExclamationIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-
 
 ### Basic
 
-```ts file="HelperTextStatic.tsx"
+```ts file="HelperTextBasic.tsx"
 
 ```
 
 ### With custom icons
 
-```ts file="HelperTextStaticWithCustomIcon.tsx"
+```ts file="HelperTextWithCustomIcon.tsx"
 
 ```
 
 ### Multiple items
 
 You can pass multiple `<HelperTextItem>` components inside a single `<Helpertext>` container.
 
-```ts file="HelperTextMultipleStatic.tsx"
+```ts file="HelperTextMultipleItems.tsx"
 
 ```