@webflow/designer-extension-typings 2.0.26 → 2.0.27

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.
package/api.d.ts CHANGED
@@ -96,6 +96,26 @@ interface WebflowApi {
96
96
  */
97
97
  getElementSnapshot(element: AnyElement): Promise<null | string>;
98
98
 
99
+ /**
100
+ * Renders the specified element to WHTML format.
101
+ * @param element - The element to render
102
+ * @returns A promise that resolves to an object containing the WHTML string and shortIdMap, or null
103
+ * @example
104
+ * ```ts
105
+ * const selectedElement = await webflow.getSelectedElement();
106
+ * if (selectedElement) {
107
+ * const result = await webflow.getWHTML(selectedElement);
108
+ * if (result) {
109
+ * console.log('WHTML:', result.whtml);
110
+ * console.log('Short ID Map:', result.shortIdMap);
111
+ * }
112
+ * }
113
+ * ```
114
+ */
115
+ getWHTML?(
116
+ element: AnyElement
117
+ ): Promise<null | {whtml: string; shortIdMap: Record<string, string[]>}>;
118
+
99
119
  elementBuilder(elementPreset: ElementPreset<AnyElement>): BuilderElement;
100
120
  /**
101
121
  * Get the current media query breakpoint ID.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webflow/designer-extension-typings",
3
- "version": "2.0.26",
3
+ "version": "2.0.27",
4
4
  "license": "MIT",
5
5
  "description": "Typings for the Webflow Designer Extension API",
6
6
  "main": "",
@@ -283,6 +283,225 @@ type PropertyMap = {
283
283
  '-webkit-text-fill-color'?: string | ColorVariable;
284
284
  '-webkit-text-stroke-color'?: string | ColorVariable;
285
285
  '-webkit-text-stroke-width'?: string | SizeVariable;
286
+ 'align-tracks'?: string;
287
+ all?: string;
288
+ 'anchor-name'?: string;
289
+ 'anchor-scope'?: string;
290
+ animation?: string;
291
+ 'animation-composition'?: string;
292
+ 'animation-range'?: string;
293
+ 'animation-range-end'?: string;
294
+ 'animation-range-start'?: string;
295
+ 'animation-timeline'?: string;
296
+ 'aspect-ratio'?: string;
297
+ azimuth?: string;
298
+ background?: string;
299
+ border?: string;
300
+ 'border-block'?: string;
301
+ 'border-block-color'?: string;
302
+ 'border-block-style'?: string;
303
+ 'border-block-width'?: string;
304
+ 'border-block-end'?: string;
305
+ 'border-block-start'?: string;
306
+ 'border-bottom'?: string;
307
+ 'border-image'?: string;
308
+ 'border-inline'?: string;
309
+ 'border-inline-end'?: string;
310
+ 'border-inline-color'?: string;
311
+ 'border-inline-style'?: string;
312
+ 'border-inline-width'?: string;
313
+ 'border-inline-start'?: string;
314
+ 'border-left'?: string;
315
+ 'border-right'?: string;
316
+ 'border-spacing'?: string;
317
+ 'border-style'?: string;
318
+ 'border-top'?: string;
319
+ 'box-align'?: string;
320
+ 'box-decoration-break'?: string;
321
+ 'box-direction'?: string;
322
+ 'box-flex'?: string;
323
+ 'box-flex-group'?: string;
324
+ 'box-lines'?: string;
325
+ 'box-ordinal-group'?: string;
326
+ 'box-orient'?: string;
327
+ 'box-pack'?: string;
328
+ caret?: string;
329
+ 'caret-shape'?: string;
330
+ 'color-scheme'?: string;
331
+ 'column-fill'?: string;
332
+ 'column-rule'?: string;
333
+ columns?: string;
334
+ contain?: string;
335
+ 'contain-intrinsic-size'?: string;
336
+ 'contain-intrinsic-block-size'?: string;
337
+ 'contain-intrinsic-height'?: string;
338
+ 'contain-intrinsic-inline-size'?: string;
339
+ 'contain-intrinsic-width'?: string;
340
+ container?: string;
341
+ 'container-name'?: string;
342
+ 'container-type'?: string;
343
+ 'content-visibility'?: string;
344
+ 'counter-increment'?: string;
345
+ 'counter-reset'?: string;
346
+ 'counter-set'?: string;
347
+ d?: string;
348
+ 'field-sizing'?: string;
349
+ flex?: string;
350
+ 'flex-flow'?: string;
351
+ font?: string;
352
+ 'font-feature-settings'?: string;
353
+ 'font-language-override'?: string;
354
+ 'font-palette'?: string;
355
+ 'font-variation-settings'?: string;
356
+ 'font-size-adjust'?: string;
357
+ 'font-smooth'?: string;
358
+ 'font-synthesis'?: string;
359
+ 'font-synthesis-position'?: string;
360
+ 'font-synthesis-small-caps'?: string;
361
+ 'font-synthesis-style'?: string;
362
+ 'font-synthesis-weight'?: string;
363
+ 'font-variant'?: string;
364
+ 'font-variant-position'?: string;
365
+ 'forced-color-adjust'?: string;
366
+ gap?: string;
367
+ grid?: string;
368
+ 'grid-area'?: string;
369
+ 'grid-column'?: string;
370
+ 'grid-gap'?: string;
371
+ 'grid-row'?: string;
372
+ 'grid-template'?: string;
373
+ 'hanging-punctuation'?: string;
374
+ 'hyphenate-character'?: string;
375
+ 'hyphenate-limit-chars'?: string;
376
+ hyphens?: string;
377
+ 'image-resolution'?: string;
378
+ 'ime-mode'?: string;
379
+ 'initial-letter'?: string;
380
+ 'initial-letter-align'?: string;
381
+ 'input-security'?: string;
382
+ inset?: string;
383
+ 'inset-block'?: string;
384
+ 'inset-inline'?: string;
385
+ 'interpolate-size'?: string;
386
+ 'justify-tracks'?: string;
387
+ 'line-height-step'?: string;
388
+ 'list-style'?: string;
389
+ margin?: string;
390
+ 'margin-block'?: string;
391
+ 'margin-inline'?: string;
392
+ 'margin-trim'?: string;
393
+ marker?: string;
394
+ mask?: string;
395
+ 'mask-border'?: string;
396
+ 'mask-border-mode'?: string;
397
+ 'mask-border-outset'?: string;
398
+ 'mask-border-repeat'?: string;
399
+ 'mask-border-slice'?: string;
400
+ 'mask-border-source'?: string;
401
+ 'mask-border-width'?: string;
402
+ 'mask-clip'?: string;
403
+ 'mask-composite'?: string;
404
+ 'mask-image'?: string;
405
+ 'mask-mode'?: string;
406
+ 'mask-origin'?: string;
407
+ 'mask-position'?: string;
408
+ 'mask-repeat'?: string;
409
+ 'mask-size'?: string;
410
+ 'masonry-auto-flow'?: string;
411
+ 'math-depth'?: string;
412
+ 'math-shift'?: string;
413
+ 'math-style'?: string;
414
+ 'max-lines'?: string;
415
+ offset?: string;
416
+ 'offset-position'?: string;
417
+ orphans?: string;
418
+ outline?: string;
419
+ overflow?: string;
420
+ 'overflow-anchor'?: string;
421
+ 'overflow-block'?: string;
422
+ 'overflow-clip-box'?: string;
423
+ 'overflow-clip-margin'?: string;
424
+ 'overflow-inline'?: string;
425
+ overlay?: string;
426
+ 'overscroll-behavior'?: string;
427
+ 'overscroll-behavior-x'?: string;
428
+ 'overscroll-behavior-y'?: string;
429
+ padding?: string;
430
+ 'padding-block'?: string;
431
+ 'padding-inline'?: string;
432
+ page?: string;
433
+ 'page-break-after'?: string;
434
+ 'page-break-before'?: string;
435
+ 'page-break-inside'?: string;
436
+ 'place-content'?: string;
437
+ 'place-items'?: string;
438
+ 'place-self'?: string;
439
+ 'position-anchor'?: string;
440
+ 'position-area'?: string;
441
+ 'position-try'?: string;
442
+ 'position-try-fallbacks'?: string;
443
+ 'position-try-order'?: string;
444
+ 'position-visibility'?: string;
445
+ 'print-color-adjust'?: string;
446
+ quotes?: string;
447
+ 'ruby-align'?: string;
448
+ 'ruby-merge'?: string;
449
+ 'ruby-position'?: string;
450
+ 'scrollbar-color'?: string;
451
+ 'scrollbar-gutter'?: string;
452
+ 'scrollbar-width'?: string;
453
+ 'scroll-margin'?: string;
454
+ 'scroll-margin-block'?: string;
455
+ 'scroll-margin-bottom'?: string;
456
+ 'scroll-margin-inline'?: string;
457
+ 'scroll-margin-left'?: string;
458
+ 'scroll-margin-right'?: string;
459
+ 'scroll-margin-top'?: string;
460
+ 'scroll-padding'?: string;
461
+ 'scroll-padding-block'?: string;
462
+ 'scroll-padding-bottom'?: string;
463
+ 'scroll-padding-inline'?: string;
464
+ 'scroll-padding-left'?: string;
465
+ 'scroll-padding-right'?: string;
466
+ 'scroll-padding-top'?: string;
467
+ 'scroll-snap-align'?: string;
468
+ 'scroll-snap-coordinate'?: string;
469
+ 'scroll-snap-destination'?: string;
470
+ 'scroll-snap-points-x'?: string;
471
+ 'scroll-snap-points-y'?: string;
472
+ 'scroll-snap-stop'?: string;
473
+ 'scroll-snap-type'?: string;
474
+ 'scroll-snap-type-x'?: string;
475
+ 'scroll-snap-type-y'?: string;
476
+ 'scroll-timeline'?: string;
477
+ 'scroll-timeline-axis'?: string;
478
+ 'scroll-timeline-name'?: string;
479
+ 'text-combine-upright'?: string;
480
+ 'text-decoration-skip'?: string;
481
+ 'text-decoration-thickness'?: string;
482
+ 'text-emphasis'?: string;
483
+ 'text-justify'?: string;
484
+ 'text-orientation'?: string;
485
+ 'text-size-adjust'?: string;
486
+ 'text-spacing-trim'?: string;
487
+ 'text-underline-offset'?: string;
488
+ 'text-wrap'?: string;
489
+ 'text-wrap-mode'?: string;
490
+ 'text-wrap-style'?: string;
491
+ 'timeline-scope'?: string;
492
+ 'transform-box'?: string;
493
+ transition?: string;
494
+ 'transition-behavior'?: string;
495
+ 'user-select'?: string;
496
+ 'view-timeline'?: string;
497
+ 'view-timeline-axis'?: string;
498
+ 'view-timeline-inset'?: string;
499
+ 'view-timeline-name'?: string;
500
+ 'view-transition-name'?: string;
501
+ 'white-space-collapse'?: string;
502
+ widows?: string;
503
+ 'word-wrap'?: string;
504
+ zoom?: string;
286
505
  };
287
506
 
288
507
  type StyleProperty =
@@ -567,7 +786,226 @@ type StyleProperty =
567
786
  | '-webkit-line-clamp'
568
787
  | '-webkit-text-fill-color'
569
788
  | '-webkit-text-stroke-color'
570
- | '-webkit-text-stroke-width';
789
+ | '-webkit-text-stroke-width'
790
+ | 'align-tracks'
791
+ | 'all'
792
+ | 'anchor-name'
793
+ | 'anchor-scope'
794
+ | 'animation'
795
+ | 'animation-composition'
796
+ | 'animation-range'
797
+ | 'animation-range-end'
798
+ | 'animation-range-start'
799
+ | 'animation-timeline'
800
+ | 'aspect-ratio'
801
+ | 'azimuth'
802
+ | 'background'
803
+ | 'border'
804
+ | 'border-block'
805
+ | 'border-block-color'
806
+ | 'border-block-style'
807
+ | 'border-block-width'
808
+ | 'border-block-end'
809
+ | 'border-block-start'
810
+ | 'border-bottom'
811
+ | 'border-image'
812
+ | 'border-inline'
813
+ | 'border-inline-end'
814
+ | 'border-inline-color'
815
+ | 'border-inline-style'
816
+ | 'border-inline-width'
817
+ | 'border-inline-start'
818
+ | 'border-left'
819
+ | 'border-right'
820
+ | 'border-spacing'
821
+ | 'border-style'
822
+ | 'border-top'
823
+ | 'box-align'
824
+ | 'box-decoration-break'
825
+ | 'box-direction'
826
+ | 'box-flex'
827
+ | 'box-flex-group'
828
+ | 'box-lines'
829
+ | 'box-ordinal-group'
830
+ | 'box-orient'
831
+ | 'box-pack'
832
+ | 'caret'
833
+ | 'caret-shape'
834
+ | 'color-scheme'
835
+ | 'column-fill'
836
+ | 'column-rule'
837
+ | 'columns'
838
+ | 'contain'
839
+ | 'contain-intrinsic-size'
840
+ | 'contain-intrinsic-block-size'
841
+ | 'contain-intrinsic-height'
842
+ | 'contain-intrinsic-inline-size'
843
+ | 'contain-intrinsic-width'
844
+ | 'container'
845
+ | 'container-name'
846
+ | 'container-type'
847
+ | 'content-visibility'
848
+ | 'counter-increment'
849
+ | 'counter-reset'
850
+ | 'counter-set'
851
+ | 'd'
852
+ | 'field-sizing'
853
+ | 'flex'
854
+ | 'flex-flow'
855
+ | 'font'
856
+ | 'font-feature-settings'
857
+ | 'font-language-override'
858
+ | 'font-palette'
859
+ | 'font-variation-settings'
860
+ | 'font-size-adjust'
861
+ | 'font-smooth'
862
+ | 'font-synthesis'
863
+ | 'font-synthesis-position'
864
+ | 'font-synthesis-small-caps'
865
+ | 'font-synthesis-style'
866
+ | 'font-synthesis-weight'
867
+ | 'font-variant'
868
+ | 'font-variant-position'
869
+ | 'forced-color-adjust'
870
+ | 'gap'
871
+ | 'grid'
872
+ | 'grid-area'
873
+ | 'grid-column'
874
+ | 'grid-gap'
875
+ | 'grid-row'
876
+ | 'grid-template'
877
+ | 'hanging-punctuation'
878
+ | 'hyphenate-character'
879
+ | 'hyphenate-limit-chars'
880
+ | 'hyphens'
881
+ | 'image-resolution'
882
+ | 'ime-mode'
883
+ | 'initial-letter'
884
+ | 'initial-letter-align'
885
+ | 'input-security'
886
+ | 'inset'
887
+ | 'inset-block'
888
+ | 'inset-inline'
889
+ | 'interpolate-size'
890
+ | 'justify-tracks'
891
+ | 'line-height-step'
892
+ | 'list-style'
893
+ | 'margin'
894
+ | 'margin-block'
895
+ | 'margin-inline'
896
+ | 'margin-trim'
897
+ | 'marker'
898
+ | 'mask'
899
+ | 'mask-border'
900
+ | 'mask-border-mode'
901
+ | 'mask-border-outset'
902
+ | 'mask-border-repeat'
903
+ | 'mask-border-slice'
904
+ | 'mask-border-source'
905
+ | 'mask-border-width'
906
+ | 'mask-clip'
907
+ | 'mask-composite'
908
+ | 'mask-image'
909
+ | 'mask-mode'
910
+ | 'mask-origin'
911
+ | 'mask-position'
912
+ | 'mask-repeat'
913
+ | 'mask-size'
914
+ | 'masonry-auto-flow'
915
+ | 'math-depth'
916
+ | 'math-shift'
917
+ | 'math-style'
918
+ | 'max-lines'
919
+ | 'offset'
920
+ | 'offset-position'
921
+ | 'orphans'
922
+ | 'outline'
923
+ | 'overflow'
924
+ | 'overflow-anchor'
925
+ | 'overflow-block'
926
+ | 'overflow-clip-box'
927
+ | 'overflow-clip-margin'
928
+ | 'overflow-inline'
929
+ | 'overlay'
930
+ | 'overscroll-behavior'
931
+ | 'overscroll-behavior-x'
932
+ | 'overscroll-behavior-y'
933
+ | 'padding'
934
+ | 'padding-block'
935
+ | 'padding-inline'
936
+ | 'page'
937
+ | 'page-break-after'
938
+ | 'page-break-before'
939
+ | 'page-break-inside'
940
+ | 'place-content'
941
+ | 'place-items'
942
+ | 'place-self'
943
+ | 'position-anchor'
944
+ | 'position-area'
945
+ | 'position-try'
946
+ | 'position-try-fallbacks'
947
+ | 'position-try-order'
948
+ | 'position-visibility'
949
+ | 'print-color-adjust'
950
+ | 'quotes'
951
+ | 'ruby-align'
952
+ | 'ruby-merge'
953
+ | 'ruby-position'
954
+ | 'scrollbar-color'
955
+ | 'scrollbar-gutter'
956
+ | 'scrollbar-width'
957
+ | 'scroll-margin'
958
+ | 'scroll-margin-block'
959
+ | 'scroll-margin-bottom'
960
+ | 'scroll-margin-inline'
961
+ | 'scroll-margin-left'
962
+ | 'scroll-margin-right'
963
+ | 'scroll-margin-top'
964
+ | 'scroll-padding'
965
+ | 'scroll-padding-block'
966
+ | 'scroll-padding-bottom'
967
+ | 'scroll-padding-inline'
968
+ | 'scroll-padding-left'
969
+ | 'scroll-padding-right'
970
+ | 'scroll-padding-top'
971
+ | 'scroll-snap-align'
972
+ | 'scroll-snap-coordinate'
973
+ | 'scroll-snap-destination'
974
+ | 'scroll-snap-points-x'
975
+ | 'scroll-snap-points-y'
976
+ | 'scroll-snap-stop'
977
+ | 'scroll-snap-type'
978
+ | 'scroll-snap-type-x'
979
+ | 'scroll-snap-type-y'
980
+ | 'scroll-timeline'
981
+ | 'scroll-timeline-axis'
982
+ | 'scroll-timeline-name'
983
+ | 'text-combine-upright'
984
+ | 'text-decoration-skip'
985
+ | 'text-decoration-thickness'
986
+ | 'text-emphasis'
987
+ | 'text-justify'
988
+ | 'text-orientation'
989
+ | 'text-size-adjust'
990
+ | 'text-spacing-trim'
991
+ | 'text-underline-offset'
992
+ | 'text-wrap'
993
+ | 'text-wrap-mode'
994
+ | 'text-wrap-style'
995
+ | 'timeline-scope'
996
+ | 'transform-box'
997
+ | 'transition'
998
+ | 'transition-behavior'
999
+ | 'user-select'
1000
+ | 'view-timeline'
1001
+ | 'view-timeline-axis'
1002
+ | 'view-timeline-inset'
1003
+ | 'view-timeline-name'
1004
+ | 'view-transition-name'
1005
+ | 'white-space-collapse'
1006
+ | 'widows'
1007
+ | 'word-wrap'
1008
+ | 'zoom';
571
1009
 
572
1010
  type PseudoStateKey =
573
1011
  | 'noPseudo'