@wix/react-component-schema 1.6.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.d.ts +424 -0
  2. package/dist/index.js +245 -1
  3. package/dist/theme-variables.module.css +199 -0
  4. package/dist/theme-variables.scss +199 -0
  5. package/package.json +7 -3
  6. package/src/__snapshots__/index.test.ts.snap +1075 -1
  7. package/src/index.test.ts +10 -0
  8. package/src/index.ts +27 -0
  9. package/vite.config.ts +25 -0
package/dist/index.d.ts CHANGED
@@ -244,6 +244,51 @@ export declare interface Behaviors {
244
244
  removable?: boolean | null;
245
245
  }
246
246
 
247
+ export declare const BoxVariableNames: {
248
+ readonly 'wst-box-primary-background-image': "wst-box-primary-background-image";
249
+ readonly 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
250
+ readonly 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
251
+ readonly 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
252
+ readonly 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
253
+ readonly 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
254
+ readonly 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
255
+ readonly 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
256
+ readonly 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
257
+ readonly 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
258
+ readonly 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
259
+ readonly 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
260
+ readonly 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
261
+ readonly 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
262
+ readonly 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
263
+ readonly 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
264
+ readonly 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
265
+ readonly 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
266
+ readonly 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
267
+ readonly 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
268
+ readonly 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
269
+ readonly 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
270
+ readonly 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
271
+ readonly 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
272
+ readonly 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
273
+ readonly 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
274
+ readonly 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
275
+ readonly 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
276
+ readonly 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
277
+ readonly 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
278
+ readonly 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
279
+ readonly 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
280
+ readonly 'wst-box-primary-background-color': "wst-box-primary-background-color";
281
+ readonly 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
282
+ readonly 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
283
+ readonly 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
284
+ readonly 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
285
+ readonly 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
286
+ readonly 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
287
+ readonly 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
288
+ readonly 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
289
+ readonly 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
290
+ };
291
+
247
292
  declare enum BreakpointEnumBreakpoint {
248
293
  UNKNOWN_Breakpoint = "UNKNOWN_Breakpoint",
249
294
  /** Represents the small (mobile) breakpoint */
@@ -259,6 +304,123 @@ declare interface BreakpointPresetStyleOverrides {
259
304
  small?: PresetStyleOverrides;
260
305
  }
261
306
 
307
+ export declare const ButtonVariableNames: {
308
+ readonly 'wst-button-primary-background-image': "wst-button-primary-background-image";
309
+ readonly 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
310
+ readonly 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
311
+ readonly 'wst-button-primary-font': "wst-button-primary-font";
312
+ readonly 'wst-button-primary-font-family': "wst-button-primary-font-family";
313
+ readonly 'wst-button-primary-font-size': "wst-button-primary-font-size";
314
+ readonly 'wst-button-primary-font-style': "wst-button-primary-font-style";
315
+ readonly 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
316
+ readonly 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
317
+ readonly 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
318
+ readonly 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
319
+ readonly 'wst-button-primary-line-height': "wst-button-primary-line-height";
320
+ readonly 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
321
+ readonly 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
322
+ readonly 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
323
+ readonly 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
324
+ readonly 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
325
+ readonly 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
326
+ readonly 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
327
+ readonly 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
328
+ readonly 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
329
+ readonly 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
330
+ readonly 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
331
+ readonly 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
332
+ readonly 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
333
+ readonly 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
334
+ readonly 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
335
+ readonly 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
336
+ readonly 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
337
+ readonly 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
338
+ readonly 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
339
+ readonly 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
340
+ readonly 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
341
+ readonly 'wst-button-secondary-font': "wst-button-secondary-font";
342
+ readonly 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
343
+ readonly 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
344
+ readonly 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
345
+ readonly 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
346
+ readonly 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
347
+ readonly 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
348
+ readonly 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
349
+ readonly 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
350
+ readonly 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
351
+ readonly 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
352
+ readonly 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
353
+ readonly 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
354
+ readonly 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
355
+ readonly 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
356
+ readonly 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
357
+ readonly 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
358
+ readonly 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
359
+ readonly 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
360
+ readonly 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
361
+ readonly 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
362
+ readonly 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
363
+ readonly 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
364
+ readonly 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
365
+ readonly 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
366
+ readonly 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
367
+ readonly 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
368
+ readonly 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
369
+ readonly 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
370
+ readonly 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
371
+ readonly 'wst-button-tertiary-font': "wst-button-tertiary-font";
372
+ readonly 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
373
+ readonly 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
374
+ readonly 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
375
+ readonly 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
376
+ readonly 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
377
+ readonly 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
378
+ readonly 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
379
+ readonly 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
380
+ readonly 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
381
+ readonly 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
382
+ readonly 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
383
+ readonly 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
384
+ readonly 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
385
+ readonly 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
386
+ readonly 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
387
+ readonly 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
388
+ readonly 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
389
+ readonly 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
390
+ readonly 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
391
+ readonly 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
392
+ readonly 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
393
+ readonly 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
394
+ readonly 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
395
+ readonly 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
396
+ readonly 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
397
+ readonly 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
398
+ readonly 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
399
+ readonly 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
400
+ readonly 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
401
+ readonly 'wst-button-primary-background-color': "wst-button-primary-background-color";
402
+ readonly 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
403
+ readonly 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
404
+ readonly 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
405
+ readonly 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
406
+ readonly 'wst-button-primary-color': "wst-button-primary-color";
407
+ readonly 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
408
+ readonly 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
409
+ readonly 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
410
+ readonly 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
411
+ readonly 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
412
+ readonly 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
413
+ readonly 'wst-button-secondary-color': "wst-button-secondary-color";
414
+ readonly 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
415
+ readonly 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
416
+ readonly 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
417
+ readonly 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
418
+ readonly 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
419
+ readonly 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
420
+ readonly 'wst-button-tertiary-color': "wst-button-tertiary-color";
421
+ readonly 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
422
+ };
423
+
262
424
  declare interface ClientResources {
263
425
  /**
264
426
  * A URL to an ESM javascript bundle. It's default export should be the component
@@ -302,6 +464,29 @@ declare interface CodePanel {
302
464
  cssUrl?: string | null;
303
465
  }
304
466
 
467
+ export declare const ColorVariableNames: {
468
+ readonly 'wst-primary-background-color': "wst-primary-background-color";
469
+ readonly 'wst-secondary-background-color': "wst-secondary-background-color";
470
+ readonly 'wst-links-and-actions-color': "wst-links-and-actions-color";
471
+ readonly 'wst-graphics-1-color': "wst-graphics-1-color";
472
+ readonly 'wst-graphics-2-color': "wst-graphics-2-color";
473
+ readonly 'wst-system-success-color': "wst-system-success-color";
474
+ readonly 'wst-system-error-color': "wst-system-error-color";
475
+ readonly 'wst-system-alert-color': "wst-system-alert-color";
476
+ readonly 'wst-system-disabled-color': "wst-system-disabled-color";
477
+ readonly 'wst-system-default-dark-color': "wst-system-default-dark-color";
478
+ readonly 'wst-system-default-light-color': "wst-system-default-light-color";
479
+ readonly 'wst-base-1-color': "wst-base-1-color";
480
+ readonly 'wst-base-2-color': "wst-base-2-color";
481
+ readonly 'wst-shade-1-color': "wst-shade-1-color";
482
+ readonly 'wst-shade-2-color': "wst-shade-2-color";
483
+ readonly 'wst-shade-3-color': "wst-shade-3-color";
484
+ readonly 'wst-accent-1-color': "wst-accent-1-color";
485
+ readonly 'wst-accent-2-color': "wst-accent-2-color";
486
+ readonly 'wst-accent-3-color': "wst-accent-3-color";
487
+ readonly 'wst-accent-4-color': "wst-accent-4-color";
488
+ };
489
+
305
490
  export declare interface ComponentInitialSize {
306
491
  /** The component initial width setting */
307
492
  width?: InitialSizeSetting;
@@ -1569,6 +1754,16 @@ declare enum DisplayValueEnumDisplayValue {
1569
1754
  listItem = "listItem"
1570
1755
  }
1571
1756
 
1757
+ export declare const DOM_EVENT: {
1758
+ readonly POINTER: "POINTER";
1759
+ readonly CHANGE: "CHANGE";
1760
+ readonly FOCUS: "FOCUS";
1761
+ readonly SUBMIT: "SUBMIT";
1762
+ readonly KEYBOARD: "KEYBOARD";
1763
+ };
1764
+
1765
+ export declare type DomEvent = (typeof DOM_EVENT)[keyof typeof DOM_EVENT];
1766
+
1572
1767
  declare interface EditorDependencies {
1573
1768
  /**
1574
1769
  * A list of service dependencies required by the component, example: ['@wix/environment']
@@ -2322,6 +2517,13 @@ export declare const LAYOUT: {
2322
2517
  BREAKPOINT: typeof BreakpointEnumBreakpoint;
2323
2518
  };
2324
2519
 
2520
+ export declare const LineVariableNames: {
2521
+ readonly 'wst-system-line-1-width': "wst-system-line-1-width";
2522
+ readonly 'wst-system-line-2-width': "wst-system-line-2-width";
2523
+ readonly 'wst-system-line-1-color': "wst-system-line-1-color";
2524
+ readonly 'wst-system-line-2-color': "wst-system-line-2-color";
2525
+ };
2526
+
2325
2527
  export declare interface Link {
2326
2528
  /**
2327
2529
  * A collection of possible link types that the component supports. Only one of the types will make it to the component after input.
@@ -3394,6 +3596,27 @@ export declare interface TextGroup {
3394
3596
  a11y?: string | null;
3395
3597
  }
3396
3598
 
3599
+ export declare const TextVariableNames: {
3600
+ readonly 'wst-heading-1-font': "wst-heading-1-font";
3601
+ readonly 'wst-heading-2-font': "wst-heading-2-font";
3602
+ readonly 'wst-heading-3-font': "wst-heading-3-font";
3603
+ readonly 'wst-heading-4-font': "wst-heading-4-font";
3604
+ readonly 'wst-heading-5-font': "wst-heading-5-font";
3605
+ readonly 'wst-heading-6-font': "wst-heading-6-font";
3606
+ readonly 'wst-paragraph-1-font': "wst-paragraph-1-font";
3607
+ readonly 'wst-paragraph-2-font': "wst-paragraph-2-font";
3608
+ readonly 'wst-paragraph-3-font': "wst-paragraph-3-font";
3609
+ readonly 'wst-heading-1-color': "wst-heading-1-color";
3610
+ readonly 'wst-heading-2-color': "wst-heading-2-color";
3611
+ readonly 'wst-heading-3-color': "wst-heading-3-color";
3612
+ readonly 'wst-heading-4-color': "wst-heading-4-color";
3613
+ readonly 'wst-heading-5-color': "wst-heading-5-color";
3614
+ readonly 'wst-heading-6-color': "wst-heading-6-color";
3615
+ readonly 'wst-paragraph-1-color': "wst-paragraph-1-color";
3616
+ readonly 'wst-paragraph-2-color': "wst-paragraph-2-color";
3617
+ readonly 'wst-paragraph-3-color': "wst-paragraph-3-color";
3618
+ };
3619
+
3397
3620
  declare interface TranslationResources {
3398
3621
  /**
3399
3622
  * The URL that we will add the language to for fetching translations, example: `https://somecdn.com/translations/`
@@ -3484,6 +3707,207 @@ export declare interface VisibleState {
3484
3707
  elementPath?: string;
3485
3708
  }
3486
3709
 
3710
+ export declare const WixThemeVariableNames: {
3711
+ 'wst-system-line-1-width': "wst-system-line-1-width";
3712
+ 'wst-system-line-2-width': "wst-system-line-2-width";
3713
+ 'wst-system-line-1-color': "wst-system-line-1-color";
3714
+ 'wst-system-line-2-color': "wst-system-line-2-color";
3715
+ 'wst-box-primary-background-image': "wst-box-primary-background-image";
3716
+ 'wst-box-secondary-background-image': "wst-box-secondary-background-image";
3717
+ 'wst-box-primary-border-left-width': "wst-box-primary-border-left-width";
3718
+ 'wst-box-primary-border-right-width': "wst-box-primary-border-right-width";
3719
+ 'wst-box-primary-border-top-width': "wst-box-primary-border-top-width";
3720
+ 'wst-box-primary-border-bottom-width': "wst-box-primary-border-bottom-width";
3721
+ 'wst-box-primary-border-left-style': "wst-box-primary-border-left-style";
3722
+ 'wst-box-primary-border-right-style': "wst-box-primary-border-right-style";
3723
+ 'wst-box-primary-border-top-style': "wst-box-primary-border-top-style";
3724
+ 'wst-box-primary-border-bottom-style': "wst-box-primary-border-bottom-style";
3725
+ 'wst-box-primary-border-top-left-radius': "wst-box-primary-border-top-left-radius";
3726
+ 'wst-box-primary-border-top-right-radius': "wst-box-primary-border-top-right-radius";
3727
+ 'wst-box-primary-border-bottom-left-radius': "wst-box-primary-border-bottom-left-radius";
3728
+ 'wst-box-primary-border-bottom-right-radius': "wst-box-primary-border-bottom-right-radius";
3729
+ 'wst-box-primary-box-shadow': "wst-box-primary-box-shadow";
3730
+ 'wst-box-secondary-border-left-width': "wst-box-secondary-border-left-width";
3731
+ 'wst-box-secondary-border-right-width': "wst-box-secondary-border-right-width";
3732
+ 'wst-box-secondary-border-top-width': "wst-box-secondary-border-top-width";
3733
+ 'wst-box-secondary-border-bottom-width': "wst-box-secondary-border-bottom-width";
3734
+ 'wst-box-secondary-border-left-style': "wst-box-secondary-border-left-style";
3735
+ 'wst-box-secondary-border-right-style': "wst-box-secondary-border-right-style";
3736
+ 'wst-box-secondary-border-top-style': "wst-box-secondary-border-top-style";
3737
+ 'wst-box-secondary-border-bottom-style': "wst-box-secondary-border-bottom-style";
3738
+ 'wst-box-secondary-border-top-left-radius': "wst-box-secondary-border-top-left-radius";
3739
+ 'wst-box-secondary-border-top-right-radius': "wst-box-secondary-border-top-right-radius";
3740
+ 'wst-box-secondary-border-bottom-left-radius': "wst-box-secondary-border-bottom-left-radius";
3741
+ 'wst-box-secondary-border-bottom-right-radius': "wst-box-secondary-border-bottom-right-radius";
3742
+ 'wst-box-secondary-padding-bottom': "wst-box-secondary-padding-bottom";
3743
+ 'wst-box-secondary-padding-top': "wst-box-secondary-padding-top";
3744
+ 'wst-box-secondary-padding-left': "wst-box-secondary-padding-left";
3745
+ 'wst-box-secondary-padding-right': "wst-box-secondary-padding-right";
3746
+ 'wst-box-secondary-box-shadow': "wst-box-secondary-box-shadow";
3747
+ 'wst-box-primary-background-color': "wst-box-primary-background-color";
3748
+ 'wst-box-primary-border-left-color': "wst-box-primary-border-left-color";
3749
+ 'wst-box-primary-border-right-color': "wst-box-primary-border-right-color";
3750
+ 'wst-box-primary-border-top-color': "wst-box-primary-border-top-color";
3751
+ 'wst-box-primary-border-bottom-color': "wst-box-primary-border-bottom-color";
3752
+ 'wst-box-secondary-background-color': "wst-box-secondary-background-color";
3753
+ 'wst-box-secondary-border-left-color': "wst-box-secondary-border-left-color";
3754
+ 'wst-box-secondary-border-right-color': "wst-box-secondary-border-right-color";
3755
+ 'wst-box-secondary-border-top-color': "wst-box-secondary-border-top-color";
3756
+ 'wst-box-secondary-border-bottom-color': "wst-box-secondary-border-bottom-color";
3757
+ 'wst-button-primary-background-image': "wst-button-primary-background-image";
3758
+ 'wst-button-secondary-background-image': "wst-button-secondary-background-image";
3759
+ 'wst-button-tertiary-background-image': "wst-button-tertiary-background-image";
3760
+ 'wst-button-primary-font': "wst-button-primary-font";
3761
+ 'wst-button-primary-font-family': "wst-button-primary-font-family";
3762
+ 'wst-button-primary-font-size': "wst-button-primary-font-size";
3763
+ 'wst-button-primary-font-style': "wst-button-primary-font-style";
3764
+ 'wst-button-primary-font-weight': "wst-button-primary-font-weight";
3765
+ 'wst-button-primary-text-decoration': "wst-button-primary-text-decoration";
3766
+ 'wst-button-primary-text-transform': "wst-button-primary-text-transform";
3767
+ 'wst-button-primary-letter-spacing': "wst-button-primary-letter-spacing";
3768
+ 'wst-button-primary-line-height': "wst-button-primary-line-height";
3769
+ 'wst-button-primary-text-shadow': "wst-button-primary-text-shadow";
3770
+ 'wst-button-primary-box-shadow': "wst-button-primary-box-shadow";
3771
+ 'wst-button-primary-border-left-width': "wst-button-primary-border-left-width";
3772
+ 'wst-button-primary-border-right-width': "wst-button-primary-border-right-width";
3773
+ 'wst-button-primary-border-top-width': "wst-button-primary-border-top-width";
3774
+ 'wst-button-primary-border-bottom-width': "wst-button-primary-border-bottom-width";
3775
+ 'wst-button-primary-border-left-style': "wst-button-primary-border-left-style";
3776
+ 'wst-button-primary-border-right-style': "wst-button-primary-border-right-style";
3777
+ 'wst-button-primary-border-top-style': "wst-button-primary-border-top-style";
3778
+ 'wst-button-primary-border-bottom-style': "wst-button-primary-border-bottom-style";
3779
+ 'wst-button-primary-padding-bottom': "wst-button-primary-padding-bottom";
3780
+ 'wst-button-primary-padding-top': "wst-button-primary-padding-top";
3781
+ 'wst-button-primary-padding-left': "wst-button-primary-padding-left";
3782
+ 'wst-button-primary-padding-right': "wst-button-primary-padding-right";
3783
+ 'wst-button-primary-border-top-left-radius': "wst-button-primary-border-top-left-radius";
3784
+ 'wst-button-primary-border-top-right-radius': "wst-button-primary-border-top-right-radius";
3785
+ 'wst-button-primary-border-bottom-left-radius': "wst-button-primary-border-bottom-left-radius";
3786
+ 'wst-button-primary-border-bottom-right-radius': "wst-button-primary-border-bottom-right-radius";
3787
+ 'wst-button-primary-column-gap': "wst-button-primary-column-gap";
3788
+ 'wst-button-primary-row-gap': "wst-button-primary-row-gap";
3789
+ 'wst-button-primary-justify-content': "wst-button-primary-justify-content";
3790
+ 'wst-button-secondary-font': "wst-button-secondary-font";
3791
+ 'wst-button-secondary-font-family': "wst-button-secondary-font-family";
3792
+ 'wst-button-secondary-font-size': "wst-button-secondary-font-size";
3793
+ 'wst-button-secondary-font-style': "wst-button-secondary-font-style";
3794
+ 'wst-button-secondary-font-weight': "wst-button-secondary-font-weight";
3795
+ 'wst-button-secondary-text-decoration': "wst-button-secondary-text-decoration";
3796
+ 'wst-button-secondary-text-transform': "wst-button-secondary-text-transform";
3797
+ 'wst-button-secondary-letter-spacing': "wst-button-secondary-letter-spacing";
3798
+ 'wst-button-secondary-line-height': "wst-button-secondary-line-height";
3799
+ 'wst-button-secondary-text-shadow': "wst-button-secondary-text-shadow";
3800
+ 'wst-button-secondary-box-shadow': "wst-button-secondary-box-shadow";
3801
+ 'wst-button-secondary-border-left-width': "wst-button-secondary-border-left-width";
3802
+ 'wst-button-secondary-border-right-width': "wst-button-secondary-border-right-width";
3803
+ 'wst-button-secondary-border-top-width': "wst-button-secondary-border-top-width";
3804
+ 'wst-button-secondary-border-bottom-width': "wst-button-secondary-border-bottom-width";
3805
+ 'wst-button-secondary-border-left-style': "wst-button-secondary-border-left-style";
3806
+ 'wst-button-secondary-border-right-style': "wst-button-secondary-border-right-style";
3807
+ 'wst-button-secondary-border-top-style': "wst-button-secondary-border-top-style";
3808
+ 'wst-button-secondary-border-bottom-style': "wst-button-secondary-border-bottom-style";
3809
+ 'wst-button-secondary-padding-bottom': "wst-button-secondary-padding-bottom";
3810
+ 'wst-button-secondary-padding-top': "wst-button-secondary-padding-top";
3811
+ 'wst-button-secondary-padding-left': "wst-button-secondary-padding-left";
3812
+ 'wst-button-secondary-padding-right': "wst-button-secondary-padding-right";
3813
+ 'wst-button-secondary-border-top-left-radius': "wst-button-secondary-border-top-left-radius";
3814
+ 'wst-button-secondary-border-top-right-radius': "wst-button-secondary-border-top-right-radius";
3815
+ 'wst-button-secondary-border-bottom-left-radius': "wst-button-secondary-border-bottom-left-radius";
3816
+ 'wst-button-secondary-border-bottom-right-radius': "wst-button-secondary-border-bottom-right-radius";
3817
+ 'wst-button-secondary-column-gap': "wst-button-secondary-column-gap";
3818
+ 'wst-button-secondary-row-gap': "wst-button-secondary-row-gap";
3819
+ 'wst-button-secondary-justify-content': "wst-button-secondary-justify-content";
3820
+ 'wst-button-tertiary-font': "wst-button-tertiary-font";
3821
+ 'wst-button-tertiary-font-family': "wst-button-tertiary-font-family";
3822
+ 'wst-button-tertiary-font-size': "wst-button-tertiary-font-size";
3823
+ 'wst-button-tertiary-font-style': "wst-button-tertiary-font-style";
3824
+ 'wst-button-tertiary-font-weight': "wst-button-tertiary-font-weight";
3825
+ 'wst-button-tertiary-text-decoration': "wst-button-tertiary-text-decoration";
3826
+ 'wst-button-tertiary-text-transform': "wst-button-tertiary-text-transform";
3827
+ 'wst-button-tertiary-letter-spacing': "wst-button-tertiary-letter-spacing";
3828
+ 'wst-button-tertiary-line-height': "wst-button-tertiary-line-height";
3829
+ 'wst-button-tertiary-text-shadow': "wst-button-tertiary-text-shadow";
3830
+ 'wst-button-tertiary-box-shadow': "wst-button-tertiary-box-shadow";
3831
+ 'wst-button-tertiary-border-left-width': "wst-button-tertiary-border-left-width";
3832
+ 'wst-button-tertiary-border-right-width': "wst-button-tertiary-border-right-width";
3833
+ 'wst-button-tertiary-border-top-width': "wst-button-tertiary-border-top-width";
3834
+ 'wst-button-tertiary-border-bottom-width': "wst-button-tertiary-border-bottom-width";
3835
+ 'wst-button-tertiary-border-left-style': "wst-button-tertiary-border-left-style";
3836
+ 'wst-button-tertiary-border-right-style': "wst-button-tertiary-border-right-style";
3837
+ 'wst-button-tertiary-border-top-style': "wst-button-tertiary-border-top-style";
3838
+ 'wst-button-tertiary-border-bottom-style': "wst-button-tertiary-border-bottom-style";
3839
+ 'wst-button-tertiary-padding-bottom': "wst-button-tertiary-padding-bottom";
3840
+ 'wst-button-tertiary-padding-top': "wst-button-tertiary-padding-top";
3841
+ 'wst-button-tertiary-padding-left': "wst-button-tertiary-padding-left";
3842
+ 'wst-button-tertiary-padding-right': "wst-button-tertiary-padding-right";
3843
+ 'wst-button-tertiary-border-top-left-radius': "wst-button-tertiary-border-top-left-radius";
3844
+ 'wst-button-tertiary-border-top-right-radius': "wst-button-tertiary-border-top-right-radius";
3845
+ 'wst-button-tertiary-border-bottom-left-radius': "wst-button-tertiary-border-bottom-left-radius";
3846
+ 'wst-button-tertiary-border-bottom-right-radius': "wst-button-tertiary-border-bottom-right-radius";
3847
+ 'wst-button-tertiary-column-gap': "wst-button-tertiary-column-gap";
3848
+ 'wst-button-tertiary-row-gap': "wst-button-tertiary-row-gap";
3849
+ 'wst-button-tertiary-justify-content': "wst-button-tertiary-justify-content";
3850
+ 'wst-button-primary-background-color': "wst-button-primary-background-color";
3851
+ 'wst-button-primary-border-left-color': "wst-button-primary-border-left-color";
3852
+ 'wst-button-primary-border-right-color': "wst-button-primary-border-right-color";
3853
+ 'wst-button-primary-border-top-color': "wst-button-primary-border-top-color";
3854
+ 'wst-button-primary-border-bottom-color': "wst-button-primary-border-bottom-color";
3855
+ 'wst-button-primary-color': "wst-button-primary-color";
3856
+ 'wst-button-primary-text-highlight': "wst-button-primary-text-highlight";
3857
+ 'wst-button-secondary-background-color': "wst-button-secondary-background-color";
3858
+ 'wst-button-secondary-border-left-color': "wst-button-secondary-border-left-color";
3859
+ 'wst-button-secondary-border-right-color': "wst-button-secondary-border-right-color";
3860
+ 'wst-button-secondary-border-top-color': "wst-button-secondary-border-top-color";
3861
+ 'wst-button-secondary-border-bottom-color': "wst-button-secondary-border-bottom-color";
3862
+ 'wst-button-secondary-color': "wst-button-secondary-color";
3863
+ 'wst-button-secondary-text-highlight': "wst-button-secondary-text-highlight";
3864
+ 'wst-button-tertiary-background-color': "wst-button-tertiary-background-color";
3865
+ 'wst-button-tertiary-border-left-color': "wst-button-tertiary-border-left-color";
3866
+ 'wst-button-tertiary-border-right-color': "wst-button-tertiary-border-right-color";
3867
+ 'wst-button-tertiary-border-top-color': "wst-button-tertiary-border-top-color";
3868
+ 'wst-button-tertiary-border-bottom-color': "wst-button-tertiary-border-bottom-color";
3869
+ 'wst-button-tertiary-color': "wst-button-tertiary-color";
3870
+ 'wst-button-tertiary-text-highlight': "wst-button-tertiary-text-highlight";
3871
+ 'wst-heading-1-font': "wst-heading-1-font";
3872
+ 'wst-heading-2-font': "wst-heading-2-font";
3873
+ 'wst-heading-3-font': "wst-heading-3-font";
3874
+ 'wst-heading-4-font': "wst-heading-4-font";
3875
+ 'wst-heading-5-font': "wst-heading-5-font";
3876
+ 'wst-heading-6-font': "wst-heading-6-font";
3877
+ 'wst-paragraph-1-font': "wst-paragraph-1-font";
3878
+ 'wst-paragraph-2-font': "wst-paragraph-2-font";
3879
+ 'wst-paragraph-3-font': "wst-paragraph-3-font";
3880
+ 'wst-heading-1-color': "wst-heading-1-color";
3881
+ 'wst-heading-2-color': "wst-heading-2-color";
3882
+ 'wst-heading-3-color': "wst-heading-3-color";
3883
+ 'wst-heading-4-color': "wst-heading-4-color";
3884
+ 'wst-heading-5-color': "wst-heading-5-color";
3885
+ 'wst-heading-6-color': "wst-heading-6-color";
3886
+ 'wst-paragraph-1-color': "wst-paragraph-1-color";
3887
+ 'wst-paragraph-2-color': "wst-paragraph-2-color";
3888
+ 'wst-paragraph-3-color': "wst-paragraph-3-color";
3889
+ 'wst-primary-background-color': "wst-primary-background-color";
3890
+ 'wst-secondary-background-color': "wst-secondary-background-color";
3891
+ 'wst-links-and-actions-color': "wst-links-and-actions-color";
3892
+ 'wst-graphics-1-color': "wst-graphics-1-color";
3893
+ 'wst-graphics-2-color': "wst-graphics-2-color";
3894
+ 'wst-system-success-color': "wst-system-success-color";
3895
+ 'wst-system-error-color': "wst-system-error-color";
3896
+ 'wst-system-alert-color': "wst-system-alert-color";
3897
+ 'wst-system-disabled-color': "wst-system-disabled-color";
3898
+ 'wst-system-default-dark-color': "wst-system-default-dark-color";
3899
+ 'wst-system-default-light-color': "wst-system-default-light-color";
3900
+ 'wst-base-1-color': "wst-base-1-color";
3901
+ 'wst-base-2-color': "wst-base-2-color";
3902
+ 'wst-shade-1-color': "wst-shade-1-color";
3903
+ 'wst-shade-2-color': "wst-shade-2-color";
3904
+ 'wst-shade-3-color': "wst-shade-3-color";
3905
+ 'wst-accent-1-color': "wst-accent-1-color";
3906
+ 'wst-accent-2-color': "wst-accent-2-color";
3907
+ 'wst-accent-3-color': "wst-accent-3-color";
3908
+ 'wst-accent-4-color': "wst-accent-4-color";
3909
+ };
3910
+
3487
3911
  export declare interface WritingMode {
3488
3912
  /**
3489
3913
  * list of writing-mode values in case we want to reduce the abilities exposed to the User