@webstudio-is/react-sdk 0.91.0 → 0.93.0

package/lib/types/context.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { type ReadableAtom } from "nanostores";
-import type { Assets } from "@webstudio-is/asset-uploader";
-import type { DataSource, Instance, Prop } from "@webstudio-is/project-build";
+import type { DataSource, Instance, Prop, Assets } from "@webstudio-is/sdk";
 import type { Pages, PropsByInstanceId } from "./props";
 import type { IndexesWithinAncestors } from "./instance-utils";
 export type Params = {

package/lib/types/css/css.d.ts

@@ -1,12 +1,11 @@
 import { type TransformValue } from "@webstudio-is/css-engine";
-import type { Asset } from "@webstudio-is/asset-uploader";
-import type { Build } from "@webstudio-is/project-build";
+import type { Asset, Breakpoint, Instance, StyleDecl, StyleDeclKey, StyleSourceSelection } from "@webstudio-is/sdk";
 import type { WsComponentMeta } from "../components/component-meta";
 type Data = {
     assets: Asset[];
-    breakpoints?: Build["breakpoints"];
-    styles?: Build["styles"];
-    styleSourceSelections?: Build["styleSourceSelections"];
+    breakpoints: [Breakpoint["id"], Breakpoint][];
+    styles: [StyleDeclKey, StyleDecl][];
+    styleSourceSelections: [Instance["id"], StyleSourceSelection][];
     componentMetas: Map<string, WsComponentMeta>;
 };
 type CssOptions = {
@@ -14,51 +13,51 @@ type CssOptions = {
 };
 export declare const createImageValueTransformer: (assets: Map<string, {
     type: "font";
-    id: string;
     name: string;
+    format: "ttf" | "woff" | "woff2" | "otf";
     meta: ({
-        weight: number;
-        style: "normal" | "italic" | "oblique";
         family: string;
+        style: "normal" | "italic" | "oblique";
+        weight: number;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
-            min: number;
-            max: number;
             name: string;
+            min: number;
             default: number;
+            max: number;
         }>>;
-        family: string;
     }) & ({
-        weight: number;
-        style: "normal" | "italic" | "oblique";
         family: string;
+        style: "normal" | "italic" | "oblique";
+        weight: number;
     } | {
+        family: string;
         variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
-            min: number;
-            max: number;
             name: string;
+            min: number;
             default: number;
+            max: number;
         }>>;
-        family: string;
     } | undefined);
+    id: string;
+    projectId: string;
     size: number;
     description: string | null;
-    format: "ttf" | "woff" | "woff2" | "otf";
-    projectId: string;
     createdAt: string;
 } | {
     type: "image";
-    id: string;
     name: string;
+    format: string;
     meta: {
-        height: number;
         width: number;
+        height: number;
     };
+    id: string;
+    projectId: string;
     size: number;
     description: string | null;
-    format: string;
-    projectId: string;
     createdAt: string;
-} | undefined>, options: CssOptions) => TransformValue;
+}>, options: CssOptions) => TransformValue;
 export declare const generateCssText: (data: Data, options: CssOptions) => string;
 export {};

package/lib/types/css/global-rules.d.ts

@@ -1,53 +1,53 @@
 import type { CssEngine } from "@webstudio-is/css-engine";
-import type { Assets } from "@webstudio-is/asset-uploader";
+import type { Assets } from "@webstudio-is/sdk";
 export declare const addGlobalRules: (engine: CssEngine, { assets, assetBaseUrl }: {
     assets: Map<string, {
         type: "font";
-        id: string;
         name: string;
+        format: "ttf" | "woff" | "woff2" | "otf";
         meta: ({
-            weight: number;
-            style: "normal" | "italic" | "oblique";
             family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
         } | {
+            family: string;
             variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
-                min: number;
-                max: number;
                 name: string;
+                min: number;
                 default: number;
+                max: number;
             }>>;
-            family: string;
         }) & ({
-            weight: number;
-            style: "normal" | "italic" | "oblique";
             family: string;
+            style: "normal" | "italic" | "oblique";
+            weight: number;
         } | {
+            family: string;
             variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
-                min: number;
-                max: number;
                 name: string;
+                min: number;
                 default: number;
+                max: number;
             }>>;
-            family: string;
         } | undefined);
+        id: string;
+        projectId: string;
         size: number;
         description: string | null;
-        format: "ttf" | "woff" | "woff2" | "otf";
-        projectId: string;
         createdAt: string;
     } | {
         type: "image";
-        id: string;
         name: string;
+        format: string;
         meta: {
-            height: number;
             width: number;
+            height: number;
         };
+        id: string;
+        projectId: string;
         size: number;
         description: string | null;
-        format: string;
-        projectId: string;
         createdAt: string;
-    } | undefined>;
+    }>;
     assetBaseUrl: string;
 }) => void;