@webflow/designer-extension-typings 2.0.19 → 2.0.23

package/element-presets-generated.d.ts

@@ -1,9 +1,6 @@
 // This file was automatically generated. See designer-extensions docs.
 
 type ElementPresets = {
-  Animation: ElementPreset<AnyElement>;
-  Spline: ElementPreset<AnyElement>;
-  Rive: ElementPreset<AnyElement>;
   SearchForm: ElementPreset<AnyElement>;
   DOM: ElementPreset<DOMElement>;
   DivBlock: ElementPreset<BlockElement>;
@@ -19,6 +16,9 @@ type ElementPresets = {
   RichText: ElementPreset<RichTextElement>;
   CodeBlock: ElementPreset<CodeBlockElement>;
   Image: ElementPreset<AnyElement>;
+  Animation: ElementPreset<AnyElement>;
+  Spline: ElementPreset<AnyElement>;
+  Rive: ElementPreset<AnyElement>;
   BackgroundVideoWrapper: ElementPreset<BackgroundVideoWrapperElement>;
   CommercePaypalCheckoutFormContainer: ElementPreset<AnyElement>;
   CommerceCheckoutFormContainer: ElementPreset<AnyElement>;

package/elements-generated.d.ts

@@ -130,7 +130,7 @@ interface DOMElement
     Styles,
     Children,
     TextContent,
-    NoAppConnections {
+    AppConnections {
   readonly id: FullElementId;
   readonly type: 'DOM';
   readonly plugin: 'Builtin';
@@ -142,32 +142,6 @@ interface DOMElement
   removeAttribute(name: string): Promise<null>;
 }
 
-interface AnimationElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'Animation';
-  readonly plugin: 'Animation';
-}
-
-interface SplineElement
-  extends WebflowElement,
-    CustomAttributes,
-    DomId,
-    Styles,
-    NoChildren,
-    NoTextContent,
-    NoAppConnections {
-  readonly id: FullElementId;
-  readonly type: 'Spline';
-  readonly plugin: 'Animation';
-}
-
 interface SearchFormElement
   extends WebflowElement,
     CustomAttributes,
@@ -287,9 +261,9 @@ interface BlockquoteElement
 
 interface CodeBlockElement
   extends WebflowElement,
-    NoCustomAttributes,
-    NoDomId,
-    NoStyles,
+    CustomAttributes,
+    DomId,
+    Styles,
     NoChildren,
     NoTextContent,
     NoAppConnections {
@@ -533,6 +507,45 @@ interface InlineCodeElement
   readonly plugin: 'Basic';
 }
 
+interface AnimationElement
+  extends WebflowElement,
+    CustomAttributes,
+    DomId,
+    Styles,
+    NoChildren,
+    NoTextContent,
+    NoAppConnections {
+  readonly id: FullElementId;
+  readonly type: 'Animation';
+  readonly plugin: 'Animation';
+}
+
+interface SplineElement
+  extends WebflowElement,
+    CustomAttributes,
+    DomId,
+    Styles,
+    NoChildren,
+    NoTextContent,
+    NoAppConnections {
+  readonly id: FullElementId;
+  readonly type: 'Spline';
+  readonly plugin: 'Animation';
+}
+
+interface RiveElement
+  extends WebflowElement,
+    CustomAttributes,
+    DomId,
+    Styles,
+    NoChildren,
+    NoTextContent,
+    NoAppConnections {
+  readonly id: FullElementId;
+  readonly type: 'Rive';
+  readonly plugin: 'Animation';
+}
+
 interface BackgroundVideoWrapperElement
   extends WebflowElement,
     CustomAttributes,
@@ -4341,25 +4354,23 @@ interface UserErrorMsgElement
   readonly plugin: 'Users';
 }
 
-interface CodeIslandElement
+interface FrameElement
   extends WebflowElement,
     CustomAttributes,
     DomId,
     Styles,
-    NoChildren,
+    Children,
     NoTextContent,
     NoAppConnections {
   readonly id: FullElementId;
-  readonly type: 'CodeIsland';
-  readonly plugin: 'Code';
+  readonly type: 'Frame';
+  readonly plugin: 'Frame';
 }
 
 type AnyElement =
   | ComponentElement
   | UnknownElement
   | DOMElement
-  | AnimationElement
-  | SplineElement
   | SearchFormElement
   | SearchInputElement
   | SearchButtonElement
@@ -4387,6 +4398,9 @@ type AnyElement =
   | SuperscriptElement
   | SubscriptElement
   | InlineCodeElement
+  | AnimationElement
+  | SplineElement
+  | RiveElement
   | BackgroundVideoWrapperElement
   | BackgroundVideoPlayPauseButtonElement
   | BackgroundVideoPlayPauseButtonPlayingElement
@@ -4677,4 +4691,4 @@ type AnyElement =
   | UserResetPasswordErrorMsgElement
   | UserUpdatePasswordErrorMsgElement
   | UserErrorMsgElement
-  | CodeIslandElement;
+  | FrameElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webflow/designer-extension-typings",
-  "version": "2.0.19",
+  "version": "2.0.23",
   "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

@@ -38,8 +38,8 @@ interface ColorVariable {
    * ```
    */
   set(
-    value: ColorValue | ColorVariable | CustomValue,
-    options?: VariableOptions
+    value: ColorValue | ColorVariable | CustomValue | null,
+    options?: VariableSetOptions
   ): Promise<null>;
   /**
    * Get the variable’s value.
@@ -53,8 +53,8 @@ interface ColorVariable {
    * ```
    */
   get(
-    options?: VariableOptions
-  ): Promise<ColorValue | ColorVariable | CustomValue>;
+    options?: VariableGetOptions
+  ): Promise<ColorValue | ColorVariable | CustomValue | null>;
   /**
    * Removes a variable from the default collection.
    * @returns A Promise that resolves into a boolean indicating whether deleting the variable was successful or not.
@@ -137,8 +137,8 @@ interface SizeVariable {
    * ```
    */
   set(
-    value: SizeValue | SizeVariable | CustomValue,
-    options?: VariableOptions
+    value: SizeValue | SizeVariable | CustomValue | null,
+    options?: VariableSetOptions
   ): Promise<null>;
   /**
    * Get the variable’s value.
@@ -152,8 +152,8 @@ interface SizeVariable {
    * ```
    */
   get(
-    options?: VariableOptions
-  ): Promise<SizeValue | SizeVariable | CustomValue>;
+    options?: VariableGetOptions
+  ): Promise<SizeValue | SizeVariable | CustomValue | null>;
   /**
    * Removes a variable from the default collection.
    * @returns A Promise that resolves into a boolean indicating whether deleting the variable was successful or not.
@@ -237,8 +237,8 @@ interface NumberVariable {
    * ```
    */
   set(
-    value: NumberValue | NumberVariable | CustomValue,
-    options?: VariableOptions
+    value: NumberValue | NumberVariable | CustomValue | null,
+    options?: VariableSetOptions
   ): Promise<null>;
 
   /**
@@ -253,8 +253,8 @@ interface NumberVariable {
    * ```
    */
   get(
-    options?: VariableOptions
-  ): Promise<NumberValue | NumberVariable | CustomValue>;
+    options?: VariableGetOptions
+  ): Promise<NumberValue | NumberVariable | CustomValue | null>;
 
   /**
    * Removes the variable from the default collection.
@@ -338,8 +338,8 @@ interface PercentageVariable {
    * ```
    */
   set(
-    value: PercentageValue | PercentageVariable | CustomValue,
-    options?: VariableOptions
+    value: PercentageValue | PercentageVariable | CustomValue | null,
+    options?: VariableSetOptions
   ): Promise<null>;
 
   /**
@@ -354,8 +354,8 @@ interface PercentageVariable {
    * ```
    */
   get(
-    options?: VariableOptions
-  ): Promise<PercentageValue | PercentageVariable | CustomValue>;
+    options?: VariableGetOptions
+  ): Promise<PercentageValue | PercentageVariable | CustomValue | null>;
 
   /**
    * Removes the variable from the default collection.
@@ -437,8 +437,8 @@ interface FontFamilyVariable {
    * ```
    */
   set(
-    value: FontFamilyValue | FontFamilyVariable | CustomValue,
-    options?: VariableOptions
+    value: FontFamilyValue | FontFamilyVariable | CustomValue | null,
+    options?: VariableSetOptions
   ): Promise<null>;
   /**
    * Get the variable’s value.
@@ -452,8 +452,8 @@ interface FontFamilyVariable {
    * ```
    */
   get(
-    options?: VariableOptions
-  ): Promise<FontFamilyValue | FontFamilyVariable | CustomValue>;
+    options?: VariableGetOptions
+  ): Promise<FontFamilyValue | FontFamilyVariable | CustomValue | null>;
   /**
    * Removes a variable from the default collection.
    * @returns A Promise that resolves into a boolean indicating whether deleting the variable was successful or not.
@@ -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.
@@ -643,11 +648,19 @@ type SizeUnit =
   | 'vmax'
   | 'vmin'
   | 'ch';
-type VariableOptions = {
+type VariableSetOptions = {
+  /** The mode to get/set the variable value for. */
+  mode?: VariableMode;
+  /** Whether to return custom values. */
+  customValues?: boolean;
+};
+type VariableGetOptions = {
   /** The mode to get/set the variable value for. */
   mode?: VariableMode;
   /** Whether to return custom values. */
   customValues?: boolean;
+  /** Whether to not return the base value and instead return null. */
+  doNotInheritFromBase?: boolean;
 };
 type CustomValue = {
   type: 'custom';