react-iro-gradient-picker 1.2.1 → 1.2.4

package/dist/lib/types/types.d.ts

@@ -3,13 +3,25 @@ export interface IGradientStop {
     color: string;
     position: number;
 }
+export interface IFlexibleGradientStop {
+    color: string;
+    position?: number | string;
+}
 export interface IGradientData {
     type: 'linear' | 'radial';
     angle?: number;
     stops: IGradientStop[];
     defaultActiveTab?: 'gradient';
 }
-export type TValueProp = string | IGradientData;
+export interface IFlexibleGradientData {
+    type?: 'linear' | 'radial' | string;
+    angle?: number | string;
+    stops: IFlexibleGradientStop[];
+    direction?: string;
+    position?: string;
+}
+export type TValueProp = string | IGradientData | IFlexibleGradientData;
+export type TValuePropLegacy = string | IGradientData;
 export interface IPropsComp {
     value: TValueProp;
     format?: 'rgb' | 'hsl' | 'hex';

package/dist/utils/gradient/gradientConverter.d.ts

@@ -1,8 +1,12 @@
-import { IGradientData } from '../../lib/types';
+import { IGradientData, IFlexibleGradientData } from '../../lib/types';
 /**
- * Convert gradient object to CSS gradient string
+ * Convert gradient object to CSS gradient string (strict typing)
  */
 export declare function gradientObjectToCss(gradientData: IGradientData): string;
+/**
+ * Convert flexible gradient object to CSS gradient string (loose typing)
+ */
+export declare function flexibleGradientToCss(gradientData: IFlexibleGradientData): string;
 /**
  * Convert CSS gradient string to gradient object
  */
@@ -14,4 +18,4 @@ export declare function isGradientObject(value: any): value is IGradientData;
 /**
  * Normalize value to always return a CSS gradient string
  */
-export declare function normalizeGradientValue(value: string | IGradientData): string;
+export declare function normalizeGradientValue(value: string | IGradientData | IFlexibleGradientData): string;

package/dist/utils/validation/validGradient.d.ts

@@ -11,5 +11,5 @@ interface IParsedGraient {
     sideCorner?: string;
     parseWarning?: boolean;
 }
-declare const _default: (input: string) => string | IParsedGraient;
+declare const _default: (input: string) => IParsedGraient | string;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iro-gradient-picker",
-  "version": "1.2.1",
+  "version": "1.2.4",
   "description": "Modern React gradient and solid color picker with complete dark theme support, built with TypeScript and Tailwind CSS",
   "keywords": [
     "react",