refactor: add TextColors type

Author: mrholek

src/components/Types.tsx

@@ -94,6 +94,14 @@ export const shapePropType = PropTypes.oneOfType([
   PropTypes.string,
 ])
 
+export type TextColors = Colors | 'white' | 'muted' | string
+
+export const textColorsPropType = PropTypes.oneOfType([
+  colorPropType,
+  PropTypes.oneOf(['white', 'muted']),
+  PropTypes.string,
+])
+
 export type Triggers = 'hover' | 'focus' | 'click'
 
 export const triggerPropType = PropTypes.oneOf<Triggers>(['hover', 'focus', 'click'])

src/components/avatar/CAvatar.tsx

@@ -2,7 +2,14 @@ import React, { forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { Colors, Shapes, colorPropType, shapePropType } from '../Types'
+import {
+  Colors,
+  Shapes,
+  TextColors,
+  colorPropType,
+  shapePropType,
+  textColorsPropType,
+} from '../Types'
 
 export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
   /**
@@ -37,8 +44,10 @@ export interface CAvatarProps extends HTMLAttributes<HTMLDivElement> {
   status?: Colors
   /**
    * Sets the text color of the component to one of CoreUI’s themed colors. [docs]
+   *
+   * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
    */
-  textColor?: string
+  textColor?: TextColors
 }
 
 export const CAvatar = forwardRef<HTMLDivElement, CAvatarProps>(
@@ -72,7 +81,7 @@ CAvatar.propTypes = {
   size: PropTypes.string,
   src: PropTypes.string,
   status: PropTypes.string,
-  textColor: PropTypes.string,
+  textColor: textColorsPropType,
 }
 
 CAvatar.displayName = 'CAvatar'

src/components/badge/CBadge.tsx

@@ -2,7 +2,14 @@ import React, { ElementType, forwardRef, HTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 
-import { Colors, Shapes, colorPropType, shapePropType } from '../Types'
+import {
+  Colors,
+  Shapes,
+  TextColors,
+  colorPropType,
+  shapePropType,
+  textColorsPropType,
+} from '../Types'
 
 export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanElement> {
   /**
@@ -35,8 +42,10 @@ export interface CBadgeProps extends HTMLAttributes<HTMLDivElement | HTMLSpanEle
   size?: 'sm'
   /**
    * Sets the text color of the component to one of CoreUI’s themed colors. [docs]
+   *
+   * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'white' | 'muted' | string
    */
-  textColor?: string
+  textColor?: TextColors
 }
 export const CBadge = forwardRef<HTMLDivElement | HTMLSpanElement, CBadgeProps>(
   (
@@ -69,7 +78,7 @@ CBadge.propTypes = {
   component: PropTypes.string,
   shape: shapePropType,
   size: PropTypes.oneOf(['sm']),
-  textColor: PropTypes.string,
+  textColor: textColorsPropType,
 }
 
 CBadge.displayName = 'CBadge'