@xanui/core 1.2.7 → 1.2.9

package/theme/types.d.ts

@@ -3,27 +3,11 @@ import { GlobalCSS, BreakpointKeys } from '../css/types.js';
 type ObjectType = {
     [key: string]: any;
 };
-type ThemeColorItem = {
-    primary: string;
-    secondary: string;
-    text: string;
-};
 type ThemeTypographyItem = {
     fontSize: number;
     lineHeight: number;
     fontWeight: number;
 };
-type ThemeColor = {
-    common: Omit<ThemeColorItem, "text">;
-    text: Omit<ThemeColorItem, "text">;
-    divider: Omit<ThemeColorItem, "text">;
-    brand: ThemeColorItem;
-    accent: ThemeColorItem;
-    success: ThemeColorItem;
-    info: ThemeColorItem;
-    warning: ThemeColorItem;
-    danger: ThemeColorItem;
-};
 type ThemeTypographyType = {
     h1: ThemeTypographyItem;
     h2: ThemeTypographyItem;
@@ -36,6 +20,17 @@ type ThemeTypographyType = {
     button: ThemeTypographyItem;
     small: ThemeTypographyItem;
 };
+type ThemeColorOption = {
+    primary: string;
+    secondary: string;
+    text: string;
+};
+type ThemeOptionsColor = ThemeColorOption & {
+    soft: {
+        primary: string;
+        secondary: string;
+    };
+};
 interface ThemeOptions {
     name: string;
     rtl: boolean;
@@ -47,22 +42,20 @@ interface ThemeOptions {
     interfaces: {
         [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
     };
-    colors: ThemeColor;
+    colors: {
+        background: Omit<ThemeOptionsColor, 'text'>;
+        text: Omit<ThemeOptionsColor, 'text'>;
+        divider: Omit<ThemeOptionsColor, 'text'>;
+        brand: ThemeOptionsColor;
+        accent: ThemeOptionsColor;
+        success: ThemeOptionsColor;
+        info: ThemeOptionsColor;
+        warning: ThemeOptionsColor;
+        danger: ThemeOptionsColor;
+    };
     typography: ThemeTypographyType;
 }
-type ThemeColorItemInput = Partial<Omit<ThemeColorItem, "alpha">>;
 type ThemeTypographyItemInput = Partial<ThemeTypographyItem>;
-type ThemeColorInput = {
-    common?: ThemeColorItemInput;
-    text?: Omit<ThemeColorItem, "text">;
-    divider?: Omit<ThemeColorItem, "text">;
-    brand?: ThemeColorItemInput;
-    accent?: ThemeColorItemInput;
-    success?: ThemeColorItemInput;
-    info?: ThemeColorItemInput;
-    warning?: ThemeColorItemInput;
-    danger?: ThemeColorItemInput;
-};
 type ThemeTypographyInputType = {
     h1?: ThemeTypographyItemInput;
     h2?: ThemeTypographyItemInput;
@@ -80,10 +73,20 @@ interface ThemeOptionInput {
     interfaces?: {
         [name: string]: <P extends object>(defaultProps: P, theme: ThemeOptions) => P;
     };
-    colors?: ThemeColorInput;
+    colors?: {
+        background?: Omit<ThemeColorOption, 'text'>;
+        text?: Omit<ThemeColorOption, 'text'>;
+        divider?: Omit<ThemeColorOption, 'text'>;
+        brand?: ThemeColorOption;
+        accent?: ThemeColorOption;
+        success?: ThemeColorOption;
+        info?: ThemeColorOption;
+        warning?: ThemeColorOption;
+        danger?: ThemeColorOption;
+    };
     typography?: ThemeTypographyInputType;
 }
 type TypographyRefTypes = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "text" | "button" | "small";
-type ColorsRefTypes = "common.primary" | "common.secondary" | "text.primary" | "text.secondary" | "divider.primary" | "divider.secondary" | "brand.primary" | "brand.secondary" | "brand.text" | "accent.primary" | "accent.secondary" | "accent.text" | "info.primary" | "info.secondary" | "info.text" | "success.primary" | "success.secondary" | "success.text" | "warning.primary" | "warning.secondary" | "warning.text" | "danger.primary" | "danger.secondary" | "danger.text.primary";
+type ColorsRefTypes = "background" | "background.primary" | "background.secondary" | "text" | "text.primary" | "text.secondary" | "divider" | "divider.primary" | "divider.secondary" | "divider.soft.primary" | "divider.soft.secondary" | "brand" | "brand.primary" | "brand.secondary" | "brand.text" | "brand.soft.primary" | "brand.soft.secondary" | "accent" | "accent.primary" | "accent.secondary" | "accent.text" | "accent.soft.primary" | "accent.soft.secondary" | "info" | "info.primary" | "info.secondary" | "info.text" | "info.soft.primary" | "info.soft.secondary" | "success" | "success.primary" | "success.secondary" | "success.text" | "success.soft.primary" | "success.soft.secondary" | "warning" | "warning.primary" | "warning.secondary" | "warning.text" | "warning.soft.primary" | "warning.soft.secondary" | "danger" | "danger.primary" | "danger.secondary" | "danger.text" | "danger.soft.primary" | "danger.soft.secondary";
 
-export type { ColorsRefTypes, ObjectType, ThemeColor, ThemeColorInput, ThemeColorItem, ThemeColorItemInput, ThemeOptionInput, ThemeOptions, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes };
+export type { ColorsRefTypes, ObjectType, ThemeColorOption, ThemeOptionInput, ThemeOptions, ThemeOptionsColor, ThemeTypographyInputType, ThemeTypographyItem, ThemeTypographyItemInput, ThemeTypographyType, TypographyRefTypes };