@webstudio-is/react-sdk 0.192.0 → 0.194.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/index.js +20 -46
  2. package/lib/runtime.js +0 -1
  3. package/lib/types/components/component-meta.d.ts +23 -1694
  4. package/lib/types/context.d.ts +0 -11
  5. package/lib/types/core-components.d.ts +2 -2
  6. package/lib/types/embed-template.d.ts +0 -281
  7. package/package.json +6 -7
package/lib/types/context.d.ts CHANGED
@@ -6,17 +6,6 @@ export type Params = {
6
6
  * - preview is the preview mode in builder
7
7
  */
8
8
  renderer?: "canvas" | "preview";
9
- /**
10
- * Base url ir base path for images with ending slash.
11
- * Used for configuring image with different sizes.
12
- * Concatinated with "name?width=&quality=&format=".
13
- *
14
- * For example
15
- * /asset/image/ used by default in builder
16
- * https://image-transform.wstd.io/cdn-cgi/image/
17
- * https://webstudio.is/cdn-cgi/image/
18
- */
19
- imageBaseUrl: string;
20
9
  /**
21
10
  * Base url or base path for any asset with ending slash.
22
11
  * Used to load assets like fonts or images in styles
package/lib/types/core-components.d.ts CHANGED
@@ -3,9 +3,9 @@ export declare const rootComponent = "ws:root";
3
3
  export declare const portalComponent = "Slot";
4
4
  export declare const collectionComponent = "ws:collection";
5
5
  export declare const descendantComponent = "ws:descendant";
6
+ export declare const blockComponent = "ws:block";
6
7
  export declare const blockTemplateComponent = "ws:block-template";
7
8
  export declare const blockTemplateMeta: WsComponentMeta;
8
- export declare const blockComponent = "ws:block";
9
9
  export declare const coreMetas: {
10
10
  "ws:root": WsComponentMeta;
11
11
  "ws:collection": WsComponentMeta;
@@ -745,4 +745,4 @@ export declare const corePropsMetas: {
745
745
  initialProps?: string[] | undefined;
746
746
  };
747
747
  };
748
- export declare const isCoreComponent: (component: string) => component is "ws:root" | "ws:collection" | "ws:descendant" | "ws:block-template" | "ws:block";
748
+ export declare const isCoreComponent: (component: string) => component is "ws:root" | "ws:collection" | "ws:descendant" | "ws:block" | "ws:block-template";
package/lib/types/embed-template.d.ts CHANGED
@@ -2222,7 +2222,6 @@ export type EmbedTemplateInstance = {
2222
2222
  label?: string;
2223
2223
  variables?: Record<string, EmbedTemplateVariable>;
2224
2224
  props?: EmbedTemplateProp[];
2225
- tokens?: string[];
2226
2225
  styles?: EmbedTemplateStyleDecl[];
2227
2226
  children: Array<EmbedTemplateInstance | EmbedTemplateText | EmbedTemplateExpression>;
2228
2227
  };
@@ -2296,287 +2295,7 @@ export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, c
2296
2295
  }[] | undefined;
2297
2296
  indexWithinAncestor?: string | undefined;
2298
2297
  stylable?: boolean | undefined;
2299
- detachable?: boolean | undefined;
2300
2298
  icon: string;
2301
- presetTokens?: Record<string, {
2302
- styles: {
2303
- value: {
2304
- value: {
2305
- value: string;
2306
- type: "asset";
2307
- } | {
2308
- type: "url";
2309
- url: string;
2310
- };
2311
- type: "image";
2312
- hidden?: boolean | undefined;
2313
- } | {
2314
- value: number;
2315
- type: "unit";
2316
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2317
- hidden?: boolean | undefined;
2318
- } | {
2319
- value: string;
2320
- type: "keyword";
2321
- hidden?: boolean | undefined;
2322
- } | {
2323
- value: string;
2324
- type: "unparsed";
2325
- hidden?: boolean | undefined;
2326
- } | {
2327
- type: "rgb";
2328
- r: number;
2329
- g: number;
2330
- b: number;
2331
- alpha: number;
2332
- hidden?: boolean | undefined;
2333
- } | {
2334
- type: "function";
2335
- name: string;
2336
- args: StyleValue;
2337
- hidden?: boolean;
2338
- } | {
2339
- value: string;
2340
- type: "var";
2341
- fallback?: {
2342
- value: number;
2343
- type: "unit";
2344
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2345
- hidden?: boolean | undefined;
2346
- } | {
2347
- value: string;
2348
- type: "keyword";
2349
- hidden?: boolean | undefined;
2350
- } | {
2351
- value: string;
2352
- type: "unparsed";
2353
- hidden?: boolean | undefined;
2354
- } | {
2355
- type: "rgb";
2356
- r: number;
2357
- g: number;
2358
- b: number;
2359
- alpha: number;
2360
- hidden?: boolean | undefined;
2361
- } | undefined;
2362
- hidden?: boolean | undefined;
2363
- } | {
2364
- value: ({
2365
- value: {
2366
- value: string;
2367
- type: "asset";
2368
- } | {
2369
- type: "url";
2370
- url: string;
2371
- };
2372
- type: "image";
2373
- hidden?: boolean | undefined;
2374
- } | {
2375
- value: number;
2376
- type: "unit";
2377
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2378
- hidden?: boolean | undefined;
2379
- } | {
2380
- value: string;
2381
- type: "keyword";
2382
- hidden?: boolean | undefined;
2383
- } | {
2384
- value: string;
2385
- type: "unparsed";
2386
- hidden?: boolean | undefined;
2387
- } | {
2388
- type: "rgb";
2389
- r: number;
2390
- g: number;
2391
- b: number;
2392
- alpha: number;
2393
- hidden?: boolean | undefined;
2394
- } | {
2395
- type: "function";
2396
- name: string;
2397
- args: StyleValue;
2398
- hidden?: boolean;
2399
- } | {
2400
- value: string;
2401
- type: "var";
2402
- fallback?: {
2403
- value: number;
2404
- type: "unit";
2405
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2406
- hidden?: boolean | undefined;
2407
- } | {
2408
- value: string;
2409
- type: "keyword";
2410
- hidden?: boolean | undefined;
2411
- } | {
2412
- value: string;
2413
- type: "unparsed";
2414
- hidden?: boolean | undefined;
2415
- } | {
2416
- type: "rgb";
2417
- r: number;
2418
- g: number;
2419
- b: number;
2420
- alpha: number;
2421
- hidden?: boolean | undefined;
2422
- } | undefined;
2423
- hidden?: boolean | undefined;
2424
- })[];
2425
- type: "tuple";
2426
- hidden?: boolean | undefined;
2427
- } | {
2428
- value: string;
2429
- type: "invalid";
2430
- hidden?: boolean | undefined;
2431
- } | {
2432
- value: ({
2433
- value: {
2434
- value: string;
2435
- type: "asset";
2436
- } | {
2437
- type: "url";
2438
- url: string;
2439
- };
2440
- type: "image";
2441
- hidden?: boolean | undefined;
2442
- } | {
2443
- value: number;
2444
- type: "unit";
2445
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2446
- hidden?: boolean | undefined;
2447
- } | {
2448
- value: string;
2449
- type: "keyword";
2450
- hidden?: boolean | undefined;
2451
- } | {
2452
- value: string;
2453
- type: "unparsed";
2454
- hidden?: boolean | undefined;
2455
- } | {
2456
- type: "rgb";
2457
- r: number;
2458
- g: number;
2459
- b: number;
2460
- alpha: number;
2461
- hidden?: boolean | undefined;
2462
- } | {
2463
- type: "function";
2464
- name: string;
2465
- args: StyleValue;
2466
- hidden?: boolean;
2467
- } | {
2468
- value: string;
2469
- type: "var";
2470
- fallback?: {
2471
- value: number;
2472
- type: "unit";
2473
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2474
- hidden?: boolean | undefined;
2475
- } | {
2476
- value: string;
2477
- type: "keyword";
2478
- hidden?: boolean | undefined;
2479
- } | {
2480
- value: string;
2481
- type: "unparsed";
2482
- hidden?: boolean | undefined;
2483
- } | {
2484
- type: "rgb";
2485
- r: number;
2486
- g: number;
2487
- b: number;
2488
- alpha: number;
2489
- hidden?: boolean | undefined;
2490
- } | undefined;
2491
- hidden?: boolean | undefined;
2492
- } | {
2493
- value: ({
2494
- value: {
2495
- value: string;
2496
- type: "asset";
2497
- } | {
2498
- type: "url";
2499
- url: string;
2500
- };
2501
- type: "image";
2502
- hidden?: boolean | undefined;
2503
- } | {
2504
- value: number;
2505
- type: "unit";
2506
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2507
- hidden?: boolean | undefined;
2508
- } | {
2509
- value: string;
2510
- type: "keyword";
2511
- hidden?: boolean | undefined;
2512
- } | {
2513
- value: string;
2514
- type: "unparsed";
2515
- hidden?: boolean | undefined;
2516
- } | {
2517
- type: "rgb";
2518
- r: number;
2519
- g: number;
2520
- b: number;
2521
- alpha: number;
2522
- hidden?: boolean | undefined;
2523
- } | {
2524
- type: "function";
2525
- name: string;
2526
- args: StyleValue;
2527
- hidden?: boolean;
2528
- } | {
2529
- value: string;
2530
- type: "var";
2531
- fallback?: {
2532
- value: number;
2533
- type: "unit";
2534
- unit: "number" | "%" | "deg" | "grad" | "rad" | "turn" | "db" | "fr" | "hz" | "khz" | "cm" | "mm" | "q" | "in" | "pt" | "pc" | "px" | "em" | "rem" | "ex" | "rex" | "cap" | "rcap" | "ch" | "rch" | "ic" | "ric" | "lh" | "rlh" | "vw" | "svw" | "lvw" | "dvw" | "vh" | "svh" | "lvh" | "dvh" | "vi" | "svi" | "lvi" | "dvi" | "vb" | "svb" | "lvb" | "dvb" | "vmin" | "svmin" | "lvmin" | "dvmin" | "vmax" | "svmax" | "lvmax" | "dvmax" | "cqw" | "cqh" | "cqi" | "cqb" | "cqmin" | "cqmax" | "dpi" | "dpcm" | "dppx" | "x" | "st" | "s" | "ms";
2535
- hidden?: boolean | undefined;
2536
- } | {
2537
- value: string;
2538
- type: "keyword";
2539
- hidden?: boolean | undefined;
2540
- } | {
2541
- value: string;
2542
- type: "unparsed";
2543
- hidden?: boolean | undefined;
2544
- } | {
2545
- type: "rgb";
2546
- r: number;
2547
- g: number;
2548
- b: number;
2549
- alpha: number;
2550
- hidden?: boolean | undefined;
2551
- } | undefined;
2552
- hidden?: boolean | undefined;
2553
- })[];
2554
- type: "tuple";
2555
- hidden?: boolean | undefined;
2556
- } | {
2557
- value: string;
2558
- type: "invalid";
2559
- hidden?: boolean | undefined;
2560
- })[];
2561
- type: "layers";
2562
- hidden?: boolean | undefined;
2563
- } | {
2564
- value: string[];
2565
- type: "fontFamily";
2566
- hidden?: boolean | undefined;
2567
- } | {
2568
- type: "guaranteedInvalid";
2569
- hidden?: boolean | undefined;
2570
- } | {
2571
- value: "";
2572
- type: "unset";
2573
- hidden?: boolean | undefined;
2574
- };
2575
- state?: string | undefined;
2576
- property: StyleProperty;
2577
- }[];
2578
- variant?: string | undefined;
2579
- }> | undefined;
2580
2299
  states?: {
2581
2300
  label: string;
2582
2301
  selector: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webstudio-is/react-sdk",
3
- "version": "0.192.0",
3
+ "version": "0.194.0",
4
4
  "description": "Webstudio JavaScript / TypeScript API",
5
5
  "author": "Webstudio <github@webstudio.is>",
6
6
  "homepage": "https://webstudio.is",
@@ -25,12 +25,11 @@
25
25
  "change-case": "^5.4.4",
26
26
  "html-tags": "^4.0.0",
27
27
  "nanoid": "^5.0.8",
28
- "title-case": "^4.3.2",
29
- "@webstudio-is/css-engine": "0.192.0",
30
- "@webstudio-is/icons": "^0.192.0",
31
- "@webstudio-is/image": "0.192.0",
32
- "@webstudio-is/fonts": "0.192.0",
33
- "@webstudio-is/sdk": "0.192.0"
28
+ "@webstudio-is/css-engine": "0.194.0",
29
+ "@webstudio-is/icons": "^0.194.0",
30
+ "@webstudio-is/fonts": "0.194.0",
31
+ "@webstudio-is/sdk": "0.194.0",
32
+ "@webstudio-is/image": "0.194.0"
34
33
  },
35
34
  "exports": {
36
35
  ".": {