@billgangcom/theme-lib 1.32.0 → 1.33.1

package/dist/builder/constants/theme-settings.d.ts

@@ -21,6 +21,16 @@ export interface ButtonFields {
     height: number;
     radius: number;
     alignment: Alignment;
+    background: string;
+    hover: boolean;
+    font: string;
+    boxShadow: {
+        left: number;
+        top: number;
+        blur: number;
+        spread: number;
+        color: string;
+    };
 }
 export interface BorderFields {
     radius: number;
@@ -93,7 +103,11 @@ export interface ThemeSettings {
         paragraph: Partial<Font>;
     };
     borders: BorderFields;
-    buttons: ButtonFields;
+    buttons: {
+        primary: ButtonFields;
+        secondary: ButtonFields;
+        tertiary: ButtonFields;
+    };
     inputs: {
         general: {
             height: number;

package/dist/builder/store/useColorPickerStore.d.ts

@@ -13,6 +13,23 @@ interface Options {
     hue: number;
     saturation: number;
     brightness: number;
+    alpha: number;
+    isGradient: boolean;
+    setIsGradient: (val: boolean) => void;
+    gradientDirection: 'vertical' | 'horizontal';
+    setGradientDirection: (dir: 'vertical' | 'horizontal') => void;
+    hue2: number;
+    saturation2: number;
+    brightness2: number;
+    alpha2: number;
+    setHue2: (hue: number) => void;
+    setSaturation2: (s: number) => void;
+    setBrightness2: (b: number) => void;
+    setAlpha2: (a: number) => void;
+    activeColorIndex: number;
+    setActiveColorIndex: (i: number) => void;
+    isGradientActive: boolean;
+    setIsGradientActive: (isGradientActive: boolean) => void;
     setBrightness: (brightness: number) => void;
     setSaturation: (saturation: number) => void;
     setShowModal: (showModal: boolean) => void;
@@ -27,6 +44,8 @@ interface Options {
     setColor: (color: string) => void;
     colorChange: React.Dispatch<React.SetStateAction<string>>;
     setColorChange: (colorChange: React.Dispatch<React.SetStateAction<string>>) => void;
+    setAlpha: (alpha: number) => void;
+    resetColors: () => void;
 }
 export declare const useColorPickerStore: import("zustand").UseBoundStore<import("zustand").StoreApi<Options>>;
 export {};

package/dist/builder/store/useThemeSettingsStore.d.ts

@@ -7,7 +7,7 @@ interface Options {
     updateColor: (category: keyof ThemeSettings['colors'], colorType: string, newColor: string) => void;
     updateFont: (fontType: FontType, id: FontTypeHeading | FontTypeParagraph, field: keyof FontFields, newValue: string | number) => void;
     updateBorder: (field: keyof BorderFields, newValue: string | number) => void;
-    updateButton: (field: keyof ButtonFields, newValue: string | number) => void;
+    updateButton: (category: keyof ThemeSettings['buttons'], field: keyof ButtonFields, newValue: string | number | boolean | object) => void;
     activeFont: FontTypeHeading | FontTypeParagraph | null;
     setActiveFont: (activeFont: FontTypeHeading | FontTypeParagraph | null) => void;
     updateInput: (category: keyof ThemeSettings['inputs'], value: string | number | boolean, field: keyof ThemeSettings['inputs']['general'] | keyof ThemeSettings['inputs']['border'] | keyof ThemeSettings['inputs']['label'] | keyof ThemeSettings['inputs']['field']) => void;

package/dist/builder/ui/ColorPicker/index.d.ts

@@ -4,6 +4,7 @@ interface Props {
     onChange: (color: string) => void;
     title: string;
     labelStyle?: 'primary' | 'secondary';
+    isGradientActive?: boolean;
 }
 export declare const ColorPicker: React.FC<Props>;
 export {};