chore(types): loose color type for text component (vue-terminal#6)

Author: webfansplz

packages/core/src/components/Text.ts

@@ -6,6 +6,7 @@ import {
   defineComponent,
   onUpdated,
 } from '@vue/runtime-core'
+import type { LiteralUnion } from '../utils'
 import type { Styles } from '../renderer/styles'
 import { scheduleUpdateSymbol } from '../injectionSymbols'
 import { colorize } from '../renderer/textColor'
@@ -17,8 +18,8 @@ export const defaultStyle: Styles = {
 }
 
 export interface TuiTextProps {
-  color?: ForegroundColor
-  bgColor?: ForegroundColor
+  color?: LiteralUnion<ForegroundColor, string>
+  bgColor?: LiteralUnion<ForegroundColor, string>
   dimmed?: boolean
   bold?: boolean
   italic?: boolean
@@ -32,8 +33,8 @@ export const TuiText = defineComponent({
   name: 'TuiText',
 
   props: {
-    color: String as PropType<ForegroundColor>,
-    bgColor: String as PropType<ForegroundColor>,
+    color: String as PropType<LiteralUnion<ForegroundColor, string>>,
+    bgColor: String as PropType<LiteralUnion<ForegroundColor, string>>,
     dimmed: Boolean,
     bold: Boolean,
     italic: Boolean,