@webflow/designer-extension-typings 2.0.19 → 2.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/designer-extension-typings",
-  "version": "2.0.19",
+  "version": "2.0.21",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Typings for the Webflow Designer Extension API",
   "main": "",

package/styles.d.ts

@@ -170,10 +170,10 @@ interface Style {
    * @param options - Options to remove variable modes based on breakpoints and pseudo classes / states.
    * @example
    * ```ts
-   * await myStyle.removeVariableModes({
-   *   'collection-id-1': 'mode-id-1',
-   *   'collection-id-2': 'mode-id-2',
-   * });
+   * const collection = await webflow.getVariableCollectionById('collection-id');
+   * const mode = await collection.getVariableModeByName('Dark');
+   * const modeTwo = await collection.getVariableModeByName('Light');
+   * await myStyle.removeVariableModes([mode, modeTwo]);
    * ```
    */
   removeVariableModes(

package/variables.d.ts

@@ -510,23 +510,28 @@ interface VariableCollection {
   getAllVariables(): Promise<Array<Variable>>;
   createColorVariable(
     name: string,
-    value: string | ColorVariable | CustomValue
+    value: string | ColorVariable | CustomValue,
+    modes?: {[key: VariableModeId]: string | ColorVariable | CustomValue}
   ): Promise<ColorVariable>;
   createSizeVariable(
     name: string,
-    value: SizeValue | SizeVariable | CustomValue
+    value: SizeValue | SizeVariable | CustomValue,
+    modes?: {[key: VariableModeId]: SizeValue | SizeVariable | CustomValue}
   ): Promise<SizeVariable>;
   createNumberVariable(
     name: string,
-    value: number | NumberVariable | CustomValue
+    value: number | NumberVariable | CustomValue,
+    modes?: {[key: VariableModeId]: number | NumberVariable | CustomValue}
   ): Promise<NumberVariable>;
   createPercentageVariable(
     name: string,
-    value: number | PercentageVariable | CustomValue
+    value: number | PercentageVariable | CustomValue,
+    modes?: {[key: VariableModeId]: number | PercentageVariable | CustomValue}
   ): Promise<PercentageVariable>;
   createFontFamilyVariable(
     name: string,
-    value: string | FontFamilyVariable | CustomValue
+    value: string | FontFamilyVariable | CustomValue,
+    modes?: {[key: VariableModeId]: string | FontFamilyVariable | CustomValue}
   ): Promise<FontFamilyVariable>;
   /**
    * Sets the name of the variable collection.