@canva/design 2.3.0-beta.1 → 2.4.0-beta.1

package/beta.d.ts

@@ -88,7 +88,6 @@ export declare type AppElementChangeHandler<A extends AppElementData> = (
          */
         version: number;
         /**
-         * @beta
          * Function to update the app element data.
          */
         update: (opts: AppElementOptions<A>) => Promise<void>;
@@ -102,6 +101,7 @@ export declare type AppElementChangeHandler<A extends AppElementData> = (
  */
 export declare interface AppElementClient<A extends AppElementData> {
   /**
+   * @deprecated This type has been superseded, use `addElement` or `registerOnElementChange` instead.
    * If an app element is selected, the element's data is overwritten and the element is re-rendered.
    * Otherwise, the provided data is used to create a new app element.
    * @param appElementData - The data to attach to the app element. Existing data will be overwritten.
@@ -109,7 +109,6 @@ export declare interface AppElementClient<A extends AppElementData> {
    */
   addOrUpdateElement(appElementData: A, placement?: Placement): Promise<void>;
   /**
-   * @beta
    * Adds a new app element to the design.
    * @param opts - The data and placement of the app element.
    */
@@ -144,7 +143,7 @@ export declare type AppElementClientConfiguration<A extends AppElementData> = {
 export declare type AppElementData = Record<string, Value>;
 
 /**
- * @beta
+ * @public
  * Used to add or update an app element to the design.
  * The update function is provided in the AppElementChangeHandler callback (registerOnElementChange).
  */
@@ -1492,7 +1491,7 @@ export declare type Fill = {
    * The hex code must include all six characters and be prefixed with a `#` symbol.
    *
    * @example
-   * " #ff0099"
+   * "#ff0099"
    */
   color?: string;
   /**
@@ -1698,7 +1697,7 @@ export declare type ImageRef = string & {
 };
 
 /**
- * @beta
+ * @public
  * @param appElementConfig - Configuration for an AppElementClient
  */
 export declare const initAppElement: <A extends AppElementData>(

package/lib/cjs/sdk/design/beta.js

@@ -2,17 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    initAppElement: function() {
-        return initAppElement;
-    },
-    openDesign: function() {
+Object.defineProperty(exports, "openDesign", {
+    enumerable: true,
+    get: function() {
         return openDesign;
     }
 });
@@ -32,6 +24,5 @@ function _export_star(from, to) {
 }
 var _window___canva___sdkRegistration, _window___canva__;
 const { canva_sdk } = window;
-const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
 const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
-(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.3.0', 'beta');
+(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.4.0', 'beta');

package/lib/cjs/sdk/design/public.js

@@ -9,53 +9,53 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    selection: function() {
-        return selection;
-    },
-    overlay: function() {
-        return overlay;
-    },
-    addPage: function() {
-        return addPage;
-    },
-    setCurrentPageBackground: function() {
-        return setCurrentPageBackground;
-    },
-    getDefaultPageDimensions: function() {
-        return getDefaultPageDimensions;
+    addAudioTrack: function() {
+        return addAudioTrack;
     },
-    requestExport: function() {
-        return requestExport;
+    addElementAtCursor: function() {
+        return addElementAtCursor;
     },
-    ui: function() {
-        return ui;
+    addElementAtPoint: function() {
+        return addElementAtPoint;
     },
     addNativeElement: function() {
         return addNativeElement;
     },
-    addElementAtPoint: function() {
-        return addElementAtPoint;
+    addPage: function() {
+        return addPage;
     },
-    addElementAtCursor: function() {
-        return addElementAtCursor;
+    createRichtextRange: function() {
+        return createRichtextRange;
     },
-    addAudioTrack: function() {
-        return addAudioTrack;
+    editContent: function() {
+        return editContent;
     },
     getCurrentPageContext: function() {
         return getCurrentPageContext;
     },
-    initAppElement: function() {
-        return initAppElement;
+    getDefaultPageDimensions: function() {
+        return getDefaultPageDimensions;
     },
     getDesignToken: function() {
         return getDesignToken;
     },
-    createRichtextRange: function() {
-        return createRichtextRange;
+    initAppElement: function() {
+        return initAppElement;
     },
-    editContent: function() {
-        return editContent;
+    overlay: function() {
+        return overlay;
+    },
+    requestExport: function() {
+        return requestExport;
+    },
+    selection: function() {
+        return selection;
+    },
+    setCurrentPageBackground: function() {
+        return setCurrentPageBackground;
+    },
+    ui: function() {
+        return ui;
     }
 });
 const { canva_sdk } = window;

package/lib/cjs/sdk/utils/canva_sdk.js

@@ -9,12 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    getCanvaSdk: function() {
-        return getCanvaSdk;
-    },
     assertIsTestCanvaSdk: function() {
         return assertIsTestCanvaSdk;
     },
+    getCanvaSdk: function() {
+        return getCanvaSdk;
+    },
     injectFakeAPIClients: function() {
         return injectFakeAPIClients;
     }

package/lib/esm/sdk/design/beta.js

@@ -1,6 +1,5 @@
 var _window___canva___sdkRegistration, _window___canva__;
 const { canva_sdk } = window;
-export const initAppElement = canva_sdk.design.v2.designInteraction.initAppElement;
 export const openDesign = canva_sdk.design.v2.designInteraction.openDesign;
 export * from './public';
-(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.3.0', 'beta');
+(_window___canva__ = window.__canva__) === null || _window___canva__ === void 0 ? void 0 : (_window___canva___sdkRegistration = _window___canva__.sdkRegistration) === null || _window___canva___sdkRegistration === void 0 ? void 0 : _window___canva___sdkRegistration.registerPackageVersion('design', '2.4.0', 'beta');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canva/design",
-  "version": "2.3.0-beta.1",
+  "version": "2.4.0-beta.1",
   "description": "The Canva Apps SDK design library",
   "author": "Canva Pty Ltd.",
   "license": "SEE LICENSE IN LICENSE.md FILE",
@@ -22,4 +22,4 @@
     }
   },
   "typings": "./beta.d.ts"
-}
+}