lew-ui 2.4.19 → 2.4.20

package/dist/components/avatar/src/LewAvatar.vue.d.ts

@@ -28,10 +28,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         validator(value: string): boolean;
     };
     status: {
-        type: PropType<("offline" | "online" | "processing" | "away" | "busy") | undefined>;
+        type: PropType<("online" | "processing" | "away" | "offline" | "busy") | undefined>;
         default: undefined;
         description: string;
-        validator(value: "offline" | "online" | "processing" | "away" | "busy"): boolean;
+        validator(value: "online" | "processing" | "away" | "offline" | "busy"): boolean;
     };
     objectFit: {
         type: PropType<import('../..').ObjectFit>;
@@ -81,10 +81,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         validator(value: string): boolean;
     };
     status: {
-        type: PropType<("offline" | "online" | "processing" | "away" | "busy") | undefined>;
+        type: PropType<("online" | "processing" | "away" | "offline" | "busy") | undefined>;
         default: undefined;
         description: string;
-        validator(value: "offline" | "online" | "processing" | "away" | "busy"): boolean;
+        validator(value: "online" | "processing" | "away" | "offline" | "busy"): boolean;
     };
     objectFit: {
         type: PropType<import('../..').ObjectFit>;
@@ -107,12 +107,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{}>, {
     size: string | number;
     loading: boolean;
-    status: ("offline" | "online" | "processing" | "away" | "busy") | undefined;
     src: string;
     alt: string;
     objectFit: import('../..').ObjectFit;
     objectPosition: string;
     shape: "circle" | "square";
+    status: ("online" | "processing" | "away" | "offline" | "busy") | undefined;
     statusPlacement: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/button/src/LewButton.vue.d.ts

@@ -122,9 +122,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     color: import('../../..').LewColor;
     size: import('./props').ButtonSize;
     loading: boolean;
+    disabled: boolean;
     text: string;
     round: boolean;
-    disabled: boolean;
     singleIcon: boolean;
     dashed: boolean;
     request: Function;

package/dist/components/cascader/src/LewCascader.vue.d.ts

@@ -146,16 +146,16 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('../../..').LewSize;
+    disabled: boolean;
+    trigger: import('../../..').CascaderTriggerType;
     options: CascaderOptions[];
+    readonly: boolean;
     placeholder: string;
-    disabled: boolean;
     clearable: boolean;
     showAllLevels: boolean;
     multiple: boolean;
     free: boolean;
-    trigger: import('../../..').CascaderTriggerType;
     loadMethodId: string;
-    readonly: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/checkbox/src/LewCheckbox.vue.d.ts

@@ -101,12 +101,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>, {
     size: import('../../..').LewSize;
     label: string;
-    block: boolean;
-    round: boolean;
     disabled: boolean;
+    round: boolean;
+    block: boolean;
     readonly: boolean;
-    checked: boolean;
     iconable: boolean;
+    checked: boolean;
     certain: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/checkbox/src/LewCheckboxGroup.vue.d.ts

@@ -105,10 +105,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>, {
     size: import('../../..').LewSize;
     direction: import('../../..').LewDirection;
-    block: boolean;
+    disabled: boolean;
     round: boolean;
+    block: boolean;
     options: CheckboxOptions[];
-    disabled: boolean;
     readonly: boolean;
     iconable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/collapse/src/LewCollapse.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         validator(value: string | number): boolean;
     };
 }>> & Readonly<{}>, {
-    gap: string | number;
     width: string | number;
+    gap: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LewColorPicker } from './src/LewColorPicker.vue';
+export * from './src/props';

package/dist/components/color-picker/src/LewColorPicker.vue.d.ts

@@ -0,0 +1,51 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    size: {
+        type: PropType<import('../../..').LewSize>;
+        default: string;
+        description: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    size: {
+        type: PropType<import('../../..').LewSize>;
+        default: string;
+        description: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+}>> & Readonly<{}>, {
+    size: import('../../..').LewSize;
+    width: string | number;
+    disabled: boolean;
+    readonly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/color-picker/src/props.d.ts

@@ -0,0 +1,31 @@
+import { LewSize } from '../../../types';
+
+export declare const colorPickerModel: {
+    modelValue: {
+        type: StringConstructor;
+        description: string;
+    };
+};
+export type ColorPickerTrigger = 'click' | 'hover';
+export declare const colorPickerProps: {
+    size: {
+        type: PropType<LewSize>;
+        default: string;
+        description: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+        description: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
+};

package/dist/components/date-picker/src/LewDatePicker.vue.d.ts

@@ -87,10 +87,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     onClear?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('../../..').LewSize;
-    placeholder: string;
     disabled: boolean;
-    clearable: boolean;
     readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
     valueFormat: string;
     presets: import('../../..').DatePickerPresetsOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/date-range-picker/src/LewDateRangePicker.vue.d.ts

@@ -116,8 +116,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>, {
     size: LewSize;
     disabled: boolean;
-    clearable: boolean;
     readonly: boolean;
+    clearable: boolean;
     valueFormat: string;
     startKey: string;
     endKey: string;

package/dist/components/desc/src/LewDesc.vue.d.ts

@@ -63,6 +63,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
         hidden: boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     mounted: (...args: any[]) => void;
@@ -131,20 +136,26 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
         hidden: boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onMounted?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('../../..').LewSize;
     direction: import('./props').DescDirection;
-    gap: string | number;
     width: string | number;
+    gap: string | number;
     options: Record<string, any>[];
-    dataSource: Record<string, any>;
     columns: string | number;
     labelWidth: string | number;
     id: string;
+    dataSource: Record<string, any>;
     labelX: import('../..').TextTrimAlignment;
     valueX: import('../..').TextTrimAlignment;
+    bordered: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/desc/src/LewDescItem.vue.d.ts

@@ -17,6 +17,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
         validator(value: import('../../..').LewSize): boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -93,6 +98,11 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
         description: string;
         validator(value: import('../../..').LewSize): boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -160,12 +170,13 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     direction: import('../../..').DescDirection;
     label: string;
     width: string | number;
-    dataSource: Record<string, any>;
     labelWidth: string | number;
     id: string;
     gridArea: string;
+    dataSource: Record<string, any>;
     labelX: TextTrimAlignment;
     valueX: TextTrimAlignment;
+    bordered: boolean;
     customRender: (value: any) => any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/desc/src/props.d.ts

@@ -67,6 +67,11 @@ export declare const descProps: {
         description: string;
         hidden: boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
 };
 export declare const descItemProps: {
     label: {
@@ -85,6 +90,11 @@ export declare const descItemProps: {
         description: string;
         validator(value: LewSize): boolean;
     };
+    bordered: {
+        type: BooleanConstructor;
+        default: boolean;
+        description: string;
+    };
     width: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -145,5 +155,6 @@ export declare const descItemProps: {
         hidden: boolean;
     };
 };
+export declare const lewDescSizePaddingMap: Record<LewSize, number>;
 export type DescProps = ExtractPropTypes<typeof descProps>;
 export type DescItemProps = ExtractPropTypes<typeof descItemProps>;

package/dist/components/drawer/src/LewDrawer.vue.d.ts

@@ -137,6 +137,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     title: string;
     width: string | number;
     height: string | number;
+    zIndex: number;
     hideFooter: boolean;
     closeByEsc: boolean;
     okProps: {
@@ -144,9 +145,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         color: import('../../..').LewColor;
         size: import('../../..').ButtonSize;
         loading: boolean;
+        disabled: boolean;
         text: string;
         round: boolean;
-        disabled: boolean;
         singleIcon: boolean;
         dashed: boolean;
         request: Function;
@@ -156,15 +157,14 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
         color: import('../../..').LewColor;
         size: import('../../..').ButtonSize;
         loading: boolean;
+        disabled: boolean;
         text: string;
         round: boolean;
-        disabled: boolean;
         singleIcon: boolean;
         dashed: boolean;
         request: Function;
     };
     closeOnClickOverlay: boolean;
-    zIndex: number;
     position: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/dropdown/src/LewDropdown.vue.d.ts

@@ -49,9 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    options: import('../../..').ContextMenus[];
-    trigger: import('../../..').DropdownTrigger;
     placement: import('../../..').DropdownPlacement;
+    trigger: import('../../..').DropdownTrigger;
+    options: import('../../..').ContextMenus[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/empty/src/LewEmpty.vue.d.ts

@@ -77,7 +77,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     title: string;
     width: string | number;
     height: string;
-    fontSize: string | number;
     padding: string;
+    fontSize: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/flex/src/LewFlex.vue.d.ts

@@ -87,12 +87,12 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     };
 }>> & Readonly<{}>, {
     direction: import('./props').FlexDirection;
+    width: string | number;
     x: import('./props').FlexAlignment;
     y: import('./props').FlexAlignment;
     mode: import('./props').FlexMode;
     wrap: boolean;
     gap: string | number;
-    width: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/form/src/LewForm.vue.d.ts

@@ -131,12 +131,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     size: import('../../..').LewSize;
     direction: import('./props').FormDirection;
     width: string | number;
-    options: Record<string, any>[];
     disabled: boolean;
-    readonly: boolean;
-    formMethods: Record<string, Function>;
+    options: Record<string, any>[];
     columns: string | number;
     labelWidth: string | number;
+    readonly: boolean;
     id: string;
+    formMethods: Record<string, Function>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/form/src/LewFormItem.vue.d.ts

@@ -231,12 +231,12 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     field: string;
     direction: import('../../..').FormDirection;
     label: string;
-    between: boolean;
     width: string | number;
-    disabled: boolean;
-    readonly: boolean;
     required: boolean | Function;
+    between: boolean;
+    disabled: boolean;
     labelWidth: string | number;
+    readonly: boolean;
     id: string;
     as: string;
     errMessage: string;

package/dist/components/image/src/LewImage.vue.d.ts

@@ -111,9 +111,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     lazy: boolean;
     loading: boolean;
     title: string;
+    alt: string;
     width: string | number;
     height: string | number;
-    alt: string;
     objectFit: import('../../..').ObjectFit;
     objectPosition: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/index.d.ts

@@ -1,50 +1,49 @@
+export * from './image';
+export * from './avatar';
+export * from './button';
+export * from './tag';
+export * from './badge';
+export * from './title';
+export * from './text-trim';
 export * from './flex';
 export * from './mark';
-export * from './cascader';
-export * from './tree';
-export * from './tree-select';
-export * from './tabs';
-export * from './breadcrumb';
-export * from './dropdown';
+export * from './expand';
+export * from './back-top';
 export * from './steps';
-export * from './slider';
+export * from './menu';
+export * from './menu-tree';
+export * from './dropdown';
+export * from './breadcrumb';
+export * from './form';
 export * from './input';
 export * from './input-number';
 export * from './textarea';
 export * from './input-tag';
-export * from './form';
 export * from './checkbox';
 export * from './radio';
+export * from './tabs';
 export * from './select';
 export * from './select-multiple';
-export * from './switch';
 export * from './date-picker';
 export * from './date-range-picker';
+export * from './cascader';
+export * from './tree-select';
+export * from './input-table';
+export * from './switch';
+export * from './slider';
+export * from './slider-range';
+export * from './color-picker';
+export * from './upload';
 export * from './table';
 export * from './pagination';
 export * from './magic-number';
-export * from './avatar';
-export * from './title';
-export * from './button';
-export * from './badge';
-export * from './tag';
+export * from './tree';
+export * from './collapse';
+export * from './desc';
 export * from './alert';
 export * from './modal';
 export * from './popok';
 export * from './popover';
 export * from './drawer';
 export * from './result';
-export * from './backtop';
-export * from './text-trim';
-export * from './menu';
-export * from './menu-tree';
 export * from './empty';
-export * from './upload';
-export * from './collapse';
-export * from './slider';
-export * from './slider-range';
-export * from './image';
-export * from './expand';
-export * from './input-table';
-export * from './input-tree';
-export * from './desc';

package/dist/components/input/src/LewInput.vue.d.ts

@@ -255,14 +255,14 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>, {
     type: string;
     size: import('../../..').LewSize;
-    placeholder: string;
     disabled: boolean;
-    clearable: boolean;
     readonly: boolean;
-    align: string;
+    placeholder: string;
+    clearable: boolean;
     showPassword: boolean;
     maxLength: string | number;
     showCount: boolean;
+    align: string;
     minWidth: string | number;
     autoWidth: boolean;
     selectByFocus: boolean;

package/dist/components/input-number/src/LewInputNumber.vue.d.ts

@@ -139,9 +139,9 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     min: string | number;
     step: string | number;
     width: string | number;
-    placeholder: string;
     disabled: boolean;
     readonly: boolean;
+    placeholder: string;
     align: import('../../..').InputNumberAlign;
     selectByFocus: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/input-table/src/LewInputTable.vue.d.ts

@@ -175,8 +175,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
 }>> & Readonly<{}>, {
     size: import('../../..').LewSize;
     width: string | number;
-    clearable: boolean;
     columns: InputTableColumn[];
+    clearable: boolean;
     rowKey: string;
     batchDeletable: boolean;
     addable: boolean;

package/dist/components/input-table/src/props.d.ts

@@ -1,12 +1,12 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import { LewSize } from '../../..';
 
-export interface InputTableColumn {
+export type InputTableColumn = {
     title: string;
     width?: number;
     field: string;
     as: string;
-}
+};
 export declare const inputTableModel: {
     modelValue: {
         type: PropType<any[]>;
@@ -97,3 +97,4 @@ export declare const inputTableProps: {
         description: string;
     };
 };
+export type InputTableProps = ExtractPropTypes<typeof inputTableProps>;

package/dist/components/input-tag/src/LewInputTag.vue.d.ts

@@ -70,10 +70,10 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('../../..').InputTagSize;
-    placeholder: string;
     disabled: boolean;
-    clearable: boolean;
     readonly: boolean;
+    placeholder: string;
+    clearable: boolean;
     allowDuplicates: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mark/src/LewMark.vue.d.ts

@@ -3,9 +3,9 @@ declare function __VLS_template(): {
 };
 declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     color: {
-        type: PropType<"gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown">;
+        type: PropType<"gray" | "orange" | "green" | "red" | "blue" | "brown" | "cyan" | "indigo" | "mint" | "pink" | "purple" | "teal" | "yellow">;
         default: string;
-        validator: (value: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown") => boolean;
+        validator: (value: "gray" | "orange" | "green" | "red" | "blue" | "brown" | "cyan" | "indigo" | "mint" | "pink" | "purple" | "teal" | "yellow") => boolean;
         description: string;
     };
     bold: {
@@ -29,9 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
     click: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     color: {
-        type: PropType<"gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown">;
+        type: PropType<"gray" | "orange" | "green" | "red" | "blue" | "brown" | "cyan" | "indigo" | "mint" | "pink" | "purple" | "teal" | "yellow">;
         default: string;
-        validator: (value: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown") => boolean;
+        validator: (value: "gray" | "orange" | "green" | "red" | "blue" | "brown" | "cyan" | "indigo" | "mint" | "pink" | "purple" | "teal" | "yellow") => boolean;
         description: string;
     };
     bold: {
@@ -54,7 +54,7 @@ declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractP
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: "gray" | "orange" | "green" | "red" | "blue" | "yellow" | "mint" | "teal" | "cyan" | "indigo" | "purple" | "pink" | "brown";
+    color: "gray" | "orange" | "green" | "red" | "blue" | "brown" | "cyan" | "indigo" | "mint" | "pink" | "purple" | "teal" | "yellow";
     bold: string | (100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900);
     round: boolean;
     cursor: "default" | "text" | "pointer" | "move" | "not-allowed";