add condition

Author: Maya Shavin

packages/url/lib/transformers/index.ts

@@ -1,5 +1,6 @@
 import { TRANSFORMERS } from '../constants'
 import { AcceptNumbericVars } from '../constants/arithmetic'
+import { condition } from './condition'
 import { effect } from './effect'
 import { formatValue } from './expression'
 import { flags } from './flags'
@@ -58,6 +59,8 @@ export const getTransformations = (options):string[] => {
   result.push(effect(options.effect))
   result.push(flags(options.flags))
   result.push(rawTransformation(options.rawTransformation))
+  result.push(condition(options.condition))
+  
   return result.filter(Boolean)
 }
 

packages/url/lib/types/CldOptions.ts

@@ -9,6 +9,7 @@ import { Effect } from './transformation/Effect'
 import { ROTATION_MODES } from '../constants/rotation'
 import { Gravity } from "./transformation/Gravity";
 import { Variable } from "./transformation/Variable";
+import { Condition } from "./transformation";
 
 export type Radius = number | string
 
@@ -58,7 +59,7 @@ export interface TransformerOption {
   format?: string,
   fetchFormat?: string,
   gravity?: Gravity,
-  if?: string,
+  condition?: Condition,
   flags?: Flag,
   opacity?: number | string,
   overlay?: string,