@wix/react-component-schema 1.7.0 → 1.9.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.
package/dist/index.d.ts CHANGED
@@ -57,7 +57,9 @@ declare enum A11yAttributes {
57
57
  /** The value used for aria-multiline */
58
58
  ariaMultiline = "ariaMultiline",
59
59
  /** The value used for aria-invalid */
60
- ariaInvalid = "ariaInvalid"
60
+ ariaInvalid = "ariaInvalid",
61
+ /** The value used for lang attribute */
62
+ lang = "lang"
61
63
  }
62
64
 
63
65
  export declare type Action = ApiAction;
@@ -116,7 +118,8 @@ declare enum ActionType {
116
118
  style = "style",
117
119
  displayGroup = "displayGroup",
118
120
  cssProperty = "cssProperty",
119
- cssCustomProperty = "cssCustomProperty"
121
+ cssCustomProperty = "cssCustomProperty",
122
+ dashboard = "dashboard"
120
123
  }
121
124
 
122
125
  declare interface ApiAction {
@@ -127,6 +130,11 @@ declare interface ApiAction {
127
130
  displayName?: string;
128
131
  /** A model definition for declaring a concrete instructions action will perform */
129
132
  execution?: Execution;
133
+ /**
134
+ * A description of this action
135
+ * @maxLength 300
136
+ */
137
+ description?: string | null;
130
138
  }
131
139
 
132
140
  /** @oneof */
@@ -137,7 +145,7 @@ declare interface ApiArrayItemsArrayDataOneOf {
137
145
  dataItem?: DataItem;
138
146
  /**
139
147
  * Marks this array as one whose item types are dynamic and resolved at runtime.
140
- * Only applicable when a template container (containerType = TEMPLATE) has a data_item_key
148
+ * Only applicable when a template container (containerType = TEMPLATE) has an item_key
141
149
  * that references this array. Mutually exclusive with 'data' and 'data_item'.
142
150
  */
143
151
  dynamicItems?: boolean | null;
@@ -155,6 +163,20 @@ declare interface ApiBackgroundImage {
155
163
  vectorArtCategory?: VectorArtCategoryTypes;
156
164
  }
157
165
 
166
+ declare interface ApiContext {
167
+ /** A map of keys describing the context provided by this component */
168
+ items?: Record<string, ContextItem>;
169
+ /** Named preview states this context can be rendered in, keyed by state key */
170
+ states?: Record<string, ContextState>;
171
+ /** Display groups for the top-level context items, used to group and order them in the editor for better UX */
172
+ displayGroups?: Record<string, ContextDisplayGroup>;
173
+ /**
174
+ * Human friendly name of the context for human readability
175
+ * @maxLength 50
176
+ */
177
+ displayName?: string | null;
178
+ }
179
+
158
180
  export declare enum ARCHETYPE {
159
181
  UNKNOWN_Archetype = "UNKNOWN_Archetype",
160
182
  Button = "Button",
@@ -208,7 +230,7 @@ export declare interface ArrayItems extends ApiArrayItemsArrayDataOneOf {
208
230
  dataItem?: DataItem;
209
231
  /**
210
232
  * Marks this array as one whose item types are dynamic and resolved at runtime.
211
- * Only applicable when a template container (containerType = TEMPLATE) has a data_item_key
233
+ * Only applicable when a template container (containerType = TEMPLATE) has an item_key
212
234
  * that references this array. Mutually exclusive with 'data' and 'data_item'.
213
235
  */
214
236
  dynamicItems?: boolean | null;
@@ -244,6 +266,51 @@ export declare interface Behaviors {
244
266
  removable?: boolean | null;
245
267
  }
246
268
 
269
+ export declare const BoxVariableNames: {
270
+ readonly 'wst-box-primary-background-image': "wst-box-primary-background-image";
271
+ readonly 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
272
+ readonly 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
273
+ readonly 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
274
+ readonly 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
275
+ readonly 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
276
+ readonly 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
277
+ readonly 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
278
+ readonly 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
279
+ readonly 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
280
+ readonly 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
281
+ readonly 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
282
+ readonly 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
283
+ readonly 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
284
+ readonly 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
285
+ readonly 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
286
+ readonly 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
287
+ readonly 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
288
+ readonly 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
289
+ readonly 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
290
+ readonly 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
291
+ readonly 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
292
+ readonly 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
293
+ readonly 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
294
+ readonly 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
295
+ readonly 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
296
+ readonly 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
297
+ readonly 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
298
+ readonly 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
299
+ readonly 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
300
+ readonly 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
301
+ readonly 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
302
+ readonly 'wst-box-primary-background-color': "wst-box-primary-background-color";
303
+ readonly 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
304
+ readonly 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
305
+ readonly 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
306
+ readonly 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
307
+ readonly 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
308
+ readonly 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
309
+ readonly 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
310
+ readonly 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
311
+ readonly 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
312
+ };
313
+
247
314
  declare enum BreakpointEnumBreakpoint {
248
315
  UNKNOWN_Breakpoint = "UNKNOWN_Breakpoint",
249
316
  /** Represents the small (mobile) breakpoint */
@@ -259,6 +326,128 @@ declare interface BreakpointPresetStyleOverrides {
259
326
  small?: PresetStyleOverrides;
260
327
  }
261
328
 
329
+ export declare const ButtonVariableNames: {
330
+ readonly 'wst-button-primary-background-image': "wst-button-primary-background-image";
331
+ readonly 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
332
+ readonly 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
333
+ readonly 'wst-button-primary-font': "wst-button-primary-font";
334
+ readonly 'wst-button-primary-font-family': "wst-button-primary-font-family";
335
+ readonly 'wst-button-primary-font-size': "wst-button-primary-font-size";
336
+ readonly 'wst-button-primary-font-style': "wst-button-primary-font-style";
337
+ readonly 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
338
+ readonly 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
339
+ readonly 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
340
+ readonly 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
341
+ readonly 'wst-button-primary-line-height': "wst-button-primary-line-height";
342
+ readonly 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
343
+ readonly 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
344
+ readonly 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
345
+ readonly 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
346
+ readonly 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
347
+ readonly 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
348
+ readonly 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
349
+ readonly 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
350
+ readonly 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
351
+ readonly 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
352
+ readonly 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
353
+ readonly 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
354
+ readonly 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
355
+ readonly 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
356
+ readonly 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
357
+ readonly 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
358
+ readonly 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
359
+ readonly 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
360
+ readonly 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
361
+ readonly 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
362
+ readonly 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
363
+ readonly 'wst-button-secondary-font': "wst-button-secondary-font";
364
+ readonly 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
365
+ readonly 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
366
+ readonly 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
367
+ readonly 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
368
+ readonly 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
369
+ readonly 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
370
+ readonly 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
371
+ readonly 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
372
+ readonly 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
373
+ readonly 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
374
+ readonly 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
375
+ readonly 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
376
+ readonly 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
377
+ readonly 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
378
+ readonly 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
379
+ readonly 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
380
+ readonly 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
381
+ readonly 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
382
+ readonly 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
383
+ readonly 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
384
+ readonly 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
385
+ readonly 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
386
+ readonly 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
387
+ readonly 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
388
+ readonly 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
389
+ readonly 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
390
+ readonly 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
391
+ readonly 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
392
+ readonly 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
393
+ readonly 'wst-button-tertiary-font': "wst-button-tertiary-font";
394
+ readonly 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
395
+ readonly 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
396
+ readonly 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
397
+ readonly 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
398
+ readonly 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
399
+ readonly 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
400
+ readonly 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
401
+ readonly 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
402
+ readonly 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
403
+ readonly 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
404
+ readonly 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
405
+ readonly 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
406
+ readonly 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
407
+ readonly 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
408
+ readonly 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
409
+ readonly 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
410
+ readonly 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
411
+ readonly 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
412
+ readonly 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
413
+ readonly 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
414
+ readonly 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
415
+ readonly 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
416
+ readonly 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
417
+ readonly 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
418
+ readonly 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
419
+ readonly 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
420
+ readonly 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
421
+ readonly 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
422
+ readonly 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
423
+ readonly 'wst-button-primary-background-color': "wst-button-primary-background-color";
424
+ readonly 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
425
+ readonly 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
426
+ readonly 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
427
+ readonly 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
428
+ readonly 'wst-button-primary-color': "wst-button-primary-color";
429
+ readonly 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
430
+ readonly 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
431
+ readonly 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
432
+ readonly 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
433
+ readonly 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
434
+ readonly 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
435
+ readonly 'wst-button-secondary-color': "wst-button-secondary-color";
436
+ readonly 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
437
+ readonly 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
438
+ readonly 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
439
+ readonly 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
440
+ readonly 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
441
+ readonly 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
442
+ readonly 'wst-button-tertiary-color': "wst-button-tertiary-color";
443
+ readonly 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
444
+ };
445
+
446
+ declare interface ChangeEvent {
447
+ /** The type of input this change event originates from */
448
+ inputType?: InputTypeEnumInputType;
449
+ }
450
+
262
451
  declare interface ClientResources {
263
452
  /**
264
453
  * A URL to an ESM javascript bundle. It's default export should be the component
@@ -302,6 +491,29 @@ declare interface CodePanel {
302
491
  cssUrl?: string | null;
303
492
  }
304
493
 
494
+ export declare const ColorVariableNames: {
495
+ readonly 'wst-primary-background-color': "wst-primary-background-color";
496
+ readonly 'wst-secondary-background-color': "wst-secondary-background-color";
497
+ readonly 'wst-links-and-actions-color': "wst-links-and-actions-color";
498
+ readonly 'wst-graphics-1-color': "wst-graphics-1-color";
499
+ readonly 'wst-graphics-2-color': "wst-graphics-2-color";
500
+ readonly 'wst-system-success-color': "wst-system-success-color";
501
+ readonly 'wst-system-error-color': "wst-system-error-color";
502
+ readonly 'wst-system-alert-color': "wst-system-alert-color";
503
+ readonly 'wst-system-disabled-color': "wst-system-disabled-color";
504
+ readonly 'wst-system-default-dark-color': "wst-system-default-dark-color";
505
+ readonly 'wst-system-default-light-color': "wst-system-default-light-color";
506
+ readonly 'wst-base-1-color': "wst-base-1-color";
507
+ readonly 'wst-base-2-color': "wst-base-2-color";
508
+ readonly 'wst-shade-1-color': "wst-shade-1-color";
509
+ readonly 'wst-shade-2-color': "wst-shade-2-color";
510
+ readonly 'wst-shade-3-color': "wst-shade-3-color";
511
+ readonly 'wst-accent-1-color': "wst-accent-1-color";
512
+ readonly 'wst-accent-2-color': "wst-accent-2-color";
513
+ readonly 'wst-accent-3-color': "wst-accent-3-color";
514
+ readonly 'wst-accent-4-color': "wst-accent-4-color";
515
+ };
516
+
305
517
  export declare interface ComponentInitialSize {
306
518
  /** The component initial width setting */
307
519
  width?: InitialSizeSetting;
@@ -397,6 +609,126 @@ declare enum ContentResizeDirection {
397
609
  none = "none"
398
610
  }
399
611
 
612
+ /** An array of data items or complex data types */
613
+ declare interface ContextArrayItems extends ContextArrayItemsArrayDataOneOf {
614
+ /** Specify the type of data inside the array */
615
+ item?: ContextItem;
616
+ }
617
+
618
+ /** @oneof */
619
+ declare interface ContextArrayItemsArrayDataOneOf {
620
+ /** Specify the type of data inside the array */
621
+ item?: ContextItem;
622
+ }
623
+
624
+ /** A map of keys describing the context items provided by this component */
625
+ declare interface ContextDataItems {
626
+ /** A map of keys describing the data items provided by this component */
627
+ items?: Record<string, ContextItem>;
628
+ /** For sub types that implement parts of context, points to a context provider component type */
629
+ contextImplementor?: ContextImplementor;
630
+ /** Display groups for this context-data object's own items, used to group and order them in the editor for better UX */
631
+ displayGroups?: Record<string, ContextDisplayGroup>;
632
+ }
633
+
634
+ /** A labeled, ordered grouping of context items, used to group and order them in the editor for better UX */
635
+ declare interface ContextDisplayGroup {
636
+ /**
637
+ * Display name for this group, shown in the editor
638
+ * @maxLength 20
639
+ */
640
+ displayName?: string | null;
641
+ /**
642
+ * The context items in this group, referenced by their key in the items map of the enclosing message
643
+ * (Context or ContextDataItems). Reuses the same ItemsGroup mechanism as editor-react display groups;
644
+ * array order defines the display/sort order.
645
+ */
646
+ items?: ItemsGroup;
647
+ }
648
+
649
+ declare interface ContextImplementor {
650
+ /**
651
+ * The component type to implement the context item
652
+ * @maxLength 100
653
+ */
654
+ componentType?: string;
655
+ /**
656
+ * The prop key the component expects the context to be passed in to it (optional)
657
+ * @maxLength 100
658
+ */
659
+ propKey?: string | null;
660
+ }
661
+
662
+ declare interface ContextItem extends ContextItemSelectedDataTypeOneOf {
663
+ /** For arrays, the items are defined here */
664
+ arrayItems?: ContextArrayItems;
665
+ /** For data objects, the items are defined here */
666
+ data?: ContextDataItems;
667
+ /** For functions, the function definition is defined here */
668
+ function?: EditorFunction;
669
+ /** For text enums, the enum options are defined here */
670
+ textEnum?: TextEnum;
671
+ /** The type exposed by the context item (can't be "container") */
672
+ dataType?: DataType;
673
+ /**
674
+ * The display name of the context item for user facing and AI usage
675
+ * @maxLength 100
676
+ */
677
+ displayName?: string | null;
678
+ /** For sub types that implement parts of context, points to a context provider component type */
679
+ contextImplementor?: ContextImplementor;
680
+ /* Excluded from this release type: deprecated */
681
+ /* Excluded from this release type: spec */
682
+ /**
683
+ * A description of the context item for user facing and AI usage
684
+ * @maxLength 300
685
+ */
686
+ description?: string | null;
687
+ }
688
+
689
+ /** @oneof */
690
+ declare interface ContextItemSelectedDataTypeOneOf {
691
+ /** For arrays, the items are defined here */
692
+ arrayItems?: ContextArrayItems;
693
+ /** For data objects, the items are defined here */
694
+ data?: ContextDataItems;
695
+ /** For functions, the function definition is defined here */
696
+ function?: EditorFunction;
697
+ /** For text enums, the enum options are defined here */
698
+ textEnum?: TextEnum;
699
+ }
700
+
701
+ declare interface ContextReferences {
702
+ /**
703
+ * Available contexts in this container that were defined in the editorElement.contexts
704
+ * Example: itemsList
705
+ */
706
+ local?: string[];
707
+ /**
708
+ * A list of contexts this component exposes because it uses other context providers inside it's code
709
+ * Example: @wix/stores-products-list-context
710
+ */
711
+ reference?: string[];
712
+ }
713
+
714
+ /** A named preview state this context can be rendered in */
715
+ declare interface ContextState {
716
+ /**
717
+ * Display name of this state for user facing and AI usage
718
+ * @maxLength 100
719
+ */
720
+ displayName?: string | null;
721
+ /**
722
+ * A description of this state for user facing and AI usage
723
+ * @maxLength 300
724
+ */
725
+ description?: string | null;
726
+ /** The props to apply to activate this state */
727
+ props?: Record<string, any>;
728
+ /** The context item whose value the context applies in this state, given the props */
729
+ contextItem?: StateContextItem;
730
+ }
731
+
400
732
  export declare interface Coordinates {
401
733
  /**
402
734
  * Stores the top coordinate of the property shorthand
@@ -524,6 +856,12 @@ export declare interface CssCustomPropertyItem extends CssCustomPropertyItemSele
524
856
  defaultValue?: any;
525
857
  /** The default values for the css-property-item when the component is in one of the defined states */
526
858
  statesDefaultValues?: Record<string, any>;
859
+ /**
860
+ * A description of this css-custom-property-item
861
+ * @maxLength 300
862
+ */
863
+ description?: string | null;
864
+ /* Excluded from this release type: spec */
527
865
  }
528
866
 
529
867
  /** @oneof */
@@ -804,6 +1142,12 @@ export declare interface CssPropertyItem extends CssPropertyItemSelectedCssPrope
804
1142
  /** The default values for the css-property-item when the component is in one of the defined states */
805
1143
  statesDefaultValues?: Record<string, any>;
806
1144
  /* Excluded from this release type: deprecated */
1145
+ /**
1146
+ * A description of this css-property-item
1147
+ * @maxLength 300
1148
+ */
1149
+ description?: string | null;
1150
+ /* Excluded from this release type: spec */
807
1151
  }
808
1152
 
809
1153
  declare interface CssPropertyItemDefaults {
@@ -825,6 +1169,11 @@ export declare interface CssPropertyItemDefinitionOverrides {
825
1169
  defaultValue?: any;
826
1170
  /** The default values for the css-property-item when the component is in one of the defined states */
827
1171
  statesDefaultValues?: Record<string, any>;
1172
+ /**
1173
+ * A description of this css-property-item
1174
+ * @maxLength 300
1175
+ */
1176
+ description?: string | null;
828
1177
  }
829
1178
 
830
1179
  /** @oneof */
@@ -1015,6 +1364,34 @@ declare interface CustomEnumOptionCssProperty {
1015
1364
  value?: string;
1016
1365
  }
1017
1366
 
1367
+ /** A custom filter operator definition beyond the built-in FilterOperator set */
1368
+ declare interface CustomFilterOperator {
1369
+ /**
1370
+ * The operator name as it will be passed in the filter object in the component's props.
1371
+ * Use the bare operator name without the leading `$` (e.g. `eq`, not `$eq`),
1372
+ * matching the FilterOperator enum convention.
1373
+ * @maxLength 20
1374
+ */
1375
+ name?: string | null;
1376
+ /**
1377
+ * Human-readable display name for this custom operator
1378
+ * @maxLength 100
1379
+ */
1380
+ displayName?: string | null;
1381
+ /**
1382
+ * A description of this custom filter operator
1383
+ * @maxLength 300
1384
+ */
1385
+ description?: string | null;
1386
+ /**
1387
+ * The value type this operator expects. When omitted, the operator is passed
1388
+ * with no value.
1389
+ */
1390
+ valueType?: FilterOperatorValueType;
1391
+ /** In case of text enum - a required list of options to supply to the users to choose from */
1392
+ textEnum?: TextEnum;
1393
+ }
1394
+
1018
1395
  export declare interface CustomPropertyEnum {
1019
1396
  /** The type of the css-custom-property, used to define the type of the values allowed in the enum */
1020
1397
  cssPropertyType?: CssPropertyEnumCssPropertyType;
@@ -1037,6 +1414,11 @@ export declare interface CustomPropertyEnumOption {
1037
1414
  */
1038
1415
  displayName?: string | null;
1039
1416
  /* Excluded from this release type: appliedStyles */
1417
+ /**
1418
+ * A description of this enum option
1419
+ * @maxLength 300
1420
+ */
1421
+ description?: string | null;
1040
1422
  }
1041
1423
 
1042
1424
  declare interface CustomPropertyEnumOptionStyle {
@@ -1068,6 +1450,42 @@ export declare interface DashboardAction {
1068
1450
  dashboardPageId?: string;
1069
1451
  /** A model definition for declaring a concrete instructions action will perform */
1070
1452
  execution?: Execution;
1453
+ /**
1454
+ * A description of this dashboard action
1455
+ * @maxLength 300
1456
+ */
1457
+ description?: string | null;
1458
+ }
1459
+
1460
+ /**
1461
+ * A dashboard (back-office) target - the page id only. Unlike DashboardAction
1462
+ * (which embeds an Execution), this leaf carries no nested Execution, so it can
1463
+ * be referenced from Execution (as a `dashboard` execution) without a cycle.
1464
+ */
1465
+ declare interface DashboardPageAction {
1466
+ /**
1467
+ * pageId of the dashboard in case there is more than one
1468
+ * @minLength 4
1469
+ * @maxLength 50
1470
+ */
1471
+ dashboardPageId?: string;
1472
+ /** Optional pre-defined anchor within the page, and values for its expected url params */
1473
+ pageAnchor?: DashboardPageAnchor;
1474
+ }
1475
+
1476
+ /**
1477
+ * A pre-defined anchor (e.g. a tab/section) within a dashboard page, along with
1478
+ * values for the url params that anchor expects.
1479
+ */
1480
+ declare interface DashboardPageAnchor {
1481
+ /**
1482
+ * The id of the pre-defined anchor (PageAnchor.id), used to reference it externally
1483
+ * @minLength 1
1484
+ * @maxLength 50
1485
+ */
1486
+ id?: string;
1487
+ /** Values for the pre-defined url params expected by this anchor, keyed by param name */
1488
+ urlParams?: Record<string, string>;
1071
1489
  }
1072
1490
 
1073
1491
  /**
@@ -1137,6 +1555,10 @@ export declare interface DataItem extends DataItemSelectedDataTypeOneOf {
1137
1555
  data?: DataItems;
1138
1556
  /** A definition of a custom function */
1139
1557
  function?: EditorFunction;
1558
+ /** A definition of what fields are available for filtering */
1559
+ filter?: FilterDefinition;
1560
+ /** A definition of what fields are available for sorting */
1561
+ sort?: SortDefinition;
1140
1562
  /** Defines the type of data we are configuring */
1141
1563
  dataType?: DataType;
1142
1564
  /**
@@ -1147,8 +1569,14 @@ export declare interface DataItem extends DataItemSelectedDataTypeOneOf {
1147
1569
  /** The default value of this data item (only for display purposes). */
1148
1570
  defaultValue?: any;
1149
1571
  /* Excluded from this release type: deprecated */
1572
+ /* Excluded from this release type: spec */
1150
1573
  /** Disables the ability to delete this data-item value in the Editor UI */
1151
1574
  disableDeletion?: boolean | null;
1575
+ /**
1576
+ * A description of this data item
1577
+ * @maxLength 300
1578
+ */
1579
+ description?: string | null;
1152
1580
  }
1153
1581
 
1154
1582
  declare interface DataItemOverrides extends DataItemOverridesSelectedDataTypeOneOf {
@@ -1169,6 +1597,11 @@ declare interface DataItemOverrides extends DataItemOverridesSelectedDataTypeOne
1169
1597
  displayName?: string | null;
1170
1598
  /** Overrides the ability to delete this data-item value in the Editor UI */
1171
1599
  disableDeletion?: boolean | null;
1600
+ /**
1601
+ * Overrides the description of this data-item
1602
+ * @maxLength 300
1603
+ */
1604
+ description?: string | null;
1172
1605
  }
1173
1606
 
1174
1607
  /** @oneof */
@@ -1217,6 +1650,10 @@ declare interface DataItemSelectedDataTypeOneOf {
1217
1650
  data?: DataItems;
1218
1651
  /** A definition of a custom function */
1219
1652
  function?: EditorFunction;
1653
+ /** A definition of what fields are available for filtering */
1654
+ filter?: FilterDefinition;
1655
+ /** A definition of what fields are available for sorting */
1656
+ sort?: SortDefinition;
1220
1657
  }
1221
1658
 
1222
1659
  export declare type DataItemsMap = NonNullable<DataItems['items']>;
@@ -1315,16 +1752,24 @@ declare enum DataType {
1315
1752
  data = "data",
1316
1753
  /** A custom function that can be used to call a function from a custom library */
1317
1754
  'function' = "function",
1318
- /** Standard [onClick handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event), can also handle: `()=>void` */
1755
+ /** Deprecated: use function with pointerEvent parameter. Standard [onClick handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/click_event) */
1319
1756
  onClick = "onClick",
1320
- /** Standard input event [onChange](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) for text inputs, can also handle: `(value: string) => void` */
1757
+ /** Deprecated: use function with changeEvent parameter. Standard [onChange handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) */
1321
1758
  onChange = "onChange",
1322
- /** Standard [onKeyPress handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event), can also handle: `(event: KeyboardEvent) => void` */
1759
+ /** Deprecated: use function with keyboardEvent parameter. Standard [onKeyPress handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keypress_event) */
1323
1760
  onKeyPress = "onKeyPress",
1324
- /** Standard [onKeyUp handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event), can also handle: `(event: KeyboardEvent) => void` */
1761
+ /** Deprecated: use function with keyboardEvent parameter. Standard [onKeyUp handler](https://developer.mozilla.org/en-US/docs/Web/API/Element/keyup_event) */
1325
1762
  onKeyUp = "onKeyUp",
1326
- /** Standard [onSubmit handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event), can also handle: `() => void` */
1327
- onSubmit = "onSubmit"
1763
+ /** Deprecated: use function with submitEvent parameter. Standard [onSubmit handler](https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event) */
1764
+ onSubmit = "onSubmit",
1765
+ /** A WQL-compliant filter definition for querying data */
1766
+ filter = "filter",
1767
+ /** A WQL-compliant sort definition for ordering data */
1768
+ sort = "sort",
1769
+ /** A media type that is ONLY used for binding and not stored in the document store of the site */
1770
+ visualMedia = "visualMedia",
1771
+ /** RicosDocument object type. */
1772
+ ricosDocument = "ricosDocument"
1328
1773
  }
1329
1774
 
1330
1775
  declare interface DefaultPresets {
@@ -1410,6 +1855,8 @@ declare interface DisplayFilters_2 {
1410
1855
  cssCustomProperties?: DisplayFilter;
1411
1856
  /** DisplayFilter for states, defines which states to hide or show, uses the state key in the states map, optional */
1412
1857
  states?: DisplayFilter;
1858
+ /** DisplayFilter for presets, defines which presets to hide or show, uses the preset key in the presets map, optional */
1859
+ presets?: DisplayFilter;
1413
1860
  }
1414
1861
 
1415
1862
  /**
@@ -1428,14 +1875,16 @@ declare interface DisplayGroupAction {
1428
1875
  export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupTypeOneOf {
1429
1876
  /** A group that contains cssCustomProperties items that used one of the supported css-data-types (length, angle, number, ..._) */
1430
1877
  cssDataType?: ItemsGroup;
1431
- /** A group that contains data items */
1878
+ /** A group that contains data items, should be used for grouping and ordering purposes in the editor */
1432
1879
  data?: ItemsGroup;
1433
1880
  /** A group that contains preset items, which will be displayed in the editor as a category in the presets panel */
1434
1881
  presets?: ItemsGroup;
1435
- /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used mostly for ordering purposes */
1882
+ /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used for grouping and ordering purposes */
1436
1883
  cssCustomProperties?: ItemsGroup;
1437
- /** A group that contains other displayGroups items that use the same groupType, should be used mostly for ordering purposes */
1884
+ /** A group that contains other displayGroups items that use the same groupType, should be used for ordering purposes */
1438
1885
  displayGroups?: ItemsGroup;
1886
+ /** A group that contains elements that belong to the current element in the component, array order defines the display order to the elements in panels. Each item is the element name. */
1887
+ elements?: ItemsGroup;
1439
1888
  /** A group that contains background items */
1440
1889
  background?: ShorthandGroupBackground;
1441
1890
  /** A group that contains margin items */
@@ -1472,6 +1921,8 @@ export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupT
1472
1921
  borderStyle?: Coordinates;
1473
1922
  /** a group that contains items related to text */
1474
1923
  text?: TextGroup;
1924
+ /** A group that contains items related to stroke */
1925
+ stroke?: StrokeGroup;
1475
1926
  /** A group that contains data-items related to arrayItems, will be used for enhancing the editor experience when editing them */
1476
1927
  arrayItems?: DataGroupsArrayItems;
1477
1928
  /** A group that contains common data-items that are used within array-item objects, will be used for enhancing the editor experience when editing them */
@@ -1483,20 +1934,27 @@ export declare interface DisplayGroupItem extends DisplayGroupItemSelectedGroupT
1483
1934
  displayName?: string | null;
1484
1935
  /** The type of the group, used to determine the group that will be displayed in the editor */
1485
1936
  groupType?: GroupType;
1937
+ /**
1938
+ * A description of this Group
1939
+ * @maxLength 300
1940
+ */
1941
+ description?: string | null;
1486
1942
  }
1487
1943
 
1488
1944
  /** @oneof */
1489
1945
  declare interface DisplayGroupItemSelectedGroupTypeOneOf {
1490
1946
  /** A group that contains cssCustomProperties items that used one of the supported css-data-types (length, angle, number, ..._) */
1491
1947
  cssDataType?: ItemsGroup;
1492
- /** A group that contains data items */
1948
+ /** A group that contains data items, should be used for grouping and ordering purposes in the editor */
1493
1949
  data?: ItemsGroup;
1494
1950
  /** A group that contains preset items, which will be displayed in the editor as a category in the presets panel */
1495
1951
  presets?: ItemsGroup;
1496
- /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used mostly for ordering purposes */
1952
+ /** A group that contains cssCustomProperties items that use the same cssPropertyType, should be used for grouping and ordering purposes */
1497
1953
  cssCustomProperties?: ItemsGroup;
1498
- /** A group that contains other displayGroups items that use the same groupType, should be used mostly for ordering purposes */
1954
+ /** A group that contains other displayGroups items that use the same groupType, should be used for ordering purposes */
1499
1955
  displayGroups?: ItemsGroup;
1956
+ /** A group that contains elements that belong to the current element in the component, array order defines the display order to the elements in panels. Each item is the element name. */
1957
+ elements?: ItemsGroup;
1500
1958
  /** A group that contains background items */
1501
1959
  background?: ShorthandGroupBackground;
1502
1960
  /** A group that contains margin items */
@@ -1533,6 +1991,8 @@ declare interface DisplayGroupItemSelectedGroupTypeOneOf {
1533
1991
  borderStyle?: Coordinates;
1534
1992
  /** a group that contains items related to text */
1535
1993
  text?: TextGroup;
1994
+ /** A group that contains items related to stroke */
1995
+ stroke?: StrokeGroup;
1536
1996
  /** A group that contains data-items related to arrayItems, will be used for enhancing the editor experience when editing them */
1537
1997
  arrayItems?: DataGroupsArrayItems;
1538
1998
  /** A group that contains common data-items that are used within array-item objects, will be used for enhancing the editor experience when editing them */
@@ -1566,7 +2026,15 @@ declare enum DisplayValueEnumDisplayValue {
1566
2026
  inlineTable = "inlineTable",
1567
2027
  inlineFlex = "inlineFlex",
1568
2028
  inlineGrid = "inlineGrid",
1569
- listItem = "listItem"
2029
+ listItem = "listItem",
2030
+ tableRowGroup = "tableRowGroup",
2031
+ tableHeaderGroup = "tableHeaderGroup",
2032
+ tableFooterGroup = "tableFooterGroup",
2033
+ tableRow = "tableRow",
2034
+ tableCell = "tableCell",
2035
+ tableColumnGroup = "tableColumnGroup",
2036
+ tableColumn = "tableColumn",
2037
+ tableCaption = "tableCaption"
1570
2038
  }
1571
2039
 
1572
2040
  export declare const DOM_EVENT: {
@@ -1579,6 +2047,20 @@ export declare const DOM_EVENT: {
1579
2047
 
1580
2048
  export declare type DomEvent = (typeof DOM_EVENT)[keyof typeof DOM_EVENT];
1581
2049
 
2050
+ declare enum DomEventType {
2051
+ UNKNOWN_DomEventType = "UNKNOWN_DomEventType",
2052
+ /** Value change event (https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event) */
2053
+ CHANGE = "CHANGE",
2054
+ /** Pointer interaction event (https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent) */
2055
+ POINTER = "POINTER",
2056
+ /** Keyboard interaction event (https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent) */
2057
+ KEYBOARD = "KEYBOARD",
2058
+ /** Focus and blur event (https://developer.mozilla.org/en-US/docs/Web/API/FocusEvent) */
2059
+ FOCUS = "FOCUS",
2060
+ /** Form submission event (https://developer.mozilla.org/en-US/docs/Web/API/SubmitEvent) */
2061
+ SUBMIT = "SUBMIT"
2062
+ }
2063
+
1582
2064
  declare interface EditorDependencies {
1583
2065
  /**
1584
2066
  * A list of service dependencies required by the component, example: ['@wix/environment']
@@ -1604,7 +2086,11 @@ export declare type EditorElement = EditorElement_2 & RequiredFields<EditorEleme
1604
2086
  presets?: Record<string, PresetItem>;
1605
2087
  };
1606
2088
 
1607
- declare interface EditorElement_2 {
2089
+ declare interface EditorElement_2 extends EditorElementSelectedPartElementTypeOneOf {
2090
+ /** Media-specific selectors for parts of type media */
2091
+ media?: PartMedia;
2092
+ /** Container-specific selectors for parts of type container */
2093
+ container?: PartContainer;
1608
2094
  /**
1609
2095
  * DOM Query selector for this element that we can use to find it when rendering it (preferably a className)
1610
2096
  * @minLength 4
@@ -1618,6 +2104,8 @@ declare interface EditorElement_2 {
1618
2104
  displayName?: string;
1619
2105
  /** data-api of this element, a map of data-items where the key is the data-item name and the value is the data-item definition. These will be manifested as `props` for the component */
1620
2106
  data?: Record<string, DataItem>;
2107
+ /** A map of contexts this component exposes inside containers it supports */
2108
+ contexts?: Record<string, ApiContext>;
1621
2109
  /** elements-map of this element, a map of inner-elements where the key is the element name and the value is the element definition */
1622
2110
  elements?: Record<string, ElementItem>;
1623
2111
  /** Native actions specified for the component */
@@ -1647,6 +2135,13 @@ declare interface EditorElement_2 {
1647
2135
  cssCustomProperties?: Record<string, CssCustomPropertyItem>;
1648
2136
  /** A reference to a help article for this element */
1649
2137
  helpArticle?: HelpArticle;
2138
+ /**
2139
+ * A description of the editor element
2140
+ * @maxLength 300
2141
+ */
2142
+ description?: string | null;
2143
+ /** The semantic part-type of this element. */
2144
+ partType?: PartType;
1650
2145
  }
1651
2146
 
1652
2147
  /** Top-level message containing all layout capabilities */
@@ -1667,6 +2162,14 @@ export declare interface EditorElementLayout {
1667
2162
  disableDuplication?: boolean | null;
1668
2163
  }
1669
2164
 
2165
+ /** @oneof */
2166
+ declare interface EditorElementSelectedPartElementTypeOneOf {
2167
+ /** Media-specific selectors for parts of type media */
2168
+ media?: PartMedia;
2169
+ /** Container-specific selectors for parts of type container */
2170
+ container?: PartContainer;
2171
+ }
2172
+
1670
2173
  declare interface EditorFunction {
1671
2174
  /**
1672
2175
  * The Parameters expected by the function, can be empty
@@ -1688,6 +2191,8 @@ declare interface EditorFunction {
1688
2191
  */
1689
2192
  description?: string | null;
1690
2193
  /* Excluded from this release type: deprecated */
2194
+ /** The role of the function, describing the purpose it serves */
2195
+ role?: FunctionRole;
1691
2196
  }
1692
2197
 
1693
2198
  /** The full model for an imported component set in DEV Center */
@@ -1712,6 +2217,8 @@ export declare interface EditorReactComponent {
1712
2217
  installation?: InstallationInfo;
1713
2218
  /** Module configuration for NPM-based component */
1714
2219
  moduleConfiguration?: EditorReactComponentModuleConfiguration;
2220
+ /* Excluded from this release type: schemaUrl */
2221
+ /* Excluded from this release type: managingAppId */
1715
2222
  }
1716
2223
 
1717
2224
  declare interface EditorReactComponentModuleConfiguration {
@@ -1732,21 +2239,32 @@ declare enum EffectGroup {
1732
2239
  }
1733
2240
 
1734
2241
  export declare interface ElementItem extends ElementItemSelectedElementTypeOneOf {
1735
- /** An new element definition */
2242
+ /** A new element definition */
1736
2243
  inlineElement?: InlineElement;
1737
2244
  /** A reference to the used element with overrides */
1738
2245
  refElement?: RefElement;
2246
+ /**
2247
+ * A visual only element that requires a semantic part definition.
2248
+ * Should be used when the current element has several visual elements that need to be targeted separately for styling or animations
2249
+ */
2250
+ partElement?: PartElement;
1739
2251
  /** Defines the type of element we are configuring */
1740
2252
  elementType?: ElementTypeEnumElementType;
1741
2253
  /* Excluded from this release type: deprecated */
2254
+ /* Excluded from this release type: spec */
1742
2255
  }
1743
2256
 
1744
2257
  /** @oneof */
1745
2258
  declare interface ElementItemSelectedElementTypeOneOf {
1746
- /** An new element definition */
2259
+ /** A new element definition */
1747
2260
  inlineElement?: InlineElement;
1748
2261
  /** A reference to the used element with overrides */
1749
2262
  refElement?: RefElement;
2263
+ /**
2264
+ * A visual only element that requires a semantic part definition.
2265
+ * Should be used when the current element has several visual elements that need to be targeted separately for styling or animations
2266
+ */
2267
+ partElement?: PartElement;
1750
2268
  }
1751
2269
 
1752
2270
  export declare const ELEMENTS: {
@@ -1779,14 +2297,11 @@ declare interface ElementState {
1779
2297
  displayFilters?: DisplayFilters_2;
1780
2298
  /** The element that needs to be targeted when this state is applied */
1781
2299
  target?: TargetElement;
1782
- }
1783
-
1784
- /** DEPRECATED: This message is deprecated and will be removed in the future */
1785
- declare interface ElementStyleDefaults {
1786
- /** The default styles for an element */
1787
- style?: Record<string, StyleItemDefaults>;
1788
- /** The default preset and styles for inner elements */
1789
- elements?: Record<string, ElementStyleDefaults>;
2300
+ /**
2301
+ * A description of this state
2302
+ * @maxLength 300
2303
+ */
2304
+ description?: string | null;
1790
2305
  }
1791
2306
 
1792
2307
  declare interface ElementStyleOverrides {
@@ -1795,13 +2310,6 @@ declare interface ElementStyleOverrides {
1795
2310
  * @maxLength 100
1796
2311
  */
1797
2312
  presetKey?: string | null;
1798
- /**
1799
- * The override styles for an element
1800
- * @deprecated The override styles for an element
1801
- * @replacedBy cssProperties or cssCustomProperties
1802
- * @targetRemovalDate 2025-08-01
1803
- */
1804
- style?: Record<string, PresetStyleItemOverrides>;
1805
2313
  /** The override preset and styles for inner elements */
1806
2314
  elements?: Record<string, ElementStyleOverrides>;
1807
2315
  /** The default values for the element css-properties when the preset is selected */
@@ -1815,7 +2323,9 @@ declare enum ElementTypeEnumElementType {
1815
2323
  /** An element that was written as part of the component */
1816
2324
  inlineElement = "inlineElement",
1817
2325
  /** An element provided by the Wix ecosystem that we are reusing. These elements must exist in the Wix DEV Center. */
1818
- refElement = "refElement"
2326
+ refElement = "refElement",
2327
+ /** A component's part element definition */
2328
+ partElement = "partElement"
1819
2329
  }
1820
2330
 
1821
2331
  /** Executes an event-based action. Triggered event should be intercepted in the editor script */
@@ -1850,6 +2360,11 @@ export declare interface Execution extends ExecutionActionExecuteOneOf {
1850
2360
  cssProperty?: CssPropertyAction;
1851
2361
  /** Executes an action that points into a specific css-custom-property-key, */
1852
2362
  cssCustomProperty?: CssCustomPropertyAction;
2363
+ /**
2364
+ * Opens a back-office (dashboard) page. References the DashboardPageAction
2365
+ * leaf (page id only) - it carries no nested Execution, so Execution stays acyclic.
2366
+ */
2367
+ dashboard?: DashboardPageAction;
1853
2368
  /** The action type allows to determine the return type of the execution function */
1854
2369
  actionType?: ActionType;
1855
2370
  }
@@ -1877,6 +2392,11 @@ declare interface ExecutionActionExecuteOneOf {
1877
2392
  cssProperty?: CssPropertyAction;
1878
2393
  /** Executes an action that points into a specific css-custom-property-key, */
1879
2394
  cssCustomProperty?: CssCustomPropertyAction;
2395
+ /**
2396
+ * Opens a back-office (dashboard) page. References the DashboardPageAction
2397
+ * leaf (page id only) - it carries no nested Execution, so Execution stays acyclic.
2398
+ */
2399
+ dashboard?: DashboardPageAction;
1880
2400
  }
1881
2401
 
1882
2402
  export declare interface Filter {
@@ -1887,6 +2407,16 @@ export declare interface Filter {
1887
2407
  filterFunctions?: FilterFunction[];
1888
2408
  }
1889
2409
 
2410
+ /** Filter type - declares which items are filterable and which operators each item supports */
2411
+ declare interface FilterDefinition {
2412
+ /** Fully described inline filter items */
2413
+ inlineItems?: InlineFilterItem[];
2414
+ /** Filter items referencing existing data items */
2415
+ dataItems?: FilterItem[];
2416
+ /** Filter items referencing existing context items */
2417
+ contextItems?: FilterItem[];
2418
+ }
2419
+
1890
2420
  declare enum FilterFunction {
1891
2421
  UNKNOWN_FilterFunctions = "UNKNOWN_FilterFunctions",
1892
2422
  /** The value used for blur filter */
@@ -1915,6 +2445,71 @@ declare enum FilterFunction {
1915
2445
  hueRotate = "hueRotate"
1916
2446
  }
1917
2447
 
2448
+ /** A filter item referencing an existing item (e.g. DataItem or ContextItem) */
2449
+ declare interface FilterItem {
2450
+ /** Path to the item */
2451
+ itemPath?: ItemPath;
2452
+ /** Explicitly supported operators. If omitted, all applicable operators for the resolved type are assumed */
2453
+ operators?: FilterOperator[];
2454
+ /**
2455
+ * Additional custom operators beyond the built-in FilterOperator set.
2456
+ * @maxSize 10
2457
+ */
2458
+ customOperators?: CustomFilterOperator[];
2459
+ /** Configures this filter item as an item-selection field */
2460
+ itemSelection?: ItemSelectionConfig;
2461
+ }
2462
+
2463
+ declare enum FilterOperator {
2464
+ UNKNOWN_FilterOperator = "UNKNOWN_FilterOperator",
2465
+ /** $eq - Equal */
2466
+ eq = "eq",
2467
+ /** $ne - Not equal */
2468
+ ne = "ne",
2469
+ /** $lt - Less than */
2470
+ lt = "lt",
2471
+ /** $lte - Less than or equal */
2472
+ lte = "lte",
2473
+ /** $gt - Greater than */
2474
+ gt = "gt",
2475
+ /** $gte - Greater than or equal */
2476
+ gte = "gte",
2477
+ /** $in - Value is in list */
2478
+ 'in' = "in",
2479
+ /** $nin - Value is not in list */
2480
+ nin = "nin",
2481
+ /** $exists - Field exists (is not null) */
2482
+ exists = "exists",
2483
+ /** $isEmpty - Field value is empty */
2484
+ isEmpty = "isEmpty",
2485
+ /** $startsWith - String starts with (text fields only) */
2486
+ startsWith = "startsWith",
2487
+ /** $hasAll - Array contains all values */
2488
+ hasAll = "hasAll",
2489
+ /** $hasSome - Array contains at least one value */
2490
+ hasSome = "hasSome",
2491
+ /** $matchItems - Filter on inner fields of array items (arrayItems only) */
2492
+ matchItems = "matchItems"
2493
+ }
2494
+
2495
+ declare enum FilterOperatorValueType {
2496
+ UNKNOWN_FilterOperatorValueType = "UNKNOWN_FilterOperatorValueType",
2497
+ /** A simple text value */
2498
+ text = "text",
2499
+ /** A list of predefined textual values to choose from */
2500
+ textEnum = "textEnum",
2501
+ /** Any number */
2502
+ number = "number",
2503
+ /** true / false value */
2504
+ booleanValue = "booleanValue",
2505
+ /** Local date output ISO-8601 extended local date format (YYYY-MM-DD) */
2506
+ localDate = "localDate",
2507
+ /** Local time output ISO-8601 extended local time format (hh:mm[:ss][.sss]) */
2508
+ localTime = "localTime",
2509
+ /** Local Date Time output ISO-8601 extended local date-time format (YYYY-MM-DDThh:mm[:ss][.sss]) */
2510
+ localDateTime = "localDateTime"
2511
+ }
2512
+
1918
2513
  /** Fixed position builder for component installation */
1919
2514
  declare interface FixedPositionBuilder {
1920
2515
  /** Vertical position in the browser window */
@@ -1998,8 +2593,17 @@ declare interface FunctionParameter extends FunctionParameterSelectedDataTypeOne
1998
2593
  function?: EditorFunction;
1999
2594
  /** In case of a text enum */
2000
2595
  textEnum?: TextEnum;
2001
- /** The type of the Parameter, does not include containers */
2596
+ /** In case of a Change event parameter */
2597
+ changeEvent?: ChangeEvent;
2598
+ /** In case of a link */
2599
+ link?: Link;
2600
+ /**
2601
+ * Exactly one of `data_type` or `dom_event` must be set
2602
+ * A data type parameter
2603
+ */
2002
2604
  dataType?: DataType;
2605
+ /** A DOM event parameter */
2606
+ domEvent?: DomEventType;
2003
2607
  /** Whether the Parameter is optional, limitations of Javascript apply, only the last parameters can be optional */
2004
2608
  optional?: boolean | null;
2005
2609
  /**
@@ -2047,6 +2651,10 @@ declare interface FunctionParameterSelectedDataTypeOneOf {
2047
2651
  function?: EditorFunction;
2048
2652
  /** In case of a text enum */
2049
2653
  textEnum?: TextEnum;
2654
+ /** In case of a Change event parameter */
2655
+ changeEvent?: ChangeEvent;
2656
+ /** In case of a link */
2657
+ link?: Link;
2050
2658
  }
2051
2659
 
2052
2660
  declare interface FunctionReturnType extends FunctionReturnTypeSelectedDataTypeOneOf {
@@ -2080,6 +2688,14 @@ declare interface FunctionReturnTypeSelectedDataTypeOneOf {
2080
2688
  textEnum?: TextEnum;
2081
2689
  }
2082
2690
 
2691
+ declare enum FunctionRole {
2692
+ UNKNOWN_FUNCTION_ROLE = "UNKNOWN_FUNCTION_ROLE",
2693
+ /** The function converts between two data types, mostly useful for context providers and function libraries */
2694
+ data_type_conversion = "data_type_conversion",
2695
+ /** The function handles loading more items in a paginated list */
2696
+ pagination_load_next_page = "pagination_load_next_page"
2697
+ }
2698
+
2083
2699
  export declare interface Gap {
2084
2700
  /**
2085
2701
  * Stores the row-gap property of the gap shorthand
@@ -2109,6 +2725,7 @@ declare enum GroupType {
2109
2725
  presets = "presets",
2110
2726
  cssCustomProperties = "cssCustomProperties",
2111
2727
  displayGroups = "displayGroups",
2728
+ elements = "elements",
2112
2729
  /** Style Shorthand Groups */
2113
2730
  background = "background",
2114
2731
  margin = "margin",
@@ -2129,6 +2746,7 @@ declare enum GroupType {
2129
2746
  gap = "gap",
2130
2747
  /** Mixed Variables Groups */
2131
2748
  text = "text",
2749
+ stroke = "stroke",
2132
2750
  /** Data Groups */
2133
2751
  arrayItems = "arrayItems",
2134
2752
  /** Deprecated, use `listItem` instead */
@@ -2211,9 +2829,13 @@ declare interface InitialSizeSettingSelectedSizingTypeOneOf {
2211
2829
  pixels?: number;
2212
2830
  }
2213
2831
 
2214
- export declare interface InlineElement {
2832
+ export declare interface InlineElement extends InlineElementSelectedPartElementTypeOneOf {
2833
+ /** Media-specific selectors for parts of type media */
2834
+ media?: PartMedia;
2835
+ /** Container-specific selectors for parts of type container */
2836
+ container?: PartContainer;
2215
2837
  /**
2216
- * Relative DOM Query selector for this element to the component root. We assume nesting by it's parent elements for CSS Vars scoping.
2838
+ * Relative DOM Query selector for this element to the component root. We assume nesting by its parent elements for CSS Vars scoping.
2217
2839
  * @minLength 4
2218
2840
  * @maxLength 300
2219
2841
  */
@@ -2256,6 +2878,95 @@ export declare interface InlineElement {
2256
2878
  cssCustomProperties?: Record<string, CssCustomPropertyItem>;
2257
2879
  /** A reference to a help article for this element */
2258
2880
  helpArticle?: HelpArticle;
2881
+ /**
2882
+ * A description of this inline element
2883
+ * @maxLength 300
2884
+ */
2885
+ description?: string | null;
2886
+ /** The semantic part-type of this element. */
2887
+ partType?: PartType;
2888
+ }
2889
+
2890
+ /** @oneof */
2891
+ declare interface InlineElementSelectedPartElementTypeOneOf {
2892
+ /** Media-specific selectors for parts of type media */
2893
+ media?: PartMedia;
2894
+ /** Container-specific selectors for parts of type container */
2895
+ container?: PartContainer;
2896
+ }
2897
+
2898
+ /** An inline filter item definition */
2899
+ declare interface InlineFilterItem {
2900
+ /**
2901
+ * Name of the filtered field
2902
+ * @maxLength 200
2903
+ */
2904
+ name?: string | null;
2905
+ /**
2906
+ * Human-readable name for this field
2907
+ * @maxLength 100
2908
+ */
2909
+ displayName?: string | null;
2910
+ /** The data type of the field (subset of DataType suitable for filtering) */
2911
+ dataType?: DataType;
2912
+ /** Explicitly supported operators. If omitted, all applicable operators for the fieldType are assumed */
2913
+ operators?: FilterOperator[];
2914
+ /**
2915
+ * Additional custom operators beyond the built-in FilterOperator set.
2916
+ * @maxSize 10
2917
+ */
2918
+ customOperators?: CustomFilterOperator[];
2919
+ /**
2920
+ * A description of this filter field
2921
+ * @maxLength 300
2922
+ */
2923
+ description?: string | null;
2924
+ /**
2925
+ * Configures this text filter field as an item-selection field, populated by an items provider implementing the Items
2926
+ * Selection SPI (wix.items_selection.spi_host.v1). provider_key picks the provider; for multi-select use an array item.
2927
+ */
2928
+ itemSelection?: ItemSelectionConfig;
2929
+ }
2930
+
2931
+ /** An inline sort item definition */
2932
+ declare interface InlineSortItem {
2933
+ /**
2934
+ * Name of the sorted field
2935
+ * @maxLength 200
2936
+ */
2937
+ name?: string | null;
2938
+ /**
2939
+ * Human-readable name for this field
2940
+ * @maxLength 100
2941
+ */
2942
+ displayName?: string | null;
2943
+ /**
2944
+ * Human-readable label for the ascending sort order of this field (e.g. "Oldest first")
2945
+ * @maxLength 100
2946
+ */
2947
+ ascendingDisplayName?: string | null;
2948
+ /**
2949
+ * Human-readable label for the descending sort order of this field (e.g. "Newest first")
2950
+ * @maxLength 100
2951
+ */
2952
+ descendingDisplayName?: string | null;
2953
+ /**
2954
+ * A description of this sort field
2955
+ * @maxLength 300
2956
+ */
2957
+ description?: string | null;
2958
+ }
2959
+
2960
+ declare enum InputTypeEnumInputType {
2961
+ UNKNOWN_InputType = "UNKNOWN_InputType",
2962
+ /** target.value (string) - Text inputs, selects, sliders, search boxes */
2963
+ text = "text",
2964
+ /** target.checked (boolean) - Checkboxes, toggles, switches */
2965
+ checkbox = "checkbox",
2966
+ /** target.valueAsNumber (number) - Number inputs, range inputs */
2967
+ number = "number",
2968
+ /** target.valueAsDate (Date) - Date pickers, datetime inputs */
2969
+ date = "date"
2259
2970
  }
2260
2971
 
2261
2972
  declare interface InstallationInfo extends InstallationInfoTargetContainerOneOf {
@@ -2305,15 +3016,50 @@ declare enum InteractionsTrigger {
2305
3016
  animationEnd = "animationEnd"
2306
3017
  }
2307
3018
 
3019
+ declare enum ItemField {
3020
+ /** item.id */
3021
+ ID = "ID",
3022
+ /** item.name */
3023
+ NAME = "NAME",
3024
+ /** item.description */
3025
+ DESCRIPTION = "DESCRIPTION",
3026
+ /** item.note */
3027
+ NOTE = "NOTE"
3028
+ }
3029
+
2308
3030
  /** A path to a data item within the same element scope. */
2309
3031
  declare interface ItemPath {
3032
+ /**
3033
+ * Deprecated, use item_key instead
3034
+ * @deprecated Deprecated, use item_key instead
3035
+ * @replacedBy item_key
3036
+ * @targetRemovalDate 2026-09-30
3037
+ */
3038
+ dataItemKey?: string;
2310
3039
  /**
2311
3040
  * The key of the data item within the element's data scope.
2312
3041
  * Example: "items" – top-level data item 'items'
2313
3042
  * Example: "slides.title" – inner key 'title' of data item 'slides'
2314
3043
  * @minLength 1
2315
3044
  */
2316
- dataItemKey?: string;
3045
+ itemKey?: string;
3046
+ }
3047
+
3048
+ /** Configuration for selecting items from an items provider (e.g. via a dropdown picker) */
3049
+ declare interface ItemSelectionConfig {
3050
+ /**
3051
+ * The key of the items provider to select items from
3052
+ * @minLength 1
3053
+ * @maxLength 100
3054
+ */
3055
+ providerKey?: string;
3056
+ /**
3057
+ * The maximum number of items that can be selected
3058
+ * @min 1
3059
+ */
3060
+ maxSelected?: number | null;
3061
+ /** The item field whose value is stored (defaults to id) */
3062
+ itemField?: ItemField;
2317
3063
  }
2318
3064
 
2319
3065
  export declare interface ItemsGroup {
@@ -2332,12 +3078,27 @@ export declare const LAYOUT: {
2332
3078
  BREAKPOINT: typeof BreakpointEnumBreakpoint;
2333
3079
  };
2334
3080
 
3081
+ export declare const LineVariableNames: {
3082
+ readonly 'wst-system-line-1-width': "wst-system-line-1-width";
3083
+ readonly 'wst-system-line-2-width': "wst-system-line-2-width";
3084
+ readonly 'wst-system-line-1-color': "wst-system-line-1-color";
3085
+ readonly 'wst-system-line-2-color': "wst-system-line-2-color";
3086
+ };
3087
+
2335
3088
  export declare interface Link {
2336
3089
  /**
2337
3090
  * A collection of possible link types that the component supports. Only one of the types will make it to the component after input.
2338
3091
  * @maxSize 12
2339
3092
  */
2340
3093
  linkTypes?: LinkType[];
3094
+ /**
3095
+ * Allows limiting the link to specific Wix apps, by their app ID, in case of LinkType dynamicPageLink or pageLink
3096
+ * @format GUID
3097
+ * @maxSize 20
3098
+ */
3099
+ appIds?: string[];
3100
+ /** In case of LinkType dynamicPageLink, whether to hide inner routes in the page selection dialog (only top level pages will be selectable) */
3101
+ hideInnerRoute?: boolean | null;
2341
3102
  }
2342
3103
 
2343
3104
  declare enum LinkType {
@@ -2490,6 +3251,11 @@ export declare interface PanelAction extends PanelActionSelectedPanelTypeOneOf {
2490
3251
  /* Excluded from this release type: inline */
2491
3252
  /** The selected panel reference type */
2492
3253
  panelType?: PanelType;
3254
+ /**
3255
+ * Optional hint. When used on a custom action the editor will handle it as if it was a native one.
3256
+ * Will be ignored when used on native actions or when the value `custom` is selected.
3257
+ */
3258
+ actionName?: ACTION_NAME;
2493
3259
  }
2494
3260
 
2495
3261
  /** @oneof */
@@ -2551,6 +3317,71 @@ declare enum PanelType {
2551
3317
  inline = "inline"
2552
3318
  }
2553
3319
 
3320
+ declare interface PartContainer {
3321
+ /**
3322
+ * A CSS selector for an element inside the container part, wrapping container background content
3323
+ * @minLength 4
3324
+ * @maxLength 300
3325
+ */
3326
+ backgroundSelector?: string | null;
3327
+ /**
3328
+ * A CSS selector for an element inside the container part, wrapping container's contents
3329
+ * @minLength 4
3330
+ * @maxLength 300
3331
+ */
3332
+ contentSelector?: string | null;
3333
+ }
3334
+
3335
+ declare interface PartElement extends PartElementSelectedPartElementTypeOneOf {
3336
+ /** Media-specific selectors for parts of type media */
3337
+ media?: PartMedia;
3338
+ /** Container-specific selectors for parts of type container */
3339
+ container?: PartContainer;
3340
+ /** The type of the part element. */
3341
+ partType?: PartType;
3342
+ /**
3343
+ * A CSS selector for the part element relative to its parent
3344
+ * @minLength 4
3345
+ * @maxLength 300
3346
+ */
3347
+ selector?: string;
3348
+ }
3349
+
3350
+ /** @oneof */
3351
+ declare interface PartElementSelectedPartElementTypeOneOf {
3352
+ /** Media-specific selectors for parts of type media */
3353
+ media?: PartMedia;
3354
+ /** Container-specific selectors for parts of type container */
3355
+ container?: PartContainer;
3356
+ }
3357
+
3358
+ declare interface PartMedia {
3359
+ /**
3360
+ * A CSS selector for an element wrapping the media layer element
3361
+ * @minLength 4
3362
+ * @maxLength 300
3363
+ */
3364
+ wrapperSelector?: string | null;
3365
+ /**
3366
+ * A CSS selector for an element wrapping the media wrapper element
3367
+ * @minLength 4
3368
+ * @maxLength 300
3369
+ */
3370
+ clipSelector?: string | null;
3371
+ }
3372
+
3373
+ declare enum PartType {
3374
+ UNKNOWN_PartType = "UNKNOWN_PartType",
3375
+ /** An element containing text content */
3376
+ text = "text",
3377
+ /** An element containing SVG content */
3378
+ svg = "svg",
3379
+ /** An element containing media content (raster, image or video) */
3380
+ media = "media",
3381
+ /** An inner wrapper element for a container component */
3382
+ container = "container"
3383
+ }
3384
+
2554
3385
  declare interface PlaceHolder {
2555
3386
  /**
2556
3387
  * The placeholder definition that this container should accept as defined in DEV Center
@@ -2578,6 +3409,17 @@ declare interface PresetElementDefaults {
2578
3409
  * The Preset is the second in line to affect the display, Element is before and State is after it
2579
3410
  */
2580
3411
  displayFilters?: DisplayFilters_2;
3412
+ /**
3413
+ * A description of the element when this preset is selected
3414
+ * @maxLength 300
3415
+ */
3416
+ description?: string | null;
3417
+ /**
3418
+ * Optional per-preset layout overrides for containers in this element's data scope, keyed by the container's data-item key.
3419
+ * Each key must reference a data item of type 'container' in the same scope. Any field left unset on the
3420
+ * ContainerLayout falls back to the container's own declared layout.
3421
+ */
3422
+ containers?: Record<string, ContainerLayout>;
2581
3423
  }
2582
3424
 
2583
3425
  declare interface PresetInnerElementDefaults {
@@ -2587,21 +3429,17 @@ declare interface PresetInnerElementDefaults {
2587
3429
  cssCustomProperties?: Record<string, CssPropertyItemDefaults>;
2588
3430
  /** The default preset and styles for inner elements */
2589
3431
  elements?: Record<string, PresetInnerElementDefaults>;
3432
+ /**
3433
+ * Optional per-preset layout overrides for containers in this element's data scope, keyed by the container's data-item key.
3434
+ * Each key must reference a data item of type 'container' in this element's scope. Any field left unset on the
3435
+ * ContainerLayout falls back to the container's own declared layout.
3436
+ */
3437
+ containers?: Record<string, ContainerLayout>;
2590
3438
  }
2591
3439
 
2592
3440
  export declare type PresetItem = PresetItem_2 & RequiredFields<PresetItem_2, 'displayName'>;
2593
3441
 
2594
3442
  declare interface PresetItem_2 {
2595
- /**
2596
- * DEPRECATED - use preset_css_url instead
2597
- * @format WEB_URL
2598
- * @minLength 13
2599
- * @maxLength 500
2600
- * @deprecated DEPRECATED - use preset_css_url instead
2601
- * @replacedBy preset_css_url
2602
- * @targetRemovalDate 2025-08-01
2603
- */
2604
- cssUrl?: string;
2605
3443
  /**
2606
3444
  * Preset name for displaying purposes in the editor
2607
3445
  * @maxLength 100
@@ -2615,22 +3453,6 @@ declare interface PresetItem_2 {
2615
3453
  thumbnailUrl?: string | null;
2616
3454
  /** Optional initial size of the component when switching into this preset (will not be applied when element is used as an inner element) */
2617
3455
  initialSize?: ComponentInitialSize;
2618
- /**
2619
- * Display filters for the Preset, used to define the visibility of inner / ref elements, style items, data items and custom actions in the editor
2620
- * The Preset is the second in line to affect the display, Element is before and State is after it
2621
- * @deprecated Display filters for the Preset, used to define the visibility of inner / ref elements, style items, data items and custom actions in the editor
2622
- * The Preset is the second in line to affect the display, Element is before and State is after it
2623
- * @replacedBy preset_defaults
2624
- * @targetRemovalDate 2025-08-01
2625
- */
2626
- displayFilters?: DisplayFilters_2;
2627
- /**
2628
- * The default styles for this preset and the inner elements
2629
- * @deprecated The default styles for this preset and the inner elements
2630
- * @replacedBy preset_defaults
2631
- * @targetRemovalDate 2025-08-01
2632
- */
2633
- styleDefaults?: PresetStyleDefaults;
2634
3456
  /** The style overrides for this preset and the inner elements */
2635
3457
  styleOverrides?: BreakpointPresetStyleOverrides;
2636
3458
  /**
@@ -2640,13 +3462,6 @@ declare interface PresetItem_2 {
2640
3462
  * @maxSize 2
2641
3463
  */
2642
3464
  optimizedFor?: BreakpointEnumBreakpoint[];
2643
- /**
2644
- * Optional editor layout behaviors we want to apply when this preset is selected
2645
- * @deprecated Optional editor layout behaviors we want to apply when this preset is selected
2646
- * @replacedBy preset_defaults
2647
- * @targetRemovalDate 2025-08-01
2648
- */
2649
- layout?: EditorElementLayout;
2650
3465
  /**
2651
3466
  * A URL to the CSS file of this preset, to be used when you need to apply many css-changes or default-values to the DOM when this preset is selected, optional
2652
3467
  * @format WEB_URL
@@ -2655,18 +3470,16 @@ declare interface PresetItem_2 {
2655
3470
  presetCssUrl?: string | null;
2656
3471
  /** All the default values that needs to be set when the preset is selected */
2657
3472
  presetDefaults?: PresetElementDefaults;
3473
+ /* Excluded from this release type: spec */
3474
+ /**
3475
+ * A description of this preset
3476
+ * @maxLength 300
3477
+ */
3478
+ description?: string | null;
2658
3479
  }
2659
3480
 
2660
3481
  export declare type Presets = NonNullable<EditorElement_2['presets']>;
2661
3482
 
2662
- /** DEPRECATED: This message is deprecated and will be removed in the future */
2663
- declare interface PresetStyleDefaults {
2664
- /** The default styles for this preset */
2665
- style?: Record<string, StyleItemDefaults>;
2666
- /** The default styles of inner elements for this preset */
2667
- elements?: Record<string, ElementStyleDefaults>;
2668
- }
2669
-
2670
3483
  declare interface PresetStyleItemOverrides {
2671
3484
  /** The override value of this style item */
2672
3485
  value?: any;
@@ -2675,13 +3488,6 @@ declare interface PresetStyleItemOverrides {
2675
3488
  }
2676
3489
 
2677
3490
  declare interface PresetStyleOverrides {
2678
- /**
2679
- * The style overrides for this preset
2680
- * @deprecated The style overrides for this preset
2681
- * @replacedBy cssProperties or cssCustomProperties
2682
- * @targetRemovalDate 2025-08-01
2683
- */
2684
- style?: Record<string, PresetStyleItemOverrides>;
2685
3491
  /** The style overrides of inner elements for this preset */
2686
3492
  elements?: Record<string, ElementStyleOverrides>;
2687
3493
  /** The default values for the element css-properties when the preset is selected */
@@ -2705,12 +3511,25 @@ declare interface ReactElementContainer extends ReactElementContainerSelectedCon
2705
3511
  template?: TemplateContainer;
2706
3512
  /**
2707
3513
  * A DOM Selector that will allow us to target it in the editor
2708
- * @minLength 2
2709
3514
  * @maxLength 100
3515
+ * @deprecated A DOM Selector that will allow us to target it in the editor
3516
+ * @targetRemovalDate 2026-05-31
2710
3517
  */
2711
3518
  selector?: string;
2712
3519
  /** The type of Container to be rendered */
2713
3520
  containerType?: CONTAINER_TYPE;
3521
+ /** Contexts available in this container */
3522
+ contexts?: ContextReferences;
3523
+ /**
3524
+ * An optional override of the display name of the container.
3525
+ * @maxLength 50
3526
+ */
3527
+ displayName?: string | null;
3528
+ /**
3529
+ * An optional override of the description of the container
3530
+ * @maxLength 300
3531
+ */
3532
+ description?: string | null;
2714
3533
  }
2715
3534
 
2716
3535
  /** @oneof */
@@ -2770,6 +3589,11 @@ export declare interface RefElement {
2770
3589
  cssCustomProperties?: Record<string, CssPropertyItemDefinitionOverrides>;
2771
3590
  /** A reference to a help article for this element */
2772
3591
  helpArticle?: HelpArticle;
3592
+ /**
3593
+ * The override of the used element description
3594
+ * @maxLength 300
3595
+ */
3596
+ description?: string | null;
2773
3597
  }
2774
3598
 
2775
3599
  declare interface RefInnerElementDefaults {
@@ -2830,6 +3654,8 @@ declare interface Resources {
2830
3654
  /* Excluded from this release type: viewerReducedModel */
2831
3655
  /* Excluded from this release type: schemaRefsUrl */
2832
3656
  /* Excluded from this release type: viewerRuntimeCss */
3657
+ /** The exported hooks for usage with the contexts defined inside the editorElement. key must ,match key in the contexts map of the editorElement, and the value is the name of the hook that will be used to consume this context in the component code. Example: { "MyContext": "useMyContext" } */
3658
+ contextHooks?: Record<string, string>;
2833
3659
  }
2834
3660
 
2835
3661
  /** rich text data type allow manipulation of text with html & inline styles */
@@ -2953,6 +3779,9 @@ declare interface SimpleContainer {
2953
3779
  /**
2954
3780
  * An optional override of the display name of the container.
2955
3781
  * @maxLength 50
3782
+ * @deprecated
3783
+ * @replacedBy container.display_name
3784
+ * @targetRemovalDate 2026-06-30
2956
3785
  */
2957
3786
  displayName?: string | null;
2958
3787
  }
@@ -2967,6 +3796,63 @@ declare enum SizingType {
2967
3796
  pixels = "pixels"
2968
3797
  }
2969
3798
 
3799
+ /** Sort type - declares which items are available for sorting */
3800
+ declare interface SortDefinition {
3801
+ /** Fully described inline sort items */
3802
+ inlineItems?: InlineSortItem[];
3803
+ /** Sort items referencing existing data items */
3804
+ dataItems?: SortItem[];
3805
+ /** Sort items referencing existing context items */
3806
+ contextItems?: SortItem[];
3807
+ }
3808
+
3809
+ /**
3810
+ * A sort item referencing an existing item (e.g. DataItem or ContextItem),
3811
+ * with optional per-direction display labels.
3812
+ */
3813
+ declare interface SortItem {
3814
+ /** Path to the item */
3815
+ itemPath?: ItemPath;
3816
+ /**
3817
+ * Human-readable label for the ascending sort order of this item (e.g. "Oldest first")
3818
+ * @maxLength 100
3819
+ */
3820
+ ascendingDisplayName?: string | null;
3821
+ /**
3822
+ * Human-readable label for the descending sort order of this item (e.g. "Newest first")
3823
+ * @maxLength 100
3824
+ */
3825
+ descendingDisplayName?: string | null;
3826
+ }
3827
+
3828
+ /** The value the context applies to a context item in a given preview state */
3829
+ declare interface StateContextItem extends StateContextItemValueOneOf {
3830
+ /** The boolean the context applies to a booleanValue context item */
3831
+ booleanValue?: boolean | null;
3832
+ /**
3833
+ * The TextEnum.Option.value the context applies to a textEnum context item
3834
+ * @maxLength 100
3835
+ */
3836
+ enumValue?: string | null;
3837
+ /**
3838
+ * Key of the context.items entry this value applies to. Must reference an existing item whose
3839
+ * data_type is booleanValue or textEnum
3840
+ * @maxLength 100
3841
+ */
3842
+ itemKey?: string | null;
3843
+ }
3844
+
3845
+ /** @oneof */
3846
+ declare interface StateContextItemValueOneOf {
3847
+ /** The boolean the context applies to a booleanValue context item */
3848
+ booleanValue?: boolean | null;
3849
+ /**
3850
+ * The TextEnum.Option.value the context applies to a textEnum context item
3851
+ * @maxLength 100
3852
+ */
3853
+ enumValue?: string | null;
3854
+ }
3855
+
2970
3856
  export declare type States = NonNullable<EditorElement_2['states']>;
2971
3857
 
2972
3858
  declare enum StaticContainer {
@@ -2977,6 +3863,24 @@ declare enum StaticContainer {
2977
3863
  GLOBAL_PAGE = "GLOBAL_PAGE"
2978
3864
  }
2979
3865
 
3866
+ declare interface StrokeGroup {
3867
+ /**
3868
+ * Stores the stroke property of the stroke group
3869
+ * @maxLength 100
3870
+ */
3871
+ stroke?: string | null;
3872
+ /**
3873
+ * Stores the stroke-width property of the stroke group
3874
+ * @maxLength 100
3875
+ */
3876
+ strokeWidth?: string | null;
3877
+ /**
3878
+ * Stores the stroke-opacity property of the stroke group
3879
+ * @maxLength 100
3880
+ */
3881
+ strokeOpacity?: string | null;
3882
+ }
3883
+
2980
3884
  /** DEPRECATED - use CssPropertyAction or CssCustomPropertyAction */
2981
3885
  declare interface StyleAction {
2982
3886
  /**
@@ -3043,14 +3947,6 @@ export declare interface StyleItem extends StyleItemSelectedItemTypeOneOf, Style
3043
3947
  /* Excluded from this release type: deprecated */
3044
3948
  }
3045
3949
 
3046
- /** DEPRECATED: This message is deprecated and will be removed in the future */
3047
- declare interface StyleItemDefaults {
3048
- /** The default value of this style item */
3049
- defaultValue?: any;
3050
- /** The default values for the style-item when the component is in one of the defined states */
3051
- statesDefaultValues?: Record<string, any>;
3052
- }
3053
-
3054
3950
  /** DEPRECATED: This message is deprecated and will be removed in the future */
3055
3951
  declare interface StyleItemOverrides {
3056
3952
  /** Disables the ability to edit this style-item */
@@ -3269,6 +4165,11 @@ declare interface Text_2 {
3269
4165
  * @maxLength 100
3270
4166
  */
3271
4167
  pattern?: string | null;
4168
+ /**
4169
+ * Configures this text as an item-selection field, populated by an items provider implementing the Items
4170
+ * Selection SPI (wix.items_selection.spi_host.v1). provider_key picks the provider; for multi-select use an array of Text.
4171
+ */
4172
+ itemSelection?: ItemSelectionConfig;
3272
4173
  }
3273
4174
  export { Text_2 as Text }
3274
4175
 
@@ -3319,6 +4220,11 @@ declare interface TextEnumOption {
3319
4220
  * @maxLength 100
3320
4221
  */
3321
4222
  displayName?: string;
4223
+ /**
4224
+ * A description of this text item
4225
+ * @maxLength 300
4226
+ */
4227
+ description?: string | null;
3322
4228
  }
3323
4229
 
3324
4230
  export declare interface TextGroup {
@@ -3404,6 +4310,27 @@ export declare interface TextGroup {
3404
4310
  a11y?: string | null;
3405
4311
  }
3406
4312
 
4313
+ export declare const TextVariableNames: {
4314
+ readonly 'wst-heading-1-font': "wst-heading-1-font";
4315
+ readonly 'wst-heading-2-font': "wst-heading-2-font";
4316
+ readonly 'wst-heading-3-font': "wst-heading-3-font";
4317
+ readonly 'wst-heading-4-font': "wst-heading-4-font";
4318
+ readonly 'wst-heading-5-font': "wst-heading-5-font";
4319
+ readonly 'wst-heading-6-font': "wst-heading-6-font";
4320
+ readonly 'wst-paragraph-1-font': "wst-paragraph-1-font";
4321
+ readonly 'wst-paragraph-2-font': "wst-paragraph-2-font";
4322
+ readonly 'wst-paragraph-3-font': "wst-paragraph-3-font";
4323
+ readonly 'wst-heading-1-color': "wst-heading-1-color";
4324
+ readonly 'wst-heading-2-color': "wst-heading-2-color";
4325
+ readonly 'wst-heading-3-color': "wst-heading-3-color";
4326
+ readonly 'wst-heading-4-color': "wst-heading-4-color";
4327
+ readonly 'wst-heading-5-color': "wst-heading-5-color";
4328
+ readonly 'wst-heading-6-color': "wst-heading-6-color";
4329
+ readonly 'wst-paragraph-1-color': "wst-paragraph-1-color";
4330
+ readonly 'wst-paragraph-2-color': "wst-paragraph-2-color";
4331
+ readonly 'wst-paragraph-3-color': "wst-paragraph-3-color";
4332
+ };
4333
+
3407
4334
  declare interface TranslationResources {
3408
4335
  /**
3409
4336
  * The URL that we will add the language to for fetching translations, example: `https://somecdn.com/translations/`
@@ -3494,6 +4421,207 @@ export declare interface VisibleState {
3494
4421
  elementPath?: string;
3495
4422
  }
3496
4423
 
4424
+ export declare const WixThemeVariableNames: {
4425
+ 'wst-system-line-1-width': "wst-system-line-1-width";
4426
+ 'wst-system-line-2-width': "wst-system-line-2-width";
4427
+ 'wst-system-line-1-color': "wst-system-line-1-color";
4428
+ 'wst-system-line-2-color': "wst-system-line-2-color";
4429
+ 'wst-box-primary-background-image': "wst-box-primary-background-image";
4430
+ 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
4431
+ 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
4432
+ 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
4433
+ 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
4434
+ 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
4435
+ 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
4436
+ 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
4437
+ 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
4438
+ 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
4439
+ 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
4440
+ 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
4441
+ 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
4442
+ 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
4443
+ 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
4444
+ 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
4445
+ 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
4446
+ 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
4447
+ 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
4448
+ 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
4449
+ 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
4450
+ 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
4451
+ 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
4452
+ 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
4453
+ 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
4454
+ 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
4455
+ 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
4456
+ 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
4457
+ 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
4458
+ 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
4459
+ 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
4460
+ 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
4461
+ 'wst-box-primary-background-color': "wst-box-primary-background-color";
4462
+ 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
4463
+ 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
4464
+ 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
4465
+ 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
4466
+ 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
4467
+ 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
4468
+ 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
4469
+ 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
4470
+ 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
4471
+ 'wst-button-primary-background-image': "wst-button-primary-background-image";
4472
+ 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
4473
+ 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
4474
+ 'wst-button-primary-font': "wst-button-primary-font";
4475
+ 'wst-button-primary-font-family': "wst-button-primary-font-family";
4476
+ 'wst-button-primary-font-size': "wst-button-primary-font-size";
4477
+ 'wst-button-primary-font-style': "wst-button-primary-font-style";
4478
+ 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
4479
+ 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
4480
+ 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
4481
+ 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
4482
+ 'wst-button-primary-line-height': "wst-button-primary-line-height";
4483
+ 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
4484
+ 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
4485
+ 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
4486
+ 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
4487
+ 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
4488
+ 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
4489
+ 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
4490
+ 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
4491
+ 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
4492
+ 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
4493
+ 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
4494
+ 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
4495
+ 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
4496
+ 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
4497
+ 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
4498
+ 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
4499
+ 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
4500
+ 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
4501
+ 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
4502
+ 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
4503
+ 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
4504
+ 'wst-button-secondary-font': "wst-button-secondary-font";
4505
+ 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
4506
+ 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
4507
+ 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
4508
+ 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
4509
+ 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
4510
+ 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
4511
+ 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
4512
+ 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
4513
+ 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
4514
+ 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
4515
+ 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
4516
+ 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
4517
+ 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
4518
+ 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
4519
+ 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
4520
+ 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
4521
+ 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
4522
+ 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
4523
+ 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
4524
+ 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
4525
+ 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
4526
+ 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
4527
+ 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
4528
+ 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
4529
+ 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
4530
+ 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
4531
+ 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
4532
+ 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
4533
+ 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
4534
+ 'wst-button-tertiary-font': "wst-button-tertiary-font";
4535
+ 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
4536
+ 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
4537
+ 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
4538
+ 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
4539
+ 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
4540
+ 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
4541
+ 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
4542
+ 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
4543
+ 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
4544
+ 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
4545
+ 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
4546
+ 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
4547
+ 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
4548
+ 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
4549
+ 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
4550
+ 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
4551
+ 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
4552
+ 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
4553
+ 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
4554
+ 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
4555
+ 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
4556
+ 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
4557
+ 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
4558
+ 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
4559
+ 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
4560
+ 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
4561
+ 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
4562
+ 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
4563
+ 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
4564
+ 'wst-button-primary-background-color': "wst-button-primary-background-color";
4565
+ 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
4566
+ 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
4567
+ 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
4568
+ 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
4569
+ 'wst-button-primary-color': "wst-button-primary-color";
4570
+ 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
4571
+ 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
4572
+ 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
4573
+ 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
4574
+ 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
4575
+ 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
4576
+ 'wst-button-secondary-color': "wst-button-secondary-color";
4577
+ 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
4578
+ 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
4579
+ 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
4580
+ 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
4581
+ 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
4582
+ 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
4583
+ 'wst-button-tertiary-color': "wst-button-tertiary-color";
4584
+ 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
4585
+ 'wst-heading-1-font': "wst-heading-1-font";
4586
+ 'wst-heading-2-font': "wst-heading-2-font";
4587
+ 'wst-heading-3-font': "wst-heading-3-font";
4588
+ 'wst-heading-4-font': "wst-heading-4-font";
4589
+ 'wst-heading-5-font': "wst-heading-5-font";
4590
+ 'wst-heading-6-font': "wst-heading-6-font";
4591
+ 'wst-paragraph-1-font': "wst-paragraph-1-font";
4592
+ 'wst-paragraph-2-font': "wst-paragraph-2-font";
4593
+ 'wst-paragraph-3-font': "wst-paragraph-3-font";
4594
+ 'wst-heading-1-color': "wst-heading-1-color";
4595
+ 'wst-heading-2-color': "wst-heading-2-color";
4596
+ 'wst-heading-3-color': "wst-heading-3-color";
4597
+ 'wst-heading-4-color': "wst-heading-4-color";
4598
+ 'wst-heading-5-color': "wst-heading-5-color";
4599
+ 'wst-heading-6-color': "wst-heading-6-color";
4600
+ 'wst-paragraph-1-color': "wst-paragraph-1-color";
4601
+ 'wst-paragraph-2-color': "wst-paragraph-2-color";
4602
+ 'wst-paragraph-3-color': "wst-paragraph-3-color";
4603
+ 'wst-primary-background-color': "wst-primary-background-color";
4604
+ 'wst-secondary-background-color': "wst-secondary-background-color";
4605
+ 'wst-links-and-actions-color': "wst-links-and-actions-color";
4606
+ 'wst-graphics-1-color': "wst-graphics-1-color";
4607
+ 'wst-graphics-2-color': "wst-graphics-2-color";
4608
+ 'wst-system-success-color': "wst-system-success-color";
4609
+ 'wst-system-error-color': "wst-system-error-color";
4610
+ 'wst-system-alert-color': "wst-system-alert-color";
4611
+ 'wst-system-disabled-color': "wst-system-disabled-color";
4612
+ 'wst-system-default-dark-color': "wst-system-default-dark-color";
4613
+ 'wst-system-default-light-color': "wst-system-default-light-color";
4614
+ 'wst-base-1-color': "wst-base-1-color";
4615
+ 'wst-base-2-color': "wst-base-2-color";
4616
+ 'wst-shade-1-color': "wst-shade-1-color";
4617
+ 'wst-shade-2-color': "wst-shade-2-color";
4618
+ 'wst-shade-3-color': "wst-shade-3-color";
4619
+ 'wst-accent-1-color': "wst-accent-1-color";
4620
+ 'wst-accent-2-color': "wst-accent-2-color";
4621
+ 'wst-accent-3-color': "wst-accent-3-color";
4622
+ 'wst-accent-4-color': "wst-accent-4-color";
4623
+ };
4624
+
3497
4625
  export declare interface WritingMode {
3498
4626
  /**
3499
4627
  * list of writing-mode values in case we want to reduce the abilities exposed to the User